@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"); html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ font-family:Montserrat, serif; font-size:14px; height: 100%; margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; } header { width:100%; position:fixed; z-index: 1000; box-shadow: 0 10px 12px #00000030; background-color: white; } input[type=submit], input[type=Reset], button, a[type=button], a.btn { -webkit-appearance:none; } a.hoverOcra:hover { color:#E0A920 !important; } #bodyContainer { margin-top: 50px; padding:0 16px; flex-grow: 1;} .desktopOnly { display:block; } .mobileOnly { display:none; } .font-titles { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; } .ocra { color:#E0A920; } .borderCard {border: 1px solid #ddd; border-radius: 10px;} .borderBottom {border-bottom: 1px solid #ddd;} .pointer { cursor:pointer !important; } .logo_span { float: left; margin-right: 16px; padding:0 0 8px; } .tag_ling { float: left; color: #6c6c6c; line-height: 1.1; padding: 8px 0; } .map_tag { float: left; } .soon_tag { background-color: #ff715b; color: white; padding: 2px 5px; border-radius: 10px; line-height: 1em; font-size: 10px !important; font-weight: 600; display: inline-block !important; } .text-white-50 { color: rgba(255, 255, 255, .5); } .bg-purple { background-color: #6f42c1; } .bg-light-yellow { background-color: #e0a920; padding:0 !important;} .navbar { padding-top: 1rem;padding-bottom: 1rem; } .map_maker {float: left; margin-top: 12px; margin-right: 4px; font-size: 22px; color: #6c6c6c;} .search_bar{ padding: 10px 0; } .input-group span { border-radius: 0 10px 10px 0; cursor: pointer; } .form-control:focus { color: #212529; border-color: #ddd !important; outline: 0 !important; box-shadow: none !important; } input:focus { outline: -webkit-focus-ring-color auto 0 !important; } .btn:focus { box-shadow: none; } .ausBtn { color: white !important; background-color: #E0A920; border: 1px solid transparent; } .ausBtn:hover { color: #000 !important; background-color: #ffffff; border: 1px solid #e0a920; } .ausBtnOcraInverted { color: #6c6c6c !important; background-color: transparent; border:1px solid #e0a920; } .ausBtnOcraInverted:hover, .ausBtnOcraInverted:active, .ausBtnOcraInverted:focus { color: white !important; background-color: #E0A920; border-color: #E0A920; } @media (hover: none) { .ausBtnOcraInverted:active { color: white; background-color: #E0A920; border-color: #E0A920; }} /* gestisce ipad */ #menu_left { float: left; padding: 4px 0; } #menu_left a { border-right: 1px solid #6c6c6c; padding: 0 32px; color: #6c6c6c; text-decoration: none; } #menu_right { float: right; padding: 4px 0;} #menu_right a { border-left:1px solid #6c6c6c;padding:0 30px; color: #6c6c6c; text-decoration: none;} .text-col-6d {color: #6d6d6d !important;;} .overlay {padding:0 32px;height:0;width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-y: auto;transition: 0.5s;} .overlay-content {position: relative;top: 14%;width: 100%;text-align: center;} .overlay a {padding: 8px;text-decoration: none;font-size: 32px;color: #818181;display: block;transition: 0.3s;} .overlay a:hover, .overlay a:focus {color: #f1f1f1;} .overlay .closebtn {position: absolute;right: 45px;font-size: 60px;} .alternate_banner { background-color: #e5e5e5; text-align: center; padding: 48px 8px; margin-top: 32px; } .alternate_banner h1 { font-size: 3.5rem; font-weight: bolder; color: #6d6d6d; } .icons { color: #e0a920; } .supports { margin-top: 32px; margin-bottom: 32px; } .p_one { font-weight:700; } .p_one, .p_two { margin-bottom:0; } .c_body { padding-left:15px; padding-top:9px; } .supports .card { border: none; padding: 16px 0; } .first_row_deals { margin: 16px 0 8px 0; padding: 8px 0; color: #6c6c6c;} .first_row_deals h3 { float: left; letter-spacing: -1px; } .badge_for_deals { padding: 4px 16px; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%); color: palevioletred; margin-left: 8px; } .btnHome:hover { color:white;background-color:#E0A920;border-color:#E0A920; } .sliderTitle { width: 100%; margin-right: 20px; border-bottom: 1px solid #6d6d6d; padding-bottom:6px; } .vedi_tutti { max-width: fit-content; text-align: right; border-bottom: 1px solid #6d6d6d; margin-bottom: 0; margin-top: 5px;padding-bottom:6px; } .lnkShowAll { font-weight:normal; color:#6d6d6d; text-decoration: none; font-size: 18px; } .lnkShowAll:hover { color:#E0A920; } .carousel-indicators button { width: 10px !important; height:10px !important; display:inline-block; border-radius: 50%; margin: 0 4px; border:none; background-color: #ddd !important; } .carousel-indicators button.active { background-color: #888 !important; } .carousel-caption { position: absolute; right: 0; top: 24%; left: 5%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff !important; text-align: center; } .btmImgCaption button, .lngImgCaption button { padding: 8px 32px;} .lngImgCaption {bottom: 10%; left: 2%;} .btmImgCaption {bottom: 10%; left: 2%; width: 96%;} .hp .carousel { margin:0; } .vedi_tutti h3 { margin-bottom: 0; } .vedi_tutti h3 a { color:#6c6c6c; text-decoration: none; font-size:18px } .vedi_tutti h3:hover { font-weight: 700; cursor: pointer; border-bottom: 4px solid #6d6d6d; padding-bottom: 6px; position: absolute; right: 0; top: -28px; width: 96px; } .owl-stage-outer { padding:8px; } .card { transition: top 0.5s ease 0s, box-shadow 0.5s; top: 0; } .card:hover { box-shadow: 3px 4px 7px -3px #aaa; top:-3px } .card-price { margin-bottom: 1rem; color:#14848c; font-weight: bold; } .card-price small { font-weight: 400 !important; text-decoration: line-through; font-size: 11px; margin-left: 10px; color: #666; } .card-body { background-color: #eee; line-height: initial; font-size: 0.9rem; border-radius: 0 0 5px 5px; color: #6d6d6d; min-height:73px; } .compraOra { border:1px solid #e0a920; } .compraOra:hover { color: #fff !important; background-color: #e0a920 !important; border-radius: 8px; } .discountTag { background-color: #14848c;padding: 15px 10px;border-radius: 50%;right: 32px;top: 32px;width: 65px;color: #fff;text-align: center; z-index: 9; } .brandDiscountTag { background-color: #14848c; padding: 12px 10px; border-radius: 50%; right: 24px; top: 10px; width: 50px; color: #fff; text-align: center; z-index: 9;} #slider_4 .owl-item.active .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; /*box-shadow: 0 0 10px grey;*/ border: 0 solid rgba(0,0,0,.125); margin: 8px; } /*#slider_1 .img_here i { top: 8px; left: 8px; color: palevioletred; }*/ .owl-item.active .card { border: 0 !important;} .col-md-2 { display: inline-block; } .col-md-2 img { width:100%; height:auto; } .col-md-4 { display: inline-block; } .col-md-4 img { width:100%; height:auto; } .carousel { margin: 32px 0; } .carousel-control-prev-icon, .carousel-control-next-icon { color: #6d6d6d; width: auto; height: auto; background: none; } body .no-padding{ padding-left: 0; padding-right: 0; } .img_here { padding: 0; border: 1px solid #ddd; height: 240px; background-size: contain; background-repeat: no-repeat; background-position: center; } @media(max-width:700px) { .img_here {height: 150px; }} /*#slider_1 .img_here img, #slider_2 .img_here img, #slider_3 .img_here img, #slider_5 .img_here img { border-radius: 5px 5px 0 0 }*/ /*#slider_4 .img_here img { height: auto; border-radius: 5px 5px 0 0; }*/ #homeMainBanner #carouselHomeTop .carousel-inner{ width: calc(100% - 0%) !important; } #homeMainBanner #carouselHomeTop .carousel-item { width: 100% !important; height: 50vh; background-size: cover; background-position:bottom right; } #homeMainBanner > div:first-of-type > div:last-of-type { height: 43vh; background-size: cover; background-position:center right; } .carousel-item a:hover { text-decoration: none; } .carousel-inner { width: 98% !important;} .carousel-control-prev { left: -16px !important; width: 3% !important; } .carousel-control-next { right: -16px !important; width: 3% !important; } .owl-carousel a { text-decoration: none; color: #6d6d6d; } .owl-prev { position: absolute; left: -40px; top: 40%; color: #E0A920 !important; } .owl-next { position: absolute; right: -40px; top: 40%; color: #E0A920 !important; } button:focus { outline: 0; } .owl-dots { display: none; } .owl-carousel .owl-nav.disabled { display: block !important; } #slider_four .carousel-item { width: 100% !important; padding: 0 24px; text-align: center;} #slider_four .carousel-item .col-sm-4, #slider_four .carousel-item .col-md-4{ width: 32%; } .bottom_para_div { padding: 0 24px; } .bottom_para_div #login_def { font-size: 1.1rem; } #loginLogoImg { width: auto; } .login_div .mt-8 { margin-top: 8px; } .login_row { color: #6d6d6d; margin-top: 32px; } #uname, #psw { margin-bottom: 4px; font-weight: lighter; font-size: 24px; letter-spacing: -1px;} #psw { margin-top: 24px; } .login_row input[type=text], .login_row input[type=password] { width: 100%;margin: 8px 0;border: none;display: inline-block;border-bottom: 1px solid #aaa;background: #ddd;box-sizing: border-box;} .login_div { margin: 16px 0; } .login_div a { color: #6d6d6d; text-decoration: none; cursor: pointer;} .login_row input[type=text]:focus, input[type=password]:focus { outline: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 111111s; -webkit-transition: color 11111s ease-out, background-color 111111s ease-out; } /*.login_row button { border-radius: 8px; background-color: #e0a920;color: #6d6d6d; padding: 4px 16px; margin: 8px 0; border: none; cursor: pointer; width: auto; }*/ .text_fields { padding: 4px 16px; background-color: #ddd; border-radius: 16px; } .bottom_sec a { color: #e0a920 !important; text-decoration: none; cursor: pointer;} .line_over p { width: 100%; text-align: center; border-bottom: 1px solid #6d6d6d; line-height: 0.1em; margin: 32px 0 32px; } .line_over p span { background:#fff; padding:0 10px; } #sign_up_fields label { margin-bottom: 0; font-weight: lighter; font-size: 20px; letter-spacing: -1px; } .pass_condition { font-size: 0.9rem; min-height: 32px; margin-bottom: 0; } .clr_yellow { color: #e0a920 !important; } .btn_gen, .btn_gen:hover { border-radius: 8px; letter-spacing: -1px; font-weight: lighter; background-color: #e0a920; color: #6d6d6d; padding: 4px 16px; margin: 8px 0 0 0; border: none; cursor: pointer; width: auto; } .vertical_center { margin: auto; width: 440px;} #iconBackTop { cursor:pointer; position: absolute; top: 8px; right: 30px; z-index: 95; } .quickToCart {top: 90% !important; left: 80% !important; color: #6f6f6f !important; width:30px !important; } .quickToWishList { top: 16px; right: 16px; font-size: 24px; color: #6d6d6d; width: 30px !important; } #tableAddressModify a:hover { text-decoration: underline; } /************** product detail.php***************/ .first_row_pro_detail { margin: 16px 40px 16px 40px; padding: 8px 0; color: #6c6c6c; } .first_row_pro_detail h3 { float: left; letter-spacing: -1px; } .img_box { padding: 20px 0; text-align: center; background-color: #ddd; color: #6d6d6d; font-weight: 700; margin-bottom: 16px; } .main_img_box { padding: 120px 0; text-align: center; background-color:white; min-height:437px; color: #6d6d6d; font-weight: 700; font-size: 72px; } .specs_details .detail_of_pro { color: #6d6d6d; } .specs_details .detail_of_pro p { margin-bottom: 0; } .rate { float: left; height: auto; } .rate:not(:checked) > input { position:absolute; top:-9999px; } .rate:not(:checked) > label { float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:24px;color:#ccc; } .rate:not(:checked) > label:before {content: '\2B24 ';} .rate > input:checked ~ label {color: #e0a920;} .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {color: #e0a920;} .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {color: #e0a920;} #rate_text { position: absolute; top: 11px; margin-left: 16px; font-weight: 500;} .rating_div { min-height: 32px; } .border_line {width: 100%;border-bottom: 1px solid #6d6d6d;margin: 8px 0; } .clr_black { color: #000; } .detail_of_pro a {color: #e0a920 !important; } .detail_of_pro .img_box { width: 48px; height: 48px; margin: 8px 16px 16px 0; float: left; padding: 20px 0; } .specs_details { line-height: 1.2; } .fw { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .btn_pro_detail { border-radius: 8px; background-color: #e0a920;color: #6d6d6d; padding: 8px 16px; margin: 8px 0; border: none; cursor: pointer; text-align: left; letter-spacing: 0;} .btn_pro_detail em { margin: 0 16px; font-style: normal; } .carousel-inner .col-sm-2 { padding: 0 16px; } .carousel-inner .col-sm-2 a { text-decoration: none; } .heading_row, .content_row { text-align: center; color: #6d6d6d; } .heading_row { padding: 24px 0; border-bottom: 1px solid #6d6d6d; } .content_row { padding: 16px 64px; } .content_row p { margin-bottom: 0; } .aus-flexible-width { flex: 1; } .auz-fit-content { width: fit-content; } #lnkSignInUpTopAddress { color:#6d6d6d; } #lnkSignInUpTopAddress:hover { text-decoration:none; border-bottom: 1px solid #e0a920; } #login_def { line-height: 1.3; font-size: 0.9rem; } #login_footer { background-color: #6c6c6c; min-height: 80px; color: #fff; margin-top: 16px;} #login_footer a { color: #fff; text-decoration: none; } footer { width:100%; position:relative; background-color: #6c6c6c; color: white;} footer h3 { font-weight: 600; color: #fff; } footer ul { list-style-type: none; padding: 0; margin-bottom: 0; } footer a { text-decoration: none; color: #fff; } footer a:hover { text-decoration: none; color: #E0A920; } footer #footerCredits { padding-bottom:20px;font-size:0.7em; } footer #footerCredits a {margin:0 10px; } footer #footerLinksContainer { display: inline-flex; padding:32px 0px; width:100%; position:relative; } footer #footerLinksContainer > div { margin-right: 30px; } footer #footerLinksContainer > div:last-child { margin-right:0; position: absolute; right: 0; } footer #footerAus { min-width:80px; } footer #footerCustomerCare { max-width:240px; } footer #footerBusiness { max-width:180px; } footer #footerBuy { max-width:250px; } footer #footerNewsletter { max-width:430px; } #small_images_portion_for_mb { display: none;} #show_on_mobile { display: none; } #show_on_mobile { text-align: right; font-size: 24px; padding-top: 4px; color: #6d6d6d; } .timerIcon { position:absolute; top: 8px; left: 8px; width: 40px !important;} /* GLOBAL */ .modal-button { text-align: right; padding: 0 16px !important; margin: 24px 0; } .modal-header { display: block; background-color: #e0a920; color: #fff; font-weight: bold; border-radius: 16px 16px 0 0; border-bottom: none; } .modalClear .modal-header { background-color: white; color: #e0a920; text-align: center; } .modal-header .close { outline: none; color: #fff; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: .2; background: none; margin: 0; padding: 0; border: 0; } .modal-header .modal-title { text-align: center; } .modal-footer { padding: 16px 32px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;border-top: none; } .modal-body { padding-left: 32px; padding-right: 32px; } .modal-body .form div { margin-bottom: 5px; } .modal-body .form-group label { font-size: 12px; text-align: left; padding-top: 8px; font-weight: bold; } .modal-header .close, .modal-header .btn-close {display:none;} .modal-content { border-radius:16px;} .switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; } .switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 24px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; } .switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.3s; } .switchToggle input:checked + label, .switchToggle input:checked + input + label {background: #3e98d3; } .switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Yes'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; } .switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); } .switchToggle label:active:after {width: 60px; } .boxShadow {border-radius: 8px; -webkit-box-shadow: 3px 4px 7px -3px #aaa; -moz-box-shadow: 3px 4px 7px -3px #aaa; box-shadow: 3px 4px 7px -3px #aaa; } .item-title-color { color: #6a6a6a !important; } .save {border-color: #e0a920 !important;color: #6d6d6d !important;outline: none !important;background: none !important;} .save:hover {background-color: #ff99331a !important;} .back {border-color: #6d6d6d !important;background-color: #fff !important;color: #6d6d6d !important;} .back:hover { font-weight: bold; } .color6d { color: #6d6d6d;} .colorGreen { color: green;} .colorRed { color: red;} .alert { width: fit-content; position: fixed; bottom: 24px; right: 24px; z-index: 1000; } .textUnderline:hover { text-decoration: underline !important; } .border-bot { border-bottom: 1px solid #242424; } .center { display: flex; align-items: center; justify-content: center; flex-direction: column; } :root { --clr-prim: #008f9e; --clr-prim-h: #178242; --clr-bad: #d91e18; --clr-box: #f9f9f9; --clr-box-dark: #f2f2f2; --clr-border: #d9d9d9; --txt-clr: #333333; --shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); --cubic: cubic-bezier(0.11, 0.54, 0.33, 1.01); } .dual-range { --range-size: 14px; --range-width: 88%; --handle-size: 1.3; height: var(--range-size); width: var(--range-width); background: var(--clr-box-dark); border-radius: 50px; position: relative; user-select: none; } .dual-range .highlight { position: absolute; height: var(--range-size); width: calc( 100% - 0% + calc(var(--range-size) * var(--handle-size)) ); left: 0%; background: var(--clr-prim); z-index: 1; border-radius: 50px; } .dual-range .handle { width: calc(var(--range-size) * var(--handle-size)); height: calc(var(--range-size) * var(--handle-size)); background: #E0A920; position: absolute; box-shadow: var(--shadow); border-radius: 50%; top: 50%; transform: translateY(-50%); z-index: 2; cursor: grab; } .dual-range .handle:active { cursor: grabbing; } .dual-range .handle.left { left: 0%; } .dual-range .handle.right { left: 100%; } .dual-range .handle::after { content: "$" attr(data-value); position: absolute; top: 100%; /*left: 50%;*/ transform: translateX(-50%); } .mr-16 { margin-right: 16px !important; } .userFirstRow h1{color:#6d6d6d;} .userFirstRow {border-bottom:1px solid #6d6d6d;} #backgroundDullByFilter { display:none; height: 100vh; width: 100vw; position:fixed; top: 0; left: 0; z-index:8; background-color: rgba(0, 0, 0, 0.5); } #filterOptions { display:none; } #filterAccordions .accordion-button { padding: .6rem; } #filterAccordions .accordion-button:hover { font-weight: 600; background-color: #eee; } #filterAccordions .accordion-button:not(.collapsed) { color: #000; background-color: #eee; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);font-weight: 600; } #filterAccordions .accordion-button::after { content: ' \002B'; background-image: none; } #filterAccordions .accordion-button:not(.collapsed)::after { background-image: none; content: '\2212'; transform: none; font-weight: 600; } #wishListData, #modalAddRemoveWishListSelection ul, #productWishLists { list-style-type: none; } #wishListData li, #modalAddRemoveWishListSelection ul li, #productWishLists li { height: 32px;} #wishListData li a, #modalAddRemoveWishListSelection ul li a, #productWishLists li a { display: block; text-decoration: none; } #wishListData li a:not(.btn), #modalAddRemoveWishListSelection ul li a:not(.btn), #productWishLists li a:not(.btn) { color: #6d6d6d !important; } #wishListData .btn { border: 1px solid #ddd; margin-top:16px; } #wishListData #btnWishlistGoToLogin {margin-top:32px; font-size: 16px; } #wishListData li a:hover, #pageCart #wishListData li a:hover, #modalAddRemoveWishListSelection ul li a:hover, #productWishLists li a:hover { border-bottom: 1px solid #e0a920; cursor: pointer; } .align-state-delivered { width: 100px; text-align: center; left: -42px; } .align-state-load { width: 100px; text-align: center; left: -42px; } .orderListCard .accordion-item:first-of-type .accordion-button { border-top-left-radius: 10px; border-top-right-radius: 10px; } .orderListCard .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .accordion-button:hover{background-color: #eee !important;} .accordion-button:focus { box-shadow: none; border-color: #e0a920; outline: none; } .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='gray'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='gray'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button:not(.collapsed) { color: #212529; background-color: #faf2de; } .accordion-button.collapsed { background-color: white !important; color: #212529;} .accordion-item:first-of-type .accordion-button { border:none !important } .orderListCard .accordion-button:not(.collapsed) { color: #212529; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); } .orderListCard .accordion-button:focus { border-color: transparent; box-shadow: none; } /* single button modals */ #modalInfoAboutOrder .modal-header{background-color:white; border-bottom:none;} #modalInfoAboutOrder .modal-header .modal-title {color:#e0a920;} /* CSS v.2 */ .colOcra { color:#E0A920 !important; } .colOttanio { color:#008f9e !important; } .bgColLightGrey { background-color:#f6f6ef; } .btn.bgcolOcra { padding:10px 16px; background-color:#E0A920 !important; color:white !important; } .btn.bgcolOcra:hover { background-color:#E0A920 !important; } .btn.bgcolOttanioInvert { padding:8px 16px; border:1px solid #008f9e; background-color:transparent !important; } .btn.bgcolOttanioInvert:hover { padding:8px 16px; border:1px solid #008f9e; background-color:#008f9e !important; color:#fff !important; } .btn.bgcolOcraInvert { padding:8px 16px; border:1px solid #E0A920; background-color:transparent; color:#6c6c6c; } .btn.bgcolOcraInvert:hover, .btn.bgcolOcraInvert:active, .btn.bgcolOcraInvert:visited, .btn.bgcolOcraInvert:focus { padding:8px 16px; border:1px solid #E0A920; background-color:#E0A920 !important; color:#fff !important; } .btn.bgcolBlackInvert { padding:8px 16px; border:1px solid #2a3d4b; background-color:transparent !important; } .btn.bgcolBlackInvert:hover { padding:8px 16px; border:1px solid #2a3d4b; background-color:#2a3d4b !important; color:#fff !important; } header { min-height: 50px; } header .middleMenu a { color:#212529;text-decoration:none; padding:20px 16px; letter-spacing:1.0px; } header .middleMenu a:hover { font-weight: 600; } header #menuIconsContainer { padding-right:0; text-align:right; } header #menuIconsContainer img { height:25px !important; cursor:pointer; } header #menuIconsContainer .dropdown-menu li { display: -webkit-box;} header #headerMobile #forIconTopUserMobile li { display: -webkit-box;} header #menuIconsContainer .iconHeaderContainer { position:relative;display: inline-block; } header #menuIconsContainer .iconHeaderContainer img { width:25px !important; } header #menuIconsContainer #forIconTopUser, header #headerMobile #forIconTopUser, header #menuIconsContainer #contextForMarker { width:260px; position:absolute; top: 40px; left: -120px; } header #menuIconsContainer #forIconTopUser::before, header #menuIconsContainer #contextForMarker::before {content: '\25E2'; position:absolute; transform: rotateZ(225deg); color: #e0a920; width:10px; left:calc(50% - 5px); top: -18px;} header #forIconTopUser li, #forIconTopUser li a, #forIconTopUser li i, #forIconTopUser .secondLevelMenu p, #forIconTopUser .secondLevelMenu button { color: #6d6d6d; } header #forIconTopUser li:hover a, header .activeListItem a { background-color: transparent; width: fit-content; border-bottom: 1px solid #e0a920; color: #6d6d6d; } header #forIconTopUser li:hover i { color: #e0a920;} header #forIconTopUser li a { cursor: pointer; } header #contextForMarker { border-radius: 0 0 16px 16px; border-top: 8px solid #e0a920; z-index: 110; display: none; background-color: #fff; } header #contextForMarker a { text-decoration: none;} header #contextForMarker span:hover { border-bottom: 1px solid #e0a90e; } header #header-row { margin:10px 0 !important; } header #header-row > div { padding:0 !important; margin:0 !important; } header #divMenuContainer a.active { font-weight: 600; } header #divGlobalSearchContainer { position: absolute; top:7px; left:0; z-index: 999; width: 60%; margin: 0 20%; } header #divGlobalSearchContainerForMobile1 { position: absolute; top:14px; left:0; z-index: 999; width: 80%; margin: 0 4%; } header #divGlobalSearchContainerForMobile2 { position: absolute; top:14px; left:0; z-index: 999; width: 80%; margin: 0 4%; } header #divGlobalSearchContainer #txtGlobalSearch { width:100%; padding:5px 40px 5px 40px; border:1px solid #e0a920; border-radius:5px; } header #divGlobalSearchContainerForMobile1 #txtGlobalSearchMobile1 { width:100%; padding:5px 40px 5px 40px; border:1px solid #e0a920; border-radius:5px; } header #divGlobalSearchContainerForMobile2 #txtGlobalSearchMobile2 { width:100%; padding:5px 40px 5px 40px; border:1px solid #e0a920; border-radius:5px; } header #divGlobalSearchContainer #txtGlobalSearch:focus { outline:none } header #divGlobalSearchAutocomplete, header #divGlobalSearchAutocompleteMobile { display:none; max-height: 50vh; overflow: auto; background-color:#eee; position:absolute; top:40px; left:0; z-index:200; text-align:left; width:calc(100% - 40px); margin-left:20px; text-transform:none; padding-bottom:15px; border-radius:0 0 5px 5px;} header #divGlobalSearchAutocomplete ul, header #divGlobalSearchAutocompleteMobile ul { margin:0 30px; padding:0; } header #divGlobalSearchAutocomplete ul li, header #divGlobalSearchAutocompleteMobile ul li { list-style-type:none; padding:5px 0; } header #divGlobalSearchAutocomplete ul li.searchItemType, header #divGlobalSearchAutocompleteMobile ul li.searchItemType { background-color:#ddd; padding:5px 30px; font-size:14px; margin:0 -30px; } header #divGlobalSearchAutocomplete ul li:not(.searchItemType):hover, header #divGlobalSearchAutocompleteMobile ul li:not(.searchItemType):hover { font-weight:600; border-bottom:1px solid #e0a920; cursor:pointer; } header #bgGlobalDarkBackground { display:none; position:absolute; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.5); z-index:100; font-size:18px; } header #megamenu, #megamenuFurniture, #megamenuService { display:none; position:absolute; z-index:100; top:0; left:0; width:100%; } header #megamenu > div, #megamenuFurniture > div, #megamenuService > div { background-color:white; margin:0 auto; padding:0; border-top:5px solid #e0a920; border-radius:0 0 5px 5px; } header #megamenu div.col-4, #megamenuFurniture div.col-4, #megamenuService div.col-4 { max-height: 730px; overflow-y: auto; overflow-x: hidden; } header #megamenu img, #megamenuFurniture img, #megamenuService img { width:30px; height:30px; margin-right:10px; } header #megamenu ul, #megamenuFurniture ul, #megamenuService ul { padding-left:0 ; } header #megamenu li, #megamenuFurniture li, #megamenuService li { list-style-type:none; padding:5px 20px; font-size:15px; margin:0 -15px; } header #megamenu li:hover, #megamenuFurniture li:hover, #megamenuService li:hover { background:#e6e6e6; color:#e0a920; cursor:pointer;} header #menuTopEdilizia.active, #menuTopArredo.active, #menuTopServizi.active { position:relative;} header #menuTopEdilizia.active::after, #menuTopArredo.active::after, #menuTopServizi.active::after {content: '\25E2'; position: absolute; top: 40px; left: calc(50% - 10px); transform: rotateZ(225deg); color: #e0a920; } header #ediliziaMainMenu a, header #furnitureMainMenu a, header #serviceMainMenu a {text-decoration:none; color:#6d6d6d;} header #megamenu a, header #megamenuFurniture a, header #megamenuService a {text-decoration:none; color:#6d6d6d; display:flex;} header .activeMenu { background:#eee; color:#e0a920; font-weight:600; } header .dropdown-menu, .dropdown-menu { border-top:8px solid #e0a920; border-bottom-left-radius:16px !important; border-bottom-right-radius:16px !important; } header .topHeadList { background-color:rgba(0,0,0,0.2); } header .iconTop { margin-right:10px; } header #forLangSelector {z-index: 999; min-width: 300px; right: -120px; top: 40px; background-color: rgba(255, 255, 255, 0.9); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top: 8px solid #e0a920;} header #forLangSelector::before {content: '\25E2'; position:absolute; transform: rotateZ(225deg); color: #e0a920; top: -17px; left: calc(50% - 5px); width: 10px;} header .topHeadList { background-color: rgba(0,0,0,0.2); } header .activeListItem i { color: #e0a920 !important;} header .secondLevelMenu { border-radius: 10px 0 10px 10px; border: 1px solid #eee; background-color: #fff; height:255px; width: 260px; display: none; top: 0; position: absolute; left: -260px; } header #forIconTopUserMobile .secondLevelMenu { border-radius: 10px 0 10px 10px; border: 1px solid #eee; background-color: #fff; height:255px; width: 230px; display: none; top: 0; position: absolute; left: -230px; } header .secondLevelMenu button { border: 1px solid #ddd;} header #listItemOneSection p:hover { width: fit-content; border-bottom: 1px solid #e0a920; font-weight: bold; cursor: pointer;} header #listItemOneSection .dropdown-item:hover { color: #1e2125; background-color: transparent; } header .imgIconUser { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #e0a920; background-color: rgba(0,0,0,0.2); } header #listItemThreeSection a, #listItemFourSection a {color: #008f9e; text-decoration: none;letter-spacing: -1px; font-weight: 500;} header .usersOfSite { width: 35px; height: 35px; border-radius: 50%; background-color: rgba(0,0,0, 0.2); } header .loggedInUser { border: 1px solid #e0a920; } header #cartQty { right:-5px;top: -5px; min-width: 20px; border-radius: 50%; background-color: #e0a920; color: #6d6d6d; font-weight: 800; } header #cartQtyMobile { right:5px;top: -8px; min-width: 20px; border-radius: 50%; background-color: #e0a920; color: #6d6d6d; font-weight: 800; } header .accordianLang { list-style-type: none; padding: 0; margin-bottom: 0;} header .accordion-body .accordianLang li { padding: 10px 0 10px 10px; cursor: pointer;} header .accordion-body .accordianLang li:hover { background-color:#eee; } header .accordion-button:focus { z-index: 3; border-color: #e0a920; box-shadow: none; } header .accordion-button:not(.collapsed) { color: #0c63e4; background-color: rgba(224, 169, 32, 0.1); } header .btn-close {padding: 0; color: white;border: none;font-size: 16px;float: right; margin-top: 0; margin-right: 0; } footer #paymentIconContainer img { width: 50px; text-align: right; } #whoWeAre > div { padding:128px 0; } #whoWeAre > div:last-of-type { padding:0 0 128px; } #whoWeAre #greyBox { background:#f2f2f2 } #whoWeAre h1 { text-align:center; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 3.5rem; } #whoWeAre h1 > span { color:#E0A920; font-weight:900; } #whoWeAre .subtitle { font-size: 30px; color: #666; font-weight: 600; display: block; text-align: center; } #whoWeAre .big { font-size:20px; text-align: center; color:white; font-weight: 600; } #whoWeAre h2 { color:#E0A920; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-weight:900; font-size: 46px; } #whoWeAre h3 { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 45px;} #whoWeAre .card { height: 310px; padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; display: flex; justify-content: center; align-items: center; text-align: center; } #whoWeAre .box { border-radius:20px; background-color:#f2f2f2; padding:32px; text-align:center; } #whoWeAre .box h3 { color:white; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-weight:900; font-size: 44px; } #whoWeAre .card > span { display: inline-block; vertical-align: middle; line-height: normal; font-size:1.15rem; } #whoWeAre .img_txt { width:90%; max-width: 960px; margin: 0 auto; } #whoWeAre .img_txt img { width:460px; } @media screen and (max-width: 1024px) { #whoWeAre .img_txt { width:100% } } #pageBrands > div:first-of-type { padding:128px 0; background-image: url('/assets/images/pages/brand/cover.png'); background-size:auto 100%; background-position:right; background-repeat:no-repeat; } #pageBrands > div:first-of-type h1 { font-weight: 600; font-size: 4.5em; } #pageBrands > div:first-of-type p { font-size: 2rem; } #pageBrands #filterContainer { font-size: 2.5rem; color: #6d6d6d; margin: 64px 0; padding-bottom: 16px; border-bottom: 2px solid #e0a920; text-align:center; } #pageBrands #filterContainer span { font-size: 20px; display: inline-block; margin-right: 10px; } #pageBrands #filterContainer span:hover { cursor:pointer; font-weight: 600; } #pageBrands #filterContainer span.active { font-weight: bold; font-size:22px; } #pageBrands #lstBrands div { margin-bottom: 24px; cursor:pointer; border:1px solid #fff; } #pageBrands #lstBrands div a { color:#6c6c6c; text-decoration: none; } #pageBrands #lstBrands div img { width:100%; border-radius: 5px 5px 0 0; } #pageBrands #lstBrands div span { color: #6c6c6c; background-color: #eee; display: block; text-align: center; padding: 10px; text-transform: uppercase; border-radius: 0 0 5px 5px; } #pageBrands #noElements { display:none; margin-bottom: 64px; } #pageHome #carouselHomeTop .carousel-inner h3 { color:#212529; } #pageHome #carouselHomeTop .carousel-inner > div { background-size: contain; background-repeat: no-repeat; background-position: right; } #pageHome #carouselHomeTop .carousel-inner > div:nth-child(1) { background-image:url('/assets/images/pages/home/bg-carousel1.png'); } #pageHome #carouselHomeTop .carousel-inner > div:nth-child(2) { background-image:url('/assets/images/pages/home/bg-carousel2.png'); } #pageHome #carouselHomeTop .carousel-inner > div:nth-child(3) { background-image:url('/assets/images/pages/home/bg-carousel3.png'); } #pageHome #homeMainBanner #bannerSeller { background-image:url('/assets/images/pages/home/bg-seller.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } #pageHome #homeMainBanner #bannerProfessionalDesktop { background-image: url('/assets/images/pages/home/bg-professionals.png'); background-size: contain; background-repeat: no-repeat; background-position:bottom center; } #pageHome #advertimentsZone { height:500px; margin:64px 0; } #pageHome #advertimentsZone > div:first-child { position:relative; float:left; width:calc(100% - 320px); height:500px; background-image:url('/assets/images/pages/home/banner-sx.png'); background-size:auto 100%; background-repeat:no-repeat; background-position: right center;} @media screen and (max-width: 1400px) { #pageHome #advertimentsZone > div:first-child { background-size:auto 70%; }} @media screen and (max-width:990px) { #pageHome #advertimentsZone > div:first-child { background-image:none; }} #pageHome #advertimentsZone > div:first-child > span { position:absolute; bottom: 150px; left:50px; font-size: 2.5rem; } #pageHome #advertimentsZone > div:first-child > div { position: absolute; width:500px; bottom: 20%; left: 30px; } @media screen and (max-width: 1400px) { #pageHome #advertimentsZone > div:first-child > div { width:50%; }} @media screen and (max-width:990px) { #pageHome #advertimentsZone > div:first-child > div { width:85%; }} #pageHome #advertimentsZone > div:last-child { float:right; width:320px; height:500px; background-image:url('/assets/images/pages/home/banner-dx.png'); background-size: 80%; background-repeat: no-repeat; background-position: bottom; } #pageHome #txtNewsletterHome { display: inline-block; width: 285px;margin-bottom:5px; } #pageHome #btnAdd2NewsletterHome { padding:5px 16px } @media screen and (max-width: 768px) { #pageHome #txtNewsletterHome { width:100%; margin-top: 150px } #pageHome #btnAdd2NewsletterHome { width: 100% !important; } } #pageHelpAuth input[type=button], #pageHelpRequest input[type=button] { background-color: #fff; color:#6d6d6d;font-weight:600;padding:16px 32px;border: 2px solid #e0a920;border-radius:10px; } #pageHelpAuth input[type=button]:hover, #pageHelpRequest input[type=button]:hover { background-color: #e0a920; color:#fff; } #pageHelpAuth textarea { padding:16px;width:100%; } #pageHelpAuth h2 { color:#14848C; margin-bottom:32px; } #pageHelpAuth a { text-decoration:none; } #pageHelpAuth .dropdown-menu { border-top:none;width:287px;} #pageHelpAuth .dropdown-menu span { cursor:pointer; } #pageHelpAuth #divResult { display: none; margin-bottom:32px; } #pageHelpRequest textarea { padding:16px;width:100%; } #pageHelpRequest .dropdown-menu { border-top:none;width:287px;} #pageHelpRequest .dropdown-menu span { cursor:pointer; } #pageHelpRequest #divResult { display: none; margin-bottom: 24px; } #pageCart, #pageCartSummary { padding:64px 0; } #pageCart a { text-decoration: none; } #pageCart h1, #pageCart h2, #pageCart h3{color:#6d6d6d;} #pageCart #btnGoToSummary, #pageCart #btnClearCart, #pageCartSummary #btnCloseOrder { padding:16px; border-radius:8px; margin-bottom:8px; width:100%; cursor:pointer; } #pageCart #btnGoToSummary, #pageCartSummary #btnCloseOrder { background-color:#e0a920; font-weight:700; color:white; } #pageCart #btnGoToSummary:hover, #pageCartSummary #btnCloseOrder:hover { background-color:#ecb52a; } #pageCart #btnClearCart { background-color:#eee; } #pageCart #btnClearCart:hover { background-color:#e4e4e4; } #pageCart #redeemCouponContainer, #pageCartSummary #redeemCouponContainer { margin:16px 0 32px; } #pageCart #redeemCouponContainer input, #pageCartSummary #redeemCouponContainer input { padding: 5px 15px; border: 1px solid #aaa; border-radius: 8px;} #pageCart #redeemCouponContainer button { background: #eee; } #pageCart #redeemCouponContainer button:hover { background-color:#e4e4e4; } #pageCart #cartItems, #pageCartSummary #cartItems { list-style-type:none; padding:0; } #pageCart #cartItems li img, #pageCartSummary #cartItems li img { max-width: 100px; } #pageCart #cartItems li a, #pageCartSummary #cartItems li a { color: #14848C; font-weight: 600; display: block; text-decoration: none; } #pageCart #cartItems li a:hover, #pageCartSummary #cartItems li a:hover { text-decoration: underline; } #pageCart #cartItems li .spUdm, #pageCartSummary #cartItems li .spUdm { display: inline-block; width: 120px; } #pageCart #cartItems li .spQty, #pageCartSummary #cartItems li .spQty { display: inline-block; margin: 0 5px; width:70px } #pageCart #cartItems li .removeFromCart, #pageCartSummary #cartItems li .removeFromCart { display: inline-block; cursor: pointer; font-weight: 600; margin-left: 30px; font-size: 12px; text-decoration: none; } #pageCart #divGoToLogin { text-align:center; padding:24px; margin:24px 0; border: 1px solid #aaa; border-radius: 8px; color: #6d6d6d; font-weight: 600; } #pageCart #divGoToLogin a:first-of-type { background-color: #e0a920; width:100%; padding:16px; color: #fff; font-weight: 600; margin:16px 0 } #pageCart #divGoToLogin a:last-of-type { color: #14848C; text-decoration: none; } #pageCart #divGoToLogin a:last-of-type:hover { text-decoration: underline; } #pageCart #newAddress { color:#14848C; text-decoration: none; } #pageCart #newAddress:hover { text-decoration: underline; } #pageCart .unitPrice { text-decoration: line-through; font-size: 0.8em; color: #6d6d6d !important; margin-left: 10px; } /*#pageServices h1 { font-size:3.5rem; text-transform:uppercase; }*/ /*#pageServices h2 { font-size:1.75rem; font-weight:700; margin-bottom:16px; }*/ #pageServices > div:first-child { height:400px; background-size:auto 100%; background-position:right; background-repeat:no-repeat; } #pageServices > div:last-child { padding:32px 0; } #pageServices .img-fluid { max-width:460px; } @media screen and (max-width: 768px) { #pageServices .img-fluid { max-width:100% } } #pageBrowse > div:first-of-type h1 { font-weight: 600; font-size: 4.5em; text-transform:uppercase; } #pageBrowse > div:first-of-type p { font-size: 24px; } #pageBrowse > div:first-child { height:400px; background-size:auto 100%; background-position:right; background-repeat:no-repeat; } #pageBrowse > div:last-child { padding:32px 0; } #pageBrowse div div a, #pageServices div div a { text-decoration:none; } #pageBrowse .categoryBox, #pageServices .categoryBox { width: 20%; color:#000; text-transform:uppercase; border:1px solid #e0a920; border-radius:15px; display:inline-block; margin:24px; padding:6px 12px; text-align:center; vertical-align:middle; height: 110px; line-height: 90px; } #pageBrowse .categoryBox .discoverMore, #pageServices .categoryBox .discoverMore { display:none; text-transform:none!important; color:#e0a920; text-decoration:underline; } #pageBrowse .categoryBox:hover, #pageServices .categoryBox:hover { cursor: pointer; } #pageBrowse .categoryBox:hover .categoryName, #pageServices .categoryBox:hover .categoryName { display:none; } #pageBrowse .categoryBox:hover .discoverMore, #pageServices .categoryBox:hover .discoverMore { display:block; } #pageBrowse .categoryBox span, #pageServices .categoryBox span { display: inline-block; vertical-align: middle; line-height: normal; } #pageServices .container { max-width: 1200px; margin: 0 auto; padding: 20px; } #pageServices .container .content { width:70%; margin:0 auto; display: flex; flex-direction: column; gap: 40px; } @media screen and (max-width: 1024px) { #pageServices .container .content { width:100% } } #pageServices #serviceContent { max-width:900px; margin:0 auto; } #pageServices #serviceContent .row { margin-bottom:64px } @media (max-width: 768px) { #pageServices #serviceContent .col-md-5 { padding:0 32px} } #pageAccountValidation { text-align: center; margin: 128px auto; } #pageAccountValidation h1 { margin-bottom: 16px; } #pageAccountValidation a { color: #14848C; } #pageAccountValidation a.btn { background-color: #e0a920; padding: 16px 32px; color: #fff; font-weight: 600; margin: 16px 0; } #pageLogin > a { margin:30px;display:inline-block; } #pageLogin > a > img { height:30px; } #pageLogin #boxContainer { margin-top: 0px !important; box-shadow: 3px 4px 7px -3px #aaa; } #pageLogin #lnkPswRecovery { width: 100%; text-align: center; display: block; color:#008f9e; text-decoration: none; padding: 10px; } #pageOrderConfirm { margin:128px auto; } #pageOrderConfirm button { border: none; background: #e0a920; padding: 16px 32px; } #pageOrderConfirm .borderOrderBox {border: 1px solid black;border-radius:5px;} #pageMyOrders { margin-top:114px; } #pageMyOrders #trackingContainer { border-bottom:1px solid #e0a920; } #pageMyOrders .orderListCard {border: 1px solid black;border-radius:10px;} #pageMyOrders .orderCardBody > div:last-child > button { width:100%; height:40px; font-size:.875em;} #pageMyOrders .productRow { clear: both; } #pageMyOrders .productRow .unitPrice { text-decoration: line-through; font-size: 0.8em; color: #14848C !important; margin-left: 10px; } #pageOrderDetails .form-check-input:checked { background-color: #E0A920; border-color: #E0A920; } #pageOrderDetails .slider { width: 200px; height: 1em; background-color: lightgrey; position: relative; border-radius: 0.5em;} #pageOrderDetails .slider .marker { background-color: #E0A920; height: 1rem; border-radius: 0.5em; } #pageOrderDetails .cir-span { width: 1rem; height: 1rem; background-color: #eee; border: 1px solid #4e4e4e; border-radius: 50%;} #pageOrderDetails a {text-decoration: none;} #pageOrderDetails #totalUnitPrice { text-decoration: line-through; font-size: 0.8em; color: #14848C !important; margin-left: 10px; } #pageSellerFeedback .rateContainer span { display: inline-block; background: #ccc; height: 30px; width: 30px; border-radius: 50%; margin-right: 5px; cursor:pointer; } #pageSellerFeedback .charsTxt { position: absolute; top: 25px; right: 0; font-size: 0.6em; color: #999; } #pageSellerFeedback #totalReviews { margin-left: 5px; font-size: .8em; color: #999; } #pageWishlist #titleOfWishList, #pageWishlist #numOfProducts, #brand_detail_page #numOfProducts { background: #ddd; padding: 5px 15px; font-size: 16px; border-radius: 5px; } #pageWishlist .wishlistRow { border-bottom:1px solid #aaa; padding-bottom: 20px; margin-bottom:20px; } #pageWishlist .wishlistRow img { width:100%; } #pageWishlist .wishlistRow small { font-size:.8em; color:#666;} #pageWishlist #otherWishlists { padding:0; } #pageWishlist #otherWishlists li { list-style-type: none; padding:5px; border-bottom: 1px solid #eee;} #pageWishlist #otherWishlists li:hover { color:#E0A920; cursor: pointer; } #pageWishlist #otherWishlists li.active { color:#E0A920; } #pageWishlist #filterContainer { text-align: right; } #pageWishlist #filterContainer #lnkOrderBy, #pageWishlist #filterContainer #lnkFilterBy, #pageWishlist #filterContainer #wishListPagination { border-left:1px solid #ddd; display: inline-block; padding: 10px; } #pageWishlist #filterContainer div:first-child { border-left:none; display: inline-block; padding: 10px; } #pageWishlist .first_row_wishList { margin: 16px 0 8px 0; border-bottom: 1px solid #e0a920; padding: 8px 0; color: #6c6c6c; } #pageWishlist .first_row_wishList #lnkOrderBy, .first_row_wishList #lnkFilterBy { color:#008f9e; cursor: pointer; } #pageWishlist .first_row_wishList .fa-caret-down { color:#008f9e; cursor: pointer; } #pageWishlist #userList { min-width: 200px; top: 50px; font-size:16px; border: solid #E0A920; border-width: 8px 1px 1px 1px; border-radius: 0 0 10px 10px; } #pageWishlist #userList ul{ list-style-type: none; background-color: #fff; border-radius: 0 0 10px 10px; z-index: 90; overflow: auto; max-height: 270px;} #pageWishlist #userList ul li { padding: 8px 16px; font-weight: normal;} #pageWishlist #userList ul li:hover { text-decoration: underline;} #pageWishlist #userList ul li:first-child { background-color: #ddd; pointer-events: none; border-bottom: 1px solid #cdcdcd} #pageWishlist #userList ul li:last-child { padding-bottom: 16px; } #pageWishlist #wishListFilterOptions { width: 240px; top: 54px; left:0;background-color:#eee!important; } #pageWishlist #wishListFilterOptions ul { list-style-type: none; background-color: #eee; border-radius: 0 0 10px 10px; color: #6d6d6d;} #pageWishlist #wishListFilterOptions ul li { padding: 8px 16px; font-weight: normal;} #pageWishlist #wishListFilterOptions li { list-style-type: none; padding: 8px 8px; color: #6d6d6d; } #pageWishlist #wishListFilterOptions li:hover { background-color: #ccc; } #pageWishlist #wishListFilterOptions ul li:last-child { padding-bottom: 16px; } #pageWishlist .dUActive { font-weight: bold !important; } #pageWishlist .btn-close {padding: 0; color: white;border: none;font-size: 16px;float: right; margin-top: 0; margin-right: 0; } #pageWishlist #ddlWhislistcss .btn-secondary {color:black; background-color: white !important;} #pageQuotations .quote_heading h3, .boxShadow label, .boxShadow select {color:#6d6d6d;} #pageQuotations .second_heading {color: #6d6d6d;} #pageQuotations .second_heading h3, .boxShadow label, .boxShadow select {color:#6d6d6d;} #professionalsPage .fa-star { color:#ccc; } #professionalsPage .fa-star.checked { color:#e0a920; } #professionalsPage #wishListPagination li { list-style-type: none; display: initial; color: #6d6d6d; } #professionalsPage #numOfProducts {background: #eee;padding: 5px 16px;font-size: 16px;border-radius: 4px;} #professionalsPage .wishlistRow { border-bottom:1px solid #aaa; padding-bottom: 20px; margin-bottom:20px; } #professionalsPage #filterContainer div:first-child { border-left:none; display: inline-block; padding: 10px 15px; } #professionalsPage #professionalFilterOptions { z-index: 9; background-color: #eee; min-width: max-content; display: none; } #professionalsPage #professionalFilterOptions ul { list-style-type: none; } #professionalsPage #professionalFilterOptions ul li { padding: 8px 8px; color: #6d6d6d; } #professionalsPage #professionalFilterOptions ul li:hover { background-color: #ccc; } #professionalsPage #wishListFilterOptions {display:none;} #professionalsPage #wishListFilterOptions ul { list-style-type: none; background-color: #fff; border-radius: 0 0 10px 10px; color: #6d6d6d;} #professionalsPage #filterContainer #lnkOrderBy, #filterContainer #lnkFilterBy, #filterContainer #wishListPagination { border-left:1px solid #ddd; display: inline-block; padding: 10px 15px; } #professionalsPage .first_row_wishList { margin: 16px 0 8px 0; border-bottom: 1px solid #e0a920; padding: 8px 0; color: #6c6c6c; } #professionalsPage .activeTime, #professionalDetailPage .activeTime { background-color: #e0a920 !important; color: #fff; } #professionalsPage .datepicker-inline, #professionalDetailPage .datepicker-inline{ width: 100% !important; } #professionalsPage .table-condensed, #professionalDetailPage .table-condensed{ width: 100% !important; border: 1px solid #eee; height: 400px; } #professionalsPage .table-condensed .active, #professionalDetailPage .table-condensed .active { background-color: #e0a920 !important; background-image: none !important; border-radius: 50%; } #professionalsPage .datepicker td, #professionalsPage .datepicker th, #professionalDetailPage .datepicker td, #professionalDetailPage .datepicker th { text-align: center; width: 30px !important; height: 20px ; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; border: none; } #professionalsPage #newProfessionalFilterOptions { display:none; position:fixed; top:50px; right:0; z-index: 10; height: calc(100vh - 50px); overflow:auto;background: white; padding-top: 20px; width: 300px; } #professionalDetailPage #divGoToLogin { text-align:center; width: 350px; padding:24px; margin:50px auto; border: 1px solid #aaa; border-radius: 8px; color: #6d6d6d; font-weight: 600; } #professionalDetailPage #divGoToLogin a:first-of-type { background-color: #e0a920; width:100%; padding:16px; color: #fff; font-weight: 600; margin:16px 0 } #professionalDetailPage #divGoToLogin a:last-of-type { color: #14848C; text-decoration: none; } #professionalDetailPage #divGoToLogin a:last-of-type:hover { text-decoration: underline; } #professionalDetailPage .roundDiv {height:100px;width:100px;border-radius:50%;background-color: #E3BC9A;margin: 0 auto;} #professionalDetailPage .fa-star { color:#ccc; } #professionalDetailPage .fa-star.checked { color:#e0a920; } #modalVideoAppointment #timerSection button { text-align: center; background-color: #f8f9fa;border: none; width: 100%; padding: 8px; } #modalVideoAppointment #timerSection button.active { background-color: #e0a920; color:white; } #userProfilePage .userFirstRow h1{color:#6d6d6d;} #userProfilePage .userFirstRow {border-bottom:1px solid #6d6d6d;} #userProfilePage #userLinkContainer a { text-decoration:none; } #userProfilePage #userLinkContainer a > div { width: 21%; color:#000; text-transform:uppercase; border:1px solid #dfdfdf; border-radius:15px; display:inline-block; margin:24px; padding:6px 12px; text-align:center; vertical-align:middle; height: 136px; line-height: 90px; } #userProfilePage #userLinkContainer a > div > span > span:last-of-type { display:none; text-transform:none!important; color:#6c6c6c; } #userProfilePage #userLinkContainer a > div > span > img { width:70px; } #userProfilePage #userLinkContainer a > div:hover { cursor: pointer; } #userProfilePage #userLinkContainer a > div:hover > span > img { display:none; } #userProfilePage #userLinkContainer a > div:hover > span > span:first-of-type { display:none; } #userProfilePage #userLinkContainer a > div:hover > span > span:last-of-type { display:block; } #userProfilePage #userLinkContainer a > div span { display: inline-block; vertical-align: middle; line-height: normal; } #userProfilePage .fieldStyle input, #userProfilePage .fieldStyle label { color: #6d6d6d;} #userProfilePage .fieldStyle input { border: 1px solid #ddd; border-radius:5px; background-color:transparent; } #userProfilePage .fieldStyle a {color:#008f9e; text-decoration:none; font-weight:bold;} #userProfilePage .btn-outline-warning {color: #6d6d6d; border-color: #e0a920;} #userProfilePage .btn-outline-warning:hover {color: #fff; background-color: #e0a920; border-color: #e0a920;} #userProfilePage #checkListPass { background: #efefef; padding: 8px; margin: 8px 0 8px 0; } #userProfilePage #checkListPass li { list-style-type: none; font-size: 14px; margin: 8px 0; } #userProfilePage #checkListPass li i { color: gray; font-size: 20px; } #userProfilePage .alert { position: fixed; right: 32px; bottom: 8px; z-index: 9999; display: none; } #userProfilePage #genderType .btnn { border: 1px solid #ddd; display: inline-block; padding: 7px; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; } #userProfilePage #genderType input[type=radio].toggle { display: none; } #userProfilePage #genderType input[type=radio].toggle + label { cursor: pointer; min-width: 60px; } #userProfilePage #genderType input[type=radio].toggle + label:hover { background: none; color: #1a1a1a; } #userProfilePage #genderType input[type=radio].toggle + label:after { background: #14848C; content: ""; height: 100%; position: absolute; top: 0; transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1); width: 100%;z-index: -1;} #userProfilePage #genderType input[type=radio].toggle.toggle-left + label { border-right: 0; } #userProfilePage #genderType input[type=radio].toggle.toggle-left + label:after { left: 100%; } #userProfilePage #genderType input[type=radio].toggle.toggle-right + label { margin-left: -5px; } #userProfilePage #genderType input[type=radio].toggle.toggle-right + label:after { left: -100%;} #userProfilePage #genderType input[type=radio].toggle:checked + label { cursor: default; color: #fff; transition: color 200ms; } #userProfilePage #genderType input[type=radio].toggle:checked + label:after { left: 0; } #userProfilePage #genderType .lab1 { border-radius: 5px 0 0 5px;} #userProfilePage #genderType .lab2 { border-radius: 0 5px 5px 0;} #userProfilePage #divShippingAddresses a { color: #008f9e; text-decoration: none; font-weight: normal; } #userProfilePage #divShippingAddresses a:hover {text-decoration: underline; } #pagePackage h1 { font-family: 'Abhaya Libre', 'Georgia', 'Times New Roman', 'serif'; font-size:3.5rem; text-transform:uppercase; } #pagePackage h2 { font-family: 'Abhaya Libre', 'Georgia', 'Times New Roman', 'serif'; font-size:1.75rem; font-weight:700; margin-bottom:16px; } #pagePackage #lnkBackToPackages { color:#212529;margin-bottom: 20px; display: inline-block; margin-left: -5px; text-decoration:none; } #pagePackage #lnkBackToPackages:hover { color: #e0a920; cursor: pointer; } #pagePackage #lnkBackToPackages img { width: 30px; } #pagePackage .accordion h2 { font-family: 'Montserrat', 'serif'; font-size:1.75rem; font-weight:700; margin-bottom:0px; border-radius: 8px !important; } #pagePackage .accordion-item:not(:first-of-type) { border:1px; } #pagePackage .accordion-body { border:1px solid #dee2e6; border-top:none; } #pagePackage .cardHowCost { font-size:20px; font-weight:bold; padding: 16px; border-radius: 10px; box-shadow: 0 5px 15px -5px #707070; margin-top: 30px } #pagePackage .cardHowCost b { color: #bbbbbb; font-size: 26px; } #pagePackage > div:first-child { height:350px; background-size:auto 100%; background-position:right; background-repeat:no-repeat; } #pagePackage > div:last-child { padding:32px 0; } #signUpPage a { color:#008f9e; text-decoration: none; } #signUpPage small { font-size: 12px; line-height: 1.5em; display: block; } #signUpPage #bodyContainer { margin-top: 0 !important; } #signUpPage #logo { width: 150px; margin: 40px; } #signUpPage #boxContainer { background-color: white; padding:30px; border-radius: 5px; margin-top: 0px !important; box-shadow: 3px 4px 7px -3px #aaa; } #signUpPage #boxContainer input { background-color: white; border-radius: 5px; border: 1px solid #ddd; padding: 15px 20px; width: 100% } #loginFooter { text-align: center; padding: 30px; font-weight: 600; font-size:12px } #loginFooter a { display: inline-block; padding: 10px 20px; color:#008f9e; text-decoration: none } #loginFooter a:hover { text-decoration: underline } #pageResetPsw a { color:#008f9e; text-decoration: none; } #pageResetPsw small { font-size: 12px; line-height: 1.5em; display: block; } #pageResetPsw .bottom_para_div a { color:#008f9e !important; text-decoration: none; } #pageResetPsw #logo { width: 150px; margin: 40px; } #pageResetPsw #boxContainer { background-color: white; padding:30px; border-radius: 5px; } #pageResetPsw #boxContainer input { background-color: white; border-radius: 5px; border: 1px solid #ddd; padding: 15px 20px; } /*#pageResetPsw #btn_continue { width: 100%; background-color: white; border:1px solid #F3DE2E; padding:10px 20px; }*/ #pageResetPsw #lnkPswRecovery { width: 100%; text-align: center; display: block; color:#008f9e; text-decoration: none; padding: 10px } #pageResetPsw #pageResetPsw #btnRegister { background-color: #008f9e; color: white; font-weight: 600; display: block; width: 80%; margin: 30px auto 0; font-size: 20px !important; padding: 10px; } #pageResetPsw #loginFooter { text-align: center; padding: 30px;font-weight: 600; } #pageResetPsw #checkListPass { background: #efefef; padding: 8px; margin: 8px 0 8px 0; text-align: left; } #pageResetPsw #checkListPass li { list-style-type: none; font-size: 14px; margin: 8px 0; } #pageResetPsw #checkListPass li i { color: gray; font-size: 20px; } #projectDetailPage #seeAllProjects {font-weight: normal; color: #6d6d6d; text-decoration: none; font-size: 14px;} #projectDetailPage #seeAllProjects:hover {color:#14848C;} #projectDetailPage #imagesContainer > div > div { background-size:cover;background-position:center; height:300px; } #productsPage .tmpCarousel .owl-nav, #productsRelatedPage .tmpCarousel .owl-nav { display: none; } #productsPage #filterContainer, #productsRelatedPage #filterContainer { text-align: right; } #productsPage #filterContainer div, #productsRelatedPage #filterContainer div { border-left:1px solid #ddd; display: inline-block; padding: 10px 15px; } #productsPage #lnkOrderBy, #productsPage #lnkFilterBy, #productsRelatedPage #lnkOrderBy, #productsRelatedPage #lnkFilterBy{ color:#008f9e; cursor: pointer; } #productsPage #lnkFilterBy:active, #productsRelatedPage #lnkFilterBy:active{ color: #E0A920; font-weight: bold; } #productsPage #sliderDeals .img_here, #productsRelatedPage #sliderDeals .img_here{ position: relative; } #productsPage #sliderDeals .img_here .corner, #productsRelatedPage #sliderDeals .img_here .corner { position: absolute; top:0; left:0; width: 30% } /*#filterOptions {display: none;}*/ #productsPage #filterOptions h4, #productsRelatedPage #filterOptions h4 { padding: 0 0.5rem; color: #212529 !important; } #productsPage #filterOptions p, #productsRelatedPage #filterOptions p { padding: 0 0.5rem; } #productsPage #filterOptions .accordion-button, #productsRelatedPage #filterOptions .accordion-button { padding: 0.5rem 0.5rem; border: none; font-weight: 500; } #productsPage #filterOptions .accordion-button::after, #productsRelatedPage #filterOptions .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #productsPage #filterOptions .accordion-button:hover, #productsRelatedPage #filterOptions .accordion-button:hover { background-color: rgba(0,0,0, 0.2);} #productsPage #filterOptions .accordion-button:focus, #productsRelatedPage #filterOptions .accordion-button:focus { z-index: 3; outline: 0; box-shadow: none; } #productsPage #filterOptions .accordion-button:not(.collapsed), #productsRelatedPage #filterOptions .accordion-button:not(.collapsed) { color: #212529; background-color: rgba(0, 0, 0, 0.2); } #productsPage #filterOptions .accordion-body, #productsRelatedPage #filterOptions .accordion-body { padding: 0 0.5rem; background-color: rgba(0, 0, 0, 0.2); } #productsPage #filterOptions ul, #productsRelatedPage #filterOptions ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #productsPage #filterOptions ul li, #productsRelatedPage #filterOptions ul li { padding: 0.5rem 0; cursor: pointer; } #productsPage #numOfProducts, #productsRelatedPage #numOfProducts { background: #ddd; padding: 5px 15px; font-size: 16px; border-radius: 10px; } #productsPage #productList img, #productsRelatedPage #productList img { width:100%; } #productsPage #productList a, #productsRelatedPage #productList a { text-decoration: none; color:#6d6d6d } #productsPage #backgroundDullByFilter, #productsRelatedPage #backgroundDullByFilter { display:none; height: 100vh; width: 100vw; position:fixed; top: 0; left: 0; z-index:8; background-color: rgba(0, 0, 0, 0.5); } #productsPage #pagination_buttons li, #productsRelatedPage #pagination_buttons li { list-style-type: none; display: initial; color: #6d6d6d;} #productsPage #pagination_buttons li a, #productsRelatedPage #pagination_buttons li a { color: #6d6d6d; text-decoration: none; } #productsPage #orderingPage, #productsRelatedPage #orderingPage { z-index: 9; background-color: #eee; min-width: max-content; display: none; } #productsPage #orderingPage li, #productsRelatedPage #orderingPage li { list-style-type: none; padding: 8px 8px; color: #6d6d6d; } #productsPage #orderingPage li:hover, #productsRelatedPage #orderingPage li:hover { background-color: #ccc; } #productsRelatedPage .relatedColumn {background-color:#ddd; height:500px; width:auto; margin-bottom:10px;} #productsRelatedPage .relatedColumnImg {height:55%; background-color:grey;} #pageProductReview .product_reviewFirstRow {border-bottom:1px solid #e0a920;} #pageProductReview .productRPsub1 {background-color:#eee;} /*#pageProductReview .rate { float: left; height: auto; }*/ /*#pageProductReview .rate:not(:checked) > input { position:absolute; visibility: hidden; }*/ /*#pageProductReview .rate:not(:checked) > label { float: right; width: 1.3em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 44px; color: #ccc; }*/ /*#pageProductReview .rate:not(:checked) > label:before {content: '\2B24 ';}*/ /*#pageProductReview .rate > input:checked ~ label {color: #E0A920;}*/ /*#pageProductReview .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {color: #E0A920;}*/ /*#pageProductReview .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {color: #E0A920;}*/ #pageProductReview .rating_div { min-height: 32px; } #pageProductReview .fw-700 { font-weight: 700;} #pageProductReview .letter-spacing-1 { letter-spacing: -1px;} #pageProductReview #image-preview {margin-top:20px;} #pageProductReview #image-preview .image-view {display: inline-block;position:relative;margin-right: 13px;margin-bottom: 13px;} #pageProductReview #image-preview .image-view img {max-width: 100px;max-height: 100px;}#image-preview .overlay {position: absolute;width: 100%;height: 100%;top: 0;right: 0;z-index: 2;background: rgba(255,255,255,0.5);} #pageProductReview .drag-area { border: 2px solid #6d6d6d; height: 300px; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; } #pageProductReview .drag-area.active { border: 2px solid #E0A920; } #pageProductReview .drag-area .icon { font-size: 56px; color: #E0A920; } #pageProductReview .drag-area .daHead { font-size: 25px; font-weight: 500; color: #E0A920; } #pageProductReview .drag-area span { font-size: 20px; font-weight: 500; color: #E0A920; margin: 0 0 15px 0; } #pageProductReview .drag-area button { padding: 8px 16px; font-size: 20px;font-weight: 500; border: none; outline: none; background: #E0A920; color: #fff; border-radius: 5px; cursor: pointer; } #pageProductReview .drag-area img { height: 100%; width: 100%; object-fit: cover; border-radius: 5px; } #pageProductReview .charsTxt { position: absolute; top: 25px; right: 0; font-size: 0.6em; color: #999; } #pageProductReview .charsTxt { position: absolute; top: 25px; right: 0; font-size: 0.6em; color: #999; } #pageProductReview #totalReviews { margin-left: 5px; font-size: .8em; color: #999; } #pageProductDetail #featureContainer { display: none; } #pageProductDetail #featureContainer > div:first-of-type { background-color:#eee; text-align:center } #pageProductDetail #featureContainer > div:first-of-type .featureTab { display: none; padding:20px 50px; cursor:pointer; } #pageProductDetail #featureContainer > div:first-of-type .featureTab.active { background-color: #e0a920; color:white; } #pageProductDetail #featureContainer .featureTabContent { display:none; } #pageProductDetail #wishlistIcon { position: absolute; top: 8px; right: 24px; width: 30px; cursor:pointer; } #pageProductDetail #zoomImage { position:absolute; bottom:30px; right:24px; width: 30px; } #pageProductDetail .circleColor {height: 80px; width: 80px; margin: 0 auto; border-radius: 50%; box-shadow: 0 0 16px -8px; } #pageProductDetail .bancale { border-bottom: 1px solid #6d6d6d; cursor: pointer; color: #6d6d6d; min-height: 58px; } #pageProductDetail .bancale .banTwo { float: right; } #pageProductDetail .bancale i { font-size: 16px; color: #6d6d6d;} #pageProductDetail .btnPellet { border:1px solid #ddd; padding:8px; border-radius:5px; background-color:white; background-color: white; font-size: 0.9em; } #pageProductDetail .btnPellet:hover { color:white; background-color:#e0a920; border-color:#e0a920; } #pageProductDetail .detail_of_pro .img_box:hover { transform: scale(1.15); cursor: pointer } #pageProductDetail .detail_of_pro .w-11 {width: 11% !important;} #pageProductDetail .detail_of_pro #unitPrice { text-decoration: line-through; font-size: 0.8em; color: #14848C !important; margin-left: 10px; } #pageProductDetail .img_Active { transform: scale(1.15); } #pageProductDetail .viewer-box img { min-width: 800px !important; min-height: 800px !important;} #pageProductDetail .zoom-box .viewer-box { z-index: 2000 !important;} #pageProductDetail .tab-content div { display:none; } #pageProductDetail .strike h1 { width: 100%; color: #6d6d6d; text-align: center; border-bottom: 1px solid #6d6d6d; line-height: 0.1em; margin: 10px 0 20px; } #pageProductDetail .strike h1 span { background:#fff; padding:0 10px; } #pageProductDetail .col .form-check-input, #pageProductDetail #dimension_3rd_row .form-check-input { width: 2em !important; height: 2em !important; } #pageProductDetail .col .form-check-input:checked, #pageProductDetail #dimension_3rd_row .form-check-input:checked { background-color: #E0A920; border-color: #E0A920; background-size: 50px; } #pageProductDetail .col .form-check-input:focus, #pageProductDetail #dimension_3rd_row .form-check-input:focus { border-color: #E0A920; outline: 0; box-shadow: 0 0 0 0.25rem rgb(224 169 32 / 25%); } #pageProductDetail #tabContentCustomizable .form-control { line-height: 2.5; } #pageProductDetail #tabContentCustomizable .input-group-text { background-color: #fff;} #pageProductDetail #tabContentCustomizable .btn { color: #6d6d6d; border-color: #ced4da; } #pageProductDetail #tabContentCustomizable .dropdown-toggle::after { vertical-align: .155em; } #pageProductDetail #tabContentCustomizable ul li { padding: 4px 8px;} #pageProductDetail #tabContentCustomizable ul li:hover { background-color: #eee; cursor: pointer; padding: 4px 8px;} #pageProductDetail #tabContentMaterial label { font-size:1.2em; } #pageProductDetail #tabContentMaterial input[type=radio] { margin-top: 0; margin-right: 10px; } #pageProductDetail #tabContentUsing label { font-size:1.2em; } #pageProductDetail #tabContentUsing input[type=radio] { margin-top: 0; margin-right: 10px; } #pageProductDetail #tabContentDatasheet .btn { background-color: #fff; border-color: #E0A920; border-radius: 8px;} #pageProductDetail #tabContentDatasheet .btn:hover { background-color: #E0A920; border-color: #E0A920;} #pageProductDetail #dimension_2nd_row .img { background-color: #eee; width: max-content; } #pageProductDetail #tabContentFormats label { font-size:1.2em; } #pageProductDetail #tabContentFormats small{ margin-left:72px; color:#6d6d6d; display:block;} #pageProductDetail #tabContentCertifications img { width: 50px; height: 50px;} #pageProductDetail #tabContentCertifications span, #pills-certificazioni label { background-color: #fff; } #pageProductDetail #tabContentCertifications label { border-left: none; cursor: pointer; } #pageProductDetail #tabContentCertifications input { border-right: none; } #pageProductDetail #btnAddToCart, #pageProductDetail #btnAddToWishlist { width: 250px; border-radius: 10px; font-size: 18px; color: #6d6d6d; } #pageProductDetail .modal-header {display: block;padding: 16px 32px;background-color: #e0a920;color: #fff;font-weight: bold;} #pageProductDetail .modal-header .btn-close {display:none;} #pageProductDetail #modalNewWishlist .btn-close {padding: 0; color: white;border: none;font-size: 20px;float: right; margin-top: 7px; } #pageProductDetail #cartUpdateSuccess { width: fit-content; position: fixed; bottom: 24px; right: 24px; z-index: 999; display: none; } #pageProductDetail .banTwo input { width: 100px; display: inline-block; margin: 0 5px; } #pageProductDetail .banOne { float: left; position: relative; } #pageProductDetail .rateContainer span { display: inline-block; background: #ccc; height: 20px; width: 20px; border-radius: 50%; } #pageProductDetail .rateContainer span.active { background: #e0a920; } .privacyPolicyPage .sideBarHeading {border-bottom: 2px solid rgba(0,0,0, 0.4);} .privacyPolicyPage ul li {list-style-type: none; } .privacyPolicyPage ul li a {text-decoration: none; color: #6d6d6d; } .privacyPolicyPage ul li a:hover {text-decoration: none; color: #212529; font-weight: 500; border-bottom: 1px solid #E0A920; } .privacyPolicyPage .pLinkActive { text-decoration: none; color: #212529 !important; font-weight: 500; border-bottom: 1px solid #E0A920; } #pagePswRecovery > a { margin:30px;display:inline-block; } #pagePswRecovery > a > img { height:30px; } #pagePswRecovery a { color:#008f9e; text-decoration: none; } #pagePswRecovery small { font-size: 12px; line-height: 1.5em; display: block; } #pagePswRecovery .bottom_para_div a { color:#008f9e !important; text-decoration: none; } #pagePswRecovery #boxContainer { padding: 30px; border-radius: 5px; margin-top: 0px !important; box-shadow: 3px 4px 7px -3px #aaa; } #pagePswRecovery #boxContainer input { background-color: white; border-radius: 5px; border: 1px solid #ddd; padding: 15px 20px; } #pagePswRecovery #btn_continue { width: 100%; background: white; border: 1px solid #e0a920; } #pagePswRecovery #lnkPswRecovery { width: 100%; text-align: center; display: block; color:#008f9e; text-decoration: none; padding: 10px } #pagePswRecovery #btnRegister { background-color: #008f9e; color: white; font-weight: 600; display: block; width: 80%; margin: 30px auto 0; font-size: 20px !important; padding: 10px; } #pagePswRecovery #loginFooter { text-align: center; padding: 30px;font-weight: 600; } /*.optinPage > div { padding:128px 0; }*/ /*.optinPage > div:last-of-type { padding:0 0 60px; }*/ .optinPage h1 { text-align:center; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 3.5rem; } @media screen and (max-width: 768px) { .optinPage h1 { font-size:2.5em; line-height: 1em;}} .optinPage h1 > span { color:#E0A920; font-weight:900; } .optinPage .big { font-size:20px; color:white; font-weight: 600; } .optinPage .card { margin-top:24px; height: 300px; line-height: 200px; justify-content: center; padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; } .optinPage .card > span { display: inline-block; vertical-align: middle; line-height: normal; } .optinPage .card b { display: block; color:#E0A920; margin-bottom: 15px } .optinPage .card-small {border: none; padding: 16px 8px; margin: 0; line-height: normal; height: auto; box-shadow: none; border-radius: .25rem;transition: margin-top 0.5s ease 0s, box-shadow 0.5s; } .optinPage .card-small:hover { box-shadow: 3px 4px 7px -3px #aaa; margin-top:-3px; } .optinPage h3.colOcra { font-family: 'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 60px; } .optinPage #loginContainer, #registerContainer { padding: 30px; background-color: white; border-radius: 5px; box-shadow: 5px 5px 15px -5px #999; } .optinPage #loginContainer label, #registerContainer label { width:100px; } .optinPage #loginContainer .input-fields, #registerContainer .input-fields { border-bottom:1px solid #9e9e9e; margin-bottom:16px; text-align:center; background-color:#fff; display:inline-block; width:calc(100% - 200px) } .optinPage #btnSignIn, .optinPage #btnPayNow { width: 100%; border-color: #008f9e !important; font-weight: 600; margin-bottom: 20px; } .optinPage #btnSignIn:hover, .optinPage #btnPayNow:hover { background-color:#008f9e; color:white } .optinPage .disclaimer { font-size:.7em;display:block;margin-bottom:16px } .optinPage .disclaimer a, #registerContainer a { color:#008f9e; } .optinPage #registerContainer a { color:#008f9e; text-decoration: none;} .optinPage #err { display: none; color: red; padding-top: 5px; } .optinPage #btnAdd2Newsletter:hover, .optinPage #btnOptinLogin:hover { background-color: white !important; color:black !important; border: 1px solid #E0A920 !important; } .optinPage .img_txt { width:90%; max-width: 960px; margin: 0 auto; } .optinPage .img_txt img { width:460px; } @media screen and (max-width: 1024px) { .optinPage .img_txt { width:100% } } #optinInvestPage #loginContainer { padding:0 3%; } #optinInvestPage #loginContainer label { width:100px; } #optinInvestPage #loginContainer .input-fields { border-bottom:1px solid #9e9e9e; margin-bottom:16px; text-align:center; background-color:#fff; display:inline-block; width:calc(100% - 200px) } #optinInvestPage #loginContainer .input-fields i { color:#6c757d; font-size:16px; } #optinInvestPage #loginContainer input::placeholder { font-size:11px !important; } #optinInvestPage .txtOptin { background-color:transparent; border:none; border-radius:0; outline:0; height:40px; width:85%; font-size:14px; margin:0px 0 0 0; padding:0px 0 0 8px; box-shadow:none; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; transition:all .3s; display:inline-block!important;} #optinInvestPage #btnSignIn, #optinInvestPage #btnSignUp { color:#fff; background-color:#008f9e; padding:8px 35px; font-size:20px !important; border-radius:4px !important; font-weight:600; } #optinInvestPage #btnSignIn:hover, #optinInvestPage #btnSignUp:hover { background-color: #008c9e; } #optinInvestPage #btnSignIn { width:calc(100% - 200px); font-weight:600; margin-left:105px; text-transform:uppercase; } #optinInvestPage #lnkForgetPsw { display:block; margin-top:20px; text-align:center; text-decoration:underline; } #optinBuildingSitesPage {} #optinBuildingSitesPage h1 { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size:4.5em;} #optinBuildingSitesPage h2 { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 2.5em; } #optinBuildingSitesPage h3 { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 2em; } #optinBuildingSitesPage .cardContainer3 {display:grid;grid-template-columns: repeat(3, 1fr);gap:10px;align-items: stretch;} #optinBuildingSitesPage .cardContainer2 {display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;align-items: stretch;} #optinBuildingSitesPage .cardContainer1 {display:grid;grid-template-columns: repeat(1, 1fr);gap:10px;align-items: stretch;} #optinBuildingSitesPage .cardContainer3 > div {padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; text-align:center;z-index:90;background-color:white; } #optinBuildingSitesPage .cardContainer2 > div {padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; text-align:center;z-index:90;background-color:white; } #optinBuildingSitesPage .cardContainer1 > div {padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333;z-index:90;background-color:white; } #optinBuildingSitesPage .step-number { position: relative; margin-top:100px} #optinBuildingSitesPage .step-number_num { position: absolute; top: -60px; left: calc(50% - 40px); font-size: 7em; font-weight: bold; color: #e0a9202e; z-index: -1; } #optinBuildingSitesPage #divQuestions { width:65%; margin:0 auto;} #modalCommercial .modalText, #modalResidential .modalText { max-width: calc(100% - 80px); } @media screen and (max-width: 1200px) { #modalCommercial .modalText, #modalResidential .modalText { max-width: 100% }} @media screen and (max-width: 1400px) { #optinBuildingSitesPage .cardContainer3 {grid-template-columns: repeat(2, 1fr);} #optinBuildingSitesPage #divQuestions { width:80% !important;} } @media screen and (max-width: 768px) { #optinBuildingSitesPage > div { padding: 30px} #optinBuildingSitesPage h1 { font-size:2.5em; line-height: 1em;} #optinBuildingSitesPage h2 { font-size:2em; } #optinBuildingSitesPage h3 { font-size:1.5em; } #optinBuildingSitesPage #columnBear { padding-bottom:0; } #optinBuildingSitesPage .cardContainer3 {grid-template-columns: repeat(1, 1fr);align-items: normal;} #optinBuildingSitesPage .cardContainer2 {grid-template-columns: repeat(1, 1fr);align-items: normal;} #optinBuildingSitesPage #divQuestions { width:100% !important;} } #pageLogin a { color:#008f9e; text-decoration: none; } #pageLogin small { font-size: 12px; line-height: 1.5em; display: block; } #pageLogin #boxContainer { background-color: white; padding:30px; border-radius: 5px; } #pageLogin #boxContainer input { background-color: white; border-radius: 5px; border: 1px solid #ddd; padding: 10px 20px; font-size: 0.8em; } #pageLogin #btnRegister { background-color: #008f9e; color: white; font-weight: 600; display: block; width: 70%; margin: 20px auto 0; padding: 10px; } #pageLogin #loginFooter { text-align: center; padding: 30px;font-weight: 600; font-size: .8em } #flashDiscountPage .tmpCarousel .owl-nav { display: none; } #flashDiscountPage #filterContainer { text-align: right; } #flashDiscountPage #filterContainer div { border-left:1px solid #ddd; display: inline-block; padding: 10px 15px; } #flashDiscountPage #lnkOrderBy, #flashDiscountPage #lnkFilterBy { color:#008f9e; cursor: pointer; } #flashDiscountPage #sliderDeals .img_here { position: relative; } #flashDiscountPage #sliderDeals .img_here .corner { position: absolute; top:0; left:0; width: 30% } #flashDiscountPage #filterOptions h4 { padding: 0 0.5rem; color: #212529 !important; } #flashDiscountPage #filterOptions p { padding: 0 0.5rem; } #flashDiscountPage #filterOptions .accordion-button { padding: 0.5rem 0.5rem; border: none; font-weight: 500; } #flashDiscountPage #filterOptions .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #flashDiscountPage #filterOptions .accordion-button:hover { background-color: rgba(0,0,0, 0.2);} #flashDiscountPage #filterOptions .accordion-button:focus { z-index: 3; outline: 0; box-shadow: none; } #flashDiscountPage #filterOptions .accordion-button:not(.collapsed) { color: #212529; background-color: rgba(0, 0, 0, 0.2); } #flashDiscountPage #filterOptions .accordion-body { padding: 0 0.5rem; background-color: rgba(0, 0, 0, 0.2); } #flashDiscountPage #filterOptions ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #flashDiscountPage #filterOptions ul li { padding: 0.5rem 0; cursor: pointer; } #flashDiscountPage #numOfProducts { background: #ddd; padding: 5px 15px; font-size: 16px; border-radius: 10px; } #flashDiscountPage #productList img { width:100%; } #flashDiscountPage #productList a { text-decoration: none; color:#6d6d6d } #flashDiscountPage #backgroundDullByFilter { display:none; height: 100vh; width: 100vw; position:fixed; top: 0; left: 0; z-index:8; background-color: rgba(0, 0, 0, 0.5); } #flashDiscountPage #pagination_buttons li { list-style-type: none; display: initial; color: #6d6d6d;} #flashDiscountPage #pagination_buttons li a { color: #6d6d6d; text-decoration: none; } #flashDiscountPage #orderingPage { z-index: 9; background-color: #eee; min-width: max-content; display: none } #flashDiscountPage #orderingPage li { list-style-type: none; padding: 8px 8px; color: #6d6d6d; } #flashDiscountPage #orderingPage li:hover { background-color: #ccc; } #flashDiscountPage .card { border:none; } #news > div { padding:128px 0; } #news > div:last-of-type { padding:0 0 128px; } #news #greyBox { background:#f2f2f2 } #news h1 { text-align:center; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 3.5rem; } #news h1 > span { color:#E0A920; font-weight:900; } @media screen and (max-width: 768px) { #news h1 { font-size:2.5em; line-height: 1em;}} #news .subtitle { font-size: 30px; color: #666; font-weight: 600; display: block; text-align: center; } #news .big { font-size:20px; text-align: center; color:white; font-weight: 600; } #news h2 { color:#E0A920; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-weight:900; font-size: 46px; } #news h3 { font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 45px;} #news .card { height: auto; padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; display: flex; justify-content: center; align-items: center; text-align: center; } #news .box { border-radius:20px; background-color:#f2f2f2; padding:32px; text-align:center; display: inline-block; } #news .box h3 { color:white; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-weight:900; font-size: 44px; } #news .card > span { display: inline-block; vertical-align: middle; line-height: normal; } .faqDetailPage .sideBarHeading {border-bottom: 2px solid rgba(0,0,0, 0.4);} .faqDetailPage ul li {list-style-type: disc; margin-left: 20px; } .faqDetailPage ul li a {text-decoration: none; color: #6d6d6d; } .faqDetailPage ul li a:hover {text-decoration: none; color: #212529; font-weight: 500; border-bottom: 1px solid #E0A920; } .faqDetailPage .pLinkActive { text-decoration: none; color: #212529 !important; font-weight: 500; border-bottom: 1px solid #E0A920; } .faqDetailPage .sideBarHeading i { color: #E0A920; } .faqDetailPage .sideBarHeading h3 { cursor: pointer; } #faqPage .row .accordion .accordion-collapse { position: relative; width: 97%; margin: 0 auto; border: 1px solid #E0A920; border-top: 8px solid #E0A920; } #faqPage .row .accordion .accordion-collapse::before { content: ' \25E2'; position: absolute; transform: rotateZ(225deg); color: #E0A920; top: -19px; left: 25px; z-index: 9; } #faqPage .accordion-button:focus { z-index: 0; border-color: rgba(0,0,0,.125); outline: 0; box-shadow: none; } #faqPage .accordion-button:not(.collapsed) { color: #6d6d6d; background-color: transparent; border-radius: 8px; } #faqPage .accordion-button { border-radius: 8px !important; font-size:1.1rem!important; } #faqPage .accordion-body { font-size:0.97rem!important; } #faqPage .accordion-collapse ul li {list-style-type: none;} #faqPage .accordion-collapse ul li a {text-decoration: none; color: rgba(0,0,0, 0.5); } #faqPage .accordion-collapse ul li a:hover {border-bottom: 1px solid #E0A920; color: #6d6d6d !important; font-weight: 500; cursor: pointer;} #faqPage .borderBox {border: 1px solid #ddd;} #couponPage .couponFirstRow {border-bottom:1px solid #e0a920;} #couponPage .couponSecondRow h1{color:#6d6d6d;} #couponPage .couponThirdRow .boxrange{border:1px solid #eee;} #couponPage .couponFourthRow {text-align:center;} #couponPage .couponFifthRow h1{color:#6d6d6d;} #couponPage .couponFifthRow {border-bottom:1px solid #6d6d6d;} #couponPage .couponSixthRow .btn-outline-warning {color: #6d6d6d; border-color: #e0a920; padding:12px;} #couponPage .couponSixthRow .btn-outline-warning:hover {color: #000; background-color: #e0a920; border-color: #e0a920;} #couponPage .couponThirdRow .handleRange_0 .form-check-input:checked { background-color: #E0A920; border-color: #E0A920; } #couponPage .slider { width: 200px; height: 1em; background-color: lightgrey; position: relative; border-radius: 0.5em;} #pageCartSummary #selectedAddressSection { list-style-type: none; padding: 0; } #pageCartSummary #selectedAddressSection li img { max-width: 100px; } #pageCartSummary #selectedAddressSection li a, #pageCartSummary #lnkChangeCart { color: #14848C; font-weight: 600; display: block; text-decoration: none; } #pageCartSummary #selectedAddressSection li a:hover, #pageCartSummary #lnkChangeCart:hover { text-decoration: underline; } #pageCartSummary #finalPaymentSec h3 { border-bottom: 1px solid #aaa; } #pageCartSummary #finalPaymentSec .table tr td { border:none; } #pageCartSummary #finalPaymentSec .table tr td:last-child { text-align: right; color: #6a6a6a; } #pageCartSummary .w-60{width:60%;} #pageCartSummary .w-35{width:35%;} #pageCart #finalPaymentSec h3 { border-bottom: 1px solid #aaa; } #pageCart #finalPaymentSec .table tr td { border:none; } #pageCart #finalPaymentSec .table tr td:last-child { text-align: right; color: #6a6a6a; } #pageCart .w-60{width:60%;} #pageCart .w-35{width:35%;} #pageCart .alert { width: fit-content; position: fixed; bottom: 24px; right: 24px; z-index: 1000; } #brand_detail_page #bannerDiv { height: 400px; background-size: cover; background-position: center; } #brand_detail_page #categoryHeading { text-transform: capitalize;} #brand_detail_page #categoryHeading h3 { border-bottom: 1px solid #6d6d6d; color: #6d6d6d;} #brand_detail_page #categoryHeading .w4 { padding-bottom: 10px; padding-top: 17px;} #brand_detail_page .categorySection button {width: 80%; color: #000; border: 1px solid #e0a920; height: 90px; text-transform: uppercase;} #brand_detail_page .categorySection button:hover {color: #fff; background-color: #e0a920;} #brand_detail_page .w95 { width: 95%;} #brand_detail_page .w4 { width: 4%;} #brand_detail_page .card { border:none !important; } #brand_detail_page .commonHeight { height: 200px; line-height: 200px; background-color: #f8f8f8;} #brand_detail_page .commonHeight span { line-height: 1.5; vertical-align: middle;} #brand_detail_page #bannerDiv > div:first-of-type h1 { font-weight: 600; font-size: 4.5em; text-transform:uppercase; } #brand_detail_page #bannerDiv > div:first-of-type p { font-size: 24px; } #brand_detail_page #bannerDiv > div:first-child { height:400px; background-size:auto 100%; background-position:right; background-repeat:no-repeat; } #brand_detail_page #bannerDiv > div:last-child { padding:32px 0; } #brand_detail_page .bgBlue { background-color: #0d6efd !important;} #brand_detail_page #filterContainer div { border-left:1px solid #ddd; display: inline-block; padding: 10px 15px; text-align:center; } #brand_detail_page #lnkOrderBy, #brand_detail_page #lnkFilterBy { color:#008f9e; cursor: pointer; } #brand_detail_page #brand_detail_page #numOfProducts { background: #eee; padding: 5px 16px; font-size: 16px; border-radius: 4px; } #brand_detail_page #filterOptions h4 { padding: 0 0.5rem; color: #212529 !important; } #brand_detail_page #filterOptions p { padding: 0 0.5rem; } #brand_detail_page #filterOptions .accordion-button { padding: 0.5rem 0.5rem; border: none; font-weight: 500; } #brand_detail_page #filterOptions .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #brand_detail_page #filterOptions .accordion-button:hover { background-color: rgba(0,0,0, 0.2);} #brand_detail_page #filterOptions .accordion-button:focus { z-index: 3; outline: 0; box-shadow: none; } #brand_detail_page #filterOptions .accordion-button:not(.collapsed) { color: #212529; background-color: rgba(0, 0, 0, 0.2); } #brand_detail_page #filterOptions .accordion-body { padding: 0 0.5rem; background-color: rgba(0, 0, 0, 0.2); } #brand_detail_page #filterOptions ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #brand_detail_page #filterOptions ul li { padding: 0.5rem 0; cursor: pointer; } #brand_detail_page #productList img { width:100%; } #brand_detail_page #productList a { text-decoration: none; color:#6d6d6d } #brand_detail_page #pagination_buttons li { list-style-type: none; display: initial; color: #6d6d6d;} #brand_detail_page #pagination_buttons li a { color: #6d6d6d; text-decoration: none; } #brand_detail_page #orderingPage { z-index: 9; background-color: #eee; min-width: max-content; } #brand_detail_page #orderingPage li { list-style-type: none; padding: 8px 8px; color: #6d6d6d; } #brand_detail_page #orderingPage li:hover { background-color: #ccc; } #userAddressManagementPage .box1{height:270px; border: 1px dashed #ddd; border-radius: 10px;} #userAddressManagementPage .box1:hover, #userAddressManagementPage .box1:hover i {color: #008f9e !important;} #userAddressManagementPage .box2{height:270px; border: 1px solid #ddd; border-radius: 10px;} #userAddressManagementPage .userAddressHeader{border-bottom: 1px solid #ddd;} #userAddressManagementPage .addressFooterBorder{border-right: 1px solid #ddd; } #userAddressManagementPage .userAddressFooter{bottom:0;} #userAddressManagementPage .card-address{ margin-top: 50px; border: 1px solid #dee2e6; padding: 30px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #aaa; } #userPayments .paymentBorder{border-left:2px solid #ddd;} #userPayments .paymentBorder:hover{background-color:white;border-left:2px solid #E0A920;} #helpContainer .heading_border_bottom { border-bottom: 1px solid #6d6d6d; } #helpContainer label { color: #000; } #helpContainer input, .help_page textarea, .help_page select { border-radius: 8px; } #helpContainer .greenText { color:#178242; } .mobileOnly { display:none; } .dropdown-toggle { white-space: initial; } #forIconTopUserMobile { top: 50px; } .cartItemManagement small { padding-right: 16px;} /* RESPONSIVE RULES */ @media screen and (max-width: 1185px) { .desktopOnly { display:none; } .mobileOnly { display:block; } #flashDiscountPage #productList .productDiv { width: 25% !important;} } @media screen and (max-width: 1399px) { footer #footerLinksContainer > div { margin-right: 0; width: 25%; float: left; margin-bottom: 64px; } footer #footerLinksContainer > div:last-child { position: relative; max-width: 100vw; width: 100% !important; margin-bottom: 0; } footer #footerLinksContainer > div:last-child > div { width: 50%; margin: 0 auto; } footer #footerAus { width: 15% !important; margin-left: 10%; } footer #footerNewsletter { max-width:auto; } footer #footerLinksContainer { display: inline-block; padding: 48px 0 24px; } #userProfilePage #userLinkContainer { text-align: center; } #whoWeAre #greyBox { background:#ffffff } } @media screen and (max-width: 1199px) { #pageBrowse .categoryBox, #pageServices .categoryBox { width: 19%;} } @media screen and (max-width: 1100px) { header .middleMenu a { padding-left:0; padding-right: 0; } } @media screen and (max-width: 992px) and (min-width: 581px) { footer #footerLinksContainer > div { width: 50% !important; margin-left:0 !important;max-width:none; } footer #footerLinksContainer > div:last-child > div { width: 70% !important; margin: 0 auto; } #paymentIconContainer { text-align: center!important; margin-top: 16px; } #lockIconDiv { text-align: center!important; } #headerMobile > div:first-of-type > div:first-child {width: 30% !important;} #headerMobile > div:first-of-type > div:last-child {width: 34% !important;} #flashDiscountPage #productList .productDiv, #productsPage #productList .productDiv { width: 33% !important;} #flashDiscountPage #numOfProducts { padding: 5px 9px; font-size: 13px;} #flashDiscountPage #filterContainer div {padding: 8px 3px; } #pageBrowse .categoryBox, #pageServices .categoryBox { width: 26%; } .main_img_box { min-height: auto !important; } .specs_details { margin-top: 16px; } #productsPage #filterContainer { text-align: left !important; } #productsPage #filterContainer #lnkOrderBy { padding-left: 0px !important; border-left: none !important; } #professionalsPage #filterContainer div { padding: 10px !important; } #pageMyOrders .orderCardBody > div:last-child > button { height: auto !important;} .proContactSection { border-left: none !important;} .x-padding-mob .bgcolOcraInvert { width: 80% !important; } .optin-seller-future { padding-top: 150px !important; padding-bottom: 10px !important;} #footerCredits .row .col-12:last-child a { display: block; margin-bottom: 4px;} #pageWishlist #filterContainer div:first-child { display: block !important;} #divisonForNewAddress { left: 5% !important; } } @media screen and (max-width: 768px) { .hide_on_mobile { display: none; } #show_on_mobile { display: block; } #small_images_portion_for_dt { display: none;} #small_images_portion_for_mb { display: block;} #small_images_portion_for_mb .col-2 {float: left;margin: 16px 4px;} footer #footerLinksContainer > div:last-child > div { width: 100% !important; margin: 0; } #txtNewsletter { width: 100% !important; } #btnAdd2Newsletter { width: 100% !important; margin-top:10px} #advertimentsZone {height: auto !important;} #pageHome #advertimentsZone > div:first-child { float: none; width: 100%; background-size: auto 90%; background-position: center;} #pageHome #advertimentsZone > div:last-child { float: none; width: 100%; } #pageHome #advertimentsZone > div:first-child > div { position: absolute; width: 100%; bottom:10%; left: 0px; padding: 0rem 1rem; } .btmImgCaption { bottom: 3%; padding: 24px !important; } .d-none {display: block !important;} #flashDiscountPage #productList .productDiv, #productsPage #productList .productDiv { width: 50% !important;} #flashDiscountPage #filterContainer, #productsPage #filterContainer, #professionalsPage #filterContainer { text-align: left !important;} /* #flashDiscountPage #filterContainer div { padding: 8px;} */ #lnkOrderBy { border-left: none !important;} #pageBrowse .categoryBox, #pageServices .categoryBox { width: 40%;} .sliderTitle {padding-left: 1rem;} #whoWeAre .card {height: 365px !important;} .optinPage #loginContainer {max-width: 96% !important; position: relative !important; right: 0 !important; top: 0 !important; margin: 0 auto;} .optinPage .big { padding: 0px 32px !important} .dropdown-toggle { white-space: initial !important; } #userProfilePage #userLinkContainer a > div { width: 40%; } #greyBox .row:first-child .col-12:first-child img { left: 15%; width: 65% !important; top: -250px !important;} #pageCart #cartItems li img, #pageCartSummary #cartItems li img { max-width: 100% !important; } #listOfFormats .col input { margin-right: 0px !important;} #listOfMaterial .col input { margin-right: 0px !important;} #pageWishlist #filterContainer { text-align: center !important;} #searchItemsFromList {margin-top: 8px;} #bannerProfessionalDesktop { background-size: auto 165% !important; background-position: right bottom !important; width: 100%; min-height: 230px; margin-top: 8px; } #homeMainBanner div:first-child { padding-right: 0px !important;} #helpContainer label { width: 100% } #pageQuotations label { width: 100% } #pageQuotations #ddlUdm, #pageQuotations #ddlValute { margin-top:10px } } @media screen and (max-width: 580px) { body, html { height: calc(100% - 0) !important; } .fixed-bottom { position: relative; } #login_footer {min-height: auto;} .vertical_center { width: auto; } .owl-prev {left: 0px;} .owl-next {right: 0px;} .vedi_tutti {padding-bottom: 0px;} .owl-stage .active { margin-left: -10px;} .quickToCart { top: 92% !important; left: 90% !important; } #advertimentsZone {height: auto !important;} #pageHome #advertimentsZone > div:first-child { float: none; width: 100%; background-size: auto 65%; background-position: center;} #pageHome #advertimentsZone > div:last-child { float: none; width: 100%; } .carousel-caption { top: 14%; } .btmImgCaption { bottom: 10%; padding: 24px !important; } .lngImgCaption { padding-left: 4px !important; top: 16% !important; } #headerMobile > div:first-of-type > div:first-child {width: 25% !important; } #headerMobile > div:first-of-type > div {width: 35% !important; } #lnkLogoTopMobile img { margin-left: 0px !important; } #bannerProfessionalDesktop div:first-child { position: relative !important; padding-left: 24px !important;} #bannerProfessionalDesktop {background-size: auto 165% !important; background-position: right bottom !important; width: 100%;min-height: 230px; margin-top: 8px;} #pageHome #advertimentsZone {margin: 16px 0 !important;} footer #footerLinksContainer > div { width: 50% !important; margin-left:0 !important;max-width:none; } #flashDiscountPage #productList .productDiv, #productsPage #productList .productDiv { width: 100% !important;} #flashDiscountPage #numOfProducts { padding: 5px 15px; font-size: 14px;} #pageBrowse .categoryBox, #pageServices .categoryBox { width: 40%;} .supports .card .row .col-12 { text-align: center !important; } #pageHome #advertimentsZone > div:last-child { background-size: auto 90% !important;} #lockIconDiv {text-align: center !important;} #paymentIconContainer {text-align: center !important;} .first_row_deals h3, .first_row_deals .lnkShowAll, .first_row_deals #flashDiscountTimer { font-size: 16px !important;} #product_title, #small_images_portion_for_mb, .specs_details {padding: 0rem 2rem;} #featureContainer .productFeaturesBtns { padding: 16px 0px; } .main_img_box { min-height: auto !important;} .specs_details { margin-top: 16px; } #professionalsPage #filterContainer div { padding: 10px !important; } .proLoadingButton { position: relative !important; top: 0 !important; margin-top: 16px !important;} #pageMyOrders, #userProfilePage { padding: 0px 24px !important; } .x-padding-mob { padding: 1rem 1rem !important; } .x-padding-mob .bgcolOcraInvert { width: 80% !important; } .x-padding-mob .col-sm-12 .row .col-12 { text-align: center !important; margin-bottom: 1rem; } #modalProfessionalMsg .modal-dialog, #modalVideoAppointment .modal-dialog { width: 97vw !important;} .who-we-are-content, .optin-seller-content-blocks { padding-left: 1rem !important; padding-right: 1rem !important;} .optin-seller-future { padding-top: 120px !important; padding-bottom: 10px !important;} .optin-seller-future h1 { padding-right: 1rem !important;} #userProfilePage #userLinkContainer a > div { width: 65%; } #footerCredits .row .col-12:last-child a { display: block; margin-bottom: 4px;} #footerCredits .row .col-12 { text-align: center !important;} #footerCredits .row .col-12:first-child { margin-bottom: 8px !important;} #greyBox .row:first-child .col-12:first-child img { left: 8%; width: 70% !important;} #pageCart .row:first-child .col-12, #pageQuotations { padding: 0px 24px;} .cartItemManagement {text-align: center !important;} #listOfFormats .col { width: 33.3% !important; flex: inherit !important; margin-bottom: 16px;} #listOfFormats .col label { display: block !important;} #listOfFormats, #listOfMaterial { padding: 0px 16px;} #listOfFormats .col input, #listOfMaterial .col input { margin-right: 0px !important;} #pageProductDetail #tabContentFormats label {font-size: 1em !important;} #pageWishlist #filterContainer div:first-child {display: block !important;} .numOfWishlists, #listOfProducts { padding: 0px 24px !important;} #faqPage, #accessAndSecurityPage, #userAddressManagementPage, #userPayments {padding: 0px 24px;} #divisonForNewAddress { left: 30% !important; } #loginFooter a { display: block !important; } } @media screen and (max-width: 500px) { #pageBrowse .categoryBox, #pageServices .categoryBox { width: 39%;} #flashDiscountTimer { position: relative !important; white-space: pre; } .sliderTitle {word-wrap: break-word;} #flashDiscountTimer { top: 0; left: 0; padding: 5px 5px 5px 0px !important; margin-left: 0px !important; } .badge_for_deals {clip-path: none;} .quickToCart { left: 86% !important; } #forIconTopUserMobile {right: 0px !important; width:190px; } .pageHelpAuth { padding: 0px !important;} #greyBox .row:first-child .col-12:first-child img { left: 8%; width: 70% !important; top: -200px !important;} } @media screen and (max-height: 450px) { .overlay {overflow-y: auto;} .overlay a {font-size: 20px} .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;} } @media screen and (max-width: 460px) { /* #flashDiscountTimer { font-size: 11px !important; margin-left: 0px !important; padding-left: 8px !important; padding-top: 12px !important;} */ #pagination_buttons, #wishListPagination {border-left: none !important;} #flashDiscountPage #filterContainer, #productsPage #filterContainer, #professionalsPage #filterContainer { text-align: center !important; margin-top: 10px;} #pageBrowse .categoryBox, #pageServices .categoryBox { width: 90%; margin: 16px;} .carousel-caption { top: 14%; } .lngImgCaption { top: 18% !important; } .btmImgCaption { bottom: 16%; } .orderNumber { word-break: break-word;} #btnSendHelpRequest { white-space: break-spaces !important;} } @media screen and (max-width: 430px) { #headerMobile > div:first-of-type > div:first-child {width: 20% !important; } #headerMobile > div:first-of-type > div {width: 38% !important; } .lngImgCaption { top: 20% !important; } .btmImgCaption { bottom: 16%; } .secondLevelMenu { min-height: 255px !important; height: auto !important; width: 100% !important; left: -190px !important; } .cartItemManagement span {display: inline-block;} } @media screen and (max-width: 410px) { #headerMobile > div:first-of-type > div:first-child {width: 13% !important; } #headerMobile > div:first-of-type > div {width: 42% !important; } } @media screen and (max-width: 400px) { #headerMobile > div:first-of-type > div:first-child {width: 5% !important; } #headerMobile > div:first-of-type > div {width: 45% !important; } .lngImgCaption { top: 18% !important; } .btmImgCaption { bottom: 16%; } #greyBox .row:first-child .col-12:first-child img { left: 8%; width: 87% !important; top: -150px !important;} #greyBox .row:first-child .col-12:last-child { margin-top: 2rem; } #pageProductDetail #tabContentFormats label {font-size: .9em !important;} #divisonForNewAddress { left: 20% !important; } } @media screen and (max-width: 390px) { #forIconTopUserMobile li {padding: 8px !important;} .secondLevelMenu { width: 87% !important; left: -155px !important; } #userProfilePage #userLinkContainer a > div { width: 85%; } #pageBrowse > div:first-of-type h1 { font-size: 2rem !important;} #pageWishlist #filterContainer div:first-child .btn { margin-bottom: 8px !important;} }