/*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #000000; font-family: "Circular Book", Helvetica, Arial, sans-serif; line-height: 1.75; } html, body { height: 100%; } @font-face { font-family: 'Circular Book'; src: url("../fonts/CircularStd-Book.woff2") format("woff2"), url("../fonts/CircularStd-Book.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Book Italic'; src: url("../fonts/CircularStd-BookItalic.woff2") format("woff2"), url("../fonts/CircularStd-BookItalic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Circular Bold'; src: url("../fonts/CircularStd-Bold.woff2") format("woff2"), url("../fonts/CircularStd-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Black'; src: url("../fonts/CircularStd-Black.woff2") format("woff2"), url("../fonts/CircularStd-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Medium Italic'; src: url("../fonts/CircularStd-MediumItalic.woff2") format("woff2"), url("../fonts/CircularStd-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Circular Medium'; src: url("../fonts/CircularStd-Medium.woff2") format("woff2"), url("../fonts/CircularStd-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /** CUSTOM */ /*-------------------------------------------- Classic theme override --------------------------------------------*/ body { color: #000000; font-family: "Circular Book", Helvetica, Arial, sans-serif; } body a { color: inherit; } body a:link { -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } body a:visited { color: inherit; } body a:focus { outline: none; } body a:hover { text-decoration: none; } body a:hover { color: initial; } body a:active, body a:focus { color: initial; } body p { color: #000000; } body p:empty { height: 15px; } body strong, body b { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } address, dl, ol, ul { margin-bottom: 0; } body .page-content.page-cms { background-color: transparent; } body .page-content p a { text-decoration: underline; } .font-weight-bold { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } body figure { margin: 0; } html.menu-open, body.menu-open { margin: 0; height: 100%; overflow: hidden; } body #wrapper { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding-top: 0; } body .wpb_alert-info { display: none; } .alert { font-size: inherit; } .bootstrap-touchspin { -webkit-box-shadow: none; box-shadow: none; } .featured-products { display: none; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-miniature .thumbnail-container { -webkit-box-shadow: none; box-shadow: none; } #products .thumbnail-container:focus .product-description::after, #products .thumbnail-container:hover .product-description::after, .featured-products .thumbnail-container:focus .product-description::after, .featured-products .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after { content: none; } #products .highlighted-informations, .featured-products .highlighted-informations, .product-miniature .highlighted-informations { display: none; } #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img { position: initial; margin: 0 auto; } #products .product-title, .featured-products .product-title, .product-miniature .product-title, .vc-related-products .product-title, .vc-cats-carousels .product-title { text-transform: initial; text-align: inherit; font-family: "Circular Bold", Helvetica, Arial, sans-serif; margin: 0; } #products .product-description, .featured-products .product-description, .product-miniature .product-description { position: static; } #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-miniature .product-price-and-shipping { text-align: inherit; } .product-flags li.product-flag { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .product-flags { left: auto; width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .has-discount .discount { font-weight: inherit; } #products .product-title a, .featured-products .product-title a, .product-miniature .product-title a { font-size: inherit; color: inherit; } #products .product-description, .featured-products .product-description, .product-miniature .product-description { width: auto; height: auto; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0; } .page-content.page-cms { padding: 0; } .card { -webkit-box-shadow: none; box-shadow: none; border: 0; } .label, label { text-align: initial; font-size: inherit; color: inherit; } #main .page-footer { margin-bottom: 0; } #products .regular-price, .featured-products .regular-price, .product-miniature .regular-price { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: inherit; } .input-group .input-group-btn > .btn { font-size: initial; } .form-control:focus, .input-group.focus { outline: none; } .form-control:focus { border-color: none; } .custom-radio input[type="radio"]:checked + span { background-color: #231F20; } .form-control::-webkit-input-placeholder { line-height: 1.6; } .form-control::-moz-placeholder { line-height: 1.6; } .form-control:-ms-input-placeholder { line-height: 1.6; } .form-control::-ms-input-placeholder { line-height: 1.6; } .form-control::placeholder { line-height: 1.6; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { border-color: #231F20; } .separator { border-color: #231F20; } .vc-image-full-width img { display: block; width: 100%; } .btn-pin-wrap { position: absolute; z-index: 1; } .btn-pin-wrap a { cursor: pointer; display: inline-block; background: url(../img/pinterest.svg) center center/contain no-repeat; } .btn-pin-wrap a:hover { opacity: .7; } /*-------------------------------------------- Account --------------------------------------------*/ .page-my-account #content .links a:hover { color: inherit; } .page-my-account #content .links a:hover i { color: #231F20; } .page-my-account #content .links a span.link-item { -webkit-box-shadow: none; box-shadow: none; border: 1px solid lightgray; } .page-customer-account #content { font-size: inherit; } /*-------------------------------------------- About CMS --------------------------------------------*/ .page-cms-11 > p:first-child { display: none; } /*-------------------------------------------- Animations --------------------------------------------*/ @-webkit-keyframes hoverLine { 0% { right: auto; width: 0; } 100% { width: 100%; } } @keyframes hoverLine { 0% { right: auto; width: 0; } 100% { width: 100%; } } /*-------------------------------------------- Authentication --------------------------------------------*/ .input-group .input-group-btn { height: auto; } .input-group .input-group-btn > .btn[data-action="show-password"] { height: 100%; } #authentication .page-header { text-align: center; } .page-authentication #content { max-width: 700px; } .page-addresses .address, .page-authentication #content, .page-customer-account #content { -webkit-box-shadow: none; box-shadow: none; color: inherit; } .page-customer-account #content { padding: 30px 0; } .page-customer-account #content .no-account { line-height: 1.4; } .got-account { margin-bottom: 40px; } #authentication .custom-checkbox label { padding-left: 0; } /*-------------------------------------------- Banner VC --------------------------------------------*/ .vc-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } .vc-banner::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); width: 100vw; height: 100%; } #wrapper .vc-banner-title > * { color: white; } .vc-banner-img { position: relative; } .vc-banner-img img { display: block; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .vc_column_container .vc_column-inner .wpb_wrapper .vc-separator-title span.vc-banner-title { line-height: 1.4 !important; } .vc-banner-img.has-video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .vc-banner-img.has-video .dm-play { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; color: transparent; cursor: pointer; position: absolute; z-index: 2; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: url(../img/play.svg) center center/contain no-repeat; } .vc-banner-img.has-video .dm-play:focus { outline: none; } .vc-banner-img.has-video .dm-play::-moz-focus-inner { border: 0; padding: 0; } .vc-banner-img.has-video .dm-play:hover { opacity: .7; } .vc-banner-img.has-video .dm-player-wrap + img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } #vc-banner-video.video-almost-ended .dm-player-wrap + img { opacity: 1; } #vc-banner-video.video-ended .dm-play { opacity: 1; } #vc-banner-video.video-played .dm-play, #vc-banner-video.video-played .dm-player-wrap + img { opacity: 0; } #vc-banner-video.video-played .vc-banner-img.has-video:after { opacity: 0; } #vc-banner-video.video-played .vc-banner-body { opacity: 0; } /*-------------------------------------------- Blog latest --------------------------------------------*/ .latest-post { position: relative; overflow: hidden; } .latest-post img { height: auto; } .latest-post__figure { overflow: hidden; position: relative; } .latest-post__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .latest-post__date { display: inline-block; line-height: 1; } .latest .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .latest .slick-slide { height: inherit !important; } /*-------------------------------------------- Blog archive --------------------------------------------*/ .archive-cats { background-color: #f7f7f7; } .latest-post { position: relative; overflow: hidden; } .latest-post .latest-post__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .latest-post img { width: 100%; max-width: 100%; display: block; -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .latest-post .latest-post__link:hover + img { opacity: .8; } .latest-post__separator { display: inline-block; margin: 0 5px; } .archive-post__cat-first { line-height: 1.1; } .archive-cats__list { font-size: 0; display: none; position: absolute; padding: 20px 15px; margin-top: 15px; z-index: 2; left: 0; right: 0; background: #f7f7f7; } .archive-cats__label { display: block; cursor: pointer; background: url(../img/arrow-down.svg) right center/15px no-repeat; text-transform: uppercase; font-family: "Circular Bold", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .archive-cats__label:hover { opacity: .8; } #archive-cats-checkbox:checked + .archive-cats__label { background: url(../img/arrow-up.svg) right center/15px no-repeat; } #archive-cats-checkbox:checked ~ .archive-cats__list { display: block; } .archive-cats__item { line-height: 1; } .archive-cats__item--current { font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1; } .archive-cats__item--current { color: #231F20; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .archive-cats__item--current .archive-cats__link { display: inline-block; } .archive-cats__link { font-size: 16px; } /*-------------------------------------------- Blog Single Post --------------------------------------------*/ .blog-single-post #wrapper > .breadcrumb { display: none; } .single-post__header .single-post__date { display: block; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .blog-single-post .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .blog-single-post .slick-slide { height: inherit !important; } /*-------------------------------------------- Brands --------------------------------------------*/ .brand__figure { position: relative; } .brand__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .brand__link:hover + .brand__logo { opacity: .7; } .brand__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 50%; } .brand__ar { width: 100%; position: relative; /* If you want text inside of it */ } .brands .slick-track, .vc-related-products .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .brands .slick-slide, .vc-related-products .slick-slide { height: inherit !important; } .brands .slick-arrow, .vc-cats-carousels .slick-arrow, .vc-related-products .slick-arrow, .vc-timeline .slick-arrow, .post-related-products .slick-arrow { border: 3px solid #0066B0; border-radius: 50%; width: 40px; height: 40px; } .brands .slick-prev, .vc-cats-carousels .slick-prev, .vc-related-products .slick-prev, .vc-timeline .slick-prev, .post-related-products .slick-prev { background: white url(../img/arrow-left-yellow.svg) center center/12px no-repeat; } .brands .slick-next, .vc-cats-carousels .slick-next, .vc-related-products .slick-next, .vc-timeline .slick-next, .post-related-products .slick-next { background: white url(../img/arrow-right-yellow.svg) center center/12px no-repeat; } .brands-grid .brands { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*-------------------------------------------- Breadcrumb --------------------------------------------*/ body:not(#index) #wrapper .breadcrumb[data-depth="1"] { display: block; } #wrapper .breadcrumb { text-transform: uppercase; overflow: auto; white-space: nowrap; position: relative; } #wrapper .breadcrumb li::after { color: inherit; } #wrapper .breadcrumb:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); position: absolute; right: 0; top: 0; bottom: 0; width: 100px; height: 100%; } body.blog-single-post #wrapper .breadcrumb:after, body.cms-id-6 #wrapper .breadcrumb:after, body.cms-id-7 #wrapper .breadcrumb:after { content: none; } body#category #wrapper .breadcrumb:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 248, 0)), to(transparent)); background: linear-gradient(to right, rgba(246, 246, 248, 0) 0%, transparent 100%); } #wrapper .breadcrumb li::after { content: "/"; } /*-------------------------------------------- Buttons --------------------------------------------*/ .wpb_button:hover, .wpb_button:active, .wpb_button.active, .wpb_button.disabled, .wpb_button[disabled] { background-color: transparent; } .wpb_button { text-shadow: none; font-size: inherit; text-transform: uppercase; } .vc_column_container .vc_btn, .vc_column_container .wpb_button { margin-top: 0; margin-bottom: 0; } body .btn-primary { background-color: #0066B0; color: white !important; } body .btn-primary .focus, body .btn-primary:focus, body .btn-primary:hover { background-color: #00518c; } body .btn-primary, body .btn-secondary, body .btn-tertiary { font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: inherit; -webkit-box-shadow: none; box-shadow: none; border-radius: 25px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } html body .btn-cta, html body .vc-btn-cta { display: inline-block; position: relative; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; -webkit-transition: background 0.3s; transition: background 0.3s; border-radius: 33px; border: 2px solid #0066B0; text-transform: uppercase; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } html body .btn-cta:focus, html body .vc-btn-cta:focus { outline: none; } html body .btn-cta::-moz-focus-inner, html body .vc-btn-cta::-moz-focus-inner { border: 0; padding: 0; } html body .btn-cta:hover, html body .vc-btn-cta:hover { background-color: #0066B0; color: white; } html body .btn-cta--contact, html body .vc-btn-cta--contact { color: white !important; background-color: #0066B0; font-family: "Circular Book", Helvetica, Arial, sans-serif; padding: 10px 20px; font-size: 14px; line-height: 1; } html body .btn-cta--contact i, html body .vc-btn-cta--contact i { font-size: 14px; display: inline-block; vertical-align: -15%; margin-right: 10px; } html body .btn-cta--contact:hover, html body .vc-btn-cta--contact:hover { background-color: #7AA6C0 !important; border-color: #7AA6C0 !important; color: white; } html body .btn-cta--white, html body .vc-btn-cta--white { color: white; background-color: transparent; border: 2px solid white; } html body .btn-cta--white:hover, html body .vc-btn-cta--white:hover { background-color: white; color: #0066B0; } html body .btn-cta--blue, html body .vc-btn-cta--blue { color: white; background-color: #0066B0; border: 2px solid #0066B0; } html body .btn-cta--blue:hover, html body .vc-btn-cta--blue:hover { background-color: white; color: #0066B0; } html body .btn-cta--lightblue, html body .vc-btn-cta--lightblue { color: white; background-color: #7AA6C0; border: 2px solid #7AA6C0; } html body .btn-cta--lightblue:hover, html body .vc-btn-cta--lightblue:hover { background-color: white; color: #7AA6C0; } html body .btn-cta--pdf, html body .vc-btn-cta--pdf { margin-top: 20px !important; } html body .btn-cta--pdf:before, html body .vc-btn-cta--pdf:before { content: "\e415"; font-family: "Material Icons"; display: inline-block; vertical-align: -33.33333%; margin-right: 20px; font-size: 24px; width: 20px; height: 20px; } html body .btn-simple { cursor: pointer; display: inline-block; position: relative; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; -webkit-transition: background 0.3s; transition: background 0.3s; text-transform: uppercase; font-family: "Circular Bold", Helvetica, Arial, sans-serif; letter-spacing: 1px; padding: 0; } html body .btn-simple:focus { outline: none; } html body .btn-simple::-moz-focus-inner { border: 0; padding: 0; } html body .btn-simple:after { content: ""; height: 1px; background-color: #000000; position: absolute; bottom: 0; left: 0; right: 0; } html body .btn-simple:hover:after { -webkit-animation-name: hoverLine; animation-name: hoverLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .loading { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background: url(../img/loading-white.svg) center center/contain no-repeat; } /*-------------------------------------------- Carousel --------------------------------------------*/ .carousel { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; -webkit-box-shadow: none; box-shadow: none; } .carousel.slick-initialized { visibility: visible; opacity: 1; } .carousel-nav { position: absolute; top: 60%; -webkit-transform: translateY(-60%); transform: translateY(-60%); left: 0; right: 0; z-index: 1; } .carousel-nav .slick-prev { left: 0; } .carousel-nav .slick-next { right: 0; } .vc-carousel-header .vc_separator { margin: 0 !important; } .vc-carousel .products .slick-list, .vc-use-cases .wpb_wrapper .slick-list { overflow: unset; } #ybc_blog_page .vc-carousel .products .slick-list { padding-left: 0; padding-right: 0; } html body .vc-carousel .products { display: block; } .vc-carousel .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .vc-carousel .slick-slide { height: inherit !important; } .vc-carousel .products img { display: block; width: 100%; height: auto; } .vc-carousel { height: 100%; position: relative; } .vc-carousel .slick-prev, .vc-carousel .slick-next { width: 40px; height: 40px; border-radius: 50%; color: transparent; padding: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .vc-carousel .slick-prev { left: -5px; background: #0066B0 url(../img/arrow-left-white.svg) center/10px no-repeat; } .vc-carousel .slick-next { right: -5px; background: #0066B0 url(../img/arrow-right-white.svg) center/10px no-repeat; } body#ybc_blog_page .vc-carousel .slick-prev { left: -20px; } body#ybc_blog_page .vc-carousel .slick-next { right: -20px; } .vc-carousel .product-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } #wrapper .vc-use-cases .wpb_singleimage_heading { position: absolute; bottom: 0; left: 0; right: 0; background: #0066B0; color: white; text-align: center; margin: 0; padding: 20px; z-index: 1; } #wrapper .vc-use-cases a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } #wrapper .vc-use-cases .wpb_single_image { overflow: hidden; position: relative; } #wrapper .vc-use-cases img { -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } #wrapper .vc-use-cases a:hover + img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*-------------------------------------------- Cart --------------------------------------------*/ .cart-grid-body .card-block { padding-left: 0; padding-right: 0; } .cart-grid-body .cart-overview { padding: 0; } .cart-grid-body .cart-overview + .label { position: relative; left: -7px; } #cart .cart-grid-body .no-items { padding: 0; display: block; } #cart .product-discount .regular-price { margin-right: 0; } #cart .has-discount .discount { margin-left: 0; } .product-line-grid-body > .product-line-info > .label { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: #231F20; } .product-line-info { line-height: 1.25; margin-bottom: 20px; } .cart-grid-body a.label:hover { color: #231F20; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .block-promo .promo-input { color: inherit; border: 0; border-bottom: 1px solid #000000; height: auto; text-indent: inherit; } .block-promo .promo-input + button { border: 0; margin-top: 0; margin-left: 0; } .block-promo .promo-code form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block-promo .promo-code-button.cancel-promo { color: inherit; } #cart .cart-summary, #js-checkout-summary { margin-bottom: 50px; } .cart-items { padding: 0; margin-bottom: 30px; } .cart-item { border-bottom: 1px solid #231F20; padding-top: 30px; padding-bottom: 30px; } .cart-summary-line { margin-bottom: 0; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .cart-block.cart-summary-totals { border-top: 1px solid #231F20; padding: 20px 0; margin-top: 20px; } body#checkout .cart-block.cart-summary-totals { margin-top: 0; } .block-promo .promo-code { padding: 0; } .block-promo .promo-code-button { text-align: inherit; padding: 0; } .cart-notice { background-color: #231F20; padding: 35px 25px; } .cart-notice span.cart-notice__title { color: white !important; } .cart-notice p { line-height: 1.6; margin-bottom: 40px; } .cart-notice p:last-child { margin-bottom: 0; } .cart-notice * { color: white !important; } .cart-detailed-actions .btn { background-color: #21D8AA; } .cart-detailed-actions .btn:hover { background-color: #49e3bc; } /*-------------------------------------------- Cart Dropdown --------------------------------------------*/ #header .header-top .cart-preview.active a, #header .header-top .cart-preview.active i { color: white; padding: 0; } .cart-title { display: block; margin-bottom: 30px; } .cart-wishlist-item { margin-bottom: 10px; border: 1px solid white; } .cart-wishlist-item:last-child { padding-bottom: 150px; } .cart-wishlist-item:first-child { padding-bottom: 0; } .cart-hover-content .qty-name-price, .cart-hover-content .minicart-img { display: table-cell; vertical-align: top; } .cart-hover-content .cart-summary *, .cart-hover-content .qty-name-price, .cart-hover-content .minicart-img, .cart-hover-content .cart-wishlist-viewcart, .cart-hover-content .cart-wishlist-checkout { font-size: 15px; } .cart-hover-content .minicart-img img { display: block; max-width: 70px; } .cart-hover-content .cart-wishlist-item, .cart-hover-content .cart-summary { margin-bottom: 20px; } .cart-hover-content .cart-wishlist-item, .cart-hover-content .cart-summary .cart-subtotals > *, .cart-hover-content .cart-summary .cart-total { display: table; width: 100%; } .cart-hover-content .cart-wishlist-item > *, .cart-hover-content .cart-summary .cart-subtotals > * > *, .cart-hover-content .cart-summary .cart-total > * { display: table-cell; vertical-align: middle; } .cart-hover-content .qty-name-price { padding-top: 10px; padding-left: 10px; color: #231F20; font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1; white-space: normal; width: 100%; text-align: left; } .cart-hover-content .product-price { display: block; color: #000000; margin-top: 15px; } .cart-hover-content .cart-summary .cart-subtotals { padding-bottom: 10px; border-bottom: 1px solid lightgrey; margin-bottom: 10px; } .cart-hover-content.cart-summary .cart-subtotals .label, .cart-hover-content .cart-summary .cart-total .label { text-align: left; } .cart-hover-content .cart-summary .cart-total .label { text-transform: uppercase; } .cart-hover-content .cart-summary .cart-subtotals .value, .cart-hover-content .cart-summary .cart-total .value { text-align: right; } .cart-hover-content .cart-wishlist-viewcart, .cart-hover-content .cart-wishlist-checkout { border-radius: 25px; background-color: #0066B0; color: white; display: block; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-top: 7px; font-family: "Circular Bold", Helvetica, Arial, sans-serif; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .cart-hover-content .cart-wishlist-viewcart:hover, .cart-hover-content .cart-wishlist-checkout:hover { background-color: #007bd4; } .cart-hover-content { position: fixed; z-index: 9999; background-color: white; right: 0; top: 0; bottom: 0; height: 100vh; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .cart-hover-content ul { max-height: 50vh; overflow-y: auto; overflow-x: hidden; } body.dropdown-cart-open .cart-hover-content { -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: -8px 0px 51px -33px rgba(0, 0, 0, 0.75); box-shadow: -8px 0px 51px -33px rgba(0, 0, 0, 0.75); } .cart-hover-content .cart-close { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; display: inline-block; cursor: pointer; position: absolute; right: 10px; top: 15px; padding: 0; } .cart-hover-content .cart-close:focus { outline: none; } .cart-hover-content .cart-close::-moz-focus-inner { border: 0; padding: 0; } .cart-hover-content .cart-close:hover { opacity: .5; } .cart-hover-content .cart-close-icon { color: #000000 !important; font-size: 30px; opacity: 1 !important; } .cart-hover-content .cart-footer { background-color: white; position: fixed; bottom: 0; left: 0; right: 0; } .cart-hover-content .cart-footer:before { content: ""; position: absolute; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); left: 0; right: 0; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .cart-summary .label { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: inherit; } .cart-summary small.cart-tax-label { font-size: 70% !important; } .cart-summary .cart-total .value { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Catalog --------------------------------------------*/ body#category .category-subtitle { font-family: "Circular Book", Helvetica, Arial, sans-serif; } .category-search .search-widget { min-width: auto; width: 100%; } .category-search .search-widget__inner { margin: 0; } .category-search .search-widget__header, .category-search .search-widget__close { display: none; } .category-search .search-widget form input[type=text] { min-width: auto; width: 100%; border: 3px solid #0066B0; border-radius: 25px; font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; padding-left: 20px; } .category-search .search-widget form input[type=text]:focus { outline: 0; } .category-search .search-widget form button[type="submit"] { background: url(../img/search.svg) center center/contain no-repeat; width: 20px; height: 20px; right: 20px; color: transparent !important; } .category-search .btnsearch { position: absolute; padding: 0 !important; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #category #js-product-list-header, #search #js-product-list-header { overflow: hidden; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { background-color: transparent; } .category-background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #f7f7f7; } .category-background:before { content: ""; position: absolute; top: 0; bottom: 0; background-color: #f7f7f7; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .block-category { min-height: auto; margin-bottom: 0; } img.product__cat-logo[src=""] { display: none; } .block-categories { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0; margin-bottom: 0; } .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover { color: #231F20; } .block-categories .category-sub-menu li[data-depth="0"] > a.category-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; font-family: "Circular Bold", Helvetica, Arial, sans-serif; padding: 10px; margin: 0; border: 0; font-weight: inherit; background-color: #f7f7f7; border-radius: 23px; } .category-icon, .category-label { display: inline-block; vertical-align: -45%; } .category-icon { border-radius: 50%; margin-right: 10px; padding: 5px; background-color: #0066B0; background-position: center; background-repeat: no-repeat; } .category-icon + a { line-height: 1.3; } .category-sub-menu .category-icon { width: 30px; min-width: 30px; height: 30px; background-size: 12px; } .category-sub-menu .category-icon-scatole { background-size: 17px; } .dd-menu .category-icon { width: 50px; min-width: 50px; height: 50px; background-size: 25px; } .dd-menu .category-icon-scatole { background-size: 30px; } .dd-menu .category-icon-detergenti { background-size: 17px; } .dd-menu .category-icon-traslochi { background-size: 32px; } .dd-menu .category-icon-fragili { background-size: 17px; } .category-icon-scatole { background-image: url(../img/scatole.svg); } .category-icon-utilizzi { background-image: url(../img/bicchiere.svg); } .category-icon-protezioni { background-image: url(../img/protezione.svg); } .category-icon-nastri { background-image: url(../img/nastri.svg); } .category-icon-detergenti { background-image: url(../img/detergenti.svg); } .category-icon-traslochi { background-image: url(../img/traslochi.svg); } .category-icon-fragili { background-image: url(../img/bicchiere.svg); } .category-icon-ecommerce { background-image: url(../img/carrello.svg); } .category-icon-profili { background-image: url(../img/profili.svg); } .category-icon-plietilene { background-image: url(../img/plietilene.svg); } .category-icon-pluriball { background-image: url(../img/pluriball.svg); } .category-icon-buste { background-image: url(../img/buste.svg); } .block-categories .category-sub-menu li[data-depth="1"] > a { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .block-categories .category-sub-menu li { line-height: 1.3; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]):before { content: none; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) { padding-left: 0; } /* FIX Jump */ .block-categories .category-sub-menu li:last-child[data-depth="1"] { margin-bottom: 0; } .block-categories .category-sub-menu .collapsing { width: 100%; } .block-categories .category-sub-link + .arrows i { float: right; font-size: 25px; cursor: pointer; } .block-categories .arrows[aria-expanded=true] .add { display: none; } .block-categories .arrows .remove, .block-categories .arrows[aria-expanded=false] .remove { display: none; } .block-categories .arrows[aria-expanded=true] .remove { display: block; } .category-sub-menu, .block-categories .category-sub-menu { margin-top: 0; } .block-categories .navbar-toggler { font-size: inherit; padding: 3px; margin: 0; width: auto; height: auto; z-index: 1; } #search_filters .facet .collapse, #search_filters_brands .facet .collapse, #search_filters_suppliers .facet .collapse { display: none; } #search_filters .facet .collapse.in, #search_filters_brands .facet .collapse.in, #search_filters_suppliers .facet .collapse.in { display: block; } #search_filters .collapse-icons .remove { display: none; } #search_filters .collapse-icons .add, #search_filters .collapse-icons .remove { cursor: pointer; } #search_filters .title[aria-expanded="true"] .facet-title + .collapse-icons .add { display: none; } #search_filters .title[aria-expanded="true"] .facet-title + .collapse-icons .remove { display: block; } .facet-age { display: table; width: 100%; } .facet-age__label, .facet-age__list { display: table-cell; vertical-align: middle; line-height: 1; } .facet-age__list { list-style: none; font-size: 0; } .facet-age__item { display: inline-block; vertical-align: middle; margin-left: 25px; } .facet-age__item:last-child { margin-right: 0; } .facet-age__link { text-decoration: none; font-family: "Circular Book", Helvetica, Arial, sans-serif; font-size: initial; } .facet-age__link:hover, .facet-age__link:active, .facet-age__link:visited { text-decoration: none; } .facet-age__link--active { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: white; padding: 15px; border-radius: 25px; } .facet-age__link--active:hover, .facet-age__link--active:visited { color: white; } .facet-age__link--active:hover { opacity: .8; } body.category-id-10 .facet-age__link--active { background-color: #E66363; } body.category-id-11 .facet-age__link--active { background-color: #21D8AA; } #search_filters, #search_filters_brands, #search_filters_suppliers { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0; margin-bottom: 0; } .custom-checkbox input[type="checkbox"] + span { border-width: 1px; border-color: #231F20; width: 22px; height: 22px; border-radius: 2px; } .custom-checkbox input[type="checkbox"] + span:hover { background-color: #f7f7f7; } #search_filters .facet .facet-label a { width: auto; } #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a { color: inherit; margin-top: auto; line-height: 1.3; margin: 0; } #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio { margin-top: 0; } #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet { padding-top: 0; } #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio { top: auto; } #search_filters .btn { margin-top: 0; margin-bottom: 20px; } #search_filters .ui-slider-horizontal { height: 2px; border-color: #000000; } #search_filters .ui-slider .ui-slider-handle { border: 0; width: 16px; height: 16px; background-color: #231F20; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #search_filters .ui-slider .ui-slider-handle:hover { background-color: #312b2c; } #search_filters .slide-range-price { display: block; font-size: 12px; margin-top: 20px; } .custom-checkbox input[type="checkbox"] + span { margin-right: 10px; position: relative; } .custom-checkbox input[type="checkbox"] + span .checkbox-checked { margin: 0; font-size: inherit; color: inherit; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #search_filters ul li { line-height: 1; } #search_filters .facet .facet-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .faceted-overlay { z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .product-list-top { border-top: 1px solid #979797; border-bottom: 1px solid #979797; } .active_filters .filter-block .close { position: relative; top: -5px; right: -5px; } .active_filters .filter-block .close:hover { opacity: .5; } .active_filters { background-color: transparent; padding: 0; margin-bottom: inherit; } .active_filters .active-filter-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 1; } .active_filters .filter-block { -webkit-box-shadow: none; box-shadow: none; border-radius: 15px; } .products-sort-order .select-title { color: inherit; padding: 0; cursor: pointer; border: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .products-sort-order .select-title:hover { color: #231F20; } .products-sort-order .dropdown-menu { background-color: white; -webkit-box-shadow: 0px 0px 19px -12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 19px -12px rgba(0, 0, 0, 0.5); } .products-sort-order .select-list:hover { background-color: transparent; color: initial; } .products-sort-order .select-list:hover:hover { color: #231F20; } .products-selection .sort-by { line-height: 1; font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; } .products-selection .total-products, .products-selection h1 { padding-top: 0; } .sort-by, .products-sort-order { color: #000000; } .products-sort-order .select-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; line-height: 1.1; } .products-sort-order .dropdown-menu { width: auto; font-size: inherit; padding: 15px 0; margin-top: 15px; border-radius: 25px; } .products-sort-order .select-list { color: inherit; font-size: 14px; line-height: 1.2; } .products-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products-selection .products-selection-label { display: inline-block; position: relative; } #category .products-selection .products-selection-label:after { content: ""; position: absolute; right: -15px; top: -5px; bottom: -5px; background-color: #000000; width: 1px; } .products-selection .total-products { line-height: 1; color: #000000; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail { height: auto; } #products .product-miniature .product-flags li.product-flag, .featured-products .product-miniature .product-flags li.product-flag, .product-miniature .product-miniature .product-flags li.product-flag { min-width: auto; min-height: auto; } .product-flags li.product-flag { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; border-radius: 50%; text-align: center; margin-left: 5px; } .product-flags li.product-flag.discount { background-color: #64BBE4; color: white; } .product-flags li.product-flag.new { background-color: #21D8AA; } .product-flags li.product-flag .product-flag-label { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; } .product-flags li.product-flag.eco { background: #2EC48C url(../img/bio.svg) center/30px no-repeat; } .product-flags li.product-flag--se { background: url(../img/special-edition.svg) center center/contain no-repeat; } #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description { -webkit-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet .facet-title { color: inherit; font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1; } #products .product-description, .featured-products .product-description, .product-miniature .product-description { background-color: transparent; -webkit-box-sizing: content-box; box-sizing: content-box; } #products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price { font-size: inherit; color: #979797; } #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping { font-weight: normal; font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1; } /*-------------------------------------------- Cats carousels VC --------------------------------------------*/ .cat-switcher-label { width: 60px; height: 30px; background-color: #0066B0; border-radius: 25px; border: 2px solid #0066B0; position: relative; display: block; margin: 0 auto; cursor: pointer; } .cat-switcher-label .cat-switcher-catname { position: absolute; top: 50%; } .cat-switcher-label .cat-switcher-catname:first-child { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); padding-right: 20px; } .cat-switcher-label .cat-switcher-catname:last-child { -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } .cat-switcher-label:before { content: ""; background: white; border-radius: 50%; width: 25px; height: 25px; position: absolute; -webkit-transform: translateX(0); transform: translateX(0); top: 0; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } #cat-switcher:checked + .cat-switcher-label:before { -webkit-transform: translateX(124%); transform: translateX(124%); } .cat-switcher-label + .product-grid-wrapper + .product-grid-wrapper, #cat-switcher:checked + .cat-switcher-label + .product-grid-wrapper { display: none; } #cat-switcher:checked + .cat-switcher-label + .product-grid-wrapper + .product-grid-wrapper { display: block; } #cat-switcher:not(:checked) + .cat-switcher-label .cat-switcher-catname:last-child, #cat-switcher:checked + .cat-switcher-label .cat-switcher-catname:first-child { color: #979797; } .cat-switcher-catname { font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; } .vc-cats-carousels .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .vc-cats-carousels .slick-slide { height: inherit !important; } .vc-cats-carousels .product-grid-wrapper .products .slick-list { width: 100%; } /*-------------------------------------------- Cats launches VC --------------------------------------------*/ .vc-cat-launch { position: relative; } .vc-cat-launch a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .vc-cat-launch--hover-red a:hover { border: 5px solid #E66363; } .vc-cat-launch--hover-green a:hover { border: 5px solid #21D8AA; } .vc-cat-launch:after { content: ""; border-radius: 50%; position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; background-color: white; z-index: -1; } /*-------------------------------------------- Contatti --------------------------------------------*/ .vc-contact-info a { text-decoration: none !important; } .vc-contact-info-title { margin-bottom: 20px; } .contact-form + .notification { margin-top: 45px; padding: 20px 15px; font-size: 14px; line-height: 24px; text-align: center; color: white; } .contact-form + .notification-success { background-color: green; } .contact-form + .notification-error { background-color: #dc3c3c; } .contact-form span.loading-form { width: 40px; height: 40px; position: absolute; left: calc(50% - 20px); top: -40px; background: url(../img/loading.svg) center center/contain no-repeat; cursor: default; } @media (min-width: 768px) { .contact-form span.loading-form { left: -55px; top: calc(50% - 20px); } .contact-form + .notification { line-height: 26px; } } @media (min-width: 992px) { .contact-form + .notification { margin-top: 65px; } } /*-------------------------------------------- Copyright --------------------------------------------*/ .copyright { position: relative; background-color: white; } /*-------------------------------------------- Checkout --------------------------------------------*/ #checkout #search_widget { display: inherit; } #checkout .card-block { padding: 0; margin-bottom: 20px; } #checkout .card-block.cart-summary-totals { padding: inherit; } .custom-checkbox input[type="checkbox"] + span { vertical-align: -20%; width: 20px; height: 20px; margin-right: 10px; border-radius: 4px; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin-left: 0; margin-top: 0; } body#checkout #wrapper section.checkout-step .step-title { text-transform: inherit; letter-spacing: initial; margin-top: 30px; margin-bottom: 30px; } body#checkout .checkout-step.-current .step-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: #231F20; } body#checkout .done { padding: 0; } body#checkout section.checkout-step .step-number { padding: 0; } body#checkout .condition-label { line-height: 1; } body#checkout .condition-label a { text-decoration: underline; } body#checkout .additional-information { margin-left: 0; } .nav-item .nav-link.active, .nav-item .nav-separtor.active { color: inherit; } .nav-item .nav-link, .nav-item .nav-separtor { font-weight: inherit; } .form-control-valign { padding-top: 0; } .product-price { color: #231F20; line-height: 1; } body#checkout #cart-summary-product-list img { border: 0; } .cart-summary-subtotals-container { padding: 20px 0; } .media-list .media { margin-bottom: 10px; } .media-body, .media-left, .media-right { vertical-align: middle; } .media-list .media-body .product-name { line-height: 1.3; display: block; } .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } body#checkout section.checkout-step .content { padding: 0; } body#checkout #header .header-nav { padding: inherit; border: none; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; max-height: 100%; } body#checkout #footer { -webkit-box-shadow: none; box-shadow: none; padding: 0; background: inherit; color: inherit; } body#checkout section.checkout-step { -webkit-box-shadow: none; box-shadow: none; padding: 0; } body#checkout section.checkout-step.-current { padding-bottom: 30px; } .custom-checkbox input[type="checkbox"], body#checkout .custom-checkbox span { margin-top: 0; } .custom-checkbox label { font-size: 15px; } .custom-checkbox label > * { display: inline; } .custom-checkbox label p { margin-bottom: 0; font-size: 15px; line-height: 1.3; } .create-an-account { margin: 40px 0; } .create-an-account__title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .create-an-account + .form-group .form-control-comment { display: none; } body#checkout section.checkout-step small { color: inherit; display: inherit; } .delivery-option, .delivery-option .row, body#checkout section.checkout-step .payment-options .payment-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .carrier-delay { line-height: 1.3; } body#checkout section.checkout-step .delivery-option { background-color: transparent; } body#checkout .custom-checkbox span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { position: absolute; } body#checkout .payment-options { margin-bottom: 30px; } body#checkout section.checkout-step #conditions-to-approve { padding-top: 0; margin-bottom: 30px; line-height: 1.6; } /* FIX to keep native ps html */ #conditions-to-approve .condition-label label { padding-left: 40px; left: -40px; position: relative; z-index: 1; cursor: pointer; } body#checkout section.checkout-step .address-item.selected { border-color: #231F20; } body#checkout section.checkout-step .form-footer { margin-bottom: 30px; } /*-------------------------------------------- FAQ --------------------------------------------*/ .search-faq-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } #search-faq { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; margin-right: 30px; border-bottom: 1px solid black; } #search-faq:focus { outline: none; } #search-faq::-moz-focus-inner { border: 0; padding: 0; } .vc-faq-section { display: none; } body.cms-id-14 #content > .row + .vc-faq-section { display: block; } body.cms-id-14 #content .list { overflow: hidden; } .faq-trigger { position: relative; text-align: center; border: 1px solid #000000; padding: 40px 25px 35px; height: 100%; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .faq-trigger__link { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .faq-trigger__img, .faq-trigger__img-white { display: block; margin: 0 auto; } .faq-trigger__title { line-height: 1.2; } .faq-trigger__img-white { display: none; } .faq-trigger--active, .faq-trigger:hover { border-color: #231F20; background: #231F20; color: white; } .faq-trigger--active .faq-trigger__img, .faq-trigger:hover .faq-trigger__img { display: none; } .faq-trigger--active .faq-trigger__img-white, .faq-trigger:hover .faq-trigger__img-white { display: block; } .faq-trigger__title { display: block; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .wpb_toggle, #content h4.wpb_toggle { background: url(../img/arrow-up-2.svg) right center/25px 15px no-repeat; margin-bottom: 40px; } .wpb_toggle_title_active, #content h4.wpb_toggle_title_active { background: url(../img/arrow-down-2.svg) right center/25px 15px no-repeat; } body.cms-id-14 .wpb_toggle, body.cms-id-14 #content .wpb_toggle { padding-right: 75px; padding-left: 0; margin-top: 0; } body.cms-id-14 .wpb_toggle_content { padding: 0; } .wpb_toggle_content iframe { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 0; } .wpb_toggle_content .iframe-wrap { position: relative; padding-bottom: 56.25%; } body.cms-id-14 .list .wpb_column { padding-left: 0 !important; padding-right: 0 !important; } /*-------------------------------------------- Footer --------------------------------------------*/ #footer { padding-top: 0; } .footer-divider { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .footer-divider .logo { margin: 0px 35px; } .footer-divider:before, .footer-divider:after { content: ''; border-top: 1px solid #231F20; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer-cols { background-color: #0066B0; } .footer-cols * { color: white; } .footer-cols a { -ms-flex-item-align: start; align-self: flex-start; } .footer-cols a:visited, .footer-cols a:hover { color: white; } .footer-cols a:hover { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .footer-cols a:hover { text-decoration: underline; } .footer-col__title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 20px; } .footer-col__image--phone a { display: inline-block; } .footer-col__image--phone a:hover { opacity: .7; } .footer-col__title .vc-separator-title { margin-bottom: 0; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Forms --------------------------------------------*/ label, .label { margin: 0; } button { border: 0; } /* GENERIC */ .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: white; border-bottom: 1px solid #000000; } .form-control::-webkit-input-placeholder { color: #000000; opacity: 1; } .form-control::-moz-placeholder { color: #000000; opacity: 1; } .form-control:-ms-input-placeholder { color: #000000; opacity: 1; } .form-control::-ms-input-placeholder { color: #000000; opacity: 1; } .form-control::placeholder { color: #000000; opacity: 1; } .form-control { line-height: inherit; padding: inherit; font-size: inherit; background: inherit; padding: 10px 15px; } select.form-control:not([size]):not([multiple]) { height: auto; } .form-control-label, .form-control-comment { padding-top: 0; -ms-flex-item-align: center; align-self: center; line-height: 1.3; } .form-group--birthday .form-control-label, .form-group--birthday .form-control-comment { padding-top: 12.5px; } .form-group--birthday .form-control-label, .form-group--birthday .form-control-comment { -ms-flex-item-align: initial; align-self: initial; } /* Forgotten password */ .forgotten-password .form-fields .email input, .forgotten-password .form-fields .center-email-fields button { height: 100%; } .forgotten-password .form-fields label { -ms-flex-item-align: center; align-self: center; } .forgotten-password .form-group { margin-bottom: 0; } /* GDPR */ .gdpr-consent-label { display: -webkit-box; display: -ms-flexbox; display: flex; } .gdpr-consent-label:before { content: ""; border: 1px solid #000000; background-color: white; cursor: pointer; } .gdpr-consent-label p { line-height: 1.3; font-size: 14px; padding-right: 30px; text-align: justify; margin-bottom: 0; } .gdpr-consent-chkbox:checked + .gdpr-consent-label:before { background-color: #000000; } /* Custom form */ .contact-form { padding: 0; } input:focus, textarea:focus, button:focus { outline: none; } .form__firstname, .form__lastname, .form__email, .form__phone, .form__city, .form__province, .form__company, .selectric-form__order, .form__code, .form__message { width: 100%; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; border-bottom: 1px solid #000000; } .form__firstname:focus, .form__lastname:focus, .form__email:focus, .form__phone:focus, .form__city:focus, .form__province:focus, .form__company:focus, .selectric-form__order:focus, .form__code:focus, .form__message:focus { outline: none; } .form__firstname::-moz-focus-inner, .form__lastname::-moz-focus-inner, .form__email::-moz-focus-inner, .form__phone::-moz-focus-inner, .form__city::-moz-focus-inner, .form__province::-moz-focus-inner, .form__company::-moz-focus-inner, .selectric-form__order::-moz-focus-inner, .form__code::-moz-focus-inner, .form__message::-moz-focus-inner { border: 0; padding: 0; } .form__firstname::-moz-placeholder, .form__lastname::-moz-placeholder, .form__email::-moz-placeholder, .form__phone::-moz-placeholder, .form__city::-moz-placeholder, .form__province::-moz-placeholder, .form__company::-moz-placeholder, .selectric-form__order::-moz-placeholder, .form__code::-moz-placeholder, .form__message::-moz-placeholder { color: #000000; } .form__firstname::-webkit-input-placeholder, .form__lastname::-webkit-input-placeholder, .form__email::-webkit-input-placeholder, .form__phone::-webkit-input-placeholder, .form__city::-webkit-input-placeholder, .form__province::-webkit-input-placeholder, .form__company::-webkit-input-placeholder, .selectric-form__order::-webkit-input-placeholder, .form__code::-webkit-input-placeholder, .form__message::-webkit-input-placeholder { color: #000000; } .form__firstname:-ms-input-placeholder, .form__lastname:-ms-input-placeholder, .form__email:-ms-input-placeholder, .form__phone:-ms-input-placeholder, .form__city:-ms-input-placeholder, .form__province:-ms-input-placeholder, .form__company:-ms-input-placeholder, .selectric-form__order:-ms-input-placeholder, .form__code:-ms-input-placeholder, .form__message:-ms-input-placeholder { color: #000000; } .form__firstname::-ms-input-placeholder, .form__lastname::-ms-input-placeholder, .form__email::-ms-input-placeholder, .form__phone::-ms-input-placeholder, .form__city::-ms-input-placeholder, .form__province::-ms-input-placeholder, .form__company::-ms-input-placeholder, .selectric-form__order::-ms-input-placeholder, .form__code::-ms-input-placeholder, .form__message::-ms-input-placeholder { color: #000000; } .form__firstname::placeholder, .form__lastname::placeholder, .form__email::placeholder, .form__phone::placeholder, .form__city::placeholder, .form__province::placeholder, .form__company::placeholder, .selectric-form__order::placeholder, .form__code::placeholder, .form__message::placeholder { color: #000000; } body#contact .form__code { display: none; } body#product .selectric-wrapper .selectric-hide-select + .selectric { display: table; } body#product .selectric-wrapper .selectric-hide-select + .selectric > * { display: table-cell; } body#product .selectric-wrapper.selectric-open.selectric-above .selectric-hide-select + .selectric { border-top-left-radius: 0; border-top-right-radius: 0; } body#product .selectric-wrapper.selectric-open.selectric-below .selectric-hide-select + .selectric { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body#product .selectric-wrapper .selectric-items { background-color: white; overflow: hidden; } body#product .selectric-wrapper .selectric-items .selectric-scroll { background-color: transparent; border-left: 1px solid #231F20; border-right: 1px solid #231F20; } body#product .selectric-wrapper .selectric, body#product .selectric-wrapper .selectric-items { border-bottom: 1px solid #231F20; } body#product .selectric-wrapper .selectric-items li { white-space: unset; } body#product .selectric-wrapper.selectric-above .selectric-items { border-bottom: 0; border-top: 1px solid #231F20; } body#product .selectric-wrapper.selectric-below .selectric-items { border-top: 0; border-bottom: 1px solid #231F20; } body#product .selectric-wrapper .selectric-items { border-top: 0; } body#product .selectric-wrapper .selectric-items li { font-size: initial; font-weight: normal; } .selectric-form__order .selectric .button { background: url(../img/arrow-down.svg) center center/contain no-repeat; top: 5px; } .selectric-form__order .selectric .label { text-align: left; } .selectric-form__order .selectric + .selectric-items { width: 100% !important; } .selectric-form__order .selectric + .selectric-items .selectric-scroll { background-color: #f7f7f7; } .selectric-form__order .selectric + .selectric-items .selectric-scroll li:hover { color: #E66363; } body#product .selectric-wrapper .selectric .label { font-size: initial; } body#product .selectric-wrapper .selectric .button { background: url(../img/arrow-down.svg) center center/contain no-repeat; } .form__privacy, .form__privacy-label { line-height: 1; } .form__privacy-label:hover { cursor: pointer; } .form__privacy-label:before { content: ""; display: inline-block; vertical-align: middle; border: 1px solid #231F20; } .form__privacy-text { position: relative; top: 2px; } .form__privacy-checkbox:checked + .form__privacy-label:before { background-color: green; border: 1px solid green; } .form__footer { line-height: 1; } body .btn.form__submit { line-height: 1 !important; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer; background-color: #231F20; color: inherit; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } body .btn.form__submit:focus { outline: none; } body .btn.form__submit::-moz-focus-inner { border: 0; padding: 0; } body .btn.form__submit:hover { background-color: #E66363; color: white; } body .btn.form__submit:disabled { background-color: #f7f7f7; } body .btn.form__submit:disabled:hover { color: inherit; } /* File upload */ .file-upload-icon { background: url(../img/upload.svg) center center/contain no-repeat; } .filepond--drop-label > label > i, .filepond--drop-label > label > span { display: inline-block; vertical-align: middle; } body .filepond--panel-root { background-color: transparent; border-radius: 0; } .form-upload-wrapper { border: dashed 1px #000; width: 100%; /* Individual border image properties */ border-image-source: url("../img/dashed-border.png"); border-image-slice: 1; border-image-repeat: round; } .bootstrap-filestyle { display: none; } /* Notification */ .contact-form .notification { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .contact-form .notification.notification-success { color: green; } .contact-form .notification.notification-error { color: red; } /*-------------------------------------------- Keyframes --------------------------------------------*/ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 100%; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 100%; } } /*-------------------------------------------- GDPR --------------------------------------------*/ .gdprModal, .show-gdpr-modal { display: none; } /*-------------------------------------------- Header --------------------------------------------*/ /* Header fixed | Begin */ @-webkit-keyframes smoothHeader { 0% { top: -100%; } 100% { top: 0; } } @keyframes smoothHeader { 0% { top: -100%; } 100% { top: 0; } } body:not(.scrolled) .navs-line { position: relative; } body:not(.scrolled) .navs-line:before, body:not(.scrolled) .navs-line:after { position: absolute; width: 15px; height: 1px; background-color: white; } body:not(.scrolled) .navs-line:before { left: 0; } body:not(.scrolled) .navs-line:after { right: 0; } html body:not(.scrolled) #header .right-nav-scroll { display: none; } #header.site-header { background: transparent; position: fixed; left: 0; right: 0; top: 0; z-index: 9999; color: inherit; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } body.scrolled #header.site-header { -webkit-animation-name: smoothHeader; animation-name: smoothHeader; -webkit-animation-duration: 1s; animation-duration: 1s; /* or: Xms */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; /* or: normal */ -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* or: backwards, both, none */ } .modal-open #header.site-header { z-index: 999; } .dropdown-open #header.site-header { background-color: white; } #header .header-nav { margin-bottom: 0; max-height: 100%; z-index: 1; } #header .header-nav #menu-icon .material-icons { line-height: .9; } #header .header-nav .right-nav > * { margin: 0 13px; padding: 9px 10px; line-height: 1; border-radius: 50%; background-color: #0066B0; } #header .header-nav .right-nav > *:first-child { margin-left: 0; } #header .header-nav .right-nav > *:last-child { margin-right: 0; } body.scrolled #header .header-nav { background-color: white; } #header .header-nav .top-logo { padding-top: 0; } #header .header-nav .customer-service-link, #header .header-nav .desktop-language-selector, #header .header-nav .user-info, #header .header-nav .shopping-cart, #header .header-top .shopping-cart { font-size: initial; color: #000000; } #header .header-nav .customer-service-link:hover { color: #231F20; } #header .header-nav .desktop-language-selector .expand-more { font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; color: white; } #header .header-nav .desktop-language-selector .expand-more:hover, #header .header-nav .desktop-language-selector .btn-unstyle:hover { color: #231F20 !important; } #header .header-nav .desktop-language-selector .dropdown-menu { border-radius: 15px; border-width: 4px; margin-top: 0; } #header .header-nav .desktop-language-selector .dropdown-menu a, #header .header-nav .desktop-language-selector .dropdown-menu a:hover { font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; } .dropdown:hover .expand-more { color: #231F20; } #header .header-nav { border: 0; } #header .header-nav .right-nav > * { margin: 0 13px; padding: 9px 10px; line-height: 1; border-radius: 50%; background-color: #0066B0; } #header .header-nav .right-nav > *:first-child { margin-left: 0; } #header .header-nav .right-nav > *:last-child { margin-right: 0; } #header .header-nav .user-info { margin-left: 0; display: table; width: 100%; font-size: 14px; } #header .header-nav .user-info a.account { padding-right: 10px; } #header .header-nav .user-info a { display: table-cell; vertical-align: middle; text-decoration: none; } #header .header-nav .user-info .account-icon { margin-left: 0; background: url(../img/user-white.svg) center center/contain no-repeat; display: inline-block; width: 15px; height: 15px; } #header .header-nav #_desktop_user_info.customer-logged { border-radius: 30px; } #header .header-nav .cart-preview.active { background-color: transparent; margin-left: 0; } #header .shopping-cart-icon, .tablecombz-quantity-wanted .add-to-cart .shopping-cart { background: url(../img/cart-white.svg) center center/contain no-repeat; width: 15px; height: 15px; display: inline-block; color: trasparent; } #header .header-nav .cart-preview.active .cart-trigger .blockcart-count, #header .header-top .cart-preview.active .cart-trigger .blockcart-count { background-color: white; color: #000000; border-radius: 50%; height: 100%; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; position: absolute; font-family: "Circular Bold", Helvetica, Arial, sans-serif; top: -5px; right: -10px; width: 15px; height: 15px; line-height: 1.2; font-size: 12px; -webkit-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75); } #header .header-nav, #header .header-top { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } #header .header-nav .blockcart { margin-left: 0; } #header .header-nav .blockcart .cart-header { height: 100%; } #header .header-nav .blockcart .cart-trigger, #header .header-top .blockcart .cart-trigger { display: block; height: 100%; text-align: center; position: relative; } #header .header-nav .blockcart .blockcart-count { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } #header .top-menu { margin-bottom: 0; } body:not(.scrolled) #header .header-top__logo { display: none; } #header .header-top .menu { padding: 0; margin: 0; width: 100%; } #header .top-menu a[data-depth="0"] { color: #0066B0; line-height: 1; padding: 0; text-transform: uppercase; font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; } .header-nav, .header-top { position: relative; } .logo-small { display: none; } body.scrolled:not(.dropdown-open) .header-top { -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); } /* Header nav */ #header .header-nav #_desktop_contact_link #contact-link, #header .header-nav .language-selector, #header .header-nav .currency-selector, #header .header-nav .user-info { margin-top: auto; } #header .header-nav .blockcart { padding: 0; background-color: transparent; } #header .header-top a[data-depth="0"] { text-transform: uppercase; font-family: "Circular Medium", Helvetica, Arial, sans-serif; font-size: 15px; letter-spacing: 1.5px; font-weight: normal; } #header .header-top a[data-depth="0"]:hover { color: inherit; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Headings --------------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000000; text-transform: initial; font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; } h1, .h1 { color: #0066B0; } p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6 { margin-top: 15px; } #wrapper div[class*=title-].section-smaller h1, #wrapper div[class*=title-].section-smaller h2, #wrapper div[class*=title-].section-smaller h3, #wrapper div[class*=title-].section-smaller h4, #wrapper div[class*=title-].section-smaller h5, #wrapper div[class*=title-].section-smaller h6, #wrapper div[class*=title-].section h1, #wrapper div[class*=title-].section h2, #wrapper div[class*=title-].section h3, #wrapper div[class*=title-].section h4, #wrapper div[class*=title-].section h5, #wrapper div[class*=title-].section h6, #wrapper div[class*=title-].section-taller h1, #wrapper div[class*=title-].section-taller h2, #wrapper div[class*=title-].section-taller h3, #wrapper div[class*=title-].section-taller h4, #wrapper div[class*=title-].section-taller h5, #wrapper div[class*=title-].section-taller h6 { margin-bottom: 0; } .vc_sep_color_white { color: white; } .vc-dropdown-title { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; padding: 0; margin-top: 0 !important; margin-bottom: 25px !important; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .vc-dropdown-title:focus { outline: none; } .vc-dropdown-title::-moz-focus-inner { border: 0; padding: 0; } .title-span { font-family: "Circular Bold", Helvetica, Arial, sans-serif; display: block; } html body#category .price, html body#search .price, html body#cart .price { margin-bottom: 0; line-height: 1; text-align: right; } /*-------------------------------------------- Helpers --------------------------------------------*/ .overflow-hidden { overflow: hidden; } .d-none { display: none; } .d-table { display: table; } .d-inline-block { display: inline-block; } .d-table-vcenter { display: table; width: 100%; } .d-table-vcenter > * { display: table-cell; vertical-align: middle; text-decoration: none; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-nav .container .d-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .d-flex--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .d-flex--vcenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .d-flex--evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .d-flex--start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .d-flex--end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .d-flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .d-flex--col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .align-content-center { -ms-flex-item-align: center; align-self: center; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-black { color: #000000 !important; } .text-black * { color: #000000 !important; } .vc-items-center * { text-align: center; } .position-relative { position: relative; } .of-cover { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; display: block; } .vc-text-white { color: white; } .vc-text-white * { color: white; } .mx-auto { display: table; margin-left: auto !important; margin-right: auto !important; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mb-0 { margin-bottom: 0 !important; } .pt-0 { padding-top: 0; } .pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .img-full-width img { width: 100%; } .full-height { height: 100%; } .full-height div { height: 100%; } /*-------------------------------------------- Hero --------------------------------------------*/ .slider--hero { height: 100%; } .slider--hero .slick-list, .slider--hero .slick-track, .slider--hero .hero-slide { height: 100%; } .slider--hero .hero-slide { position: relative; } .slider--hero .slick-dots { display: none !important; } .hero-slide:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50vh; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .hero-slide__body { position: absolute; left: 0; right: 0; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: white; } .hero-slide__title { color: white; display: block; margin-bottom: 40px; line-height: 1.15; font-family: "Circular Black", Helvetica, Arial, sans-serif; } .hero-slide__description * { color: white; } .hero-slide__cta { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: white; display: inline-block; position: relative; text-decoration: none; } .hero-slide__cta:after { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; background-color: white; height: 2px; } .hero-slide__cta:hover { color: white; } .hero-slide__cta:hover:after { -webkit-animation-name: hoverLine; animation-name: hoverLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slider--hero .slider__nav-item { position: relative; } .slider--hero .slider__nav-item:last-child { margin-right: 0; } .slider--hero .slider__nav-item:after { content: ""; height: 8px; background-color: white; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 16px; } .slider--hero .slider__nav-item:hover:after, .slider--hero .slider__nav-item--current:after { background-color: #0066B0; -webkit-box-shadow: 1px 5px 50px 1px white; box-shadow: 1px 5px 50px 1px white; } /*-------------------------------------------- Home --------------------------------------------*/ .vc-category-image { position: relative; overflow: hidden; } .vc-category-image img { display: block; -o-object-fit: cover; object-fit: cover; } #wrapper .vc-category-image__title { font-family: "Circular Medium", Helvetica, Arial, sans-serif; line-height: 1.5; } .vc-category-image__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .vc-category-image__link:hover { background: rgba(255, 255, 255, 0.1); } .vc-category-image__inner img { -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .vc-category-image__link:hover + .vc-category-image__inner img { -webkit-transform: scale(1.1); /* Safari and Chrome */ /* Firefox */ /* IE 9 */ /* Opera */ transform: scale(1.1); } .vc-categories .vc-category { background-repeat: no-repeat !important; background-position: right bottom !important; } .vc-categories .vc-category.vc_row { margin-left: 0; margin-right: 0; } /*-------------------------------------------- Identity --------------------------------------------*/ body#identity .form-group--birthday .form-control-label, body#identity .form-group--birthday .form-control-comment { margin-top: 15px; } body#identity .page-footer { display: none; } /*-------------------------------------------- Infinite scroll --------------------------------------------*/ .infinite-scroll-request { display: block; margin: 0 auto 60px; width: 40px; height: 40px; background: url(../img/loading.svg) center center/contain no-repeat; } /*-------------------------------------------- Instagram feed --------------------------------------------*/ body#index .ig-feed-wrap, body#product .ig-feed-wrap, body#category .ig-feed-wrap, body#search .ig-feed-wrap, body#ybc_blog_page .ig-feed-wrap, body#cart .ig-feed-wrap, body#checkout .ig-feed-wrap, body.cms-id-13 .ig-feed-wrap, body.cms-id-14 .ig-feed-wrap, body.cms-id-15 .ig-feed-wrap { display: none; } .ig-feed__subtitle, .ig-feed { margin-bottom: 70px !important; } .ig-feed__item { position: relative; overflow: hidden; margin: 0 15px; border: 1px solid lightgray; } .ig-feed__item:first-child { margin-left: 0; } .ig-feed__item:last-child { margin-right: 0; } .ig-feed__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; overflow: hidden; } .ig-feed__img { width: 100%; height: auto; -webkit-transition: transform 0.6s, filter 0.3s; -webkit-transition: -webkit-transform 0.6s, -webkit-filter 0.3s; transition: -webkit-transform 0.6s, -webkit-filter 0.3s; transition: transform 0.6s, filter 0.3s; transition: transform 0.6s, filter 0.3s, -webkit-transform 0.6s, -webkit-filter 0.3s; } .ig-feed__link:hover + .ig-feed__img { -webkit-transform: scale(1.1); /* Safari and Chrome */ /* Firefox */ /* IE 9 */ /* Opera */ transform: scale(1.1); -webkit-filter: brightness(1.1); filter: brightness(1.1); } .ig-feed .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ig-feed .slick-slide { height: inherit !important; } /*-------------------------------------------- Menu --------------------------------------------*/ /*-------------------------------------------- Menu dropdown --------------------------------------------*/ .dd-menu-wrap { display: none; } .dd-menu { position: absolute !important; background-color: white; border-top: 2px solid #0066B0; top: 0; left: 0; right: 0; z-index: -1; width: 100%; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: -webkit-transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89), -webkit-transform 0.5s cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.1); } .dd-menu--open { -webkit-transform: translateY(0); transform: translateY(0); } .dd-menu a:hover, .dd-menu .wpb_button:hover { color: #000d17 !important; } html body .dd-menu .title-h3 { text-transform: uppercase; letter-spacing: 1; line-height: 1.27; color: #0066B0; } html body .dd-menu .wpb_text_column li { margin-bottom: 10px; } .vc_row[data-vc-full-width] { -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .dd-menu.vc_row-has-fill { background-position: right bottom !important; background-size: contain; background-repeat: no-repeat; } .dd-menu--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vc-dropdown-image a img { -webkit-transition: transform 0.4s, filter 0.4s; -webkit-transition: -webkit-transform 0.4s, -webkit-filter 0.4s; transition: -webkit-transform 0.4s, -webkit-filter 0.4s; transition: transform 0.4s, filter 0.4s; transition: transform 0.4s, filter 0.4s, -webkit-transform 0.4s, -webkit-filter 0.4s; } .vc-dropdown-image a:hover img { -webkit-transform: scale(1.1); /* Safari and Chrome */ /* Firefox */ /* IE 9 */ /* Opera */ transform: scale(1.1); -webkit-filter: brightness(1.1); filter: brightness(1.1); } #header .vc-dropdown-list-cats li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } /*-------------------------------------------- Menu mobile --------------------------------------------*/ #_mobile_top_menu .navbar-toggler { width: auto; height: auto; padding: 10px; line-height: 1; background-size: contain; border: 0; border-radius: 0; } #header #_mobile_services #menu-icon { margin-right: 0; margin-left: 0; color: transparent; background: #0066B0 url(../img/hamburger-white.svg) center center/15px no-repeat; } #_mobile_services #menu-icon i { font-size: 15px !important; } #header.site-header.is-open #_mobile_services #menu-icon { background: url(../img/close.svg) center center/contain no-repeat; } #header.site-header.is-open #_mobile_services #menu-icon i { color: transparent; } #_mobile_language_selector .dropdown-menu .dropdown-item { color: white; font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; } /*-------------------------------------------- Newsletter --------------------------------------------*/ #footer .newsletter { display: none; } body#index #footer .newsletter, body.cms-id-15 #footer .newsletter { display: block; } .ps-17-newsletter-checkbox { line-height: 1; } .ps-17-newsletter-checkbox input[name=gdpr_consent_chkbox] { display: none; } .ps-17-newsletter-checkbox input[name=gdpr_consent_chkbox]:checked + label:before { background-color: black; } .ps-17-newsletter-checkbox label { line-height: 1; margin-bottom: 0; cursor: pointer; } .ps-17-newsletter-checkbox label p { margin-bottom: 0; } .ps-17-newsletter-checkbox label:before { content: ""; width: 21px; height: 21px; border: 1px solid black; display: inline-block; vertical-align: middle; } .newsletter__email { border-radius: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: initial; line-height: initial; border: 0; border-bottom: 1px solid #000000; background-color: transparent; font-size: inherit; min-width: initial; } .newsletter__email::-moz-placeholder { color: #000000; } .newsletter__email::-webkit-input-placeholder { color: #000000; } .newsletter__email:-ms-input-placeholder { color: #000000; } .newsletter__email::-ms-input-placeholder { color: #000000; } .newsletter__email::placeholder { color: #000000; } .newsletter__email:focus { outline: none; } /*-------------------------------------------- Order --------------------------------------------*/ .page-order-detail { font-size: inherit; } /*-------------------------------------------- VC Masonry --------------------------------------------*/ /*-------------------------------------------- Pages --------------------------------------------*/ #main .page-content, #main .page-header { margin-bottom: 0; } /* Just for mariuz and storia tpl */ .bg-cms { position: absolute; width: 100%; z-index: -1; } body.no-js .page-loading { display: none !important; } #main { position: relative; } .section__title { display: block; } .page-content.page-cms { text-align: inherit; } body.has-vc .page-header { display: none; } #pagenotfound .page-not-found, #products .page-not-found { -webkit-box-shadow: none; box-shadow: none; font-size: inherit; color: inherit; max-width: 100%; } /*-------------------------------------------- Pagination --------------------------------------------*/ .pagination { font-family: "Circular Book", Helvetica, Arial, sans-serif; padding: 0; margin: 0; line-height: 1; } .pagination > div { line-height: 1; } .pagination > div:first-child { line-height: inherit; } .pagination .page-list { background: transparent; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .pagination .prev, .pagination .next { float: none; } .pagination a { letter-spacing: initial !important; } .pagination li { margin: 0 7px; } .pagination a, .pagination .current a { font-weight: normal; } .pagination a .material-icons, .pagination .current a .material-icons { height: auto; } .pagination .current a { font-size: inherit; color: #0066B0; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .pagination .page-list li { display: inline-block; vertical-align: middle; line-height: 1.4; } /*-------------------------------------------- Popup --------------------------------------------*/ .popup { -webkit-transition: background-color 0.6s; transition: background-color 0.6s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; -webkit-transform: translateY(-100%); transform: translateY(-100%); max-width: 100vw; overflow-y: auto; } body.popup-promo-open .popup--promo, body.popup-info-product-open .popup--info-product { -webkit-transform: translateY(0); transform: translateY(0); background-color: rgba(0, 0, 0, 0.3); } .popup__inner { border-radius: 40px; border: 5px solid #0066B0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; max-width: 50%; margin: 5% auto; position: absolute; left: 0; right: 0; z-index: 2; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.35); -webkit-transition: transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: -webkit-transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89), -webkit-transform 1s cubic-bezier(0.76, 0.2, 0.43, 0.89); } body.popup-promo-open .popup--promo .popup__inner, body.popup-info-product-open .popup--info-product .popup__inner { -webkit-transform: translateY(0); transform: translateY(0); } .popup__close { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; display: inline-block; position: absolute; cursor: pointer; z-index: 2; padding: 7px; border-radius: 50%; border: 3px solid #0066B0; background-color: white; } .popup__close:focus { outline: none; } .popup__close::-moz-focus-inner { border: 0; padding: 0; } .vc-popup-promo-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .vc-popup-promo-title b { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .vc-popup-promo-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; } /*-------------------------------------------- Product miniature --------------------------------------------*/ .product-miniature:not(.product-grid-wrapper) { background-color: white; border-radius: 30px; border: 1px solid #000000; } .product-miniature .product-thumbnail { overflow: hidden; } .product-miniature .product-thumbnail img { -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .product-miniature .product-thumbnail:hover img { -webkit-transform: scale(1.15); /* Safari and Chrome */ /* Firefox */ /* IE 9 */ /* Opera */ transform: scale(1.15); } .product-miniature .product-flags { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; top: -20px; right: -10px; } .product-miniature .product-thumbnail:hover + .product-flags { opacity: 0; } .product-miniature .product-size { color: initial; } .product-miniature__features { margin: 0 auto 15px; display: inline-block; font-size: 14px; line-height: 1; } .starting-from { font-size: 14px; display: inline-block; vertical-align: 5%; } /*-------------------------------------------- Product single --------------------------------------------*/ .slider-product .slick-arrow { color: transparent; width: 35px; height: 35px; border-radius: 50%; border: 1px solid black; } .slider-product .slick-prev { background: white url(../img/arrow-left.svg) center center/8px no-repeat; left: 0; } .slider-product .slick-next { background: white url(../img/arrow-right.svg) center center/8px no-repeat; right: 0; } body#product .product-category { line-height: 1; margin-bottom: 20px; } body#product .product-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product .product-figure { position: relative; } body#product .product-thumbs .thumb-goto { display: block; } body#product .product-thumbs .thumb { display: block; padding: 15px; border-radius: 25px; -webkit-box-sizing: content-box; box-sizing: content-box; } body#product .product-thumbs .thumb { border: 1px solid white; } body#product .product-thumbs .thumb-goto:hover .thumb, body#product .product-thumbs .thumb-goto--selected .thumb { border-color: #979797; } body#product .slick-arrow + .slick-list .thumb { margin: 0 auto; } body#product .product-image-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; } #product-availability { font-weight: normal; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-miniature .thumbnail-container { width: 100%; height: auto; border-radius: 25px; margin-bottom: 0; } .vc-related-colors .products { margin-left: -15px; margin-right: -15px; } .vc-related-colors .products img { display: block; width: 100%; height: auto; } .vc-related-colors .product-description, .vc-related-colors .product-flags { display: none; } .vc-cols-images img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .vc-related-products { background-color: #f7f7f7; } .vc-related-products img { display: block; width: 100%; } body#product.ui-product-simple .product__header { display: none; } body#product.ui-product-simple #product-top + #main::before { content: none; } body#product.ui-product-simple .product-main { padding-top: 0; } body#product .product-cover img { -webkit-box-shadow: none; box-shadow: none; } body#product .js-qv-product-cover.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } body#product .images-container .product-images > li.thumb-container { position: relative; z-index: 1; } body#product .images-container .product-images > li.thumb-container > .thumb { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } body#product .images-container .product-images > li.thumb-container > .thumb { margin: 0 7.5px; } body#product .scroll-box-arrows { position: absolute; bottom: 50px; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body#product .scroll-box-arrows i { position: initial; bottom: 0; height: auto; line-height: initial; } body#product .product-cover__nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body#product .product-cover__btn { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; cursor: pointer; } body#product .product-cover__btn:focus { outline: none; } body#product .product-cover__btn::-moz-focus-inner { border: 0; padding: 0; } body#product .product-cover__btn span { font-size: 46px; } body#product .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover { border: 1px solid #231F20; } #product #content { max-width: 100%; } .product__title { display: block; line-height: 1.1; } .product__feat { line-height: 1.35; text-transform: uppercase; } .product__feature-name { font-family: "Circular Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; } .product__body .product-price { font-size: 28px; color: inherit; } .product-prices { margin-top: 0; } .product-prices div { margin-bottom: 0; } #product .product-discounts { margin-bottom: 30px; } .product-discount { color: #b1b0b0; } .product-discount .regular-price { text-decoration: none; position: relative; } .product-discount .regular-price:after { content: ""; position: absolute; height: 2px; width: 100%; background-color: darkgray; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 1; } .product-discount .regular-price, .product-prices .current-price { line-height: 1; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .has-discount.product-price, .has-discount p { color: inherit; font-family: "Circular Medium", Helvetica, Arial, sans-serif; } .has-discount .discount { background-color: #0066B0; vertical-align: 30%; border-radius: 15px; } .tax-shipping-delivery-label { display: inline-block; } .product-description p:empty { display: none; } .product-variants > .product-variants-item ul li { margin-right: 0; text-align: center; } .product-variants > .product-variants-item ul li:hover { background-color: #f7f7f7; } .product-quantity { display: initial; } .product-quantity .qty .bootstrap-touchspin { -webkit-box-shadow: none; box-shadow: none; display: block; float: none; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .bootstrap-touchspin .btn-touchspin { border-color: #231F20; } .product-actions .control-label { line-height: 1; display: inline-block; width: auto; font-family: "Circular Bold", Helvetica, Arial, sans-serif; margin-bottom: 0; margin-right: 40px; } #product .product-quantity .add { float: none; } .product-quantity #quantity_wanted { color: initial; } .product-add-to-cart .control-label, .product-quantity #quantity_wanted { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .product-quantity #quantity_wanted { text-align: left; padding: 0 20px; width: auto; max-width: 80px; } .product-quantity .input-group { position: relative; } .product-quantity .bootstrap-touchspin .btn-touchspin { border-right: 0 !important; border-bottom: 0 !important; background-color: transparent; } .product-quantity .bootstrap-touchspin .btn-touchspin:first-child { border-top: 0 !important; } .product-quantity .bootstrap-touchspin .btn-touchspin:first-child i { top: 5px; } .product-quantity .input-group-btn-vertical { position: absolute; z-index: 3; right: 0; width: 30px; } .product-quantity .input-group-btn-vertical .btn i { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-quantity .add-to-cart { line-height: 1; } .product-actions .add-to-cart { height: auto; border-radius: 20px; background-color: #0066B0; } .product-actions .add-to-cart:hover { background-color: #00487d; } body .vc-cta-anchor { background-color: black; border-radius: 0; padding: 10px 25px; margin: 0 !important; } #product-availability:empty { display: none; } .product-information { font-size: inherit; color: inherit; } .product__feat { margin-bottom: 10px; } .product-features { margin: 0; } /* Product Video */ .vc-video * { border: none; } #product .vc-related-products .product-excerpt { display: none; } #product .vc-related-products .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #product .vc-related-products .slick-slide { height: inherit !important; } /* Product Related */ #product .vc-related-products .products { display: block; } #category .products .product-title, #search .products .product-title, #product .vc-related-products .product-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } #product .product__cat-logo { display: none; } #product .vc-related-products .product__cat-logo { display: block; } #product .vc-related-products .product-color, #category .product-color, #search .product-color, #index .product-color { display: none; } .product-color__name { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .vc-carousel .vc-separator-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body#product .product-features__checkbox { display: none; } body#product .product-features__label { cursor: pointer; display: block; border-bottom: 1px solid #000000; background: url(../img/arrow-down.svg) 100% 50%/20px 10px no-repeat; } body#product .product-features__label, body#product .product-features__name { text-transform: uppercase; letter-spacing: .5px; font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 2.4; } body#product .product-features__name { margin-top: 12px; } body#product .product-features__value { margin-bottom: 12px; } body#product .product-features__checkbox:not(:checked) + .product-features { height: 40px; } body#product .product-features__checkbox:checked + .product-features { height: 100%; } body#product .product-features__list { -webkit-transform-origin: top; transform-origin: top; -webkit-transition: transform 0.3s, height 0.3s; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, height 0.3s; transition: transform 0.3s, height 0.3s, -webkit-transform 0.3s; } body#product .product-features__list:not(.product-features__list--dropdown) dt, body#product .product-features__list:not(.product-features__list--dropdown) dd { text-transform: uppercase; } body#product .product-features__checkbox:not(:checked) + .product-features .product-features__list { -webkit-transform: scaleY(0); transform: scaleY(0); height: 0%; } body#product .product-features__checkbox:checked + .product-features .product-features__list { height: 100%; } body#product .product-features__checkbox:checked + .product-features .product-features__label { background: url(../img/arrow-up.svg) 100% 50%/20px 10px no-repeat; } body#product .product-additional-info .product-comments-additional-info .additional-links, body#product .product-additional-info .product-comments-additional-info .post-product-comment { display: none; } body#product .product-additional-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body#product .product-additional-info .product-comments-additional-info { margin: 0; } body#product .product-additional-info .product-comments-additional-info .comments-note { margin-right: 0; margin-bottom: 0; } body#product .grade-stars-score { display: inline-block; font-size: 18px; } body#product .product-additional-info .product-comments-additional-info .comments-note { margin-right: 50px; } body#product .product-additional-info .star-content { margin: 0; } body#product .star-content div.star, body#product .star-content div.star-on, body#product .star-content div.star-hover { margin-left: 0; margin-right: 3px; } /*-------------------------------------------- Quick view --------------------------------------------*/ html body #blockcart-modal .product-name { color: #231F20; } html body #blockcart-modal .product-image { width: 100%; max-width: 100%; } html body #blockcart-modal .cart-content .btn { margin-bottom: 0; } html body #blockcart-modal .modal { z-index: 9999; } html body #blockcart-modal .modal-title { margin-bottom: 0; } #blockcart-modal .cart-content p { padding: 0; } #blockcart-modal .cart-content p.cart-products-count { font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1.6; font-weight: inherit; color: inherit; } /*-------------------------------------------- Search trigger --------------------------------------------*/ body #header #search_widget { border-radius: 25px; } body #header #search_widget .search-focus:hover { cursor: pointer; } body #header #search_widget .search-focus__span { color: white; font-size: 14px; vertical-align: 5%; } body #header .header-nav .search-widget { margin-top: 0; min-width: initial; } body #header #search_widget .search-widget { background-color: white; margin-top: 0; width: 100%; z-index: 999999; } body #header #search_widget .search-widget-icon { display: inline-block; vertical-align: -10%; background: url(../img/search-white.svg) center center/contain no-repeat; width: 15px; height: 15px; } #header .search-cart-hamburgher > * { padding: 10px; line-height: 1; border-radius: 50%; background-color: #0066B0; text-align: center; } #header .search-cart-hamburgher > *:first-child { margin-left: 0; } #header .search-cart-hamburgher > *:last-child { margin-right: 0; } body #header #search_widget .search-widget, body #header #search_widget .search-widget .btnsearch { height: auto; } body #header #search_widget .search-widget.open .ps_search { line-height: initial; border: 0; border-bottom: 1px solid #000000; background-color: transparent; font-family: "Circular Bold", Helvetica, Arial, sans-serif; min-width: initial; } body #header #search_widget .search-widget.open .ps_search::-moz-placeholder { color: #000000; } body #header #search_widget .search-widget.open .ps_search::-webkit-input-placeholder { color: #000000; } body #header #search_widget .search-widget.open .ps_search:-ms-input-placeholder { color: #000000; } body #header #search_widget .search-widget.open .ps_search::-ms-input-placeholder { color: #000000; } body #header #search_widget .search-widget.open .ps_search::placeholder { color: #000000; } body #header #search_widget .search-widget.open .btnsearch .search { font-size: 30px; } body #header #search_widget .search-widget .btnsearch { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; background-color: #0066B0; color: white; font-family: "Circular Bold", Helvetica, Arial, sans-serif; cursor: pointer; border-radius: 25px; text-transform: uppercase; } body #header #search_widget .search-widget .btnsearch:focus { outline: none; } body #header #search_widget .search-widget .btnsearch::-moz-focus-inner { border: 0; padding: 0; } body #header .search-widget form button[type="submit"] { position: initial; } /*-------------------------------------------- Search open (overlay) --------------------------------------------*/ body #header #search_widget .search-widget { top: 0; bottom: 0; left: 0; right: 0; position: fixed; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } body #header #search_widget .search-widget.open { top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0); } body #header #search_widget .search-widget__inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search-widget__header { text-align: center; } .search-widget__title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .search-widget__title, .search-widget__subtitle { line-height: 1.2; } .search-widget__subtitle { font-size: initial; } body #header #search_widget .search-widget__form { position: relative; } body #header #search_widget .search-widget__form .ps_search { border-radius: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: initial; } body #header #search_widget .search-widget__form .ps_search::-moz-placeholder { letter-spacing: .5px; color: #000000; } body #header #search_widget .search-widget__form .ps_search::-webkit-input-placeholder { letter-spacing: .5px; color: #000000; } body #header #search_widget .search-widget__form .ps_search:-ms-input-placeholder { letter-spacing: .5px; color: #000000; } body #header #search_widget .search-widget__form .ps_search::-ms-input-placeholder { letter-spacing: .5px; color: #000000; } body #header #search_widget .search-widget__form .ps_search::placeholder { letter-spacing: .5px; color: #000000; } body #header #search_widget .search-widget__form .ps_search:focus { outline: none; } body #header #search_widget .button-close { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; cursor: pointer; position: absolute; } body #header #search_widget .button-close:focus { outline: none; } body #header #search_widget .button-close::-moz-focus-inner { border: 0; padding: 0; } body #header #search_widget .button-close span { font-size: 48px; color: #231F20; } /*-------------------------------------------- Search results --------------------------------------------*/ /*-------------------------------------------- Sections --------------------------------------------*/ .section--white { background-color: white; } .section--lightgrey { background-color: #f7f7f7; } .bg-top { position: absolute; left: 0; right: 0; top: 0; } .bg-bottom { position: absolute; left: 0; right: 0; bottom: 0; } .bg-white { background-color: white; } .bg-yellow { background-color: #0066B0; } .bg-lightgrey { background-color: #f7f7f7; } .bg-lightblue { background-color: #7AA6C0; } /*-------------------------------------------- Side by side --------------------------------------------*/ .vc-sidebyside { position: relative; } .vc-sidebyside-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*-------------------------------------------- Reassurance --------------------------------------------*/ .reassurance { position: relative; background-color: #f7f7f7; } .reassurance__icon { display: block; margin-left: auto; margin-right: auto; } .reassurance__title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; line-height: 1.3; display: block; } .reassurance__excerpt p { line-height: 1.7; } .reassurance__excerpt p:last-child { margin-bottom: 0; } /*-------------------------------------------- Reviews --------------------------------------------*/ .modal-content { border-radius: 0; } #product-comments-list-header { padding-top: 0; padding-bottom: 0; } #empty-product-comment { text-align: left; } #product-comments-list-footer { min-height: 0; } .product-comment-modal .modal-dialog .product-cover, .product-comment-modal .modal-dialog .product-cover img { width: 100%; height: 100%; } .product-comment-modal .modal-dialog .cta-btn[type=submit] { margin-left: 15px; } .product-comment-modal button.close { display: inline-block; margin-left: auto; } #post-product-comment-modal .criterion-rating label { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: inherit; } .product-comment-modal textarea { margin-bottom: 30px; } .product-comment-modal .modal-header h2 { letter-spacing: 0 !important; } .product-comment-list-item .comment-infos .grade-stars { margin-bottom: 0; } .product-comment-list-item .grade-stars .star-content { left: -3px; } .product-comment-list-item .comment-infos { min-height: auto; } #product-comments-list-footer .post-product-comment { margin-left: 0; } .product-comment-list-item .comment-infos { letter-spacing: initial; height: auto; line-height: initial; color: inherit; margin-bottom: 30px; } .product-comment-list-item .comment-infos .comment-author { display: inline-block; margin: 0 30px; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .product-comment-list-item { padding: 0; margin: 0 0 50px; } .product-comment-list-item * { font-size: 16px; } .product-comment-list-item .comment-content p { font-size: inherit; line-height: inherit; } .product-comment-modal .post-comment-buttons button { margin-left: 20px; } body#product .comment-content h4 { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } body#product .criterion-rating label { display: none; } /*-------------------------------------------- Slick properties --------------------------------------------*/ .slick-arrow { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; color: transparent; width: 32px; height: 32px; cursor: pointer; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slick-arrow:focus { outline: none; } .slick-arrow::-moz-focus-inner { border: 0; padding: 0; } .slick-arrow:hover { opacity: .7; } .slick-disabled { visibility: hidden; } /*-------------------------------------------- Slider --------------------------------------------*/ .slider { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .slider.slick-initialized { visibility: visible; opacity: 1; } .slider { position: relative; } .slider__nav { position: absolute; left: 0; right: 0; } .slider__nav .btn, .carousel__nav .btn { width: 15px; height: 30px; } .slider__nav .btn-prev, .carousel__nav .btn-prev { background: url(../img/arrow-left.svg) center center/contain no-repeat; float: left; } .slider--product-images .slider__nav .btn-next, .products-related .carousel__nav .btn-next { background: url(../img/arrow-slider-right.svg) center center/contain no-repeat; float: right; } .slider--hero .slider__nav .btn-prev { background: url(../img/arrow-left-white.svg) center center/contain no-repeat; } .slider--hero .slider__nav .btn-next { background: url(../img/arrow-right-white.svg) center center/contain no-repeat; } .slider--hero .slider__nav .btn-prev, .slider--hero .slider__nav .btn-next { padding: 0 !important; } .slider__nav .btn-prev:hover, .slider__nav .btn-next:hover, .carousel__nav .btn-prev:hover, .carousel__nav .btn-next:hover { opacity: .5; } .slider__nav-item { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; cursor: pointer; color: white; padding: 0; } .slider__nav-item:focus { outline: none; } .slider__nav-item::-moz-focus-inner { border: 0; padding: 0; } .slider__nav-item span { line-height: 2; padding: 5px; } .slider__nav-item:hover span, .slider__nav-item--current span { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Store map page --------------------------------------------*/ body.cms-id-12 .page-cms-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.cms-id-12 .page-cms-12 .become-reseller { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } #fmmsl_split_list { overflow-y: auto; } #fmmsl_split_list ul li { padding: 0; font-size: 14px; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #000000; } #fmmsl_split_list ul p { padding: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { color: inherit; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: inherit; } input::placeholder, textarea::placeholder { color: inherit; } .sl-wrapper { overflow: hidden; } .sl-search-wrap { padding-bottom: 0; } .sl-search { position: relative; } .sl-search-submit { cursor: pointer; color: transparent !important; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; width: 24px; height: 24px; background: url(../img/search.svg) center center/contain no-repeat; } .sl-search-submit:focus { outline: none; } .sl-search-submit::-moz-focus-inner { border: 0; padding: 0; } .sl-search { border-bottom: 1px solid #000000; } .sl-search-input { border: 0; padding: 10px 0; } .sl-search-input:focus { outline: none; } .sl-store-title { line-height: 1; } .sl-store > span { display: block; } .sl-store-addicted { width: 70px; } body#cms.cms-id-12 .sl-store-title { text-transform: inherit; } .gm-style .gm-style-iw-c { -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } .gm-style .gm-style-iw-t:before { content: ""; position: absolute; bottom: -10px; left: 0; height: 20px; width: 2px; background-color: #231F20; z-index: 1; } .gm-style .gm-style-iw-t::after { left: -6px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(-10%, -50%) rotate(-140deg); transform: translate(-10%, -50%) rotate(-140deg); border-left: 2px solid #231F20; } .gm-style .gm-style-iw-c { border: 2px solid #231F20; -webkit-box-shadow: none; box-shadow: none; } .gm-style .gm-style-iw-c { padding: 20px !important; } .gm-style-iw-d b:first-child { color: #231F20; margin-bottom: 5px; line-height: 1; display: block; } a.store_direction { border: 0; border-bottom: 1px solid #231F20; padding: 0; text-decoration: none; } /*-------------------------------------------- VC separator --------------------------------------------*/ .vc_sep_holder { display: none !important; } /*-------------------------------------------- Timeline VC --------------------------------------------*/ .vc-timeline-item { background-color: white; border-radius: 25px; } .vc-timeline-title { font-family: "Circular Bold", Helvetica, Arial, sans-serif; color: #0066B0; line-height: 1; } .vc-timeline-description { font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Wishlist --------------------------------------------*/ #module-advansedwishlist-mywishlist #content { color: inherit; } #mywishlist.mywishlist_17 .table thead th, .mywishlist_17 .wishlist-product-price { font-family: "Circular Bold", Helvetica, Arial, sans-serif; font-weight: normal; } #form_wishlist label[for=name], #form_wishlist input.inputTxt { -ms-flex-item-align: center; align-self: center; } #form_wishlist .page-subheading { margin-bottom: 20px; } #form_wishlist input.inputTxt { height: auto; margin-left: 10px; padding: 7px 12px; } .wish_link { padding: 0; float: none; line-height: inherit; border-radius: 50%; background-color: #0066B0; line-height: 1; } .wish_link__icon { display: inline-block; vertical-align: -10%; width: 15px; height: 15px; background: url(../img/heart-white.svg) center center/contain no-repeat; } .wish_link__icon i { display: none; } #wrapper .product-additional-info .wish_link__icon { background: url(../img/heart.svg) center center/20px 20px no-repeat; border: 1px solid #231F20; border-radius: 50%; width: 40px; height: 40px; } #product .product-additional-info .wrap_allert { line-height: 1; vertical-align: middle; } #product .product-additional-info .allert_note { top: 40px; margin-left: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #product #wishlist_button_block { padding: 0; } #product #wishlist_button, .product-information .wrap_allert { padding-top: 0; } #product .addToWishlist { display: inline-block; position: relative; } #product .addToWishlist i { margin-left: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wish_link p { font-size: 12px; line-height: 1.5; } .allert_note { border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } #header #login_wish .wishlist_count { background: white; right: -2px; top: -4px; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: .8; font-size: 12px; color: #231F20; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } /*-------------------------------------------- Table combinations --------------------------------------------*/ #tablecombz-wrapper, #tablecombz-tab { overflow: unset; } .tablecombz-table thead tr th { width: auto; border: 0; } #product .tablecombz-fm { font-size: 0; } #product .tablecombz-filter { font-size: inherit; } #product .tablecombz-fm .selectric { padding-right: 0; } #product .selectric-wrapper .selectric .label { text-align: left; } #product .tablecombz-filter, #product #tablecombz-total { white-space: nowrap; } .tablecombz-table-wrapper { position: relative; } .tablecombz-table-inner { overflow: auto; } body#product .tablecombz-table .total { font-weight: normal; } .tablecombz-table thead tr th { background-color: #7AA6C0; color: white; } .tablecombz-table th.tablecombz-discount, .table-bordered, .table-bordered td, .table-bordered th { border: unset; } .tablecombz-table th .discount-amount { background-color: transparent; color: white; font-style: normal; } .tablecombz-table tbody tr:not(:last-child) td:not(:first-child) { border-bottom: 1px solid #231F20; } #product .tablecombz-table tbody tr:last-child, #product .tablecombz-table tbody tr:last-child td { background-color: transparent; } #product .tablecombz-table tbody tr:last-child td { padding: 30px 0 0 !important; } .tablecombz-table tbody tr td:nth-child(odd):not(:first-child) { background-color: #DEEFF9; } .tablecombz-table tbody tr td:first-child { background-color: white; } .tablecombz-table td, .tablecombz-table th, td.tablecombz-price .price { font-size: 12px; } .tablecombz-table:not(.tablecombz-table-batch) td.tablecombz-quantity-wanted { min-width: 260px !important; } .tablecombz-table.tablecombz-table-batch td.tablecombz-quantity-wanted { min-width: 200px !important; padding-left: 15px !important; padding-right: 15px !important; } .tablecombz-table .tablecombz-quantity-wanted .product-quantity .qty .quantity-input-group, .tablecombz-table .tablecombz-quantity-wanted .qty .quantity-input-group { width: 80px; } .tablecombz-quantity-wanted .qty .sum-label { height: auto; } .tablecombz-img { max-width: 100px; } .tablecombz-table td.tablecombz-img { padding: 0 !important; } .tablecombz-table td.tablecombz-img div[data-toggle=modal] { max-width: 100px; margin: 0 auto; } .tablecombz-quantity-wanted .product-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tablecombz-quantity-wanted .product-quantity .qty, .tablecombz-quantity-wanted .qty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; float: none; } .tablecombz-quantity-wanted .product-quantity .qty .quantity-input-group, .tablecombz-quantity-wanted .qty .quantity-input-group { float: none; } .tablecombz-quantity-wanted .input-quantity-wanted { width: 50px !important; } .tablecombz-table .min-qty-label, .tablecombz-quantity-wanted .qty .sum-label { font-weight: normal; font-size: inherit; white-space: nowrap; } .tablecombz-table .min-qty-label-sum-label { margin-left: 10px; } #product .product-quantity .add { padding: 0; width: 100%; text-align: right; } #product .product-quantity .add button { width: 100%; } #product .product-quantity .add .add-to-cart { padding: 10px; border-radius: 12px; height: auto; width: auto; } #product .tablecombz-quantity-wanted .add-to-cart .add { font-size: inherit; display: unset; } #product .tablecombz-quantity-wanted .product-quantity .add .add-to-cart { min-width: 50px; } #product .tablecombz-image-modal .modal-content .modal-body { margin-left: 0; } #product .tablecombz-image-modal .modal-content .modal-body .product-cover-modal { width: 100%; } /* FIX */ #product .tablecombz-quantity-wanted .product-quantity .add .add-to-cart i { pointer-events: none; } /* hide percentage */ .tablecombz-table-wrapper .tablecombz-price.tablecombz-discount .price.price-lowered > div { display: none; } .tbl-mobile { line-height: 1.3; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .tbl-mobile.show { -webkit-transform: translateY(0); transform: translateY(0); } .tbl-mobile span { font-size: 12px; color: white; } /*-------------------------------------------- Under menu --------------------------------------------*/ #wrapper .under-menu { margin-left: 0; margin-right: 0; } /*-------------------------------------------- Whatsup --------------------------------------------*/ .wup { position: fixed; bottom: 20px; right: 20px; z-index: 99999; max-width: 50px; } .wup:hover { opacity: .8; } .wup img { -webkit-filter: drop-shadow(2px 4px 8px #949494); filter: drop-shadow(2px 4px 8px #949494); } /*-------------------------------------------------------------- # FC - Vendor --------------------------------------------------------------*/ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! animsition v4.0.2 A simple and easy jQuery plugin for CSS animated page transitions. http://blivesta.github.io/animsition License : MIT Author : blivesta (http://blivesta.com/) */ .animsition, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /** overlay option */ .animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #fff; } /* loading option */ .animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 100; } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, 0.2); border-right: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-left: 5px solid #eee; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; } @-webkit-keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } @keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } .fade-out-up { -webkit-animation-name: fade-out-up; animation-name: fade-out-up; } @-webkit-keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-sm { -webkit-animation-name: fade-in-up-sm; animation-name: fade-in-up-sm; } @-webkit-keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } @keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } .fade-out-up-sm { -webkit-animation-name: fade-out-up-sm; animation-name: fade-out-up-sm; } @-webkit-keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-lg { -webkit-animation-name: fade-in-up-lg; animation-name: fade-in-up-lg; } @-webkit-keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } @keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } .fade-out-up-lg { -webkit-animation-name: fade-out-up-lg; animation-name: fade-out-up-lg; } @-webkit-keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } @keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } .fade-out-down { -webkit-animation-name: fade-out-down; animation-name: fade-out-down; } @-webkit-keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down-sm { -webkit-animation-name: fade-in-down-sm; animation-name: fade-in-down-sm; } @-webkit-keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } @keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } .fade-out-down-sm { -webkit-animation-name: fade-out-down-sm; animation-name: fade-out-down-sm; } @-webkit-keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down-lg { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } @keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } .fade-out-down-lg { -webkit-animation-name: fade-out-down-lg; animation-name: fade-out-down-lg; } @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left; } @-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } @keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } .fade-out-left { -webkit-animation-name: fade-out-left; animation-name: fade-out-left; } @-webkit-keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-sm { -webkit-animation-name: fade-in-left-sm; animation-name: fade-in-left-sm; } @-webkit-keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } @keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } .fade-out-left-sm { -webkit-animation-name: fade-out-left-sm; animation-name: fade-out-left-sm; } @-webkit-keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-lg { -webkit-animation-name: fade-in-left-lg; animation-name: fade-in-left-lg; } @-webkit-keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } @keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } .fade-out-left-lg { -webkit-animation-name: fade-out-left-lg; animation-name: fade-out-left-lg; } @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right; } @-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } @keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } .fade-out-right { -webkit-animation-name: fade-out-right; animation-name: fade-out-right; } @-webkit-keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-sm { -webkit-animation-name: fade-in-right-sm; animation-name: fade-in-right-sm; } @-webkit-keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } @keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } .fade-out-right-sm { -webkit-animation-name: fade-out-right-sm; animation-name: fade-out-right-sm; } @-webkit-keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-lg { -webkit-animation-name: fade-in-right-lg; animation-name: fade-in-right-lg; } @-webkit-keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } @keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } .fade-out-right-lg { -webkit-animation-name: fade-out-right-lg; animation-name: fade-out-right-lg; } @-webkit-keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in { -webkit-animation-name: rotate-in; animation-name: rotate-in; } @-webkit-keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out { -webkit-animation-name: rotate-out; animation-name: rotate-out; } @-webkit-keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in-sm { -webkit-animation-name: rotate-in-sm; animation-name: rotate-in-sm; } @-webkit-keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out-sm { -webkit-animation-name: rotate-out-sm; animation-name: rotate-out-sm; } @-webkit-keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in-lg { -webkit-animation-name: rotate-in-lg; animation-name: rotate-in-lg; } @-webkit-keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out-lg { -webkit-animation-name: rotate-out-lg; animation-name: rotate-out-lg; } @-webkit-keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } .flip-in-x { -webkit-animation-name: flip-in-x; animation-name: flip-in-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } .flip-out-x { -webkit-animation-name: flip-out-x; animation-name: flip-out-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } .flip-in-x-nr { -webkit-animation-name: flip-in-x-nr; animation-name: flip-in-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } .flip-out-x-nr { -webkit-animation-name: flip-out-x-nr; animation-name: flip-out-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } .flip-in-x-fr { -webkit-animation-name: flip-in-x-fr; animation-name: flip-in-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } .flip-out-x-fr { -webkit-animation-name: flip-out-x-fr; animation-name: flip-out-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } .flip-in-y { -webkit-animation-name: flip-in-y; animation-name: flip-in-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } .flip-out-y { -webkit-animation-name: flip-out-y; animation-name: flip-out-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } .flip-in-y-nr { -webkit-animation-name: flip-in-y-nr; animation-name: flip-in-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } .flip-out-y-nr { -webkit-animation-name: flip-out-y-nr; animation-name: flip-out-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } .flip-in-y-fr { -webkit-animation-name: flip-in-y-fr; animation-name: flip-in-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } .flip-out-y-fr { -webkit-animation-name: flip-out-y-fr; animation-name: flip-out-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } 100% { opacity: 1; } } .zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; } @-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } 100% { opacity: 0; } } .zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out; } @-webkit-keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { opacity: 1; } } .zoom-in-sm { -webkit-animation-name: zoom-in-sm; animation-name: zoom-in-sm; } @-webkit-keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { opacity: 0; } } .zoom-out-sm { -webkit-animation-name: zoom-out-sm; animation-name: zoom-out-sm; } @-webkit-keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 100% { opacity: 1; } } .zoom-in-lg { -webkit-animation-name: zoom-in-lg; animation-name: zoom-in-lg; } @-webkit-keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 100% { opacity: 0; } } .zoom-out-lg { -webkit-animation-name: zoom-out-lg; animation-name: zoom-out-lg; } @-webkit-keyframes overlay-slide-in-top { 0% { height: 100%; } 100% { height: 0; } } @keyframes overlay-slide-in-top { 0% { height: 100%; } 100% { height: 0; } } .overlay-slide-in-top { top: 0; height: 0; -webkit-animation-name: overlay-slide-in-top; animation-name: overlay-slide-in-top; } @-webkit-keyframes overlay-slide-out-top { 0% { height: 0; } 100% { height: 100%; } } @keyframes overlay-slide-out-top { 0% { height: 0; } 100% { height: 100%; } } .overlay-slide-out-top { top: 0; height: 100%; -webkit-animation-name: overlay-slide-out-top; animation-name: overlay-slide-out-top; } @-webkit-keyframes overlay-slide-in-bottom { 0% { height: 100%; } 100% { height: 0; } } @keyframes overlay-slide-in-bottom { 0% { height: 100%; } 100% { height: 0; } } .overlay-slide-in-bottom { bottom: 0; height: 0; -webkit-animation-name: overlay-slide-in-bottom; animation-name: overlay-slide-in-bottom; } @-webkit-keyframes overlay-slide-out-bottom { 0% { height: 0; } 100% { height: 100%; } } @keyframes overlay-slide-out-bottom { 0% { height: 0; } 100% { height: 100%; } } .overlay-slide-out-bottom { bottom: 0; height: 100%; -webkit-animation-name: overlay-slide-out-bottom; animation-name: overlay-slide-out-bottom; } @-webkit-keyframes overlay-slide-in-left { 0% { width: 100%; } 100% { width: 0; } } @keyframes overlay-slide-in-left { 0% { width: 100%; } 100% { width: 0; } } .overlay-slide-in-left { width: 0; -webkit-animation-name: overlay-slide-in-left; animation-name: overlay-slide-in-left; } @-webkit-keyframes overlay-slide-out-left { 0% { width: 0; } 100% { width: 100%; } } @keyframes overlay-slide-out-left { 0% { width: 0; } 100% { width: 100%; } } .overlay-slide-out-left { left: 0; width: 100%; -webkit-animation-name: overlay-slide-out-left; animation-name: overlay-slide-out-left; } @-webkit-keyframes overlay-slide-in-right { 0% { width: 100%; } 100% { width: 0; } } @keyframes overlay-slide-in-right { 0% { width: 100%; } 100% { width: 0; } } .overlay-slide-in-right { right: 0; width: 0; -webkit-animation-name: overlay-slide-in-right; animation-name: overlay-slide-in-right; } @-webkit-keyframes overlay-slide-out-right { 0% { width: 0; } 100% { width: 100%; } } @keyframes overlay-slide-out-right { 0% { width: 0; } 100% { width: 100%; } } .overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right; } /* FC fix */ body.chrome .animsition, body.chrome .animsition-overlay { opacity: 1; } /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; display: inline-block; } .selectric-responsive { width: 100%; } .selectric { /*border: 1px solid #DDD;*/ border-radius: 0px; /*background: #F8F8F8;*/ position: relative; overflow: hidden; padding-right: 30px; line-height: 1.2; } .selectric .label { text-align: center; /*FC*/ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; /*width: 38px; height: 38px; line-height: 38px;*/ /*background-color: #F8f8f8; color: #BBB;*/ text-align: center; font: 0/0 a; } .selectric .button { color: transparent; width: 16px; height: 10px; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; /* border: 4px solid transparent; */ /* border-top-color: #BBB; */ border-bottom: none; } .selectric-focus .selectric { /*border-color: #aaaaaa;*/ } .selectric-hover .selectric { /*border-color: #c4c4c4;*/ } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 999; } .selectric-open .selectric { /*border-color: #c4c4c4;*/ } .selectric-open .selectric-items { display: block; } .selectric-disabled { /*filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ display: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; /*background: #F8F8F8; border: 1px solid #c4c4c4;*/ z-index: -1; /*box-shadow: 0 0 10px -6px;*/ } .selectric-items .selectric-scroll { height: 100%; overflow: auto; background: white; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; /*font-size: 12px; line-height: 20px; min-height: 20px;*/ } .selectric-items li { display: block; /*padding: 10px; color: #666;*/ cursor: pointer; padding: 15px; line-height: 1; white-space: pre; } .selectric-items li:first-child { padding-top: 20px; } .selectric-items li:last-child { padding-bottom: 20px; } .selectric-items li.selected { /*background: #E0E0E0; color: #444;*/ } .selectric-items li.highlighted { /*background: #D0D0D0; color: #444;*/ } .selectric-items li:hover { /*background: #D5D5D5; color: #444;*/ } .selectric-items .disabled { /*filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important;*/ /*color: #666 !important;*/ /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ display: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { /*padding-left: 25px;*/ } /*! FilePond 4.7.4 Licensed under MIT, https://opensource.org/licenses/MIT/ Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; } /* Hard to override styles */ .filepond--browser.filepond--browser { position: absolute; margin: 0; padding: 0; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0; } .filepond--drip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); } .filepond--drip-blob { position: absolute; -webkit-transform-origin: center center; transform-origin: center center; top: 0; left: 0; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: #292625; border-radius: 50%; will-change: transform, opacity; } .filepond--drop-label { position: absolute; left: 0; right: 0; top: 0; margin: 0; color: #4f4f4f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: transform, opacity; } /* Hard to override styles on purpose */ .filepond--drop-label.filepond--drop-label label { display: block; margin: 0; padding: 0.5em; } .filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: normal; text-align: center; line-height: 1.5; } .filepond--label-action { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; -webkit-text-decoration-color: #a7a4a4; text-decoration-color: #a7a4a4; cursor: pointer; } .filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; } /* Hard to override styles */ .filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0; padding: 0; border: none; outline: none; will-change: transform, opacity; } .filepond--file-action-button.filepond--file-action-button span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; } .filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; } .filepond--file-action-button.filepond--file-action-button::after { position: absolute; left: -0.75em; right: -0.75em; top: -0.75em; bottom: -0.75em; content: ''; } /* Soft styles */ .filepond--file-action-button { cursor: auto; color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: -webkit-box-shadow 0.25s ease-in; transition: -webkit-box-shadow 0.25s ease-in; transition: box-shadow 0.25s ease-in; transition: box-shadow 0.25s ease-in, -webkit-box-shadow 0.25s ease-in; } .filepond--file-action-button:hover, .filepond--file-action-button:focus { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9); } .filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.25); } .filepond--file-info { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0.5em 0 0; min-width: 0; will-change: transform, opacity; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filepond--file-info * { margin: 0; } .filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; white-space: nowrap; } .filepond--file-info .filepond--file-info-sub:empty { display: none; } .filepond--file-status { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filepond--file-status * { margin: 0; white-space: nowrap; } .filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; } .filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } /* Hard to override styles */ .filepond--file-wrapper.filepond--file-wrapper { border: none; margin: 0; padding: 0; min-width: 0; height: 100%; } .filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; } .filepond--file { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0.5625em 0.5625em; color: #fff; border-radius: 0.5em; } .filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; } .filepond--file .filepond--processing-complete-indicator { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 3; } .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator, .filepond--file .filepond--file-action-button { position: absolute; } .filepond--file [data-align*='left'] { left: 0.5625em; } .filepond--file [data-align*='right'] { right: 0.5625em; } .filepond--file [data-align*='center'] { left: calc(50% - 0.8125em); } .filepond--file [data-align*='bottom'] { bottom: 1.125em; } .filepond--file [data-align='center'] { top: calc(50% - 0.8125em); } .filepond--file .filepond--progress-indicator { margin-top: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*='right'] { margin-right: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*='left'] { margin-left: 0.1875em; } [data-filepond-item-state='cancelled'] .filepond--file-info, [data-filepond-item-state*='invalid'] .filepond--file-info, [data-filepond-item-state*='error'] .filepond--file-info { margin-right: 2.25em; } [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg { -webkit-animation: fall 0.5s 0.125s linear both; animation: fall 0.5s 0.125s linear both; } [data-filepond-item-state='processing-complete'] .filepond--file-info-sub, [data-filepond-item-state='processing-complete'] .filepond--file-status-sub { opacity: 0; } [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub, [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; } [data-filepond-item-state*='invalid'] .filepond--panel, [data-filepond-item-state*='invalid'] .filepond--file-wrapper, [data-filepond-item-state*='error'] .filepond--panel, [data-filepond-item-state*='error'] .filepond--file-wrapper { -webkit-animation: shake 0.65s linear both; animation: shake 0.65s linear both; } [data-filepond-item-state*='busy'] .filepond--progress-indicator svg { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } /** States */ @-webkit-keyframes spin { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spin { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translateX(-0.0625em); transform: translateX(-0.0625em); } 20%, 80% { -webkit-transform: translateX(0.125em); transform: translateX(0.125em); } 30%, 50%, 70% { -webkit-transform: translateX(-0.25em); transform: translateX(-0.25em); } 40%, 60% { -webkit-transform: translateX(0.25em); transform: translateX(0.25em); } } @keyframes shake { 10%, 90% { -webkit-transform: translateX(-0.0625em); transform: translateX(-0.0625em); } 20%, 80% { -webkit-transform: translateX(0.125em); transform: translateX(0.125em); } 30%, 50%, 70% { -webkit-transform: translateX(-0.25em); transform: translateX(-0.25em); } 40%, 60% { -webkit-transform: translateX(0.25em); transform: translateX(0.25em); } } @-webkit-keyframes fall { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 70% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes fall { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 70% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .filepond--hopper[data-hopper-state='drag-over'] > * { pointer-events: none; } .filepond--hopper[data-hopper-state='drag-over']::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; } .filepond--progress-indicator { z-index: 103; } .filepond--file-action-button { z-index: 102; } .filepond--file-status { z-index: 101; } .filepond--file-info { z-index: 100; } .filepond--item { position: absolute; top: 0; left: 0; right: 0; z-index: 1; padding: 0; margin: 0.25em; will-change: transform, opacity; } .filepond--item > .filepond--panel { z-index: -1; } .filepond--item > .filepond--panel .filepond--panel-bottom { -webkit-box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); } .filepond--item-panel { background-color: #64605e; } [data-filepond-item-state='processing-complete'] .filepond--item-panel { background-color: #369763; } [data-filepond-item-state*='invalid'] .filepond--item-panel, [data-filepond-item-state*='error'] .filepond--item-panel { background-color: #c44e47; } .filepond--item-panel { border-radius: 0.5em; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; } .filepond--list-scroller { position: absolute; top: 0; left: 0; right: 0; margin: 0; will-change: transform; } .filepond--list-scroller[data-state='overflow'] { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%); mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%); } .filepond--list-scroller[data-state='overflow'] .filepond--list { bottom: 0; right: 0; } .filepond--list-scroller::-webkit-scrollbar { background: transparent; } .filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; } .filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0; } .filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; } /* hard to overide styles on purpose */ .filepond--list.filepond--list { position: absolute; top: 0; margin: 0; padding: 0; list-style-type: none; will-change: transform; } /* used for padding so allowed to be restyled */ .filepond--list { left: 0.75em; right: 0.75em; } .filepond--root[data-style-panel-layout~='integrated'] { width: 100%; height: 100%; max-width: none; margin: 0; } .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root, .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root { border-radius: 0; } .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * { display: none; } .filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label, .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label { bottom: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 7; } .filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel, .filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel { display: none; } .filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller, .filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0; margin-bottom: 0; } .filepond--root[data-style-panel-layout~='compact'] .filepond--list, .filepond--root[data-style-panel-layout~='integrated'] .filepond--list { left: 0; right: 0; height: 100%; } .filepond--root[data-style-panel-layout~='compact'] .filepond--item, .filepond--root[data-style-panel-layout~='integrated'] .filepond--item { margin: 0; } .filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper { height: 100%; } .filepond--root[data-style-panel-layout~='circle'] { border-radius: 99999rem; overflow: hidden; } .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel { border-radius: inherit; } .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * { display: none; } .filepond--root[data-style-panel-layout~='circle'] .filepond--file-info { display: none; } .filepond--root[data-style-panel-layout~='circle'] .filepond--file-status { display: none; } .filepond--panel-root { border-radius: 0.5em; background-color: #f1f0ef; } .filepond--panel { position: absolute; left: 0; top: 0; right: 0; margin: 0; height: 100% !important; pointer-events: none; } .filepond-panel:not([data-scalable='false']) { height: auto !important; } .filepond--panel[data-scalable='false'] > div { display: none; } .filepond--panel[data-scalable='true'] { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-color: transparent !important; border: none !important; } .filepond--panel-top, .filepond--panel-bottom, .filepond--panel-center { position: absolute; left: 0; top: 0; right: 0; margin: 0; padding: 0; } .filepond--panel-top, .filepond--panel-bottom { height: 0.5em; } .filepond--panel-top { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: none !important; } .filepond--panel-top::after { content: ''; position: absolute; height: 2px; left: 0; right: 0; bottom: -1px; background-color: inherit; } .filepond--panel-center, .filepond--panel-bottom { will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(0, 0.5em, 0); transform: translate3d(0, 0.5em, 0); } .filepond--panel-bottom { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: none !important; } .filepond--panel-bottom::before { content: ''; position: absolute; height: 2px; left: 0; right: 0; top: -1px; background-color: inherit; } .filepond--panel-center { height: 100px !important; border-top: none !important; border-bottom: none !important; border-radius: 0 !important; } .filepond--panel-center:not([style]) { visibility: hidden; } .filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: #fff; margin: 0; pointer-events: none; will-change: transform, opacity; } .filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; } .filepond--progress-indicator path { fill: none; stroke: currentColor; } .filepond--list-scroller { z-index: 6; } .filepond--drop-label { z-index: 5; } .filepond--drip { z-index: 3; } .filepond--root > .filepond--panel { z-index: 2; } .filepond--browser { z-index: 1; } .filepond--root { /* layout*/ -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; /* margin-bottom: 1em; */ /* base font size for whole component */ /* font-size: 1rem; */ /* base line height */ line-height: normal; /* up uses default system font family */ /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; */ /* will increase font weight a bit on Safari */ /* font-weight: 450; text-align: left; */ text-rendering: optimizeLegibility; direction: ltr; contain: layout style size; } .filepond--root * { -webkit-box-sizing: inherit; box-sizing: inherit; line-height: inherit; } .filepond--root *:not(text) { font-size: inherit; } .filepond--root[data-disabled] { pointer-events: none; } /** Root element children layout */ .filepond--root .filepond--drop-label { min-height: 4.75em; } .filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; } /*-------------------------------------------------------------- # FC - Responsive --------------------------------------------------------------*/ /*-------------------------------------------- VARS for @media | begin --------------------------------------------*/ /* F O N T S I Z E */ /* M A R G I N */ /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ /*-------------------------------------------- Responsive (media queries from BS4) --------------------------------------------*/ /** BP > SM1 ANCHOR: SM1 */ /* All smartphone (0 to 767) */ @media only screen and (min-width: 0) and (max-width: 767px) { html body, html body p { font-size: 15px; } body .material-icons.remove { top: 10px; } .container { width: 100%; padding-left: 30px; padding-right: 30px; } #wrapper div[class*=vc_col-], #wrapper div[class*=col-] { padding-left: 30px; padding-right: 30px; } #wrapper .vc_row, #wrapper .row { margin-left: -30px; margin-right: -30px; } #header div[class*=col-] { padding-left: 15px; padding-right: 15px; } #header .vc_row, #header .row { margin-left: -15px; margin-right: -15px; } .form-group.row { margin-left: -30px; margin-right: -30px; } .form-group.row label { padding-left: 30px; padding-right: 30px; } /*-------------------------------------------- Banner VC - SM1 --------------------------------------------*/ .vc-banner { height: 70vh; text-align: center; } .vc-banner-img img { -o-object-fit: cover; object-fit: cover; } .vc-banner-img.has-video .dm-play { height: 40px; right: 10px; bottom: 25px; } .dm-player-wrap { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } /*-------------------------------------------- Blog latest - SM1 --------------------------------------------*/ .archive-cats { padding: 20px 0; } .latest-post__header { margin-bottom: 30px; } .latest-post__date { margin-bottom: 30px; } .latest:not(.latest--archive) .latest-post { margin: 0 15px; } .latest-post__readmore { font-size: 15px; } /*-------------------------------------------- Blog single post - SM1 --------------------------------------------*/ html body span.related-posts__title { margin-bottom: 70px !important; } .single-post__header .single-post__date { margin-bottom: 25px; } .single-post__image img { width: 100%; height: 33.33333vh; -o-object-fit: cover; object-fit: cover; } /*-------------------------------------------- Blog archive - SM1 --------------------------------------------*/ .latest-post__figure { margin-bottom: 30px; } .archive-cats__wrapper { max-width: 140px; position: relative; } .archive-cats { margin-bottom: 70px; } .archive-cats__item:not(:last-child) { margin-bottom: 15px; } .archive-cats__item:last-child { margin-right: 0; } .latest-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .archive:not(.archive--one-post) .latest-post__title { min-height: 85px; } .related-posts .latest-post__link { margin-bottom: 20px; } .latest-post__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .latest-post__excerpt { margin-bottom: 30px; } .latest-post__excerpt p:last-child { margin-bottom: 0; } .latest-post__readmore { -ms-flex-item-align: start; align-self: flex-start; } /*-------------------------------------------- Brands - SM1 --------------------------------------------*/ .brand { margin-bottom: 20px; } /*-------------------------------------------- Breadcrumb - SM1 --------------------------------------------*/ .breadcrumb { font-size: 12px; } /*-------------------------------------------- Buttons - SM1 --------------------------------------------*/ body .btn-primary, body .btn-secondary, body .btn-tertiary { padding: 15px 30px !important; } html body .btn-cta--pdf:before, html body .vc-btn-cta--pdf:before { float: left; margin: 5px; } html body .btn-cta, html body .vc-btn-cta, html body .category-catalog .btn { padding: 15px 20px; } .cta-simple, .wpb_button_a .vc-cta-simple { padding: 15px 25px; line-height: 1; font-size: 13px; } html body #wrapper .post-product-comment { border: 1px solid #231F20; padding: 10px; border-radius: 30px; } html body #wrapper .post-product-comment:after { content: none; } /*-------------------------------------------- Carousel - SM1 --------------------------------------------*/ .products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description { padding: 0 20px 30px; } .vc-carousel .slick-slide.product-miniature, .vc-carousel .slick-slide.wpb_single_image { margin: 0 30px; } .vc-carousel .slick-prev { left: 10px; } .vc-carousel .slick-next { right: 10px; } /*-------------------------------------------- Cart - SM1 --------------------------------------------*/ #cart .cart-grid-body .no-items { margin-bottom: 40px; } .cart-overview-wrap, .cart-notice { margin-bottom: 50px; } #prices-report-placeholder .cart-grid-right { padding: 0; } /*-------------------------------------------- Cart Dropdown - SM1 --------------------------------------------*/ .cart-hover-content { width: 100vw; padding: 30px; } .cart-hover-content .cart-footer { padding: 30px 30px 90px; } /*-------------------------------------------- Catalog - SM1 --------------------------------------------*/ .block-categories .navbar-toggler { top: 10px; right: 10px; } .block-categories .category-sub-link + .arrows i { margin-right: 10px; } .category-subtitle { text-align: justify; font-size: 18px; margin-bottom: 0; } #products .products, .featured-products .products, .product-miniature .products { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body#category .sort-by-row .products-sort-order.dropdown, body#category .sort-by-row .filter-button { padding-left: 0; padding-right: 0; } body#category .sort-by-row .filter-button { width: 0; } #search_filter_toggler { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; border-radius: 0; color: white; text-transform: tallercase; } body#category .row.products-selection, body#category .row.products { margin-left: 0; margin-right: 0; } body#category .products-selection .sort-by-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .block-categories .category-sub-menu > li, #search_filters_wrapper .facet > ul > li { padding-bottom: 30px; } .block-categories .category-sub-menu .category-sub-menu { margin-top: 30px; } .block-categories .category-sub-menu li[data-depth="1"] { margin-bottom: 0; } body#category .category-h3 { font-size: 18px; } .category-background { left: -15px; right: -15px; } /* Stickers */ .product-flags { right: 0; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #products .product-miniature { margin-bottom: 30px; } #products .product-miniature img { width: 100%; } #product .products.row { margin: 0; } #category .product-flags li.product-flag, #search .product-flags li.product-flag { width: 70px; height: 70px; font-size: 14px; line-height: 70px; text-align: center; margin-bottom: 10px; padding: 0; } #category .product__cat-logo, #search .product__cat-logo { max-width: 100px; } #category #js-product-list-header, #search #js-product-list-header { margin-bottom: 40px; } #category .products-selection, #search .products-selection { margin-bottom: 0; padding: 15px 0; } #category .product__cat img, #search .product__cat img { max-height: 40px; margin-bottom: 20px; } #category .product__cat, #category .product-title, #search .product__cat, #search .product-title { margin-bottom: 5px; } #category #products .thumbnail-container, #category .featured-products .thumbnail-container, #category .product-miniature .thumbnail-container, #search #products .thumbnail-container, #search .featured-products .thumbnail-container, #search .product-miniature .thumbnail-container { max-width: 100%; width: 100%; } #category .product-miniature, #search .product-miniature { width: calc(50% - 30px); } #category .product__feat-color, #search .product__feat-color { font-size: 14px; margin-bottom: 5px; } .block-categories .category-sub-menu > li, #search_filters_wrapper .facet > ul > li { padding-bottom: 30px; } #search_filters_wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; background-color: white; } #search_filter_controls { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; } #search_filter_controls .ok { border-radius: 0; margin: 0 !important; width: 100%; } #category #left-column > .block-categories { margin: 0 30px 60px; } #category #left-column #search_filters_wrapper { margin: 0; } #category #left-column #search_filters { border-top: 0; height: calc(100% + 100px); overflow: auto; padding: 30px; } #category #left-column #search_filters .facet .title { margin-bottom: 30px; } #category #left-column #search_filters .facet ul li { border: 0; padding: 0; margin-bottom: 30px; font-size: inherit; } #category #left-column #search_filters .facet .h6 { padding: 0; } #category #left-column #search_filters .facet { border-top: 0; border-bottom: 0; } #category #left-column #search_filters .facet .navbar-toggler { padding: 0; } #category #left-column #search_filters .facet .navbar-toggler .add { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; width: 20px; } #category #left-column #search_filters .facet .facet-title { margin-bottom: 0; font-family: "Circular Medium", Helvetica, Arial, sans-serif; } #category #left-column #search_filter_controls { margin-bottom: 0; } .search-filter-close { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; display: block; margin-left: auto; padding: 20px; max-width: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; } .search-filter-close:focus { outline: none; } .search-filter-close::-moz-focus-inner { border: 0; padding: 0; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-miniature .thumbnail-container { height: 100%; width: 100%; } #products .product-price-and-shipping { font-size: 22px; } #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail { padding: 30px; } /*-------------------------------------------- Checkout - SM1 --------------------------------------------*/ #checkout #content > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #checkout #cart-summary-product-list .product-name { max-width: 60%; } #checkout #cart-summary-product-list .product-price { margin-top: 6px; } /*-------------------------------------------- Contatti - SM1 --------------------------------------------*/ body.cms-id-8 .page-cms-8 .map-wrap { height: 60vh; } body.cms-id-8 .page-cms-8 .contact-form { margin-bottom: 50px; } .vc-contact-info { margin-bottom: 50px; } .vc-green-number { margin-bottom: 40px; } /*-------------------------------------------- Copyright - SM1 --------------------------------------------*/ .copyright { padding: 30px 0; } .copyright * { font-size: 14px; text-align: center; } .copyright .wpb_column:not(:last-child) { margin-bottom: 10px; } .copyright .wpb_column img { margin-top: 10px; } /*-------------------------------------------- Forms - SM1 --------------------------------------------*/ .form-group { margin-bottom: 30px; } .input-group-btn--password { position: absolute; right: 0; width: auto; z-index: 10; } #wrapper .input-group-btn button[data-action=show-password] { -webkit-transform: translateX(-100%); transform: translateX(-100%); padding: 10px; font-size: 10px; } .popup .form__field, .popup .gdpr-wrap { margin-bottom: 15px; } .form__field, .gdpr-wrap { margin-bottom: 25px; } .form-group--birthday .form-control { max-width: 200px; } .form__firstname, .form__lastname, .form__email, .form__phone, .form__city, .form__province, .form__company, .selectric-form__order, .form__code, .form__message { padding: 10px; font-size: 13px; } .form__footer { margin-top: 15px; } html body .form__privacy { margin-top: 20px; } html body .form__privacy-label { font-size: 12px; line-height: 1.5; } html body .form__privacy-label:before { width: 15px; height: 15px; margin-right: 5px; } html body .form__privacy-text { display: inline-block; max-width: 90%; vertical-align: top; } .form__submit { margin-top: 15px; } /* Notification */ .contact-form .notification { margin: 50px 0; } .gdpr-consent-label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .gdpr-consent-label::before { width: 20px; height: 20px; margin-right: 10px; border-radius: 4px; } .gdpr-consent-label p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.3; font-size: 12px; } /*-------------------------------------------- Header - SM1 --------------------------------------------*/ #checkout #search_widget { display: inherit; } #header .header-nav { background-color: white; padding: 10px 0 !important; } html body #header.is-open .header-nav { padding: 20px 0 !important; } #header .header-nav .blockcart, #header .header-nav #search_widget { height: auto; max-height: 15px; } #header .header-nav .shopping-cart { margin-right: 10px; margin-left: 10px; } #header .header-nav .top-logo a img { max-height: 40px; } #header.site-header:not(.is-open) .header-nav #_mobile_account { display: none; } #header.site-header.is-open .header-nav #_mobile_account { display: inline-block; position: absolute; left: 0; top: 0; } #header.site-header.is-open .logo-wrap { display: none !important; } #header.site-header.is-open .top-services { width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header.is-open .mobile-logo-services { width: 100%; } html body #header .header-nav .mobile { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header .header-nav .user-info { margin-right: 0 !important; } #header .search-cart-hamburgher { margin-left: auto; } #header .header-nav #_desktop_user_info.customer-logged { padding-left: 30px; padding-right: 30px; } /*-------------------------------------------- Headings - SM1 --------------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .title-span { line-height: 1.3; } body#index h1, body#index .h1, body#cms h1, body#cms .h1, body#category h1, body#category .h1, body#ybc_blog_page h1, body#ybc_blog_page .h1, .ig-feed__title { font-size: 29px; line-height: 1.1; margin-bottom: 30px; } body#index h2, body#index .h2, body#cms h2, body#cms .h2, body#ybc_blog_page h2, body#ybc_blog_page .h2 { font-size: 29px; line-height: 1.2; margin-bottom: 30px; } body#index h3, body#index .h3, body#cms h3, body#cms .h3, body#ybc_blog_page h3, body#ybc_blog_page .h3 { font-size: 20px; line-height: 1.3; margin-bottom: 30px; } .vc-listitem-title > *, .vc-cert-title > * { font-size: 17px !important; margin-bottom: 20px !important; } body#index h4, body#index .h4, body#cms h4, body#cms .h4, body#ybc_blog_page h4, body#ybc_blog_page .h4 { font-size: 22px; line-height: 1.3; margin-bottom: 30px; } #product h1, #product .h1 { font-size: 28px; line-height: 1.15; margin-bottom: 30px; } #category h2, #category .h2, #product h2, #product .h2, .ui-tabs-anchor { font-size: 26px; line-height: 1.57; } #category h3, #category .h3, #product h3, #product .h3 { font-size: 22px; line-height: 1.3; margin-bottom: 30px; } /*-------------------------------------------- Helpers - SM1 --------------------------------------------*/ .mt-sm-0 { margin-top: 0 !important; } .mt-sm-05 { margin-top: 5px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-35 { margin-top: 35px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-45 { margin-top: 45px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-55 { margin-top: 55px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-65 { margin-top: 65px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-75 { margin-top: 75px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-85 { margin-top: 85px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-95 { margin-top: 95px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-110 { margin-top: 110px !important; } .mt-sm-120 { margin-top: 120px !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-05 { margin-bottom: 5px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-35 { margin-bottom: 35px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-45 { margin-bottom: 45px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-55 { margin-bottom: 55px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-65 { margin-bottom: 65px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-75 { margin-bottom: 75px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-85 { margin-bottom: 85px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-95 { margin-bottom: 95px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-110 { margin-bottom: 110px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #header .d-flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .d-sm-flex-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .d-sm-flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .d-sm-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .d-sm-block { display: block; } .text-sm-left { text-align: left !important; } .text-sm-center { text-align: center !important; } .text-sm-right { text-align: right !important; } /*-------------------------------------------- Hero - SM1 --------------------------------------------*/ .hero { height: 70vh; width: 100%; } .slider--hero .slider__nav { bottom: 5%; } .slider__nav-item { width: 15vw; height: 3px; margin-right: 15px; } .slider--hero .slider__nav-item { width: 44px; } .slider--hero .slider__nav-item:not(:last-child) { margin-right: 7.5px; } .slider--hero .slider__nav { bottom: 40px; } /*-------------------------------------------- Home - SM1 --------------------------------------------*/ .vc-categories { margin-left: 30px; margin-right: 30px; } #wrapper .vc-category-image__title { text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; right: 0; z-index: 1; padding: 0 20px; } .vc-category-image__inner img { margin-left: auto; max-width: 150px; height: auto; opacity: .8; } .vc-masonry { margin-left: 0; margin-right: 0; } .vc-masonry .has-masonry { padding-left: 0; padding-right: 0; } .vc-masonry .vc-masonry-item { margin-bottom: 30px; } .vc-masonry .vc-masonry-item .wpb_column { padding-left: 0; padding-right: 0; } .vc-masonry .vc-masonry-item .wpb_column .vc_column-inner { height: 60vh; padding: 40px 20px; } .vc-masonry .vc-masonry-item .wpb_column > .vc_column-inner > .wpb_wrapper { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; max-width: 220px; } .vc-masonry .vc-masonry-item .wpb_button_a { margin-top: 30px; display: inline-block; } #wrapper .vc-categories .vc-category { margin-left: 0; margin-right: 0; border-radius: 30px; margin-bottom: 30px; padding-top: 40px; padding-bottom: 60px; background-position: right bottom !important; background-size: 150px !important; } .vc-categories .vc-category .wpb_column { padding: 0 30px; } /*-------------------------------------------- Instagram feed - SM1 --------------------------------------------*/ /*-------------------------------------------- FAQ - SM1 --------------------------------------------*/ .faq-trigger { margin-bottom: 30px; height: 150px; } .faq-trigger__img, .faq-trigger__img-white { width: 35px; height: 35px; margin-bottom: 10px; } body .wpb_toggle, body #content .wpb_toggle { font-size: 18px; padding-right: 35px; line-height: 1.35; } .wpb_toggle_content { margin-bottom: 50px; } .iframe-wrap { margin-top: 20px; } /*-------------------------------------------- Footer - SM1 --------------------------------------------*/ #footer .logo { max-width: 140px; } .footer-cols { padding-top: 50px; padding-bottom: 50px; text-align: center; } .footer-col { margin-bottom: 60px; } .footer-col:last-child { margin-bottom: 0; } .footer-col__title .vc-separator-title { font-size: 16px; margin-bottom: 15px; } .footer-col__content * { font-size: 14px; } .footer-col__content ul { margin-bottom: 15px; } .footer-col__content ul li { margin-bottom: 10px; } .footer-col__image { text-align: center !important; margin-top: 15px; } .footer-col__image img { height: 30px; width: auto; } #header .header-nav .cart-preview.active .cart-trigger .blockcart-count, #header .header-top .cart-preview.active .cart-trigger .blockcart-count { top: 0; right: -14px; width: 18px; height: 18px; line-height: 1.7; font-size: 10px; } /*-------------------------------------------- List item - SM1 --------------------------------------------*/ .vc-listitem { display: -webkit-box; display: -ms-flexbox; display: flex; } .vc-listitem .wpb_column:first-child { min-width: 100px; } .vc-listitem-icon { height: auto; } /*-------------------------------------------- Menu mobile - SM1 --------------------------------------------*/ .site-header.is-open #_mobile_search, .site-header.is-open #_desktop_cart { visibility: hidden; } #header.site-header.is-open .header-nav { height: 100%; overflow: auto; } #mobile_top_menu_wrapper { padding: 30px; } /*-------------------------------------------- Masonry VC - SM1 --------------------------------------------*/ /*-------------------------------------------- Newsletter - SM1 --------------------------------------------*/ .section__title { margin-bottom: 30px; } .newsletter__email { padding: 15px 0; text-align: center; } .ps-17-newsletter-checkbox { margin-top: 20px; margin-bottom: 20px; } .ps-17-newsletter-checkbox label span { display: inline; vertical-align: middle; margin-left: 12px; } .ps-17-newsletter-checkbox p { font-size: 12px; display: inline; } .newsletter input[type=submit] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% / 1.5); margin: 0 auto; } /*-------------------------------------------- Pages - SM1 --------------------------------------------*/ .section { margin-bottom: 50px !important; } body:not(#index):not(#checkout) #wrapper { margin-top: 50px; } body:not(.has-vc) #content-wrapper { margin-bottom: 50px; } #header .section-smaller, #wrapper .section-smaller, #secondary .section-smaller, #footer .section-smaller { margin-bottom: 30px !important; } #header .section-taller, #wrapper .section-taller, #secondary .section-taller, #footer .section-taller { margin-bottom: 90px !important; } .section-pt { padding-top: 50px; } .section-pb { padding-bottom: 50px; } .section-py { padding-top: 50px; padding-bottom: 50px; } .section-smaller-py { padding-top: 25px; padding-bottom: 25px; } .section__title { margin-bottom: 20px; } /*-------------------------------------------- Popup - SM1 --------------------------------------------*/ .popup__inner { max-width: 95%; max-height: 680px; } .popup__body { padding: 20px; border-radius: 40px; } .popup__body > .vc_column-inner > .wpb_wrapper { padding: 40px 0; } .popup--info .popup__body, .popup--prenota .popup__body { padding: 40px 0; } .popop-close__icon { font-size: 28px; } .vc-popup-offer__text * { font-size: 21px; line-height: 1.4; } .vc-popup-offer__image img { max-height: calc(100vh / 3); } .popup__close { top: -5px; right: -12.5px; } .vc-popup-promo > .wpb_column { position: absolute; left: 0; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .vc-popup-promo > .wpb_column .wpb_single_image { text-align: center; } .vc-popup-promo > .wpb_column:first-child { padding: 20px; z-index: 3; } .vc-popup-promo > .wpb_column:last-child { padding: 0; opacity: .4; } /*-------------------------------------------- Product miniature - SM1 --------------------------------------------*/ .product-miniature .product-flags li.product-flag { width: 70px; height: 70px; font-size: 14px; line-height: 40px; text-align: center; margin-bottom: 5px; padding: 0; } #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description { -webkit-box-shadow: none; box-shadow: none; } #tablecombz-total { margin-top: 30px; } /*-------------------------------------------- Product Single - SM1 --------------------------------------------*/ #product .product-container li.product-flag { width: 50px; height: 50px; font-size: 14px; line-height: 40px; } .product-main { padding-top: 50px; margin-bottom: 50px; } body#product .product__header { margin-bottom: 30px; } body#product .product__header .product-category { margin-bottom: 10px; } body#product .product__cat .logo { width: 70px; margin-bottom: 20px; } body#product .product__title { margin-bottom: 20px; } .product-main { margin-bottom: 50px; } .product__title, .product-features__title, .product-quantity .qty, .product-prices, .product-description-short { margin-bottom: 30px; } .product__excerpt { margin-bottom: 30px; } .product__feats { margin-bottom: 30px; } .product__feature-name { display: block; } .product-discount .regular-price, .product-prices .current-price { font-size: 24px; } .product-discount .regular-price .discount, .product-prices .current-price .discount { font-size: 10px; } #product .product-variants .product-variants-item, #product .product-add-to-cart .product-quantity .qty, #product .product-add-to-cart .product-quantity .add { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #product .product-variants .control-label, product .product-add-to-cart .product-quantity .control-label, #product .product-add-to-cart .product-quantity .add .add-to-cart { margin-bottom: 0; } #product .product-add-to-cart .product-quantity .add .add-to-cart { font-size: 12px; } body#product .product-add-to-cart div.product-quantity .add .wish_link { margin-left: 20px; } body#product .col-product-excerpt div.product-information div.product-actions div.product-features { margin-bottom: 50px; } .vc-related-products li.product-flag, .vc-cats-carousels li.product-flag { width: 40px; height: 40px; font-size: 12px; line-height: 30px; text-align: center; margin-bottom: 5px; } .btn-pin-wrap { left: 0; top: 0; } #product .btn-pin-wrap a { width: 40px; height: 40px; } #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { width: calc(100% - 60px); } .vc-cols-images .wpb_column { margin-bottom: 30px; } .vc-related-products .product__cat-logo { max-height: 30px; margin-bottom: 10px; } body#product .selectric-wrapper .selectric .button { width: 20px; height: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 7%; } body#product .selectric-wrapper .selectric .label { padding: 15px; } .product-add-to-cart .product-quantity .add { margin-bottom: 20px; } .slider-paging { bottom: 10px; } #product #content.page-content { margin-bottom: 30px; } body#product .product-cover__btn { width: 10px; height: 26px; } body#product .product-cover__btn--prev { left: 5px; } body#product .product-cover__btn--next { right: 5px; } #product .product-additional-info .allert_note { top: 40px; margin-left: -20px; } #product .vc-related-products .vc-separator-title { padding: 0 30px; } body#product .vc-related-products > .wpb_column { padding-left: 0; padding-right: 0; } body#product .vc-related-products > .wpb_column .products .thumbnail-container .product-description, body#product .vc-related-products > .wpb_column .featured-products .thumbnail-container .product-description { padding: 0 30px 30px; } #category .products .product-title, #search .products .product-title, #index .vc-cats-carousels .product-title, #product .vc-related-products .product-title, #ybc_blog_page.blog-single-post .post-related-products .product-title { font-size: 18px; } #wrapper .product-miniature .product-title { margin-bottom: 15px; } #wrapper .product-miniature .product-size { font-size: 13px; line-height: 1; margin-bottom: 15px; } body#product .selectric-wrapper { width: 100%; } body#product .selectric-wrapper .selectric-hide-select + .selectric { display: table; width: 100%; } #wrapper .tablecombz-filter { margin-bottom: 20px; } #wrapper #tablecombz-total { text-align: right; font-size: 20px; } body#product #tablecombz-wrapper, #tablecombz-tab { overflow: unset; } body#product .selectric-wrapper .selectric .label, body#product .selectric-wrapper .selectric-items ul li { font-size: 15px !important; } html body#product .tablecombz-quantity-wanted .product-quantity .add .add-to-cart { padding: 10px 0 !important; height: unset; } /*-------------------------------------------- Quick view - SM1 --------------------------------------------*/ html body .modal.fade .modal-dialog { top: 10%; } #blockcart-modal .modal-body { padding: 0 30px 30px; } #blockcart-modal .modal-body p { margin-bottom: 10px; line-height: 1.5; } #blockcart-modal .product-name { padding: 0; } #blockcart-modal .modal-body .cart-content button[data-dismiss="modal"] { margin: 20px 0; } html body #blockcart-modal .product-image { max-height: 250px; width: auto; } html body #blockcart-modal .product-name { margin-bottom: 0; } /*-------------------------------------------- Reassurance - SM1 --------------------------------------------*/ .reassurance__inner { margin-bottom: 40px; } .reassurance div[class^=col-]:not(:last-child) .reassurance__inner { margin-bottom: 40px; } .reassurance__title { margin-bottom: 10px; } .reassurance__excerpt p { font-size: 15px; } .reassurance__icon { width: 50px; height: auto; max-height: 60px; margin-bottom: 30px; } /*-------------------------------------------- Search trigger - SM1 --------------------------------------------*/ body #header #search_widget .search-widget.open .ps_search { padding: 15px 15px; } body #header #search_widget .search-focus__span { display: none; } /*-------------------------------------------- Search open (overlay) - SM1 --------------------------------------------*/ .search-widget__inner { margin: 0 10%; } .search-widget__header { margin-bottom: 30px; line-height: 1; } .search-widget__close { right: 2.5%; top: 5%; } .search-widget__title { font-size: 28px; } #header .search-widget__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body #header #search_widget .search-widget__form .ps_search { margin-bottom: 30px; } body #header #search_widget .search-widget__form .btnsearch { -ms-flex-item-align: center; align-self: center; } /*-------------------------------------------- Search results - SM1 --------------------------------------------*/ #search #products .product-miniature, #search .featured-products .product-miniature { padding: 30px; } #search .product-miniature .thumbnail-container { padding: 0; } /*-------------------------------------------- Sidebyside - SM1 --------------------------------------------*/ .vc-sidebyside.vc_row-has-fill { padding: 50px 15px; } .vc-sidebyside.vc_row-has-fill.d-sm-flex-reverse { padding-bottom: 0; } .vc-sidebyside .vc-sticker { margin-bottom: 20px; } .vc-sidebyside .vc-sticker img { width: 40px; } html body .vc-sidebyside .vc-cert img { width: 70px; } .vc-sidebyside-img { margin-bottom: 40px; } .sidebyside-buttons > div + div, .vc-sidebyside-ctas > div + div { margin-top: 40px; } .vc-sidebyside-ctas.d-flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /*-------------------------------------------- Timeline VC - SM1 --------------------------------------------*/ .vc-timeline-item { padding: 40px 30px; margin: 0 15px; } .vc-timeline .slick-list { margin: 0 -15px; } .vc-timeline-title { font-size: 60px; margin-bottom: 30px; } } /** BP > SM2 ANCHOR: 0 <> 575 */ /* Small devices (small phones, 575px and down) */ /** BP > SM3 Range */ /* Small devices (landscape phones, from 576px to 767px ) */ @media only screen and (min-width: 576px) and (max-width: 767px) { .p-sm-0 { padding: 0 !important; } .category-background { left: -30px; right: -30px; } /*-------------------------------------------- Brands - SM3 --------------------------------------------*/ .brand { margin-bottom: 30px; } /*-------------------------------------------- Product single - SM3 --------------------------------------------*/ #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { margin-left: 15px; margin-right: 15px; width: calc(100% / 2 - 30px); } } /** BP > XS1 ANCHOR: XS1 */ /* All smartphone (0 to 320) */ @media only screen and (min-width: 0) and (max-width: 320px) { .container { width: 100%; padding-left: 20px; padding-right: 20px; } #wrapper div[class*=col-], #wrapper div[class*=vc_col-] { padding-left: 20px; padding-right: 20px; } #wrapper .vc_row, #wrapper .row { margin-left: -20px; margin-right: -20px; } #header div[class*=col-] { padding-left: 10px; padding-right: 10px; } #header .vc_row, #header .row { margin-left: -10px; margin-right: -10px; } .form-group.row { margin-left: -20px; margin-right: -20px; } .form-group.row label { padding-left: 20px; padding-right: 20px; } #header.is-open .mobile-logo-services { padding-left: 20px !important; padding-right: 20px !important; } /*-------------------------------------------- Buttons - XS1 --------------------------------------------*/ html body .btn-cta--pdf:before, html body .vc-btn-cta--pdf:before { float: left; margin: 5px; } /*-------------------------------------------- Carousel - XS1 --------------------------------------------*/ .vc-carousel .slick-slide.product-miniature, .vc-carousel .slick-slide.wpb_single_image { margin: 0 20px; } .vc-carousel .slick-prev { left: 0; } .vc-carousel .slick-next { right: 0; } body#ybc_blog_page .vc-carousel .slick-next { right: -15px; } body#ybc_blog_page .vc-carousel .slick-prev { left: -15px; } /*-------------------------------------------- Catalog - XS1 --------------------------------------------*/ #category #left-column > .block-categories { margin: 0 20px 60px; } .block-categories .navbar-toggler { top: 10px; right: 10px; } .block-categories .category-sub-link + .arrows i { margin-right: 10px; } /*-------------------------------------------- Header - XS1 --------------------------------------------*/ #header .header-nav #_desktop_user_info.customer-logged { padding-left: 20px; padding-right: 20px; } /*-------------------------------------------- Home - XS1 --------------------------------------------*/ #wrapper .vc-categories .vc-category { margin-left: 0; margin-right: 0; } .vc-masonry .vc-masonry-item { margin-bottom: 20px; } /*-------------------------------------------- List item - XS1 --------------------------------------------*/ .vc-listitem .wpb_column:first-child { min-width: 80px; } /*-------------------------------------------- Menu mobile - XS1 --------------------------------------------*/ html body #mobile_top_menu_wrapper { padding: 20px; } /*-------------------------------------------- Product Single - XS1 --------------------------------------------*/ #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { width: calc(100% - 40px); } /*-------------------------------------------- Popup - XS1 --------------------------------------------*/ .popup__body { padding: 20px; } } /** BP > MD1 ANCHOR: MD1 */ /* Medium devices (tablets, 768px and up) */ @media only screen and (min-width: 768px) { html body, html body p { font-size: 16px; } body .material-icons.remove { top: 5px; } /*-------------------------------------------- Banner VC - MD1 --------------------------------------------*/ .vc-banner { height: 60vh; text-align: center; } .vc-banner-img.has-video .dm-play { height: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dm-player-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } /*-------------------------------------------- Blog latest - MD1 --------------------------------------------*/ .archive-cats { padding: 20px 0; } .latest-post__header { margin-bottom: 30px; } .latest-post__date { margin-bottom: 30px; } .latest:not(.latest--archive) .latest-post { margin: 0 15px; } .latest-post__readmore { font-size: 15px; } /*-------------------------------------------- Blog archive - MD1 --------------------------------------------*/ .latest-post__figure { margin-bottom: 30px; } .archive-cats__wrapper { max-width: 140px; position: relative; } .archive-cats { margin-bottom: 70px; } .archive-cats__item:not(:last-child) { margin-bottom: 15px; } .archive-cats__item:last-child { margin-right: 0; } .latest-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .archive:not(.archive--one-post) .latest-post__title { min-height: 85px; } .related-posts .latest-post__link { margin-bottom: 20px; } .latest-post__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .latest-post__excerpt { margin-bottom: 30px; } .latest-post__excerpt p:last-child { margin-bottom: 0; } .latest-post__readmore { -ms-flex-item-align: start; align-self: flex-start; } /*-------------------------------------------- Blog single post - MD1 --------------------------------------------*/ html body span.related-posts__title { margin-bottom: 70px !important; } .single-post__header .single-post__date { margin-bottom: 25px; } /*-------------------------------------------- Brands - MD1 --------------------------------------------*/ .brand__figure { margin-bottom: 30px; } .brand__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 50%; max-height: 100px; } .brand__ar { width: 100%; padding-top: 70%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ } .brands-grid .brand { max-width: calc(100% / 4); -webkit-box-flex: calc(100% / 4); -ms-flex: calc(100% / 4); flex: calc(100% / 4); margin-bottom: 40px; } .brand__img { max-height: 70px; } .brands .slick-prev { left: -20px; } .brands .slick-next { right: -20px; } /*-------------------------------------------- Breadcrumb - MD1 --------------------------------------------*/ .breadcrumb { font-size: 12px; } /*-------------------------------------------- Buttons - MD1 --------------------------------------------*/ body #wrapper .btn-primary, body #wrapper .btn-secondary, body #wrapper .btn-tertiary { padding: 14px 30px; } .btn-cta, .vc-btn-cta, .category-catalog a.btn { padding: 14px 30px; } /*-------------------------------------------- Carousel - MD1 --------------------------------------------*/ .vc-carousel-header .wpb_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vc-carousel .products .slick-list, .vc-use-cases .wpb_wrapper .slick-list { padding-left: 15px; padding-right: 15px; } .vc-carousel .slick-list { margin: 0 -15px; } .vc-carousel .slick-slide.product-miniature, .vc-carousel .slick-slide.wpb_single_image { margin: 0 15px; } /*-------------------------------------------- Catalog - MD1 --------------------------------------------*/ .block-categories .navbar-toggler { display: none; } #js-product-list-header .search-widget form input[type="text"] { padding: 5px 10px; } .category-subtitle { text-align: justify; font-size: 22px; margin-bottom: 0; } body#category .category-h3 { font-size: 22px; } .category-background:before { width: 15px; } #search_filters_wrapper .facet > ul > li { margin-bottom: 25px; } #search_filters_wrapper .facet > ul > li[data-depth="0"] { margin-bottom: 25px; } .block-categories .category-sub-menu > li:not(:last-child) { padding-bottom: 25px; margin-bottom: 0; } .block-categories .category-sub-menu .category-sub-menu { margin-top: 25px; } .block-categories .category-sub-menu > li[data-depth="0"] { margin-bottom: 25px; } #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a, .block-categories .category-sub-menu .category-sub-link { font-size: 15px; } /* Stickers */ .product-flags { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; right: 0; } #products .product-miniature { margin-bottom: 30px; } #category .product-flags li.product-flag, #search .product-flags li.product-flag { width: 50px; height: 50px; font-size: 12px; line-height: 50px; text-align: center; margin-bottom: 10px; padding: 0; } #category #left-column > *, #search #left-column > * { max-width: 190px; } #category #js-product-list-header, #search #js-product-list-header { margin-bottom: 40px; } #category #js-product-list .products.row, #category .products-selection, #search #js-product-list .products.row, #search .products-selection { margin: 0 -15px; } #category #products .thumbnail-container, #category .featured-products .thumbnail-container, #category .product-miniature .thumbnail-container, #search #products .thumbnail-container, #search .featured-products .thumbnail-container, #search .product-miniature .thumbnail-container { max-width: 100%; width: 100%; height: 100%; } #category .product-miniature, #search .product-miniature { width: calc(50% - 31px); /* right value 30px but only works on ff :( */ } #category #left-column > *, #search #left-column > * { font-size: 15px; max-width: 160px; } #category .block-category-title, #category .facet-title, #search .block-category-title, #search .facet-title { margin-bottom: 30px; } #category .product__cat-logo, #search .product__cat-logo { max-width: 100px; max-height: 30px; } #category .product__feat-color, #search .product__feat-color { font-size: 16px; margin-bottom: 10px; } .products-selection { padding: 20px 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .products-selection .sort-by { margin: 0; text-align: left; } #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail { padding: 30px; } .products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description { padding: 0 30px 30px; } .products .product-price-and-shipping { font-size: 18px; } /*-------------------------------------------- Cart - MD1 --------------------------------------------*/ #cart .cart-grid-body .no-items { margin-bottom: 40px; } .cart-item { margin-bottom: 30px; padding-bottom: 30px; } /*-------------------------------------------- Cart Dropdown - MD1 --------------------------------------------*/ .cart-hover-content { padding: 50px 40px; width: 50vw; min-width: 380px; } html body #_desktop_cart .cart-title { font-size: 22px; } .cart-footer { padding: 25px 40px 50px; } /*-------------------------------------------- Contatti - MD1 --------------------------------------------*/ body.cms-id-8 .page-cms-8 .map-wrap { height: 50vh; } .vc-contact-info .vc-separator-title .vc_separator { font-size: 26px; margin-bottom: 30px; } .vc-green-number { margin-bottom: 40px; } /*-------------------------------------------- Copyright - MD1 --------------------------------------------*/ .copyright { padding: 30px 0; } .copyright * { font-size: 15px; } .copy-col__content { line-height: 1.4; } /*-------------------------------------------- Helpers - MD1 --------------------------------------------*/ .mx-md-auto { display: table; margin: 0 auto; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-05 { margin-bottom: 5px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-35 { margin-bottom: 35px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-45 { margin-bottom: 45px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-55 { margin-bottom: 55px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-65 { margin-bottom: 65px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-75 { margin-bottom: 75px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-85 { margin-bottom: 85px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-95 { margin-bottom: 95px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-110 { margin-bottom: 110px !important; } .mb-md-120 { margin-bottom: 120px !important; } .p-md-0 { padding: 0 !important; } .height-md-full { height: 100%; } .height-md-full div { height: 100%; } .text-md-left { text-align: left !important; } .text-md-center { text-align: center !important; } .text-md-right { text-align: right !important; } /*-------------------------------------------- Hero - MD1 --------------------------------------------*/ .hero { height: 70vh; } .hero-slide__description p { font-size: 25px; line-height: 1.4; } .slider--hero .slider__nav-item { width: 54px; margin: 0 10px; } .slider--hero .slider__nav { bottom: 60px; } /*-------------------------------------------- Home - MD1 --------------------------------------------*/ .vc-category-image__inner img { max-width: 33.3333333333%; } .vc-category-image__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #wrapper .vc-category-image__title { margin-bottom: 0; padding: 0 30px; font-size: 20px; -ms-flex-item-align: center; align-self: center; } .vc-category-image__inner img { max-width: 33.3333333333%; padding-top: 20px; } .vc-categories .vc-category { border-radius: 70px; margin-bottom: 40px; background-size: 150px !important; } .vc-categories .vc-category .vc_column-inner { padding: 50px 25px; } /*-------------------------------------------- FAQ - MD1 --------------------------------------------*/ .faq-trigger__img, .faq-trigger__img-white { width: 65px; height: 65px; margin-bottom: 15px; } body .wpb_toggle, body #content .wpb_toggle { font-size: 25px; } .wpb_toggle_content { margin-bottom: 75px; } .iframe-wrap { margin-top: 20px; } /*-------------------------------------------- Footer - MD1 --------------------------------------------*/ .footer-cols { padding-top: 75px; padding-bottom: 50px; } .footer-col { margin-bottom: 60px; } .footer-col .wpb_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-col .vc_column-inner, .footer-col .wpb_wrapper { height: 100%; } .footer-col__title .vc-separator-title { font-size: 18px; margin-bottom: 30px; } .footer-col__content * { font-size: 15px; } .footer-col__content ul { margin-bottom: 15px; } .footer-col__content ul li { margin-bottom: 15px; } .footer-col__image { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; } .footer-col__image .wpb_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer-col__image img { height: 35px; width: auto; -ms-flex-item-align: start; align-self: flex-start; } /*-------------------------------------------- Forms - MD1 --------------------------------------------*/ .form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .form__field { width: 100%; } .form__group .form__field { width: 47.5%; } .form__privacy-label { font-size: 14px; } .form__privacy-label:before { width: 20px; height: 20px; margin-right: 10px; } .form__field { margin-bottom: 30px; } .form__firstname, .form__lastname, .form__email, .form__phone, .form__city, .form__province, .form__company, .selectric-form__order, .form__code, .form__message { padding: 20px 0; } .form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* File upload */ .contact-form .file-upload-icon { width: 65px; height: 55px; margin-right: 40px; } .contact-form .form-upload-wrapper { padding: 20px; } /* Notification */ .contact-form .notification { margin: 75px 0; } .gdpr-consent-label::before { width: 20px; height: 20px; margin-right: 10px; } /*-------------------------------------------- Header - MD1 --------------------------------------------*/ #header .header-top__menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } body.scrolled #header .header-top__menu { text-align: right; } #header .header-top { padding: 0; } #header .header-nav .main-nav, #header .header-nav .service-nav { padding: 20px 0; } #header .header-nav .top-logo a img { max-height: 50px; } #header .header-nav .blockcart { height: auto; } /*-------------------------------------------- Headings - MD1 --------------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .title-span { line-height: 1.3; } body#index h1, body#index .h1, body#cms h1, body#cms .h1, body#category h1, body#category .h1, body#ybc_blog_page h1, body#ybc_blog_page .h1, .ig-feed__title { font-size: 40px; line-height: 1.1; margin-bottom: 30px; } body#index h2, body#index .h2, body#cms h2, body#cms .h2, body#ybc_blog_page h2, body#ybc_blog_page .h2 { font-size: 35px; line-height: 1.1; margin-bottom: 30px; } body#index h3, body#index .h3, body#cms h3, body#cms .h3, body#ybc_blog_page h3, body#ybc_blog_page .h3 { font-size: 30px; line-height: 1.3; margin-bottom: 30px; } .vc-listitem-title > *, .vc-cert-title > * { font-size: 18px !important; margin-bottom: 20px !important; } body#index h4, body#index .h4, body#cms h4, body#cms .h4, body#ybc_blog_page h4, body#ybc_blog_page .h4 { font-size: 24px; line-height: 1.3; margin-bottom: 30px; } #product h1, #product .h1 { font-size: 35px; line-height: 1.15; margin-bottom: 30px; } #category h2, #category .h2, #product h2, #product .h2, .ui-tabs-anchor { font-size: 28px; line-height: 1.3; } #category h3, #category .h3, #product h3, #product .h3 { font-size: 22px; line-height: 1.3; margin-bottom: 30px; } #category .product__cat, #category .product-title { margin-bottom: 20px; } /*-------------------------------------------- List item - MD1 --------------------------------------------*/ .vc-listitem-icon { height: auto; } .vc-cert-icon { max-width: 80px; } /*-------------------------------------------- Masonry VC - MD1 --------------------------------------------*/ .vc-masonry #grid[data-columns] { margin: 0 -15px; } .vc-masonry #grid[data-columns]::before { content: '2 .column.size-1of2'; } .vc-masonry #grid .column { float: left; } .vc-masonry #grid .size-1of2 { width: 50%; } .vc-masonry-item { padding: 15px; } /*-------------------------------------------- Menu mobile - MD1 --------------------------------------------*/ #header.site-header.is-open { background-color: transparent; } #header.site-header.is-open:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; left: 50%; z-index: -1; -webkit-box-shadow: -8px 0px 51px -33px rgba(0, 0, 0, 0.75); box-shadow: -8px 0px 51px -33px rgba(0, 0, 0, 0.75); } #header.site-header.is-open .header-top { width: 50vw; margin-left: 50%; background-color: white; } #header.site-header.is-open #mobile_top_menu_wrapper { width: 50%; left: 50%; padding-left: 30px; padding-right: 30px; position: relative; } #mobile_top_menu_wrapper { padding: 60px 30px; } /*-------------------------------------------- Newsletter - MD1 --------------------------------------------*/ .newsletter__email { margin-right: 30px; } .ps-17-newsletter-checkbox { margin-top: 60px; } .ps-17-newsletter-checkbox label span { display: inline-block; vertical-align: middle; margin-left: 12px; } .ps-17-newsletter-checkbox p { font-size: 14px; } .ps-17-newsletter-checkbox { margin-top: 30px; } /*-------------------------------------------- Pages - MD1 --------------------------------------------*/ .section { margin-bottom: 75px !important; } body:not(#index):not(#checkout) #wrapper { margin-top: 75px; } body:not(.has-vc) #content-wrapper { margin-bottom: 75px !important; } #header .section-smaller, #wrapper .section-smaller, #secondary .section-smaller, #footer .section-smaller { margin-bottom: 40px !important; } #header .section-taller, #wrapper .section-taller, #secondary .section-taller, #footer .section-taller { margin-bottom: 120px !important; } .section-pt { padding-top: 75px; } .section-py { padding-top: 75px; padding-bottom: 75px; } .section-smaller-py { padding-top: 37.5px; padding-bottom: 37.5px; } .section__title { margin-bottom: 40px; } /*-------------------------------------------- Popup - MD1 --------------------------------------------*/ .popup__inner { max-width: 80%; max-height: 700px; } .popup__body { padding: 60px; } .popup--info .popup__body, .popup--prenota .popup__body { padding: 60px 0; } .popup__body > .vc_column-inner > .wpb_wrapper { padding: 70px 0; } .popop-close__icon { font-size: 38px; } .vc-popup-offer__text * { font-size: 30px; line-height: 1.5; } .vc-popup-offer__image img { max-height: calc(100vh / 3); } .popup__close { top: -20px; right: -10px; } .vc-popup-promo .wpb_column .vc_column-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*-------------------------------------------- Product miniature - MD1 --------------------------------------------*/ .product-miniature .product-flags li.product-flag { width: 70px; height: 70px; font-size: 14px; line-height: 70px; text-align: center; margin-bottom: 5px; padding: 0; } /*-------------------------------------------- Product Single - MD1 --------------------------------------------*/ .product-main { padding-top: 75px; margin-bottom: 75px; } #product .thumb-goto { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } body#product .product-thumbs .thumb { margin: 0 auto; } .product__header { display: table; width: 100%; margin-bottom: 45px; } .product__header .product__title-wrap, .product__header .product__cat { display: table-cell; vertical-align: middle; } .product__header .product__title { margin-bottom: 30px; } .product__header .product__cat { text-align: right; } .product__header .product__cat a { display: inline-block; } .product__header .product__cat a:hover { opacity: .7; } .product__header .product__cat img { max-width: 80px; } .btn-pin-wrap { left: 20px; top: 20px; } .vc-cats-carousels li.product-flag, .vc-related-products .product-flags li.product-flag { width: 70px; height: 70px; font-size: 14px; line-height: 70px; text-align: center; margin-bottom: 5px; padding: 0; } #product .btn-pin-wrap a { width: 60px; height: 60px; } #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { margin-left: 15px; margin-right: 15px; width: calc(100% / 2 - 31px); } .slider-paging { bottom: 10px; } #product-top + #main:before { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: black; z-index: 1; } .product-main > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-features { margin-bottom: 40px; } .product__title, .product-features__title, .product-quantity .qty, .product-prices, .product-description-short { margin-bottom: 40px; } .tax-shipping-delivery-label { margin-left: 10px; } .product__excerpt, .product__excerpt + .product__feat-color { margin-bottom: 40px; } .product__feats { margin-bottom: 40px; } .product__feat { margin-bottom: 20px; } .product__feat, .product-actions .control-label { font-size: 16px; } .product-discount .regular-price, .product-prices .current-price { font-size: 30px; } .product-discount .regular-price .discount, .product-prices .current-price .discount { font-size: 12px; } .product__feature { display: -webkit-box; display: -ms-flexbox; display: flex; } .product__feature-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 65%; } .product__feature-name { text-align: left; } .vc-related-products .product__cat-logo { max-height: 30px; margin-bottom: 20px; } body#product .selectric-wrapper .selectric .button { width: 20px; height: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 7%; } .tablecombz-filter-wrapper { display: table; width: 100%; } .tablecombz-filter-wrapper > * { display: table-cell; vertical-align: middle; text-decoration: none; } body#product #tablecombz-total, body#product .tablecombz-table .total { font-size: 18px; } body#product #tablecombz-wrapper .selectric-wrapper { margin-left: 30px; } body#product .selectric-wrapper .selectric .label { padding: 10px; } .product-add-to-cart .product-quantity .add { margin-bottom: 30px; } #product .product-add-to-cart .product-quantity .add .add-to-cart { margin-bottom: 0; font-size: 14px; } .product-quantity .wish_link { margin-left: 30px; } #product .product-container li.product-flag { width: 50px; height: 50px; font-size: 16px; line-height: 40px; } #product .product-cover__btn { width: 20px; height: 36px; } #product .product-cover__btn--prev { left: 30px; } #product .product-cover__btn--next { right: 30px; } #product .vc-related-products .products { margin: 0 -15px; } #wrapper .product-miniature .product-title { font-size: 18px; margin-bottom: 15px; } #wrapper .product-miniature .product-size { font-size: 13px; line-height: 1; margin-bottom: 15px; } #product .tablecombz-fm { width: 100%; } #product .tablecombz-fm .selectric { min-width: 190px; } #product #tablecombz-table { overflow: auto; } /*-------------------------------------------- Quick view - MD1 --------------------------------------------*/ body#product .product-cover__btn { width: 20px; height: 36px; } /*-------------------------------------------- Reassurance - MD1 --------------------------------------------*/ .reassurance__title { margin-bottom: 20px; } .reassurance__excerpt p { font-size: 16px; } .reassurance__icon { height: 50px; width: auto; margin-bottom: 30px; } /*-------------------------------------------- Search trigger - MD1 --------------------------------------------*/ body #header #search_widget .search-widget.open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body #header #search_widget .search-widget.open .ps_search { padding: 20px 0; } /*-------------------------------------------- Sections - MD1 --------------------------------------------*/ /*-------------------------------------------- Search open (overlay) - MD1 --------------------------------------------*/ .search-widget__inner { margin: 0 20%; } .search-widget__header { margin-bottom: 60px; } .search-widget__close { right: 2.5%; top: 5%; } .search-widget__title { font-size: 40px; } .search-widget__subtitle { font-size: 24px; letter-spacing: .5px; } body #header #search_widget .search-widget__form .ps_search { margin-right: 30px; } /*-------------------------------------------- Sidebyside - MD1 --------------------------------------------*/ .vc-sidebyside .vc-sticker { margin-bottom: 20px; } .vc-sidebyside .vc-sticker img { width: 50px; } .vc-sidebyside .height-md-full img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; display: block; } .vc-sidebyside-text--left { padding-right: 50px; } .vc-sidebyside-text--right { padding-top: 60px; padding-left: 50px; padding-bottom: 60px; } .vc-sidebyside.vc_row.vc_row-o-equal-height > .vc_column_container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*-------------------------------------------- Sidebyside Buttons - MD1 --------------------------------------------*/ .sidebyside-buttons { max-width: 80%; margin: 0 auto; } /*-------------------------------------------- Timeline VC - MD1 --------------------------------------------*/ .vc-timeline-item { padding: 40px 30px; margin: 0 15px; } .vc-timeline .slick-list { margin: 0 -15px; } .vc-timeline-title { font-size: 60px; margin-bottom: 30px; } #wrapper .vc-timeline .slick-arrow { top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); } #wrapper .vc-timeline .slick-prev { left: 20px; } #wrapper .vc-timeline .slick-next { right: 20px; } } /** BP > MD2 Range ANCHOR: 768 <> 991 */ /* Small devices (landscape phones, from 768px to 991px ) */ @media only screen and (min-width: 768px) and (max-width: 991px) { /*-------------------------------------------- Blog single post - MD2 --------------------------------------------*/ .single-post__image img { width: 100%; height: 40vh; -o-object-fit: cover; object-fit: cover; } /*-------------------------------------------- Brands - MD2 --------------------------------------------*/ .brands { padding-left: 15px; padding-right: 15px; } /*-------------------------------------------- Header - MD2 --------------------------------------------*/ .site-header.is-open .header-top { display: block; } /*-------------------------------------------- Hero - MD2 --------------------------------------------*/ .hero { height: 50vh !important; } /*-------------------------------------------- Menu - MD2 --------------------------------------------*/ #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu { display: none !important; } /*-------------------------------------------- Product single - MD2 --------------------------------------------*/ body#product .vc-related-products > .wpb_column { padding-left: 0; padding-right: 0; } body#product .vc-related-products > .wpb_column .products .thumbnail-container .product-description, body#product .vc-related-products > .wpb_column .featured-products .thumbnail-container .product-description { padding: 0 30px 60px; } body#product #tablecombz-wrapper .selectric-wrapper { width: 100%; max-width: 300px; } body#product .selectric-wrapper .selectric-hide-select + .selectric { width: 100%; } /*-------------------------------------------- Reassurance - MD2 --------------------------------------------*/ .reassurance__inner { margin-bottom: 60px; } /*-------------------------------------------- Sidebyside - MD2 --------------------------------------------*/ .vc-sidebyside-text--right .vc_column-inner { margin-right: inherit !important; } /*-------------------------------------------- Sidebyside Buttons - MD2 --------------------------------------------*/ .vc-sidebyside-ctas div[class*=vc_col-sm] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } /** BP > MD3 All mobile devices - Force full-width container with padding ANCHOR: 0 <> 1199 */ @media only screen and (max-width: 1199px) { /*-------------------------------------------- Catalog - MD2 --------------------------------------------*/ .block-categories .category-sub-menu li[data-depth="1"] .arrows { position: absolute; top: 0; right: 0; } /*-------------------------------------------- Header - MD3 --------------------------------------------*/ #mobile_top_menu_wrapper { background-color: transparent; width: 100%; } #header.site-header:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; } body#index:not(.scrolled) #header.site-header:not(.is-open):after { background-color: transparent; } #header .header-nav #_mobile_cart { margin: 0 20px 2.5px 15px; } #header .header-nav .user-info a:first-child { margin-left: 0; } #header .header-nav .cart-preview.active .cart-trigger .blockcart-count, #header .header-top .cart-preview.active .cart-trigger .blockcart-count { top: -5px; right: -10px; width: 15px; height: 15px; line-height: 1.2; font-size: 12px; -webkit-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75); } #header .header-top .cart-preview.active .cart-trigger .blockcart-count { top: -10px; } #header .header-nav .language-selector .dropdown-menu { background-color: transparent; } #header.is-open .mobile-logo-services { margin-left: auto; padding-left: 30px; padding-right: 30px; } #header .search-cart-hamburgher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header-nav #_desktop_user_info.customer-logged { margin-right: 30px; } #header .header-nav .shopping-cart { margin-right: 20px; margin-left: 20px; } #header .header-nav #menu-icon { max-height: 35px; } /*-------------------------------------------- Menu mobile - MD3 --------------------------------------------*/ .dropdown-menu { border: 0; } .dropdown .expand-more { color: inherit; } #_mobile_language_selector .dropdown-menu .dropdown-item { padding: 0; margin-bottom: 20px; } #header #_mobile_search { border-radius: 25px; } #mobile_top_menu_wrapper .top-menu .sub-menu { background-color: inherit; } #mobile_top_menu_wrapper #top-menu .sub-menu .top-menu li { margin-bottom: 20px; } #mobile_top_menu_wrapper .top-menu .sub-menu li > a { border-bottom: 0; font-family: "Circular Bold", Helvetica, Arial, sans-serif; } .popover { padding: 0; font-size: 15px; } #header.site-header.is-open { height: 100%; } #header.site-header.is-open .header-nav { height: 100%; overflow: auto; } #header.site-header.is-open .header-top { height: calc(100% - 90px); overflow-y: auto; box-shadow: none; -webkit-box-shadow: -8px 0px 30px -33px rgba(0, 0, 0, 0.75); box-shadow: -8px 0px 30px -33px rgba(0, 0, 0, 0.75); } #mobile_top_menu_wrapper .top-menu .sub-menu li > a { padding: 0 !important; font-weight: inherit; } #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { font-size: 16px; font-weight: inherit; border: 0; letter-spacing: .5px; line-height: 1.5; text-transform: tallercase; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a { font-size: 14px; } #mobile_top_menu_wrapper #top-menu { margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #mobile_top_menu_wrapper #top-menu li { margin-bottom: 30px; } #mobile_top_menu_wrapper #top-menu li li:last-child { margin-bottom: 0; } html body #mobile_top_menu_wrapper #lnk-- { position: relative; top: -15px; margin-bottom: 0; } html body #mobile_top_menu_wrapper #lnk--:before { content: ""; width: 100%; height: 1px; background-color: #0066B0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } html body #mobile_top_menu_wrapper #lnk-- a { color: transparent !important; } /* Submenu */ #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] { margin: 20px 0 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper { padding: 0; } #mobile_top_menu_wrapper .js-top-menu-bottom a { color: inherit; } #_mobile_language_selector .dropdown-menu { float: none; display: block; position: inherit; font-size: inherit; padding-bottom: 100px; margin: 0; padding: 0; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector button { display: none; } #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link, #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector { padding: 0; } #mobile_top_menu_wrapper .js-top-menu-bottom a.btn-cta--contact { margin-bottom: 15px; } /*-------------------------------------------- Product single - MD3 --------------------------------------------*/ #product .product-container li.product-flag { margin-bottom: 10px; } .vc-related-products { padding-left: 15px; } #product #tablecombz-wrapper table thead, #product #tablecombz-wrapper table tbody { width: 100%; } #product #tablecombz-wrapper .table th, #product #tablecombz-wrapper .table td { min-width: 70px; } html body #wrapper .tablecombz-table-batch { margin: 100px 0 !important; } .batch_buy { position: absolute; right: 0; } .batch_buy ~ .batch_buy { bottom: 20px; } } /** BP > LG1 ANCHOR: LG1 */ /* Large devices (desktops, 992px and up) */ @media only screen and (min-width: 992px) { html body, html body p { font-size: 16px; } /*-------------------------------------------- Banner VC - LG1 --------------------------------------------*/ .vc-banner { height: 70vh; } .vc-banner-img.has-video .dm-play { height: 100px; } /*-------------------------------------------- Blog latest - LG1 --------------------------------------------*/ .archive-cats { padding: 40px 0; } /*-------------------------------------------- Brands - LG1 --------------------------------------------*/ .brands-grid .brand { max-width: calc(100% / 6); -webkit-box-flex: calc(100% / 6); -ms-flex: calc(100% / 6); flex: calc(100% / 6); margin-bottom: 60px; } .brand__img { max-height: 70px; max-width: 120px; } /*-------------------------------------------- Buttons - LG1 --------------------------------------------*/ body #wrapper .btn-primary, body #wrapper .btn-secondary, body #wrapper .btn-tertiary { padding: 18px 38px; } .btn-cta, .vc-btn-cta, .category-catalog a.btn { padding: 18px 38px; } /*-------------------------------------------- Carousel - LG1 --------------------------------------------*/ /*-------------------------------------------- Catalog - LG1 --------------------------------------------*/ #js-product-list-header .search-widget form input[type="text"] { padding: 10px 20px; } .category-search { margin-right: 30px; } #left-column #facet-wrap-4 { display: none; } .category-background { left: -15px; } .category-subtitle { text-align: inherit; } .products-selection { padding: 30px 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #category #js-product-list-header, #search #js-product-list-header { margin-bottom: 70px; } #category #left-column > *, #search #left-column > * { max-width: 160px; font-size: 16px; } #category #products #js-product-list, #search #products #js-product-list { margin-left: 0; } #category .product-miniature { width: calc(33.333333% - 30.5px); /* right value 30px but only works on ff :( */ } #search .product-miniature { width: calc(25% - 30.5px); /* right value 30px but only works on ff :( */ } /*-------------------------------------------- Cart Dropdown - LG1 --------------------------------------------*/ .cart-hover-content { padding: 50px 40px; width: 25vw; } /*-------------------------------------------- Contatti - LG1 --------------------------------------------*/ body.cms-id-8 .page-cms-8 .map-wrap { height: 80vh; } /*-------------------------------------------- Forms - LG1 --------------------------------------------*/ .form__privacy-label { font-size: 16px; } .form__privacy-label:before { width: 20px; height: 20px; margin-right: 10px; } body.res-tablet.landscape .form__privacy-label { font-size: 15px; } .form__field { margin-bottom: 40px; } .form__firstname, .form__lastname, .form__email, .form__phone, .form__city, .form__province, .form__company, .selectric-form__order, .form__code, .form__message { padding: 0 0 20px; } /* Notification */ .contact-form .notification { margin: 100px 0; } .gdpr-consent-label:before { width: 22px; min-width: 22px; height: 22px; margin-right: 10px; } /*-------------------------------------------- FAQ - LG1 --------------------------------------------*/ .wpb_toggle_content { margin-bottom: 100px; } /*-------------------------------------------- Footer - LG1 --------------------------------------------*/ .footer-cols { padding-top: 100px; padding-bottom: 50px; } .footer-col { margin-bottom: 0; } /*-------------------------------------------- Header - LG1 --------------------------------------------*/ #header .header-top { padding: 0; } #header .header-nav .service-nav { background-color: #f7f7f7; } #header .header-nav .main-nav, #header .header-nav .service-nav { padding: 20px 0; } #header .header-nav .btn-cta--contact:not(:last-child) { margin-right: 30px; } /*-------------------------------------------- Headings - LG1 --------------------------------------------*/ body#index h1, body#index .h1, body#cms h1, body#cms .h1, body#category h1, body#category .h1, body#ybc_blog_page h1, body#ybc_blog_page .h1 { font-size: 50px; margin-bottom: 30px; } body#index h2, body#index .h2, body#cms h2, body#cms .h2, body#ybc_blog_page h2, body#ybc_blog_page .h2 { font-size: 40px; margin-bottom: 30px; } body#index h3, body#index .h3, body#cms h3, body#cms .h3, body#ybc_blog_page h3, body#ybc_blog_page .h3 { font-size: 30px; margin-bottom: 30px; } body#index h4, body#index .h4, body#cms h4, body#cms .h4, body#ybc_blog_page h4, body#ybc_blog_page .h4 { font-size: 24px; margin-bottom: 30px; } #product h1, #product .h1 { font-size: 38px; margin-bottom: 30px; } #category h2, #category .h2, #product h2, #product .h2, .ui-tabs-anchor { font-size: 40px; margin-bottom: 30px; } #category h3, #category .h3, #product h3, #product .h3 { font-size: 30px; margin-bottom: 30px; } /*-------------------------------------------- Helpers - LG1 --------------------------------------------*/ .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-05 { margin-bottom: 5px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-35 { margin-bottom: 35px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-45 { margin-bottom: 45px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-55 { margin-bottom: 55px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-65 { margin-bottom: 65px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-75 { margin-bottom: 75px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-85 { margin-bottom: 85px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-95 { margin-bottom: 95px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .mb-lg-120 { margin-bottom: 120px !important; } /*-------------------------------------------- Hero - LG1 --------------------------------------------*/ .slider--hero .slider__nav-item { width: 50px; margin: 0 15px; } .slider--hero .slider__nav { bottom: 80px; } /*-------------------------------------------- Home - LG1 --------------------------------------------*/ #wrapper .vc-category-image__title { margin-bottom: 0; padding: 0 30px; -ms-flex-item-align: center; align-self: center; } .vc-categories .vc-category { border-radius: 70px; margin-bottom: 40px; padding-bottom: 100px; background-size: 200px !important; } .vc-categories .vc-category .vc_column-inner { padding: 60px 40px; } .vc-categories .vc-category .wpb_text_column { padding-right: 50px; } /*-------------------------------------------- List item - LG1 --------------------------------------------*/ .vc-listitem-icon { max-width: 50px; height: auto; } .vc-cert-icon { max-width: 100px; } /*-------------------------------------------- Masonry VC - LG1 --------------------------------------------*/ .vc-masonry #grid[data-columns] { margin: 0 -15px; } .vc-masonry #grid[data-columns]::before { content: '2 .column.size-1of2'; } .vc-masonry #grid .column { float: left; } .vc-masonry #grid .size-1of2 { width: 50%; } .vc-masonry-item { padding: 15px; } /*-------------------------------------------- Menu mobile - LG1 --------------------------------------------*/ /*-------------------------------------------- Newsletter - LG1 --------------------------------------------*/ .newsletter__title { margin-bottom: 80px; } .ps-17-newsletter-checkbox { margin-top: 40px; } /*-------------------------------------------- Pages - LG1 --------------------------------------------*/ .section { margin-bottom: 100px !important; } body:not(#index):not(#checkout) #wrapper { margin-top: 100px; } body:not(.has-vc) #content-wrapper { margin-bottom: 100px; } #header .section-smaller, #wrapper .section-smaller, #secondary .section-smaller, #footer .section-smaller { margin-bottom: 50px !important; } #header .section-taller, #wrapper .section-taller, #secondary .section-taller, #footer .section-taller { margin-bottom: 150px !important; } .section-pt { padding-top: 100px; } .section-py { padding-top: 100px; padding-bottom: 100px; } .section-smaller-py { padding-top: 50px; padding-bottom: 50px; } .section__title { margin-bottom: 40px; } #pagenotfound .page-not-found, #products .page-not-found { padding: 0; } /*-------------------------------------------- Popup - LG1 --------------------------------------------*/ .popup__inner { max-width: 80%; } .popup__body { padding: 60px; } .popup__body > .vc_column-inner > .wpb_wrapper { padding: 70px 0; } .popop-close__icon { font-size: 48px; } .vc-popup-offer__text * { font-size: 30px; line-height: 1.5; } .popup__close { top: -20px; right: -10px; } /*-------------------------------------------- Product Single - LG1 --------------------------------------------*/ #product .product-container li.product-flag { width: 60px; height: 60px; line-height: 50px; margin-bottom: 10px; } #product .thumb-goto { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } body#product .product-thumbs .thumb { margin: 0; } #product li.thumb-container img.thumb { width: 125px; } .product-main { padding-top: 100px; margin-bottom: 100px; } .product__body { padding: 0 50px; } #product .selectric-wrapper .selectric .button { width: 20px; height: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 7%; } #product .selectric-wrapper .selectric .label { padding: 15px; } .product-add-to-cart .product-quantity .add { margin-bottom: 40px; } #product .product-add-to-cart .product-quantity .add .add-to-cart { margin-bottom: 0; font-size: inherit; } #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { margin-left: 15px; margin-right: 15px; width: calc(100% / 2 - 31px); } .slider-paging { bottom: 40px; } #category .products .product-title, #search .products .product-title, #index .vc-cats-carousels .product-title, #product .vc-related-products .product-title, #ybc_blog_page.blog-single-post .post-related-products .product-title { font-size: 16px; } /*-------------------------------------------- Quick view - LG1 --------------------------------------------*/ html body #blockcart-modal .cart-content { padding-left: 30px; } /*-------------------------------------------- Reassurance - LG1 --------------------------------------------*/ .reassurance__icon { height: 60px; margin: 0 auto 30px; } /*-------------------------------------------- Search trigger - LG1 --------------------------------------------*/ body #header #search_widget .search { font-size: 30px; } body #header #search_widget .search-widget.open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body #header #search_widget .search-widget.open .ps_search { padding: 20px 0; } /*-------------------------------------------- Sections - LG1 --------------------------------------------*/ /*-------------------------------------------- Search open (overlay) - LG1 --------------------------------------------*/ .search-widget__inner { margin: 0 20%; } .search-widget__header { margin-bottom: 90px; } .search-widget__close { right: 2.5%; top: 5%; } /*-------------------------------------------- Sidebyside - LG1 --------------------------------------------*/ .vc-sidebyside .vc-sticker { margin-bottom: 30px; } .vc-sidebyside .vc-sticker img { width: 70px; } .vc-sidebyside-text--left { padding-right: 60px; } .vc-sidebyside-text--right { padding-left: 60px; } /*-------------------------------------------- Sidebyside Buttons - LG1 --------------------------------------------*/ .sidebyside-buttons { max-width: 60%; margin: 0 auto; } /*-------------------------------------------- Timeline VC - LG1 --------------------------------------------*/ .vc-timeline-item { padding: 40px 30px; margin: 0 15px; } .vc-timeline .slick-list { margin: 0 -15px; } .vc-timeline-title { font-size: 60px; margin-bottom: 30px; } #wrapper .vc-timeline .slick-arrow { top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); } #wrapper .vc-timeline .slick-prev { left: 40px; } #wrapper .vc-timeline .slick-next { right: 40px; } } /** BP > LG2 Range ANCHOR: 992 <> 1199 */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /*-------------------------------------------- Catalog - LG2 --------------------------------------------*/ .block-categories .category-sub-menu li[data-depth="1"] .arrows { position: absolute; top: 0; right: -30px; } /*-------------------------------------------- Product single - LG2 --------------------------------------------*/ body#product .vc-related-products > .wpb_column { padding-left: 0; padding-right: 0; } body#product .vc-related-products > .wpb_column .products .thumbnail-container .product-description, body#product .vc-related-products > .wpb_column .featured-products .thumbnail-container .product-description { padding: 0 30px 60px; } } /** BP > XL1 ANCHOR: XL1 */ /* Extra large devices (large desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { html body, html body p { font-size: 16px; } .container-fluid { max-width: 1600px; } .container-fluid-alt { padding-left: 0 !important; padding-right: 0 !important; } /*-------------------------------------------- Catalog - XL1 --------------------------------------------*/ #category #left-column > *, #search #left-column > * { max-width: 190px; } /*-------------------------------------------- Header - XL1 --------------------------------------------*/ #header-placeholder { height: 156px; } #header .main-nav { background-color: white; } #header .header-nav .material-icons { color: white; } #header .header-nav .desktop-language-selector { margin-right: 20px; } #header .header-nav .user-info a { color: white; } #header .main-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } html body #header .blockcart.active .cart-trigger { margin-left: auto; } body:not(.scrolled) .header-top__shopping-cart { display: none; } body.scrolled #header .service-nav { display: none; } #header .header-nav .language-selector .dropdown-menu { background-color: white; } body.scrolled #header .header-nav .right-nav { margin-left: 60px; } #header.site-header.is-open .header-nav #_mobile_account { display: block; } #header .header-top .cart-preview.active .cart-trigger .blockcart-count { top: -10px; } .vc-category-image__inner img { max-width: 33.3333333333%; height: 100%; max-height: 130px; } #header .header-nav #_desktop_user_info.customer-logged { padding-left: 15px; padding-right: 15px; } .service-nav .container-fluid, .main-nav .container-fluid { padding-left: 30px; padding-right: 30px; } /*-------------------------------------------- Home - XL1 --------------------------------------------*/ .vc-categories .vc-category { border-radius: 70px; margin-bottom: 40px; background-size: 300px !important; padding-bottom: 200px; } #wrapper .vc-category-image__title { max-width: 200px; } /*-------------------------------------------- Menu - XL1 --------------------------------------------*/ #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu { display: none !important; } #top-menu > li:not(:first-child) { margin-left: 50px; } body.scrolled:not(.dropdown-open) #header .header-nav .main-nav { -webkit-box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.1); } html body .dd-menu-wrap { display: block; } html body .dd-menu { padding: 70px 0; } html body .dd-menu--blocks.dd-menu--open { padding: 70px 0 20px; } html body .dd-menu .title-h3 { text-align: left; } .dd-menu .wpb_text_column { margin-bottom: 50px; } /* hide mobile menu item */ #lnk--, #lnk-- + li, #lnk-- + li + li, #lnk-- + li + li + li { display: none !important; } /*-------------------------------------------- Popup - XL1 --------------------------------------------*/ .popup__inner { max-width: 800px; } /*-------------------------------------------- Product single - XL1 --------------------------------------------*/ .col-product-excerpt { padding-left: 65px; } #products .product-miniature, .featured-products .product-miniature, .blog-single-post .post-related-products .product-miniature { margin-left: 15px; margin-right: 15px; width: calc(100% / 3 - 31px); } /*-------------------------------------------- Search trigger - XL1 --------------------------------------------*/ /*-------------------------------------------- Search open (overlay) - XL1 --------------------------------------------*/ .search-widget__inner { margin: 0 30%; } /*-------------------------------------------- Sidebyside - XL1 --------------------------------------------*/ .vc-sidebyside-text--left { padding-right: 90px; } .vc-sidebyside-text--right { padding-left: 90px; } /*-------------------------------------------- Timeline VC - XL1 --------------------------------------------*/ #wrapper .vc-timeline .slick-arrow { top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); } #wrapper .vc-timeline .slick-prev { left: calc(50% - 650px); } #wrapper .vc-timeline .slick-next { right: calc(50% - 650px); } } @media only screen and (min-width: 1600px) { .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } } /*# sourceMappingURL=custom.css.map */