/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .ui-datepicker { display: none; z-index: 999999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span { border-color: transparent #ff8400 transparent transparent; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -5px; font-size: 0px; width: 0px; height: 0px; border: solid; border-width: 5px 8px 5px 0; border-color: transparent #ff9635 transparent transparent; } .ui-datepicker .ui-datepicker-next span { margin-left: 0px; top: 50%; margin-top: -5px; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ff9635; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; font-size: .9em; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px; text-align: right; text-decoration: none; color: #000000; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-datepicker { padding: 15px; border: #ffffff 4px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); } .ui-datepicker .ui-datepicker-header { background: transparent; border: none; padding-bottom: 10px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { width: 47%; margin-right: 6%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar td { border: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar td a { padding: 4px; display: block; } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { background: #f9eae7; } .ui-datepicker .ui-datepicker-calendar { background: #ffffff; border: #cfcfcf 1px solid; border-collapse: collapse; } .ui-datepicker .ui-datepicker-calendar th { background: #efefef; border: #cfcfcf 1px solid; padding: 4px; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: center; border: #cfcfcf 1px solid; } .ui-datepicker { width: auto; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background: #f3d7d2; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background: #ffdf66; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider-horizontal { height: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; background: #dadada; } .ui-slider-handle { height: 10px; width: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f98b25; display: block; position: absolute; } .ui-timepicker-div { padding: 10px 0 5px 0; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 10px; border-top: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #f9f9f9; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span { color: #959595; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-timepicker-div .ui_tpicker_unit_hide { display:none; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/Codazon_Slideshow/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .swatch-option-loading-webp { content: url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/loader-2.gif); }body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #333333; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } p { margin-top: 0rem; margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #e0e0e0; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #000000; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #e0e0e0; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } h3 { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #333333; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #1979c3; text-decoration: none; } a:visited, .alink:visited { color: #1979c3; text-decoration: none; } a:hover, .alink:hover { color: #006bb4; text-decoration: underline; } a:active, .alink:active { color: #ff5501; text-decoration: underline; } ul, ol { margin-top: 0rem; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 1rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f6f6f6; border: 1px solid #e0e0e0; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #e0e0e0; margin: 0 0 20px 40px; padding: 0; color: #333333; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #333333; line-height: 1.42857143; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 11px 10px; } button { background-image: none; background: #1e401f; border: 1px solid #1e401f; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 10px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; } button:focus, button:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } button:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } button.disabled, button[disabled], fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type*="date"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type*="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #c2c2c2; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type*="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #c2c2c2; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type*="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #c2c2c2; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 5px 10px 4px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:disabled { opacity: 0.5; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #c2c2c2; } textarea::-webkit-input-placeholder { color: #c2c2c2; } textarea:-ms-input-placeholder { color: #c2c2c2; } input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #68a8e0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /** * Copyright © 2015 Magento. All rights reserved. * See COPYING.txt for license details. */ /* ============================================ * * Codazon_Theme_Var * ============================================ */ .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .block-wishlist-management .wishlist-select-items, .order-details-items .items-qty, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .search-terms > li, .cart-summary .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .block-wishlist-management .wishlist-select-items > li, .order-details-items .items-qty > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .action-primary:focus, .action-primary:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .action-primary:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #1e401f; border: 1px solid #1e401f; color: #ffffff; cursor: pointer; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 10px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 0; } .abs-action-link-button:focus, .abs-action-link-button:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-action-remove, .abs-discount-block .action.check, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: 1.42857143; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-weight: 400; color: #a1a1a1; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .paypal-button-widget .paypal-button:visited, .bundle-options-container .action.back:visited, .block.related .action.select:visited, .cart.table-wrapper .actions-toolbar > .action-delete:visited, .cart.table-wrapper .action.help.map:visited, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .payment-method-billing-address .action-cancel:visited, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:visited, .checkout-agreements-block .action-show:visited, .gift-options .actions-toolbar .action-cancel:visited, .gift-summary .action-edit:visited, .gift-summary .action-delete:visited, .gift-wrapping-title .action-remove:visited, .wishlist.split.button > .action:visited, .abs-add-fields .action.remove:visited, .paypal-review-discount .action.check:visited, .cart-discount .action.check:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited { color: #1979c3; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .paypal-button-widget .paypal-button:active, .bundle-options-container .action.back:active, .block.related .action.select:active, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .action.help.map:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-agreements-block .action-show:active, .gift-options .actions-toolbar .action-cancel:active, .gift-summary .action-edit:active, .gift-summary .action-delete:active, .gift-wrapping-title .action-remove:active, .wishlist.split.button > .action:active, .abs-add-fields .action.remove:active, .paypal-review-discount .action.check:active, .cart-discount .action.check:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .bundle-options-container .action.back:hover, .bundle-options-container .action.back:active, .bundle-options-container .action.back:focus, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .action-cancel:focus, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .gift-summary .action-edit:hover, .gift-summary .action-edit:active, .gift-summary .action-edit:focus, .gift-summary .action-delete:hover, .gift-summary .action-delete:active, .gift-summary .action-delete:focus, .gift-wrapping-title .action-remove:hover, .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:focus, .wishlist.split.button > .action:hover, .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .paypal-review-discount .action.check:hover, .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:focus, .cart-discount .action.check:hover, .cart-discount .action.check:active, .cart-discount .action.check:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .bundle-options-container .action.back.disabled, .bundle-options-container .action.back[disabled], fieldset[disabled] .bundle-options-container .action.back, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete.disabled, .cart.table-wrapper .actions-toolbar > .action-delete[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled, .checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled], fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel.disabled, .checkout-payment-method .payment-method-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address.disabled, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address[disabled], fieldset[disabled] .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit.disabled, .gift-summary .action-edit[disabled], fieldset[disabled] .gift-summary .action-edit, .gift-summary .action-delete.disabled, .gift-summary .action-delete[disabled], fieldset[disabled] .gift-summary .action-delete, .gift-wrapping-title .action-remove.disabled, .gift-wrapping-title .action-remove[disabled], fieldset[disabled] .gift-wrapping-title .action-remove, .wishlist.split.button > .action.disabled, .wishlist.split.button > .action[disabled], fieldset[disabled] .wishlist.split.button > .action, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .paypal-review-discount .action.check.disabled, .paypal-review-discount .action.check[disabled], fieldset[disabled] .paypal-review-discount .action.check, .cart-discount .action.check.disabled, .cart-discount .action.check[disabled], fieldset[disabled] .cart-discount .action.check, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .bundle-options-container .action.back:active, .bundle-options-container .action.back:not(:focus), .block.related .action.select:active, .block.related .action.select:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .action-cancel:not(:focus), .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .gift-summary .action-edit:active, .gift-summary .action-edit:not(:focus), .gift-summary .action-delete:active, .gift-summary .action-delete:not(:focus), .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:not(:focus), .wishlist.split.button > .action:active, .wishlist.split.button > .action:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:not(:focus), .cart-discount .action.check:active, .cart-discount .action.check:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; color: #288b43; } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; } .abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:focus, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .block-compare .action.primary:focus, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 1.4rem; line-height: 1.6rem; padding: 10px 15px; } .multicheckout .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .multicheckout .item-options dt, .cart.table-wrapper .item-options dt, .block-giftregistry-shared-items .product .item-options dt { float: left; clear: left; margin: 0 10px 5px 0; } .multicheckout .item-options dt:after, .cart.table-wrapper .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after { content: ': '; } .rtl-layout .multicheckout .item-options dt, .rtl-layout .cart.table-wrapper .item-options dt, .rtl-layout .block-giftregistry-shared-items .product .item-options dt { float: right; clear: right; margin: 0 0 5px 10px; } .multicheckout .item-options dd, .cart.table-wrapper .item-options dd, .block-giftregistry-shared-items .product .item-options dd { float: left; display: inline-block; margin: 0 0 5px; } .rtl-layout .multicheckout .item-options dd, .rtl-layout .cart.table-wrapper .item-options dd, .rtl-layout .block-giftregistry-shared-items .product .item-options dd { float: right; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart { width: 100%; } .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .product.media .product.photo .photo.image { display: block; height: auto; max-width: 100%; margin: 0 auto; } .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .giftregisty-dropdown ul.items, .wishlist-dropdown ul.items { padding: 6px 0; } .multicheckout .table-wrapper .col .qty .input-text, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { width: 54px; text-align: center; } .block, .customer-review .product-details, .block-banners, .block-banners-inline { margin-bottom: 60px; } .sidebar .product-items .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filter-current .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .product-items .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filter-current .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filter-current .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #999999; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .product-items .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filter-current .action.remove:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .sidebar .product-items .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filter-current .action.remove:active:before { color: #999999; } .product-item-name > a, .product.name a > a, .minicart-items .product-item-name > a { color: #282828; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited, .minicart-items .product-item-name > a:visited { color: #282828; text-decoration: none; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover, .minicart-items .product-item-name > a:hover { color: #288b43; text-decoration: none; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active, .minicart-items .product-item-name > a:active { color: #288b43; text-decoration: none; } .abs-like-link:visited { color: #1979c3; text-decoration: none; } .abs-like-link:hover { color: #006bb4; text-decoration: underline; } .abs-like-link:active { color: #ff5501; text-decoration: underline; } .form.giftregistry.items .actions-toolbar, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { width: auto; line-height: normal; position: absolute; top: 34px; margin-left: 73%; } .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-add-invitations .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: 70%; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary, .form-add-invitations .fieldset .actions-toolbar > .secondary, .form-create-return .fieldset .actions-toolbar > .secondary, .form.send.friend .fieldset .actions-toolbar > .secondary { float: left; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add, .form-create-return .fieldset .actions-toolbar > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar > .secondary .action.add { margin-top: 30px; } .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .opc-wrapper .form-discount .field .label, .bundle-options-container .block-bundle-summary .product-image-container, .bundle-options-container .block-bundle-summary .product.name, .bundle-options-container .block-bundle-summary .stock, .product-item-actions .actions-secondary > .action span, .special-price .price-label, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .block.related .field.choice .label, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-onepage-success .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .field.street .field.additional .label, .block-balance .balance-price-label, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .form-add-invitations .fields .label, .filter-options-content .filter-count-label, .filter dl.options-content .filter-count-label, .filter-options dd .filter-count-label, .filter dl.options dd .filter-count-label, .table-comparison .wishlist.split.button > .action.split span, .product-items .wishlist.split.button > .action.split span, .page-multiple-wishlist .page-title-wrapper .page-title, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .block.newsletter .label, .review-date .review-details-label, .customer-review .product-details .rating-average-label, .block-reorder .product-item .label, .action.skip:not(:focus), .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .checkout-container:before, .checkout-container:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:before, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:before, .table-order-items .gift-wrapping .content:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .customer-review .product-details:before, .customer-review .product-details:after, .form-create-return .actions-toolbar:before, .form-create-return .actions-toolbar:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:before, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:before, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:before, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:before, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:before, .form.send.friend .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .page-product-downloadable .product-add-form:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:after, .map-popup .map-info-price:after, .customer-review .product-details:after, .form-create-return .actions-toolbar:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:after { clear: both; } .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .block-event .slider-panel .slider .item .action.show, .sidebar .block-addbysku .fieldset .fields .field.sku, .form.search.advanced .fields.range .field.date .control, .field .control._with-tooltip, .form-giftregistry-edit .field.date .control { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .bundle-options-container .block-bundle-summary .box-tocart, .box-tocart { margin: 0 0 15px; } .abs-cart-block > .title, .minicart-items .product .toggle, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #e0e0e0; cursor: pointer; margin-bottom: 0; position: relative; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .minicart-items .product .toggle > span, .abs-discount-block .block > .title > span, .cart-summary .block > .title > span, .paypal-review-discount .block > .title > span, .cart-discount .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block .block, .cart-summary .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { color: #858585; } .abs-discount-block .block .content, .cart-summary .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after, .cart-summary .block.active > .title:after, .paypal-review-discount .block.active > .title:after, .cart-discount .block.active > .title:after { content: '\e621'; } .abs-discount-block .block.active .content, .cart-summary .block.active .content, .paypal-review-discount .block.active .content, .cart-discount .block.active .content { display: block; } .abs-account-blocks .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .customer-review .review-details .title, .multicheckout .block-title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .customer-review .review-details .title > strong, .customer-review .review-details .title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span, .account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > strong, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > span { color: #000000; } .block-addresses-list address { line-height: 24px; } .order-details-items tfoot td { background: #f5f5f5; } .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax { color: #666666; display: block; font-size: 1.8rem; line-height: 1; white-space: nowrap; } .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: 700; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-options .price-including-tax, .gift-options .price-excluding-tax { display: inline-block; font-size: 1.4rem; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { display: inline-block; font-size: 1.1rem; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ": "; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ")"; } .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total, .paypal-review .table-paypal-review-items .cart-tax-total, .cart.table-wrapper .cart-tax-total, .order-details-items .cart-tax-total { cursor: pointer; position: relative; padding-right: 10px; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { position: absolute; right: -2px; top: 4px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after, .paypal-review .table-paypal-review-items .cart-tax-total-expanded:after, .cart.table-wrapper .cart-tax-total-expanded:after, .order-details-items .cart-tax-total-expanded:after { content: '\e621'; } .giftcard-account .form-giftcard-redeem .fieldset, .form-giftregistry-create .fieldset { margin-bottom: 20px; } .review-ratings .rating-summary, .customer-review .review-details .customer-review-rating .rating-summary { display: table-row; } .review-ratings .rating-label, .customer-review .review-details .customer-review-rating .rating-label { display: table-cell; vertical-align: top; padding-top: 1px; padding-right: 25px; padding-bottom: 5px; } .review-ratings .rating-result, .customer-review .review-details .customer-review-rating .rating-result { vertical-align: top; display: table-cell; } .rtl-layout .review-ratings .rating-label, .rtl-layout .customer-review .review-details .customer-review-rating .rating-label { padding-right: 0; padding-left: 25px; } .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^="sales-guest-"] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { content: ""; display: inline-block; height: 12px; margin: 0 10px; border-left: 1px solid #a6a6a6; vertical-align: -1px; } .block-addresses-list .items.addresses .item.actions .action:last-child:after, .account .data.table .col.actions .action:last-child:after, [class^="sales-guest-"] .data.table .col.actions .action:last-child:after, .sales-guest-view .data.table .col.actions .action:last-child:after, .block .box-actions .action:last-child:after { display: none; } .multicheckout .block-title > .action, .paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .multicheckout .block-title .action.edit, .multicheckout .block-title .action.view, .paypal-review .block .block-title .action.edit, .paypal-review .block .block-title .action.view, .account .column.main .block:not(.widget) .block-title .action.edit, .account .column.main .block:not(.widget) .block-title .action.view, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title .action.edit, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title .action.view, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title .action.edit, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title .action.view, .sales-guest-view .column.main .block:not(.widget) .block-title .action.edit, .sales-guest-view .column.main .block:not(.widget) .block-title .action.view { float: right; position: relative; } .multicheckout .block-title .action.edit:after, .multicheckout .block-title .action.view:after, .paypal-review .block .block-title .action.edit:after, .paypal-review .block .block-title .action.view:after, .account .column.main .block:not(.widget) .block-title .action.edit:after, .account .column.main .block:not(.widget) .block-title .action.view:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title .action.edit:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title .action.view:after, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title .action.edit:after, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title .action.view:after, .sales-guest-view .column.main .block:not(.widget) .block-title .action.edit:after, .sales-guest-view .column.main .block:not(.widget) .block-title .action.view:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f101'; font-size: 12px; margin-left: 5px; } .multicheckout .block-title strong, .paypal-review .block .block-title strong, .account .column.main .block:not(.widget) .block-title strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title strong, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title strong, .sales-guest-view .column.main .block:not(.widget) .block-title strong { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .multicheckout .box-title, .paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 10px; } .multicheckout .box-title > span, .paypal-review .block .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 500; } .multicheckout .box-title > .action, .paypal-review .block .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 10px; } .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ": "; } .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 5px; } .abs-sidebar-totals .table-caption, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { border: 2px solid #e0e0e0; border-radius: 3px; display: inline-block; margin: 3px 0 0; padding: 2px 10px; text-transform: uppercase; vertical-align: top; } .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title { margin-right: 25px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^="sales-guest-"] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date { font-size: 16px; margin-bottom: 10px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label, .account .page-main .page-title-wrapper .order-date .label, [class^="sales-guest-"] .page-main .page-title-wrapper .order-date .label, .sales-guest-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label { display: none; } .account .column.main .order-details-items .table-wrapper .data.table, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table { border: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th { background: #f6f6f6; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > tbody > tr > th, .block-giftregistry-results .data.table > tfoot > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-giftregistry-results .data.table > tbody > tr > td, .block-giftregistry-results .data.table > tfoot > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > tbody > tr > th, .block-wishlist-search-results .data.table > tfoot > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > tbody > tr > td, .block-wishlist-search-results .data.table > tfoot > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td { border-bottom: 1px solid #e0e0e0; } .block-compare .counter, .block-wishlist .counter { color: #7d7d7d; font-size: 1.2rem; white-space: nowrap; } .block-compare .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin: 0 0 20px; } .block-cart-failed { margin-bottom: 20px; } .block-cart-failed .actions.main .continue, .block-cart-failed .actions.main .clear { display: none; } .form.search.advanced .fields.range .field.date .control, .form-giftregistry-edit .field.date .control { position: relative; } .abs-field-date input, .form-giftregistry-search .fields-specific-options .datetime-picker, .form.search.advanced .fields.range .field.date input, .form-giftregistry-edit .field.date input { margin-right: 10px; width: calc(100% - (23px + 10px)); } .field .control._with-tooltip { position: relative; } .field .control._with-tooltip input { margin-right: 10px; width: calc(100% - (21px + 10px + 5px)); } .rtl-layout .field .control._with-tooltip input { margin-left: 10px; margin-right: 0; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0%; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 10px; color: #000000; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #e0e0e0; padding-top: 10px; } .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark { border: 0; font-weight: 400; padding: 6px 0; } .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; white-space: nowrap; } .rtl-layout .cart-totals tbody .amount, .rtl-layout .cart-totals tfoot .amount, .rtl-layout .opc-block-summary .table-totals tbody .amount, .rtl-layout .opc-block-summary .table-totals tfoot .amount { padding: 6px 14px 6px 0; text-align: left; } .cart-totals .grand th, .cart-totals .grand td, .opc-block-summary .table-totals .grand th, .opc-block-summary .table-totals .grand td { padding: 11px 0; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: 600; padding: 3px 0 0; } .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark { border-top: 1px solid #e0e0e0; font-size: 1.8rem; padding-right: 10px; } .rtl-layout .cart-totals .grand .mark, .rtl-layout .opc-block-summary .table-totals .grand .mark { padding-right: 0; padding-left: 10px; } .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { border-top: 1px solid #e0e0e0; font-size: 1.8rem; } .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 10px; } .cart-totals tbody tr:last-child td, .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 19px; } .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer; } .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { position: relative; padding-right: 20px; display: inline-block; text-decoration: none; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: 3px; top: 3px; } .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\e621'; } .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { display: none; border-bottom: 1px solid #e0e0e0; } .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .cart-totals .table-wrapper, .opc-block-summary .table-totals .table-wrapper { margin-bottom: 0; } .paypal-review-discount .block, .cart-discount .block { padding-top: 60px; } .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #000000; font-weight: 400; } .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .paypal-review-discount .field, .cart-discount .field { display: table-cell; } @font-face { font-family: 'Poppins'; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-300.woff2') format('woff2'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Poppins'; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-regular.woff2') format('woff2'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Poppins'; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-500.woff2') format('woff2'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-500.woff') format('woff'); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: 'Poppins'; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-700.woff2') format('woff2'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/poppins/poppins-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } .items { margin: 0; padding: 0; list-style: none none; } body { color: #000000; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } body input[type="text"], body input[type="password"], body input[type="url"], body input[type="tel"], body input[type="search"], body input[type="number"], body input[type="datetime"], body input[type="email"] { height: 40px; color: #000000; border-color: #e0e0e0; background-color: #ffffff; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } body textarea { color: #000000; border-color: #e0e0e0; background-color: #ffffff; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } body ._keyfocus *:focus, body input:not([disabled]):focus, body textarea:not([disabled]):focus, body select:not([disabled]):focus { box-shadow: 0 1px 3px #e1e1e1; } h1, .h1 { font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; margin: 0 0 20px; } h2, .h2 { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 20px; } h3, .h3 { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 20px; } h4, .h4 { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 10px; } h5, .h5 { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 10px; } h6, .h6 { font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 10px; } a { color: #000000; } a:hover { color: #288b43; } .text-small { font-size: 90%; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } .header a { color: #ffffff; } .header a:hover { color: #1e401f; text-decoration: none; } body { overflow-x: hidden; background: #edeeef url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/transparent.png) 0 0 no-repeat fixed; } .page-header { background: #ffffff url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/transparent.png) 0 0 no-repeat fixed; } .page-main { /*background:@main_background url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/css/@main_background_file) @main_background_image_option;*/ } .page-footer { background: #ffffff url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/transparent.png) 0 0 no-repeat fixed; } .space-s { margin-bottom: 10px; } .space-base { margin-bottom: 20px; } .space-md { margin-bottom: 40px; } .space-lg { margin-bottom: 60px; } .maxwidth { max-width: 1200px; margin-left: auto; margin-right: auto; width: auto; } .no-padding { padding: 0 !important; } .no-margin { padding: 0 !important; } .page-title-wrapper { text-transform: uppercase; } .cms-index-index .page-title-wrapper { display: none; } .page-main { padding-top: 20px; } .cms-index-index .page-main { padding-top: 0; } .cms-index-index .columns .column.main { padding-bottom: 0; } /* .block:not(.block-static-block) .block-content{padding:20px 0 0} .minicart-wrapper .action.showcart .counter.qty{font-size:12px} */ #ajaxloading_container { position: relative; padding: 20px; text-align: center; border: 10px solid #a1a1a1; background-color: white; z-index: 99999; max-height: 660px; } #ajaxloading_container { min-width: 350px; max-width: 500px; z-index: 9999; display: none; position: fixed; top: 0px; } #bg_fade { background-color: #000; left: 0px; margin: 0px; padding: 0px; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 998; height: 1000px; opacity: 0.5; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom: 40px; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .table-wrapper { margin-bottom: 20px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table th, table thead th { color: #000000; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .table tfoot { background: #f5f5f5; } .table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 1px solid #e0e0e0; padding-top: 20px; } .table tfoot th, .table tfoot td { border: 0; } .table tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.info a { color: #1979c3; } .message.info a:hover { color: #006bb4; } .message.info a:active { color: #006bb4; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.error { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 45px; position: relative; } .message.error a { color: #1979c3; } .message.error a:hover { color: #006bb4; } .message.error a:active { color: #006bb4; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #b30000; content: '\e61f'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.warning { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.warning a { color: #1979c3; } .message.warning a:hover { color: #006bb4; } .message.warning a:active { color: #006bb4; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.notice { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.notice a { color: #1979c3; } .message.notice a:hover { color: #006bb4; } .message.notice a:active { color: #006bb4; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.success { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 45px; position: relative; } .message.success a { color: #1979c3; } .message.success a:hover { color: #006bb4; } .message.success a:active { color: #006bb4; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #006400; content: '\e60e'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-toggle { cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 23px; z-index: 14; width: 26px; height: 18px; } .nav-toggle:hover { color: #1e401f; } .nav-toggle:before { position: absolute; left: 0; top: 8px; width: 16px; height: 2px; background: #ffffff; content: ''; } .nav-toggle span:after, .nav-toggle span:before { position: absolute; left: 0; width: 26px; height: 2px; background: #ffffff; content: ''; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-toggle span:after { bottom: 0; } .nav-before-open.nav-open .nav-toggle { color: #1e401f; } .nav-before-open.nav-open .nav-toggle span:after { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; } .nav-before-open.nav-open .nav-toggle span:before { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; } .nav-before-open.nav-open .nav-toggle:before { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } html.nav-before-open, .nav-before-open body { overflow: hidden; position: relative; height: 100%; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 10px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.7); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 20px; padding: 0 0 10px; width: 100%; box-sizing: border-box; float: left; font-weight: 300; line-height: 1.2; font-size: 1.8rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 0; } .fieldset > .legend { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; border: 0; padding: 0; } .fieldset .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 600; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { font-weight: normal; margin: 0; display: inline; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 10px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .legend + .fieldset, .legend + div { clear: both; } .legend span { margin-right: 5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { white-space: nowrap; margin-top: 10px; display: inline-block; } .field .message.warning { margin-top: 10px; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 1px solid #e0e0e0; height: 44px; background: #ffffff url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/select-bg.svg') no-repeat 100% 45%; background-size: 30px 60px; padding-right: 25px; text-indent: .01em; text-overflow: ''; } select::-ms-expand { display: none; } .lt-ie10 select { background-image: none; padding-right: 4px; } .rtl-layout select { padding-left: 25px; padding-right: 10px; background-position: 0% 45%; } div.mage-error[generated] { margin-top: 7px; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } .hasDatepicker + .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; vertical-align: middle; } .hasDatepicker + .ui-datepicker-trigger:focus, .hasDatepicker + .ui-datepicker-trigger:active { background: none; border: none; } .hasDatepicker + .ui-datepicker-trigger:hover { background: none; border: none; } .hasDatepicker + .ui-datepicker-trigger.disabled, .hasDatepicker + .ui-datepicker-trigger[disabled], fieldset[disabled] .hasDatepicker + .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } .hasDatepicker + .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .hasDatepicker + .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\e612'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .hasDatepicker + .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } .block-customer-login .block-title { background: none !important; } .cdz-login-form-dropdown { position: absolute; min-width: 300px; right: 0; background: #ffffff; padding: 20px; z-index: 7; top: 20px; border: 1px solid #eeeeee; } .rtl-layout .cdz-login-form-dropdown { left: 0; right: auto; } .cdz-login-form-dropdown .block-customer-login { margin-bottom: 0; } .cdz-login-form-dropdown .block-customer-login .block-content { padding: 0 !important; } .cdz-login-form-dropdown .block-customer-login .actions-toolbar { text-align: center; } .cdz-login-form-dropdown .block-customer-login .actions-toolbar .primary { width: 100%; } .cdz-login-form-dropdown .block-customer-login .actions-toolbar a.action.primary { color: #ffffff; background-color: #288b43; border-color: #288b43; } .cdz-login-form-dropdown .block-customer-login .actions-toolbar a.action.primary:hover { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .cdz-login-form-dropdown .block-customer-login a { color: #999999; text-decoration: none; } .cdz-login-form-dropdown .block-customer-login a:visited { color: #999999; text-decoration: none; } .cdz-login-form-dropdown .block-customer-login a:hover { color: #288b43; text-decoration: none; } .cdz-login-form-dropdown .block-customer-login a:active { color: #288b43; text-decoration: none; } .authentication-wrapper { margin-top: -85px !important; } .authentication-wrapper .action.action-auth-toggle { color: #ffffff; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:visited { color: #ffffff; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:hover { color: #1e401f; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:active { color: #1e401f; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f090"; font-size: 14px; margin-right: 5px; } .rtl-layout .authentication-wrapper { text-align: left; float: left; } .rtl-layout .authentication-dropdown { text-align: right; } .opc-block-shipping-information { padding: 0 !important; } @font-face { font-family: 'luma-icons'; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/Luma-Icons.woff2') format('woff2'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/fonts/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } button, a.action.primary { border-radius: 0; margin-bottom: 5px; } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.continue, a.action.primary { display: inline-block; text-decoration: none; text-transform: uppercase; vertical-align: top; margin-bottom: 5px; } a.action.continue:hover, a.action.primary:hover, a.action.continue:active, a.action.primary:active, a.action.continue:focus, a.action.primary:focus { text-decoration: none; } .action.button, .action.continue { background-image: none; background: #1e401f; border: 1px solid #1e401f; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 10px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; vertical-align: top; margin-bottom: 5px; text-transform: uppercase; } .action.button:focus, .action.continue:focus, .action.button:active, .action.continue:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .action.button:hover, .action.continue:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .action.button.disabled, .action.continue.disabled, .action.button[disabled], .action.continue[disabled], fieldset[disabled] .action.button, fieldset[disabled] .action.continue { opacity: 0.5; cursor: default; pointer-events: none; } .action.primary { background-image: none; background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; vertical-align: top; margin-bottom: 5px; } .action.primary:focus, .action.primary:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .action.primary:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .action.primary.disabled, .action.primary[disabled], fieldset[disabled] .action.primary { opacity: 0.5; cursor: default; pointer-events: none; } a.action.primary, .qs-button, button { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } button { color: #ffffff; background-color: #1e401f; border-color: #1e401f; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } button:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } button.primary { color: #ffffff; background-color: #288b43; border-color: #288b43; } button.primary:hover { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .action.multicheckout { font-size: 110%; } .cdz-buttons-container form { display: inline-block; vertical-align: top; } .cdz-buttons-container button.tocart.primary { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .cdz-buttons-container button.tocart.primary:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 16px; line-height: 38px; } .cdz-buttons-container button.tocart.primary:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .cdz-buttons-container button.tocart.primary span:before { display: none; } .sidebar .block-wishlist .action.tocart { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .sidebar .block-wishlist .action.tocart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 16px; line-height: 38px; } .sidebar .block-wishlist .action.tocart:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .sidebar .block-wishlist .action.tocart span:before { display: none; } .product-style13 button.tocart.primary, .product-style09 button.tocart.primary { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .product-style13 button.tocart.primary:before, .product-style09 button.tocart.primary:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f290"; font-size: 16px; line-height: 38px; } .product-style13 button.tocart.primary:hover, .product-style09 button.tocart.primary:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product-style13 button.tocart.primary span:before, .product-style09 button.tocart.primary span:before { display: none; } .qs-button { background-image: none; background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-bottom: 10px; width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .qs-button:focus, .qs-button:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .qs-button:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .qs-button.disabled, .qs-button[disabled], fieldset[disabled] .qs-button { opacity: 0.5; cursor: default; pointer-events: none; } .qs-button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f06e"; font-size: 16px; line-height: 38px; } .qs-button:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .products-list .product-item-details .qs-button, .products-list .product-item-details .cdz-buttons-container .action, .products-list .product-item-details .cdz-buttons-container button.tocart.primary { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .products-list .product-item-details .qs-button:hover, .products-list .product-item-details .cdz-buttons-container .action:hover, .products-list .product-item-details .cdz-buttons-container button.tocart.primary:hover { color: #1e401f; background-color: #ffffff; border-color: #1e401f; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f012"; font-size: 16px; line-height: 38px; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action.towishlist:before { content: "\f004"; } .product-buttons-inner .actions-secondary .action, .cdz-buttons-container .action, .addto-hover-container .action, .product-buttons-inner .table-comparison .action.towishlist { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .product-buttons-inner .actions-secondary .action:before, .cdz-buttons-container .action:before, .addto-hover-container .action:before, .product-buttons-inner .table-comparison .action.towishlist:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f012"; font-size: 16px; line-height: 38px; } .product-buttons-inner .actions-secondary .action:hover, .cdz-buttons-container .action:hover, .addto-hover-container .action:hover, .product-buttons-inner .table-comparison .action.towishlist:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product-buttons-inner .actions-secondary .action.towishlist:before, .cdz-buttons-container .action.towishlist:before, .addto-hover-container .action.towishlist:before, .product-buttons-inner .table-comparison .action.towishlist.towishlist:before { content: "\f004"; } .product-addto-links .action { float: left; width: 50%; text-align: center; color: #000000; text-decoration: none; font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-addto-links .action:visited { color: #000000; text-decoration: none; } .product-addto-links .action:hover { color: #288b43; text-decoration: none; } .product-addto-links .action:active { color: #288b43; text-decoration: none; } .product-addto-links .action span { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 11px 20px; border: 1px solid #e0e0e0; float: left; width: 96.5%; text-transform: uppercase; } .product-addto-links .action span:before { display: none; } .product-addto-links .action.tocompare span { float: right; } .product-addto-links .action:hover span { color: #288b43; background-color: transparent; border-color: #288b43; } .cdz-product-wishlist { position: absolute; left: 15px; top: 15px; z-index: 3; } .rtl-layout .cdz-product-wishlist { left: auto; right: 15px; } .cdz-product-wishlist a.action.tocompare { display: none; } .cdz-product-wishlist a.action.towishlist { position: relative; color: #000000; text-decoration: none; } .cdz-product-wishlist a.action.towishlist:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; font-size: 18px; width: 20px; text-align: center; } .cdz-product-wishlist a.action.towishlist:visited { color: #000000; text-decoration: none; } .cdz-product-wishlist a.action.towishlist:hover { color: #288b43; text-decoration: none; } .cdz-product-wishlist a.action.towishlist:active { color: #288b43; text-decoration: none; } .cdz-product-wishlist a.action.towishlist span { position: absolute; top: 30px; left: 50%; color: #fff; background: #000; padding: 3px 5px; border-radius: 3px; white-space: nowrap; display: none; } .cdz-product-wishlist a.action.towishlist:hover { color: #288b43; } .cdz-product-wishlist a.action.towishlist:hover:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 18px; } .cdz-product-wishlist a.action.towishlist.in-wishlist { color: #fc7070 !important; } .cdz-product-wishlist a.action.towishlist.in-wishlist:before { content: '\f004'; } .product-item-info:hover .cdz-product-wishlist a.action.towishlist { color: #288b43; } .ui-tooltip.cdz-tooltip { border: 0; background: #000; padding: 2px 10px; color: #fff; border-radius: 5px; } .ui-tooltip.cdz-tooltip:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 20px; position: absolute; bottom: -12px; left: 42%; color: #000; } .ajax-load-wrapper { text-align: center; clear: both; } .ajax-load-wrapper .ajax-load-button { margin-top: 0px; display: inline-block; vertical-align: top; } .ajax-load-wrapper .ajax-load-button .ajax-loader, .ajax-load-wrapper .ajax-load-button a { min-width: 290px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-transform: uppercase; background-image: none; background: #288b43; border: 1px solid #288b43; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; font-weight: 600; color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .ajax-load-wrapper .ajax-load-button .ajax-loader:focus, .ajax-load-wrapper .ajax-load-button a:focus, .ajax-load-wrapper .ajax-load-button .ajax-loader:active, .ajax-load-wrapper .ajax-load-button a:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .ajax-load-wrapper .ajax-load-button .ajax-loader.disabled, .ajax-load-wrapper .ajax-load-button a.disabled, .ajax-load-wrapper .ajax-load-button .ajax-loader[disabled], .ajax-load-wrapper .ajax-load-button a[disabled], fieldset[disabled] .ajax-load-wrapper .ajax-load-button .ajax-loader, fieldset[disabled] .ajax-load-wrapper .ajax-load-button a { opacity: 0.5; cursor: default; pointer-events: none; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .ajax-load-wrapper .ajax-load-button .ajax-loader:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f1ce'; font-size: 16px; margin-right: 5px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } #back-top { position: fixed; right: 15px; bottom: 15px; z-index: 99; } #back-top a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-image: none; background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; font-size: 0; } #back-top a:focus, #back-top a:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } #back-top a:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } #back-top a.disabled, #back-top a[disabled], fieldset[disabled] #back-top a { opacity: 0.5; cursor: default; pointer-events: none; } #back-top a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f176'; font-size: 16px; font-weight: bold; } .rtl-layout #back-top { right: auto; left: 15px; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } .product.data.items { margin: 0; padding: 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0; } .product.data.items > .item.title > .switch { border-top: 1px solid #e0e0e0; height: 40px; padding: 10px 10px 10px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #ffffff; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #333333; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 10px; } .product.data.items > .item.content { background: #1e401f; margin: 0; padding: 10px 10px 30px; } .product.data.items .item.title a { position: relative; text-decoration: none; } .product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items .item.title a:after { position: absolute; right: 10px; top: 10px; } .product.data.items .item.title.active a:after { content: '\e621'; } .product.data.items .value p:last-child { margin-bottom: 0; } .product.data.items .table-wrapper { margin: 0; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 400; } .pages .item { font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; margin: 0 4px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; display: inline-block; padding: 0 14px; text-decoration: none; } .pages a.page:visited { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; } .pages a.page:hover { background: #288b43; border: 1px solid #288b43; color: #ffffff; text-decoration: none; } .pages a.page:active { background: #288b43; border: 1px solid #288b43; color: #ffffff; } .pages strong.page { background: #288b43; border: 1px solid #288b43; font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; color: #ffffff; display: inline-block; font-weight: 700; padding: 0 14px; } .pages .action { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; } .pages .action:hover { background: #288b43; border: 1px solid #288b43; color: #ffffff; text-decoration: none; } .pages .action:active { background: #288b43; border: 1px solid #288b43; color: #ffffff; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #ffffff; } .pages .action.next:active:before { color: #ffffff; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #ffffff; content: '\e608'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #ffffff; } .pages .action.next:active:before { color: #ffffff; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #ffffff; } .pages .action.previous:active:before { color: #ffffff; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #ffffff; content: '\e617'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #ffffff; } .pages .action.previous:active:before { color: #ffffff; } .pages .item { margin: 2px 4px 2px 0; } .pages strong.page, .pages a.page { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pages .action { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0 8px; } .pages .action.previous { margin-right: 0px; } .pages .action.next { margin-left: 0px; } .actions-toolbar { clear: both; } .actions-toolbar > .primary, .actions-toolbar > .secondary { text-align: center; margin-bottom: 10px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 10px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .actions-toolbar > .secondary .action.back { display: none; } .breadcrumbs { margin: 0 0 15px; margin: 0; } .breadcrumbs .items { font-size: 1.2rem; color: #a3a3a3; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #333333; text-decoration: none; } .breadcrumbs a:visited { color: #333333; text-decoration: none; } .breadcrumbs a:hover { color: #333333; text-decoration: underline; } .breadcrumbs a:active { color: #333333; text-decoration: none; } .breadcrumbs strong { font-weight: 400; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 18px; content: '\e608'; font-family: 'luma-icons'; margin: 0 10px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .breadcrumbs .items { padding: 20px 0 0; } .breadcrumbs .items > li { text-transform: uppercase; } .breadcrumbs .item:not(:last-child):after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f178'; font-size: 14px; } .rtl-layout .breadcrumbs .item:not(:last-child):after { content: '\f177'; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.8rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 700; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } /* ============================================ * * Codazon_Banner_Effect * ============================================ */ /*Change Product Image*/ .products-list .item a.product-item-photo .hover-image .product-image-container, .products-grid .item a.product-item-photo .hover-image .product-image-container { display: inline-block; max-width: 100%; vertical-align: top; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-list .item a.product-item-photo .main-image .product-image-container, .products-grid .item a.product-item-photo .main-image .product-image-container { position: absolute; top: 0%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .products-list .item:hover a.product-item-photo .hover-image .product-image-container, .products-grid .item:hover a.product-item-photo .hover-image .product-image-container { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .products-list .item:hover a.product-item-photo .main-image .product-image-container, .products-grid .item:hover a.product-item-photo .main-image .product-image-container { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; } /*.products-grid .item{ .cdz-product-top{ > .hover-image { display: inline-block; max-width: 100%; vertical-align: top; .abs-opacity(0); .abs-transition(); } > .main-image{ position:absolute; top:0%; .abs-transition(); .abs-opacity(1); } } &:hover{ .cdz-product-top { > span.hover-image{ .abs-transition(); .abs-opacity(1); } > span.main-image{ .abs-opacity(0); .abs-transition(); position:absolute; top:0; } } } }*/ /*Zoom Banner*/ .eff-zoombanner { overflow: hidden; position: relative; } .eff-zoombanner .banner-zoom img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .eff-zoombanner:hover .banner-zoom img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } /*Banner Border*/ .banner-border { position: relative; display: inline-block; overflow: hidden; float: left; width: 100%; } .banner-border:before, .banner-border:after { content: ""; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; opacity: 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 1; } .banner-border:before { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); top: 30px; right: 15px; bottom: 30px; left: 15px; } .banner-border:after { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); top: 15px; right: 30px; bottom: 15px; left: 30px; } .banner-border:hover:before, .banner-border:hover:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banner-border img { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .banner-border:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); opacity: 0.8; } .banner-border.style2:after { border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; } .banner-border.style2:before { border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; } /*.loading,*/ .loader, .qs-loader { position: relative; text-align: center; padding: 100px 0; } .loader img, .qs-loader img { display: none; } .qs-loader { display: table-cell; vertical-align: middle; } /*.loading:after, .loading:before,*/ .loader:after, .loader:before, .qs-loader:after, .qs-loader:before { position: absolute; content: ""; border: 2px solid #e0e0e0; width: 31px; height: 31px; } /*.loading:after,*/ .loader:after, .qs-loader:after { animation: cssload-spinner1 2.88s linear infinite; -o-animation: cssload-spinner1 2.88s linear infinite; -ms-animation: cssload-spinner1 2.88s linear infinite; -webkit-animation: cssload-spinner1 2.88s linear infinite; -moz-animation: cssload-spinner1 2.88s linear infinite; } /*.loading:before,*/ .loader:before, .qs-loader:before { width: 43px; height: 43px; margin-left: -6.5px; margin-top: -6.5px; animation: cssload-spinner2 2.88s linear infinite; -o-animation: cssload-spinner2 2.88s linear infinite; -ms-animation: cssload-spinner2 2.88s linear infinite; -webkit-animation: cssload-spinner2 2.88s linear infinite; -moz-animation: cssload-spinner2 2.88s linear infinite; } @keyframes cssload-spinner1 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes cssload-spinner1 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-spinner1 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-spinner1 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-spinner1 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes cssload-spinner2 { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-o-keyframes cssload-spinner2 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(-360deg); } } @-ms-keyframes cssload-spinner2 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(-360deg); } } @-webkit-keyframes cssload-spinner2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); } } @-moz-keyframes cssload-spinner2 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(-360deg); } } .icon-loading { padding: 100px 0; width: 50px; height: 50px; display: inline-block; text-align: center; background: url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/loading_cart.gif) center center no-repeat; width: 100%; } .icon-loading span { display: none; } /*Hover scale*/ .hover-scale a { position: relative; overflow: hidden; display: block; } .hover-scale img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hover-scale:hover img { -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .shine-effect.cdz-banner { position: relative; overflow: hidden; } .shine-effect.cdz-banner:before { position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); } .shine-effect.cdz-banner:hover:before { -webkit-animation: shine 1.2s; animation: shine 1.2s; } /*Remove :hover css style on touch devices*/ /* ============================================ * * Codazon_Grid_Column * ============================================ */ .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .img-responsive { display: block; max-width: 100%; height: auto; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /*.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .cdz-col(@_col, @_i: 1) when (@_i <= @_col){ .cdz-sm-@{_i}{ //width: (((@_i * 100%) - ((@_col / @_i) * (2 * @indent__s))) / @_col); //width: percentage((@_i * 100%)/ @_col); width: ((@_i * 100%)/ @_col); padding-left: @indent__s; padding-right: @indent__s; float:left; position:relative; } .cdz-col((@_col), (@_i + 1)); } .cdz-col(24); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { [class*='cdz-sm-']{ padding-left: @indent__s; padding-right: @indent__s; position:relative; width:100%; } .hidden-xs{ display:none} .cdz-col(@_col, @_i: 1) when (@_i <= @_col){ .cdz-xs-@{_i}{ //width: (((@_i * 100%) - ((@_col / @_i) * (2 * @indent__s))) / @_col); //width: percentage((@_i * 100%)/ @_col); width: ((@_i * 100%)/ @_col); padding-left: @indent__s; padding-right: @indent__s; float:left; position:relative; } .cdz-col((@_col), (@_i + 1)); } .cdz-col(24); } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .cdz-col(@_col, @_i: 1) when (@_i <= @_col){ .col-sm-@{_i}{ //width: (((@_i * 100%) - ((@_col / @_i) * (2 * @indent__s))) / @_col); //width: percentage((@_i * 100%)/ @_col); width: ((@_i * 100%)/ @_col); padding-left: @indent__s; padding-right: @indent__s; float:left; position:relative; } .cdz-col((@_col), (@_i + 1)); } .cdz-col(24); } */ .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 { float: left; } .col-xs-1 { width: 4.16667%; } .col-xs-2 { width: 8.33333%; } .col-xs-3 { width: 12.5%; } .col-xs-4 { width: 16.66667%; } .col-xs-5 { width: 20.83333%; } .col-xs-6 { width: 25%; } .col-xs-7 { width: 29.16667%; } .col-xs-8 { width: 33.33333%; } .col-xs-9 { width: 37.5%; } .col-xs-10 { width: 41.66667%; } .col-xs-11 { width: 45.83333%; } .col-xs-12 { width: 50%; } .col-xs-13 { width: 54.16667%; } .col-xs-14 { width: 58.33333%; } .col-xs-15 { width: 62.5%; } .col-xs-16 { width: 66.66667%; } .col-xs-17 { width: 70.83333%; } .col-xs-18 { width: 75%; } .col-xs-19 { width: 79.16667%; } .col-xs-20 { width: 83.33333%; } .col-xs-21 { width: 87.5%; } .col-xs-22 { width: 91.66667%; } .col-xs-23 { width: 95.83333%; } .col-xs-24 { width: 100%; } .col-xs-pull-0 { right: 0%; } .col-xs-pull-1 { right: 4.16667%; } .col-xs-pull-2 { right: 8.33333%; } .col-xs-pull-3 { right: 12.5%; } .col-xs-pull-4 { right: 16.66667%; } .col-xs-pull-5 { right: 20.83333%; } .col-xs-pull-6 { right: 25%; } .col-xs-pull-7 { right: 29.16667%; } .col-xs-pull-8 { right: 33.33333%; } .col-xs-pull-9 { right: 37.5%; } .col-xs-pull-10 { right: 41.66667%; } .col-xs-pull-11 { right: 45.83333%; } .col-xs-pull-12 { right: 50%; } .col-xs-pull-13 { right: 54.16667%; } .col-xs-pull-14 { right: 58.33333%; } .col-xs-pull-15 { right: 62.5%; } .col-xs-pull-16 { right: 66.66667%; } .col-xs-pull-17 { right: 70.83333%; } .col-xs-pull-18 { right: 75%; } .col-xs-pull-19 { right: 79.16667%; } .col-xs-pull-20 { right: 83.33333%; } .col-xs-pull-21 { right: 87.5%; } .col-xs-pull-22 { right: 91.66667%; } .col-xs-pull-23 { right: 95.83333%; } .col-xs-pull-24 { right: 100%; } .col-xs-push-0 { left: 0%; } .col-xs-push-1 { left: 4.16667%; } .col-xs-push-2 { left: 8.33333%; } .col-xs-push-3 { left: 12.5%; } .col-xs-push-4 { left: 16.66667%; } .col-xs-push-5 { left: 20.83333%; } .col-xs-push-6 { left: 25%; } .col-xs-push-7 { left: 29.16667%; } .col-xs-push-8 { left: 33.33333%; } .col-xs-push-9 { left: 37.5%; } .col-xs-push-10 { left: 41.66667%; } .col-xs-push-11 { left: 45.83333%; } .col-xs-push-12 { left: 50%; } .col-xs-push-13 { left: 54.16667%; } .col-xs-push-14 { left: 58.33333%; } .col-xs-push-15 { left: 62.5%; } .col-xs-push-16 { left: 66.66667%; } .col-xs-push-17 { left: 70.83333%; } .col-xs-push-18 { left: 75%; } .col-xs-push-19 { left: 79.16667%; } .col-xs-push-20 { left: 83.33333%; } .col-xs-push-21 { left: 87.5%; } .col-xs-push-22 { left: 91.66667%; } .col-xs-push-23 { left: 95.83333%; } .col-xs-push-24 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 4.16667%; } .col-xs-offset-2 { margin-left: 8.33333%; } .col-xs-offset-3 { margin-left: 12.5%; } .col-xs-offset-4 { margin-left: 16.66667%; } .col-xs-offset-5 { margin-left: 20.83333%; } .col-xs-offset-6 { margin-left: 25%; } .col-xs-offset-7 { margin-left: 29.16667%; } .col-xs-offset-8 { margin-left: 33.33333%; } .col-xs-offset-9 { margin-left: 37.5%; } .col-xs-offset-10 { margin-left: 41.66667%; } .col-xs-offset-11 { margin-left: 45.83333%; } .col-xs-offset-12 { margin-left: 50%; } .col-xs-offset-13 { margin-left: 54.16667%; } .col-xs-offset-14 { margin-left: 58.33333%; } .col-xs-offset-15 { margin-left: 62.5%; } .col-xs-offset-16 { margin-left: 66.66667%; } .col-xs-offset-17 { margin-left: 70.83333%; } .col-xs-offset-18 { margin-left: 75%; } .col-xs-offset-19 { margin-left: 79.16667%; } .col-xs-offset-20 { margin-left: 83.33333%; } .col-xs-offset-21 { margin-left: 87.5%; } .col-xs-offset-22 { margin-left: 91.66667%; } .col-xs-offset-23 { margin-left: 95.83333%; } .col-xs-offset-24 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 { float: left; } .col-sm-1 { width: 4.16667%; } .col-sm-2 { width: 8.33333%; } .col-sm-3 { width: 12.5%; } .col-sm-4 { width: 16.66667%; } .col-sm-5 { width: 20.83333%; } .col-sm-6 { width: 25%; } .col-sm-7 { width: 29.16667%; } .col-sm-8 { width: 33.33333%; } .col-sm-9 { width: 37.5%; } .col-sm-10 { width: 41.66667%; } .col-sm-11 { width: 45.83333%; } .col-sm-12 { width: 50%; } .col-sm-13 { width: 54.16667%; } .col-sm-14 { width: 58.33333%; } .col-sm-15 { width: 62.5%; } .col-sm-16 { width: 66.66667%; } .col-sm-17 { width: 70.83333%; } .col-sm-18 { width: 75%; } .col-sm-19 { width: 79.16667%; } .col-sm-20 { width: 83.33333%; } .col-sm-21 { width: 87.5%; } .col-sm-22 { width: 91.66667%; } .col-sm-23 { width: 95.83333%; } .col-sm-24 { width: 100%; } .col-sm-pull-0 { right: 0%; } .col-sm-pull-1 { right: 4.16667%; } .col-sm-pull-2 { right: 8.33333%; } .col-sm-pull-3 { right: 12.5%; } .col-sm-pull-4 { right: 16.66667%; } .col-sm-pull-5 { right: 20.83333%; } .col-sm-pull-6 { right: 25%; } .col-sm-pull-7 { right: 29.16667%; } .col-sm-pull-8 { right: 33.33333%; } .col-sm-pull-9 { right: 37.5%; } .col-sm-pull-10 { right: 41.66667%; } .col-sm-pull-11 { right: 45.83333%; } .col-sm-pull-12 { right: 50%; } .col-sm-pull-13 { right: 54.16667%; } .col-sm-pull-14 { right: 58.33333%; } .col-sm-pull-15 { right: 62.5%; } .col-sm-pull-16 { right: 66.66667%; } .col-sm-pull-17 { right: 70.83333%; } .col-sm-pull-18 { right: 75%; } .col-sm-pull-19 { right: 79.16667%; } .col-sm-pull-20 { right: 83.33333%; } .col-sm-pull-21 { right: 87.5%; } .col-sm-pull-22 { right: 91.66667%; } .col-sm-pull-23 { right: 95.83333%; } .col-sm-pull-24 { right: 100%; } .col-sm-push-0 { left: 0%; } .col-sm-push-1 { left: 4.16667%; } .col-sm-push-2 { left: 8.33333%; } .col-sm-push-3 { left: 12.5%; } .col-sm-push-4 { left: 16.66667%; } .col-sm-push-5 { left: 20.83333%; } .col-sm-push-6 { left: 25%; } .col-sm-push-7 { left: 29.16667%; } .col-sm-push-8 { left: 33.33333%; } .col-sm-push-9 { left: 37.5%; } .col-sm-push-10 { left: 41.66667%; } .col-sm-push-11 { left: 45.83333%; } .col-sm-push-12 { left: 50%; } .col-sm-push-13 { left: 54.16667%; } .col-sm-push-14 { left: 58.33333%; } .col-sm-push-15 { left: 62.5%; } .col-sm-push-16 { left: 66.66667%; } .col-sm-push-17 { left: 70.83333%; } .col-sm-push-18 { left: 75%; } .col-sm-push-19 { left: 79.16667%; } .col-sm-push-20 { left: 83.33333%; } .col-sm-push-21 { left: 87.5%; } .col-sm-push-22 { left: 91.66667%; } .col-sm-push-23 { left: 95.83333%; } .col-sm-push-24 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 4.16667%; } .col-sm-offset-2 { margin-left: 8.33333%; } .col-sm-offset-3 { margin-left: 12.5%; } .col-sm-offset-4 { margin-left: 16.66667%; } .col-sm-offset-5 { margin-left: 20.83333%; } .col-sm-offset-6 { margin-left: 25%; } .col-sm-offset-7 { margin-left: 29.16667%; } .col-sm-offset-8 { margin-left: 33.33333%; } .col-sm-offset-9 { margin-left: 37.5%; } .col-sm-offset-10 { margin-left: 41.66667%; } .col-sm-offset-11 { margin-left: 45.83333%; } .col-sm-offset-12 { margin-left: 50%; } .col-sm-offset-13 { margin-left: 54.16667%; } .col-sm-offset-14 { margin-left: 58.33333%; } .col-sm-offset-15 { margin-left: 62.5%; } .col-sm-offset-16 { margin-left: 66.66667%; } .col-sm-offset-17 { margin-left: 70.83333%; } .col-sm-offset-18 { margin-left: 75%; } .col-sm-offset-19 { margin-left: 79.16667%; } .col-sm-offset-20 { margin-left: 83.33333%; } .col-sm-offset-21 { margin-left: 87.5%; } .col-sm-offset-22 { margin-left: 91.66667%; } .col-sm-offset-23 { margin-left: 95.83333%; } .col-sm-offset-24 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 { float: left; } .col-md-1 { width: 4.16667%; } .col-md-2 { width: 8.33333%; } .col-md-3 { width: 12.5%; } .col-md-4 { width: 16.66667%; } .col-md-5 { width: 20.83333%; } .col-md-6 { width: 25%; } .col-md-7 { width: 29.16667%; } .col-md-8 { width: 33.33333%; } .col-md-9 { width: 37.5%; } .col-md-10 { width: 41.66667%; } .col-md-11 { width: 45.83333%; } .col-md-12 { width: 50%; } .col-md-13 { width: 54.16667%; } .col-md-14 { width: 58.33333%; } .col-md-15 { width: 62.5%; } .col-md-16 { width: 66.66667%; } .col-md-17 { width: 70.83333%; } .col-md-18 { width: 75%; } .col-md-19 { width: 79.16667%; } .col-md-20 { width: 83.33333%; } .col-md-21 { width: 87.5%; } .col-md-22 { width: 91.66667%; } .col-md-23 { width: 95.83333%; } .col-md-24 { width: 100%; } .col-md-pull-0 { right: 0%; } .col-md-pull-1 { right: 4.16667%; } .col-md-pull-2 { right: 8.33333%; } .col-md-pull-3 { right: 12.5%; } .col-md-pull-4 { right: 16.66667%; } .col-md-pull-5 { right: 20.83333%; } .col-md-pull-6 { right: 25%; } .col-md-pull-7 { right: 29.16667%; } .col-md-pull-8 { right: 33.33333%; } .col-md-pull-9 { right: 37.5%; } .col-md-pull-10 { right: 41.66667%; } .col-md-pull-11 { right: 45.83333%; } .col-md-pull-12 { right: 50%; } .col-md-pull-13 { right: 54.16667%; } .col-md-pull-14 { right: 58.33333%; } .col-md-pull-15 { right: 62.5%; } .col-md-pull-16 { right: 66.66667%; } .col-md-pull-17 { right: 70.83333%; } .col-md-pull-18 { right: 75%; } .col-md-pull-19 { right: 79.16667%; } .col-md-pull-20 { right: 83.33333%; } .col-md-pull-21 { right: 87.5%; } .col-md-pull-22 { right: 91.66667%; } .col-md-pull-23 { right: 95.83333%; } .col-md-pull-24 { right: 100%; } .col-md-push-0 { left: 0%; } .col-md-push-1 { left: 4.16667%; } .col-md-push-2 { left: 8.33333%; } .col-md-push-3 { left: 12.5%; } .col-md-push-4 { left: 16.66667%; } .col-md-push-5 { left: 20.83333%; } .col-md-push-6 { left: 25%; } .col-md-push-7 { left: 29.16667%; } .col-md-push-8 { left: 33.33333%; } .col-md-push-9 { left: 37.5%; } .col-md-push-10 { left: 41.66667%; } .col-md-push-11 { left: 45.83333%; } .col-md-push-12 { left: 50%; } .col-md-push-13 { left: 54.16667%; } .col-md-push-14 { left: 58.33333%; } .col-md-push-15 { left: 62.5%; } .col-md-push-16 { left: 66.66667%; } .col-md-push-17 { left: 70.83333%; } .col-md-push-18 { left: 75%; } .col-md-push-19 { left: 79.16667%; } .col-md-push-20 { left: 83.33333%; } .col-md-push-21 { left: 87.5%; } .col-md-push-22 { left: 91.66667%; } .col-md-push-23 { left: 95.83333%; } .col-md-push-24 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 4.16667%; } .col-md-offset-2 { margin-left: 8.33333%; } .col-md-offset-3 { margin-left: 12.5%; } .col-md-offset-4 { margin-left: 16.66667%; } .col-md-offset-5 { margin-left: 20.83333%; } .col-md-offset-6 { margin-left: 25%; } .col-md-offset-7 { margin-left: 29.16667%; } .col-md-offset-8 { margin-left: 33.33333%; } .col-md-offset-9 { margin-left: 37.5%; } .col-md-offset-10 { margin-left: 41.66667%; } .col-md-offset-11 { margin-left: 45.83333%; } .col-md-offset-12 { margin-left: 50%; } .col-md-offset-13 { margin-left: 54.16667%; } .col-md-offset-14 { margin-left: 58.33333%; } .col-md-offset-15 { margin-left: 62.5%; } .col-md-offset-16 { margin-left: 66.66667%; } .col-md-offset-17 { margin-left: 70.83333%; } .col-md-offset-18 { margin-left: 75%; } .col-md-offset-19 { margin-left: 79.16667%; } .col-md-offset-20 { margin-left: 83.33333%; } .col-md-offset-21 { margin-left: 87.5%; } .col-md-offset-22 { margin-left: 91.66667%; } .col-md-offset-23 { margin-left: 95.83333%; } .col-md-offset-24 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { float: left; } .col-lg-1 { width: 4.16667%; } .col-lg-2 { width: 8.33333%; } .col-lg-3 { width: 12.5%; } .col-lg-4 { width: 16.66667%; } .col-lg-5 { width: 20.83333%; } .col-lg-6 { width: 25%; } .col-lg-7 { width: 29.16667%; } .col-lg-8 { width: 33.33333%; } .col-lg-9 { width: 37.5%; } .col-lg-10 { width: 41.66667%; } .col-lg-11 { width: 45.83333%; } .col-lg-12 { width: 50%; } .col-lg-13 { width: 54.16667%; } .col-lg-14 { width: 58.33333%; } .col-lg-15 { width: 62.5%; } .col-lg-16 { width: 66.66667%; } .col-lg-17 { width: 70.83333%; } .col-lg-18 { width: 75%; } .col-lg-19 { width: 79.16667%; } .col-lg-20 { width: 83.33333%; } .col-lg-21 { width: 87.5%; } .col-lg-22 { width: 91.66667%; } .col-lg-23 { width: 95.83333%; } .col-lg-24 { width: 100%; } .col-lg-pull-0 { right: 0%; } .col-lg-pull-1 { right: 4.16667%; } .col-lg-pull-2 { right: 8.33333%; } .col-lg-pull-3 { right: 12.5%; } .col-lg-pull-4 { right: 16.66667%; } .col-lg-pull-5 { right: 20.83333%; } .col-lg-pull-6 { right: 25%; } .col-lg-pull-7 { right: 29.16667%; } .col-lg-pull-8 { right: 33.33333%; } .col-lg-pull-9 { right: 37.5%; } .col-lg-pull-10 { right: 41.66667%; } .col-lg-pull-11 { right: 45.83333%; } .col-lg-pull-12 { right: 50%; } .col-lg-pull-13 { right: 54.16667%; } .col-lg-pull-14 { right: 58.33333%; } .col-lg-pull-15 { right: 62.5%; } .col-lg-pull-16 { right: 66.66667%; } .col-lg-pull-17 { right: 70.83333%; } .col-lg-pull-18 { right: 75%; } .col-lg-pull-19 { right: 79.16667%; } .col-lg-pull-20 { right: 83.33333%; } .col-lg-pull-21 { right: 87.5%; } .col-lg-pull-22 { right: 91.66667%; } .col-lg-pull-23 { right: 95.83333%; } .col-lg-pull-24 { right: 100%; } .col-lg-push-0 { left: 0%; } .col-lg-push-1 { left: 4.16667%; } .col-lg-push-2 { left: 8.33333%; } .col-lg-push-3 { left: 12.5%; } .col-lg-push-4 { left: 16.66667%; } .col-lg-push-5 { left: 20.83333%; } .col-lg-push-6 { left: 25%; } .col-lg-push-7 { left: 29.16667%; } .col-lg-push-8 { left: 33.33333%; } .col-lg-push-9 { left: 37.5%; } .col-lg-push-10 { left: 41.66667%; } .col-lg-push-11 { left: 45.83333%; } .col-lg-push-12 { left: 50%; } .col-lg-push-13 { left: 54.16667%; } .col-lg-push-14 { left: 58.33333%; } .col-lg-push-15 { left: 62.5%; } .col-lg-push-16 { left: 66.66667%; } .col-lg-push-17 { left: 70.83333%; } .col-lg-push-18 { left: 75%; } .col-lg-push-19 { left: 79.16667%; } .col-lg-push-20 { left: 83.33333%; } .col-lg-push-21 { left: 87.5%; } .col-lg-push-22 { left: 91.66667%; } .col-lg-push-23 { left: 95.83333%; } .col-lg-push-24 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 4.16667%; } .col-lg-offset-2 { margin-left: 8.33333%; } .col-lg-offset-3 { margin-left: 12.5%; } .col-lg-offset-4 { margin-left: 16.66667%; } .col-lg-offset-5 { margin-left: 20.83333%; } .col-lg-offset-6 { margin-left: 25%; } .col-lg-offset-7 { margin-left: 29.16667%; } .col-lg-offset-8 { margin-left: 33.33333%; } .col-lg-offset-9 { margin-left: 37.5%; } .col-lg-offset-10 { margin-left: 41.66667%; } .col-lg-offset-11 { margin-left: 45.83333%; } .col-lg-offset-12 { margin-left: 50%; } .col-lg-offset-13 { margin-left: 54.16667%; } .col-lg-offset-14 { margin-left: 58.33333%; } .col-lg-offset-15 { margin-left: 62.5%; } .col-lg-offset-16 { margin-left: 66.66667%; } .col-lg-offset-17 { margin-left: 70.83333%; } .col-lg-offset-18 { margin-left: 75%; } .col-lg-offset-19 { margin-left: 79.16667%; } .col-lg-offset-20 { margin-left: 83.33333%; } .col-lg-offset-21 { margin-left: 87.5%; } .col-lg-offset-22 { margin-left: 91.66667%; } .col-lg-offset-23 { margin-left: 95.83333%; } .col-lg-offset-24 { margin-left: 100%; } } .rtl-layout .col-xs-1 { width: 4.16667%; } .rtl-layout .col-xs-2 { width: 8.33333%; } .rtl-layout .col-xs-3 { width: 12.5%; } .rtl-layout .col-xs-4 { width: 16.66667%; } .rtl-layout .col-xs-5 { width: 20.83333%; } .rtl-layout .col-xs-6 { width: 25%; } .rtl-layout .col-xs-7 { width: 29.16667%; } .rtl-layout .col-xs-8 { width: 33.33333%; } .rtl-layout .col-xs-9 { width: 37.5%; } .rtl-layout .col-xs-10 { width: 41.66667%; } .rtl-layout .col-xs-11 { width: 45.83333%; } .rtl-layout .col-xs-12 { width: 50%; } .rtl-layout .col-xs-13 { width: 54.16667%; } .rtl-layout .col-xs-14 { width: 58.33333%; } .rtl-layout .col-xs-15 { width: 62.5%; } .rtl-layout .col-xs-16 { width: 66.66667%; } .rtl-layout .col-xs-17 { width: 70.83333%; } .rtl-layout .col-xs-18 { width: 75%; } .rtl-layout .col-xs-19 { width: 79.16667%; } .rtl-layout .col-xs-20 { width: 83.33333%; } .rtl-layout .col-xs-21 { width: 87.5%; } .rtl-layout .col-xs-22 { width: 91.66667%; } .rtl-layout .col-xs-23 { width: 95.83333%; } .rtl-layout .col-xs-24 { width: 100%; } .rtl-layout .col-xs-pull-0 { left: 0%; } .rtl-layout .col-xs-pull-1 { left: 4.16667%; } .rtl-layout .col-xs-pull-2 { left: 8.33333%; } .rtl-layout .col-xs-pull-3 { left: 12.5%; } .rtl-layout .col-xs-pull-4 { left: 16.66667%; } .rtl-layout .col-xs-pull-5 { left: 20.83333%; } .rtl-layout .col-xs-pull-6 { left: 25%; } .rtl-layout .col-xs-pull-7 { left: 29.16667%; } .rtl-layout .col-xs-pull-8 { left: 33.33333%; } .rtl-layout .col-xs-pull-9 { left: 37.5%; } .rtl-layout .col-xs-pull-10 { left: 41.66667%; } .rtl-layout .col-xs-pull-11 { left: 45.83333%; } .rtl-layout .col-xs-pull-12 { left: 50%; } .rtl-layout .col-xs-pull-13 { left: 54.16667%; } .rtl-layout .col-xs-pull-14 { left: 58.33333%; } .rtl-layout .col-xs-pull-15 { left: 62.5%; } .rtl-layout .col-xs-pull-16 { left: 66.66667%; } .rtl-layout .col-xs-pull-17 { left: 70.83333%; } .rtl-layout .col-xs-pull-18 { left: 75%; } .rtl-layout .col-xs-pull-19 { left: 79.16667%; } .rtl-layout .col-xs-pull-20 { left: 83.33333%; } .rtl-layout .col-xs-pull-21 { left: 87.5%; } .rtl-layout .col-xs-pull-22 { left: 91.66667%; } .rtl-layout .col-xs-pull-23 { left: 95.83333%; } .rtl-layout .col-xs-pull-24 { left: 100%; } .rtl-layout .col-xs-push-0 { right: 0%; } .rtl-layout .col-xs-push-1 { right: 4.16667%; } .rtl-layout .col-xs-push-2 { right: 8.33333%; } .rtl-layout .col-xs-push-3 { right: 12.5%; } .rtl-layout .col-xs-push-4 { right: 16.66667%; } .rtl-layout .col-xs-push-5 { right: 20.83333%; } .rtl-layout .col-xs-push-6 { right: 25%; } .rtl-layout .col-xs-push-7 { right: 29.16667%; } .rtl-layout .col-xs-push-8 { right: 33.33333%; } .rtl-layout .col-xs-push-9 { right: 37.5%; } .rtl-layout .col-xs-push-10 { right: 41.66667%; } .rtl-layout .col-xs-push-11 { right: 45.83333%; } .rtl-layout .col-xs-push-12 { right: 50%; } .rtl-layout .col-xs-push-13 { right: 54.16667%; } .rtl-layout .col-xs-push-14 { right: 58.33333%; } .rtl-layout .col-xs-push-15 { right: 62.5%; } .rtl-layout .col-xs-push-16 { right: 66.66667%; } .rtl-layout .col-xs-push-17 { right: 70.83333%; } .rtl-layout .col-xs-push-18 { right: 75%; } .rtl-layout .col-xs-push-19 { right: 79.16667%; } .rtl-layout .col-xs-push-20 { right: 83.33333%; } .rtl-layout .col-xs-push-21 { right: 87.5%; } .rtl-layout .col-xs-push-22 { right: 91.66667%; } .rtl-layout .col-xs-push-23 { right: 95.83333%; } .rtl-layout .col-xs-push-24 { right: 100%; } .rtl-layout .col-xs-offset-0 { margin-right: 0%; } .rtl-layout .col-xs-offset-1 { margin-right: 4.16667%; } .rtl-layout .col-xs-offset-2 { margin-right: 8.33333%; } .rtl-layout .col-xs-offset-3 { margin-right: 12.5%; } .rtl-layout .col-xs-offset-4 { margin-right: 16.66667%; } .rtl-layout .col-xs-offset-5 { margin-right: 20.83333%; } .rtl-layout .col-xs-offset-6 { margin-right: 25%; } .rtl-layout .col-xs-offset-7 { margin-right: 29.16667%; } .rtl-layout .col-xs-offset-8 { margin-right: 33.33333%; } .rtl-layout .col-xs-offset-9 { margin-right: 37.5%; } .rtl-layout .col-xs-offset-10 { margin-right: 41.66667%; } .rtl-layout .col-xs-offset-11 { margin-right: 45.83333%; } .rtl-layout .col-xs-offset-12 { margin-right: 50%; } .rtl-layout .col-xs-offset-13 { margin-right: 54.16667%; } .rtl-layout .col-xs-offset-14 { margin-right: 58.33333%; } .rtl-layout .col-xs-offset-15 { margin-right: 62.5%; } .rtl-layout .col-xs-offset-16 { margin-right: 66.66667%; } .rtl-layout .col-xs-offset-17 { margin-right: 70.83333%; } .rtl-layout .col-xs-offset-18 { margin-right: 75%; } .rtl-layout .col-xs-offset-19 { margin-right: 79.16667%; } .rtl-layout .col-xs-offset-20 { margin-right: 83.33333%; } .rtl-layout .col-xs-offset-21 { margin-right: 87.5%; } .rtl-layout .col-xs-offset-22 { margin-right: 91.66667%; } .rtl-layout .col-xs-offset-23 { margin-right: 95.83333%; } .rtl-layout .col-xs-offset-24 { margin-right: 100%; } @media (min-width: 768px) { .rtl-layout .col-sm-1, .rtl-layout .col-sm-2, .rtl-layout .col-sm-3, .rtl-layout .col-sm-4, .rtl-layout .col-sm-5, .rtl-layout .col-sm-6, .rtl-layout .col-sm-7, .rtl-layout .col-sm-8, .rtl-layout .col-sm-9, .rtl-layout .col-sm-10, .rtl-layout .col-sm-11, .rtl-layout .col-sm-12, .rtl-layout .col-sm-13, .rtl-layout .col-sm-14, .rtl-layout .col-sm-15, .rtl-layout .col-sm-16, .rtl-layout .col-sm-17, .rtl-layout .col-sm-18, .rtl-layout .col-sm-19, .rtl-layout .col-sm-20, .rtl-layout .col-sm-21, .rtl-layout .col-sm-22, .rtl-layout .col-sm-23, .rtl-layout .col-sm-24 { float: right; } .rtl-layout .col-sm-1 { width: 4.16667%; } .rtl-layout .col-sm-2 { width: 8.33333%; } .rtl-layout .col-sm-3 { width: 12.5%; } .rtl-layout .col-sm-4 { width: 16.66667%; } .rtl-layout .col-sm-5 { width: 20.83333%; } .rtl-layout .col-sm-6 { width: 25%; } .rtl-layout .col-sm-7 { width: 29.16667%; } .rtl-layout .col-sm-8 { width: 33.33333%; } .rtl-layout .col-sm-9 { width: 37.5%; } .rtl-layout .col-sm-10 { width: 41.66667%; } .rtl-layout .col-sm-11 { width: 45.83333%; } .rtl-layout .col-sm-12 { width: 50%; } .rtl-layout .col-sm-13 { width: 54.16667%; } .rtl-layout .col-sm-14 { width: 58.33333%; } .rtl-layout .col-sm-15 { width: 62.5%; } .rtl-layout .col-sm-16 { width: 66.66667%; } .rtl-layout .col-sm-17 { width: 70.83333%; } .rtl-layout .col-sm-18 { width: 75%; } .rtl-layout .col-sm-19 { width: 79.16667%; } .rtl-layout .col-sm-20 { width: 83.33333%; } .rtl-layout .col-sm-21 { width: 87.5%; } .rtl-layout .col-sm-22 { width: 91.66667%; } .rtl-layout .col-sm-23 { width: 95.83333%; } .rtl-layout .col-sm-24 { width: 100%; } .rtl-layout .col-sm-pull-0 { left: 0%; } .rtl-layout .col-sm-pull-1 { left: 4.16667%; } .rtl-layout .col-sm-pull-2 { left: 8.33333%; } .rtl-layout .col-sm-pull-3 { left: 12.5%; } .rtl-layout .col-sm-pull-4 { left: 16.66667%; } .rtl-layout .col-sm-pull-5 { left: 20.83333%; } .rtl-layout .col-sm-pull-6 { left: 25%; } .rtl-layout .col-sm-pull-7 { left: 29.16667%; } .rtl-layout .col-sm-pull-8 { left: 33.33333%; } .rtl-layout .col-sm-pull-9 { left: 37.5%; } .rtl-layout .col-sm-pull-10 { left: 41.66667%; } .rtl-layout .col-sm-pull-11 { left: 45.83333%; } .rtl-layout .col-sm-pull-12 { left: 50%; } .rtl-layout .col-sm-pull-13 { left: 54.16667%; } .rtl-layout .col-sm-pull-14 { left: 58.33333%; } .rtl-layout .col-sm-pull-15 { left: 62.5%; } .rtl-layout .col-sm-pull-16 { left: 66.66667%; } .rtl-layout .col-sm-pull-17 { left: 70.83333%; } .rtl-layout .col-sm-pull-18 { left: 75%; } .rtl-layout .col-sm-pull-19 { left: 79.16667%; } .rtl-layout .col-sm-pull-20 { left: 83.33333%; } .rtl-layout .col-sm-pull-21 { left: 87.5%; } .rtl-layout .col-sm-pull-22 { left: 91.66667%; } .rtl-layout .col-sm-pull-23 { left: 95.83333%; } .rtl-layout .col-sm-pull-24 { left: 100%; } .rtl-layout .col-sm-push-0 { right: 0%; } .rtl-layout .col-sm-push-1 { right: 4.16667%; } .rtl-layout .col-sm-push-2 { right: 8.33333%; } .rtl-layout .col-sm-push-3 { right: 12.5%; } .rtl-layout .col-sm-push-4 { right: 16.66667%; } .rtl-layout .col-sm-push-5 { right: 20.83333%; } .rtl-layout .col-sm-push-6 { right: 25%; } .rtl-layout .col-sm-push-7 { right: 29.16667%; } .rtl-layout .col-sm-push-8 { right: 33.33333%; } .rtl-layout .col-sm-push-9 { right: 37.5%; } .rtl-layout .col-sm-push-10 { right: 41.66667%; } .rtl-layout .col-sm-push-11 { right: 45.83333%; } .rtl-layout .col-sm-push-12 { right: 50%; } .rtl-layout .col-sm-push-13 { right: 54.16667%; } .rtl-layout .col-sm-push-14 { right: 58.33333%; } .rtl-layout .col-sm-push-15 { right: 62.5%; } .rtl-layout .col-sm-push-16 { right: 66.66667%; } .rtl-layout .col-sm-push-17 { right: 70.83333%; } .rtl-layout .col-sm-push-18 { right: 75%; } .rtl-layout .col-sm-push-19 { right: 79.16667%; } .rtl-layout .col-sm-push-20 { right: 83.33333%; } .rtl-layout .col-sm-push-21 { right: 87.5%; } .rtl-layout .col-sm-push-22 { right: 91.66667%; } .rtl-layout .col-sm-push-23 { right: 95.83333%; } .rtl-layout .col-sm-push-24 { right: 100%; } .rtl-layout .col-sm-offset-0 { margin-right: 0%; } .rtl-layout .col-sm-offset-1 { margin-right: 4.16667%; } .rtl-layout .col-sm-offset-2 { margin-right: 8.33333%; } .rtl-layout .col-sm-offset-3 { margin-right: 12.5%; } .rtl-layout .col-sm-offset-4 { margin-right: 16.66667%; } .rtl-layout .col-sm-offset-5 { margin-right: 20.83333%; } .rtl-layout .col-sm-offset-6 { margin-right: 25%; } .rtl-layout .col-sm-offset-7 { margin-right: 29.16667%; } .rtl-layout .col-sm-offset-8 { margin-right: 33.33333%; } .rtl-layout .col-sm-offset-9 { margin-right: 37.5%; } .rtl-layout .col-sm-offset-10 { margin-right: 41.66667%; } .rtl-layout .col-sm-offset-11 { margin-right: 45.83333%; } .rtl-layout .col-sm-offset-12 { margin-right: 50%; } .rtl-layout .col-sm-offset-13 { margin-right: 54.16667%; } .rtl-layout .col-sm-offset-14 { margin-right: 58.33333%; } .rtl-layout .col-sm-offset-15 { margin-right: 62.5%; } .rtl-layout .col-sm-offset-16 { margin-right: 66.66667%; } .rtl-layout .col-sm-offset-17 { margin-right: 70.83333%; } .rtl-layout .col-sm-offset-18 { margin-right: 75%; } .rtl-layout .col-sm-offset-19 { margin-right: 79.16667%; } .rtl-layout .col-sm-offset-20 { margin-right: 83.33333%; } .rtl-layout .col-sm-offset-21 { margin-right: 87.5%; } .rtl-layout .col-sm-offset-22 { margin-right: 91.66667%; } .rtl-layout .col-sm-offset-23 { margin-right: 95.83333%; } .rtl-layout .col-sm-offset-24 { margin-right: 100%; } } @media (min-width: 992px) { .rtl-layout .col-md-1, .rtl-layout .col-md-2, .rtl-layout .col-md-3, .rtl-layout .col-md-4, .rtl-layout .col-md-5, .rtl-layout .col-md-6, .rtl-layout .col-md-7, .rtl-layout .col-md-8, .rtl-layout .col-md-9, .rtl-layout .col-md-10, .rtl-layout .col-md-11, .rtl-layout .col-md-12, .rtl-layout .col-md-13, .rtl-layout .col-md-14, .rtl-layout .col-md-15, .rtl-layout .col-md-16, .rtl-layout .col-md-17, .rtl-layout .col-md-18, .rtl-layout .col-md-19, .rtl-layout .col-md-20, .rtl-layout .col-md-21, .rtl-layout .col-md-22, .rtl-layout .col-md-23, .rtl-layout .col-md-24 { float: right; } .rtl-layout .col-md-1 { width: 4.16667%; } .rtl-layout .col-md-2 { width: 8.33333%; } .rtl-layout .col-md-3 { width: 12.5%; } .rtl-layout .col-md-4 { width: 16.66667%; } .rtl-layout .col-md-5 { width: 20.83333%; } .rtl-layout .col-md-6 { width: 25%; } .rtl-layout .col-md-7 { width: 29.16667%; } .rtl-layout .col-md-8 { width: 33.33333%; } .rtl-layout .col-md-9 { width: 37.5%; } .rtl-layout .col-md-10 { width: 41.66667%; } .rtl-layout .col-md-11 { width: 45.83333%; } .rtl-layout .col-md-12 { width: 50%; } .rtl-layout .col-md-13 { width: 54.16667%; } .rtl-layout .col-md-14 { width: 58.33333%; } .rtl-layout .col-md-15 { width: 62.5%; } .rtl-layout .col-md-16 { width: 66.66667%; } .rtl-layout .col-md-17 { width: 70.83333%; } .rtl-layout .col-md-18 { width: 75%; } .rtl-layout .col-md-19 { width: 79.16667%; } .rtl-layout .col-md-20 { width: 83.33333%; } .rtl-layout .col-md-21 { width: 87.5%; } .rtl-layout .col-md-22 { width: 91.66667%; } .rtl-layout .col-md-23 { width: 95.83333%; } .rtl-layout .col-md-24 { width: 100%; } .rtl-layout .col-md-pull-0 { left: 0%; } .rtl-layout .col-md-pull-1 { left: 4.16667%; } .rtl-layout .col-md-pull-2 { left: 8.33333%; } .rtl-layout .col-md-pull-3 { left: 12.5%; } .rtl-layout .col-md-pull-4 { left: 16.66667%; } .rtl-layout .col-md-pull-5 { left: 20.83333%; } .rtl-layout .col-md-pull-6 { left: 25%; } .rtl-layout .col-md-pull-7 { left: 29.16667%; } .rtl-layout .col-md-pull-8 { left: 33.33333%; } .rtl-layout .col-md-pull-9 { left: 37.5%; } .rtl-layout .col-md-pull-10 { left: 41.66667%; } .rtl-layout .col-md-pull-11 { left: 45.83333%; } .rtl-layout .col-md-pull-12 { left: 50%; } .rtl-layout .col-md-pull-13 { left: 54.16667%; } .rtl-layout .col-md-pull-14 { left: 58.33333%; } .rtl-layout .col-md-pull-15 { left: 62.5%; } .rtl-layout .col-md-pull-16 { left: 66.66667%; } .rtl-layout .col-md-pull-17 { left: 70.83333%; } .rtl-layout .col-md-pull-18 { left: 75%; } .rtl-layout .col-md-pull-19 { left: 79.16667%; } .rtl-layout .col-md-pull-20 { left: 83.33333%; } .rtl-layout .col-md-pull-21 { left: 87.5%; } .rtl-layout .col-md-pull-22 { left: 91.66667%; } .rtl-layout .col-md-pull-23 { left: 95.83333%; } .rtl-layout .col-md-pull-24 { left: 100%; } .rtl-layout .col-md-push-0 { right: 0%; } .rtl-layout .col-md-push-1 { right: 4.16667%; } .rtl-layout .col-md-push-2 { right: 8.33333%; } .rtl-layout .col-md-push-3 { right: 12.5%; } .rtl-layout .col-md-push-4 { right: 16.66667%; } .rtl-layout .col-md-push-5 { right: 20.83333%; } .rtl-layout .col-md-push-6 { right: 25%; } .rtl-layout .col-md-push-7 { right: 29.16667%; } .rtl-layout .col-md-push-8 { right: 33.33333%; } .rtl-layout .col-md-push-9 { right: 37.5%; } .rtl-layout .col-md-push-10 { right: 41.66667%; } .rtl-layout .col-md-push-11 { right: 45.83333%; } .rtl-layout .col-md-push-12 { right: 50%; } .rtl-layout .col-md-push-13 { right: 54.16667%; } .rtl-layout .col-md-push-14 { right: 58.33333%; } .rtl-layout .col-md-push-15 { right: 62.5%; } .rtl-layout .col-md-push-16 { right: 66.66667%; } .rtl-layout .col-md-push-17 { right: 70.83333%; } .rtl-layout .col-md-push-18 { right: 75%; } .rtl-layout .col-md-push-19 { right: 79.16667%; } .rtl-layout .col-md-push-20 { right: 83.33333%; } .rtl-layout .col-md-push-21 { right: 87.5%; } .rtl-layout .col-md-push-22 { right: 91.66667%; } .rtl-layout .col-md-push-23 { right: 95.83333%; } .rtl-layout .col-md-push-24 { right: 100%; } .rtl-layout .col-md-offset-0 { margin-right: 0%; } .rtl-layout .col-md-offset-1 { margin-right: 4.16667%; } .rtl-layout .col-md-offset-2 { margin-right: 8.33333%; } .rtl-layout .col-md-offset-3 { margin-right: 12.5%; } .rtl-layout .col-md-offset-4 { margin-right: 16.66667%; } .rtl-layout .col-md-offset-5 { margin-right: 20.83333%; } .rtl-layout .col-md-offset-6 { margin-right: 25%; } .rtl-layout .col-md-offset-7 { margin-right: 29.16667%; } .rtl-layout .col-md-offset-8 { margin-right: 33.33333%; } .rtl-layout .col-md-offset-9 { margin-right: 37.5%; } .rtl-layout .col-md-offset-10 { margin-right: 41.66667%; } .rtl-layout .col-md-offset-11 { margin-right: 45.83333%; } .rtl-layout .col-md-offset-12 { margin-right: 50%; } .rtl-layout .col-md-offset-13 { margin-right: 54.16667%; } .rtl-layout .col-md-offset-14 { margin-right: 58.33333%; } .rtl-layout .col-md-offset-15 { margin-right: 62.5%; } .rtl-layout .col-md-offset-16 { margin-right: 66.66667%; } .rtl-layout .col-md-offset-17 { margin-right: 70.83333%; } .rtl-layout .col-md-offset-18 { margin-right: 75%; } .rtl-layout .col-md-offset-19 { margin-right: 79.16667%; } .rtl-layout .col-md-offset-20 { margin-right: 83.33333%; } .rtl-layout .col-md-offset-21 { margin-right: 87.5%; } .rtl-layout .col-md-offset-22 { margin-right: 91.66667%; } .rtl-layout .col-md-offset-23 { margin-right: 95.83333%; } .rtl-layout .col-md-offset-24 { margin-right: 100%; } } @media (min-width: 1200px) { .rtl-layout .col-lg-1, .rtl-layout .col-lg-2, .rtl-layout .col-lg-3, .rtl-layout .col-lg-4, .rtl-layout .col-lg-5, .rtl-layout .col-lg-6, .rtl-layout .col-lg-7, .rtl-layout .col-lg-8, .rtl-layout .col-lg-9, .rtl-layout .col-lg-10, .rtl-layout .col-lg-11, .rtl-layout .col-lg-12, .rtl-layout .col-lg-13, .rtl-layout .col-lg-14, .rtl-layout .col-lg-15, .rtl-layout .col-lg-16, .rtl-layout .col-lg-17, .rtl-layout .col-lg-18, .rtl-layout .col-lg-19, .rtl-layout .col-lg-20, .rtl-layout .col-lg-21, .rtl-layout .col-lg-22, .rtl-layout .col-lg-23, .rtl-layout .col-lg-24 { float: right; } .rtl-layout .col-lg-1 { width: 4.16667%; } .rtl-layout .col-lg-2 { width: 8.33333%; } .rtl-layout .col-lg-3 { width: 12.5%; } .rtl-layout .col-lg-4 { width: 16.66667%; } .rtl-layout .col-lg-5 { width: 20.83333%; } .rtl-layout .col-lg-6 { width: 25%; } .rtl-layout .col-lg-7 { width: 29.16667%; } .rtl-layout .col-lg-8 { width: 33.33333%; } .rtl-layout .col-lg-9 { width: 37.5%; } .rtl-layout .col-lg-10 { width: 41.66667%; } .rtl-layout .col-lg-11 { width: 45.83333%; } .rtl-layout .col-lg-12 { width: 50%; } .rtl-layout .col-lg-13 { width: 54.16667%; } .rtl-layout .col-lg-14 { width: 58.33333%; } .rtl-layout .col-lg-15 { width: 62.5%; } .rtl-layout .col-lg-16 { width: 66.66667%; } .rtl-layout .col-lg-17 { width: 70.83333%; } .rtl-layout .col-lg-18 { width: 75%; } .rtl-layout .col-lg-19 { width: 79.16667%; } .rtl-layout .col-lg-20 { width: 83.33333%; } .rtl-layout .col-lg-21 { width: 87.5%; } .rtl-layout .col-lg-22 { width: 91.66667%; } .rtl-layout .col-lg-23 { width: 95.83333%; } .rtl-layout .col-lg-24 { width: 100%; } .rtl-layout .col-lg-pull-0 { left: 0%; } .rtl-layout .col-lg-pull-1 { left: 4.16667%; } .rtl-layout .col-lg-pull-2 { left: 8.33333%; } .rtl-layout .col-lg-pull-3 { left: 12.5%; } .rtl-layout .col-lg-pull-4 { left: 16.66667%; } .rtl-layout .col-lg-pull-5 { left: 20.83333%; } .rtl-layout .col-lg-pull-6 { left: 25%; } .rtl-layout .col-lg-pull-7 { left: 29.16667%; } .rtl-layout .col-lg-pull-8 { left: 33.33333%; } .rtl-layout .col-lg-pull-9 { left: 37.5%; } .rtl-layout .col-lg-pull-10 { left: 41.66667%; } .rtl-layout .col-lg-pull-11 { left: 45.83333%; } .rtl-layout .col-lg-pull-12 { left: 50%; } .rtl-layout .col-lg-pull-13 { left: 54.16667%; } .rtl-layout .col-lg-pull-14 { left: 58.33333%; } .rtl-layout .col-lg-pull-15 { left: 62.5%; } .rtl-layout .col-lg-pull-16 { left: 66.66667%; } .rtl-layout .col-lg-pull-17 { left: 70.83333%; } .rtl-layout .col-lg-pull-18 { left: 75%; } .rtl-layout .col-lg-pull-19 { left: 79.16667%; } .rtl-layout .col-lg-pull-20 { left: 83.33333%; } .rtl-layout .col-lg-pull-21 { left: 87.5%; } .rtl-layout .col-lg-pull-22 { left: 91.66667%; } .rtl-layout .col-lg-pull-23 { left: 95.83333%; } .rtl-layout .col-lg-pull-24 { left: 100%; } .rtl-layout .col-lg-push-0 { right: 0%; } .rtl-layout .col-lg-push-1 { right: 4.16667%; } .rtl-layout .col-lg-push-2 { right: 8.33333%; } .rtl-layout .col-lg-push-3 { right: 12.5%; } .rtl-layout .col-lg-push-4 { right: 16.66667%; } .rtl-layout .col-lg-push-5 { right: 20.83333%; } .rtl-layout .col-lg-push-6 { right: 25%; } .rtl-layout .col-lg-push-7 { right: 29.16667%; } .rtl-layout .col-lg-push-8 { right: 33.33333%; } .rtl-layout .col-lg-push-9 { right: 37.5%; } .rtl-layout .col-lg-push-10 { right: 41.66667%; } .rtl-layout .col-lg-push-11 { right: 45.83333%; } .rtl-layout .col-lg-push-12 { right: 50%; } .rtl-layout .col-lg-push-13 { right: 54.16667%; } .rtl-layout .col-lg-push-14 { right: 58.33333%; } .rtl-layout .col-lg-push-15 { right: 62.5%; } .rtl-layout .col-lg-push-16 { right: 66.66667%; } .rtl-layout .col-lg-push-17 { right: 70.83333%; } .rtl-layout .col-lg-push-18 { right: 75%; } .rtl-layout .col-lg-push-19 { right: 79.16667%; } .rtl-layout .col-lg-push-20 { right: 83.33333%; } .rtl-layout .col-lg-push-21 { right: 87.5%; } .rtl-layout .col-lg-push-22 { right: 91.66667%; } .rtl-layout .col-lg-push-23 { right: 95.83333%; } .rtl-layout .col-lg-push-24 { right: 100%; } .rtl-layout .col-lg-offset-0 { margin-right: 0%; } .rtl-layout .col-lg-offset-1 { margin-right: 4.16667%; } .rtl-layout .col-lg-offset-2 { margin-right: 8.33333%; } .rtl-layout .col-lg-offset-3 { margin-right: 12.5%; } .rtl-layout .col-lg-offset-4 { margin-right: 16.66667%; } .rtl-layout .col-lg-offset-5 { margin-right: 20.83333%; } .rtl-layout .col-lg-offset-6 { margin-right: 25%; } .rtl-layout .col-lg-offset-7 { margin-right: 29.16667%; } .rtl-layout .col-lg-offset-8 { margin-right: 33.33333%; } .rtl-layout .col-lg-offset-9 { margin-right: 37.5%; } .rtl-layout .col-lg-offset-10 { margin-right: 41.66667%; } .rtl-layout .col-lg-offset-11 { margin-right: 45.83333%; } .rtl-layout .col-lg-offset-12 { margin-right: 50%; } .rtl-layout .col-lg-offset-13 { margin-right: 54.16667%; } .rtl-layout .col-lg-offset-14 { margin-right: 58.33333%; } .rtl-layout .col-lg-offset-15 { margin-right: 62.5%; } .rtl-layout .col-lg-offset-16 { margin-right: 66.66667%; } .rtl-layout .col-lg-offset-17 { margin-right: 70.83333%; } .rtl-layout .col-lg-offset-18 { margin-right: 75%; } .rtl-layout .col-lg-offset-19 { margin-right: 79.16667%; } .rtl-layout .col-lg-offset-20 { margin-right: 83.33333%; } .rtl-layout .col-lg-offset-21 { margin-right: 87.5%; } .rtl-layout .col-lg-offset-22 { margin-right: 91.66667%; } .rtl-layout .col-lg-offset-23 { margin-right: 95.83333%; } .rtl-layout .col-lg-offset-24 { margin-right: 100%; } } /* ============================================ * * Codazon_Menu * ============================================ */ .header-wrapper-bottom { background-color: #1e401f; } .header-wrapper-bottom .header.content { padding-top: 0; padding-bottom: 0; } .left-navigation { background-color: transparent; } .left-navigation .navigation { display: block !important; background-color: transparent; } .left-navigation .block { margin-bottom: 0 !important; } .left-navigation .navigation .menu-title { padding: 10px 20px; display: block; color: #ffffff; background-color: #1e401f; border-color: transparent; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; cursor: pointer; } .left-navigation .navigation .menu-title:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0c9'; font-size: 18px; float: right; } .rtl-layout .left-navigation .navigation .menu-title:after { float: left; } .left-navigation .navigation .left-menu .level-top { position: relative; display: block; } .left-navigation .navigation .left-menu .level-top > a.level-top { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 10px 20px 11px; display: block; border-bottom: 0px solid; text-transform: capitalize; text-decoration: none; color: #444444; background-color: #fafafa; border-color: #ebebeb; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .left-navigation .navigation .left-menu .level-top > a.level-top:visited { color: #444444; text-decoration: none; } .left-navigation .navigation .left-menu .level-top > a.level-top:hover { color: #ffffff; text-decoration: none; } .left-navigation .navigation .left-menu .level-top > a.level-top:active { color: #ffffff; text-decoration: none; } .left-navigation .navigation .left-menu .level-top:hover > a.level-top { color: #ffffff; background-color: #febd17; border-color: #ebebeb; } .left-navigation .navigation .left-menu .level-top:nth-child(2n + 1) > a.level-top { background: #ffffff; } .left-navigation .navigation .left-menu .level-top:nth-child(2n + 1):hover > a.level-top { background: #febd17; } .left-navigation .navigation .left-menu li.more-categories { position: relative; display: block; margin-bottom: 0; } .left-navigation .navigation .left-menu li.more-categories > a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 11px 20px; display: block; text-decoration: none; color: #444444; background-color: #ffffff; border-color: #ebebeb; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .left-navigation .navigation .left-menu li.more-categories > a:visited { color: #444444; text-decoration: none; } .left-navigation .navigation .left-menu li.more-categories > a:hover { color: #ffffff; text-decoration: none; } .left-navigation .navigation .left-menu li.more-categories > a:active { color: #ffffff; text-decoration: none; } .left-navigation .navigation .left-menu li.more-categories > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 18px; min-width: 15px; float: right; } .rtl-layout .left-navigation .navigation .left-menu li.more-categories > a:before { float: left; } .left-navigation .navigation .left-menu li.more-categories:hover > a { color: #ffffff; background-color: #febd17; border-color: #ebebeb; } .left-navigation .navigation .left-menu li.more-categories.last > a { border-bottom: 0 !important; } .left-navigation .navigation .left-menu .level0 .submenu li > a { padding: 10px 20px; color: #444444; background-color: #fafafa; border-color: #ebebeb; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .left-navigation .navigation .left-menu .level0 .submenu li > a:hover > a { color: #ffffff; background-color: #febd17; border-color: #ebebeb; } .left-navigation .navigation .left-menu .level0 .submenu li:nth-child(2n + 1) > a { background: #ffffff; } .left-navigation .navigation .left-menu .level0 .submenu li:nth-child(2n + 1):hover > a { background: #febd17; } /* ============================================ */ [class*='cdz-menu-icon-']:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f108"; font-size: 14px; margin-right: 10px; min-width: 15px; } .cdz-menu-icon-1:before { content: "\f06b"; } .cdz-menu-icon-2:before { content: "\f06d"; } .cdz-menu-icon-3:before { content: "\f10b"; } .cdz-menu-icon-4:before { content: "\f03d"; } .cdz-menu-icon-5:before { content: "\f19c"; } .cdz-menu-icon-6:before { content: "\f06c"; } .cdz-menu-icon-7:before { content: "\f0e4"; } .cdz-menu-icon-8:before { content: "\f000"; } .cdz-menu-icon-9:before { content: "\f02c"; } .cdz-menu-icon-10:before { content: "\f1b3"; } .cdz-menu-icon-11:before { content: "\f0c3"; } .cdz-menu-icon-12:before { content: "\f06b"; } .cdz-menu-icon-13:before { content: "\f06d"; } .cdz-menu-icon-14:before { content: "\f10b"; } .cdz-menu-icon-15:before { content: "\f03d"; } .cdz-menu-icon-16:before { content: "\f19c"; } .cdz-menu-icon-17:before { content: "\f06c"; } .cdz-menu-icon-18:before { content: "\f0e4"; } .cdz-menu-icon-19:before { content: "\f000"; } .cdz-menu-icon-20:before { content: "\f02c"; } .cdz-menu-icon-21:before { content: "\f1b3"; } .cdz-menu-icon-22:before { content: "\f0c3"; } .left-menu .level0 > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f108"; font-size: 18px; min-width: 15px; float: right; } .rtl-layout .left-menu .level0 > a:before { float: left; } .left-menu .level0.nav-1 > a:before { content: "\f06b"; } .left-menu .level0.nav-2 > a:before { content: "\f06d"; } .left-menu .level0.nav-3 > a:before { content: "\f10b"; } .left-menu .level0.nav-4 > a:before { content: "\f03d"; } .left-menu .level0.nav-5 > a:before { content: "\f19c"; } .left-menu .level0.nav-6 > a:before { content: "\f06c"; } .left-menu .level0.nav-7 > a:before { content: "\f0e4"; } .left-menu .level0.nav-8 > a:before { content: "\f000"; } .left-menu .level0.nav-9 > a:before { content: "\f02c"; } .left-menu .level0.nav-10 > a:before { content: "\f1b3"; } .left-menu .level0.nav-11 > a:before { content: "\f0c3"; } .left-menu .level0.nav-12 > a:before { content: "\f06b"; } .left-menu .level0.nav-13 > a:before { content: "\f06d"; } .left-menu .level0.nav-14 > a:before { content: "\f10b"; } .left-menu .level0.nav-15 > a:before { content: "\f03d"; } .left-menu .level0.nav-16 > a:before { content: "\f19c"; } .left-menu .level0.nav-17 > a:before { content: "\f06c"; } .left-menu .level0.nav-18 > a:before { content: "\f0e4"; } .left-menu .level0.nav-19 > a:before { content: "\f000"; } .left-menu .level0.nav-20 > a:before { content: "\f02c"; } .left-menu .level0.nav-21 > a:before { content: "\f1b3"; } .left-menu .level0.nav-22 > a:before { content: "\f0c3"; } /* ============================================ */ .header-main-menu .nav-sections { float: left; clear: both; } .header-main-menu .block-static-block.widget { float: left; margin-bottom: 0; } .header-main-menu .menu-container .block-static-block.widget { width: 100%; } .rtl-layout .header-main-menu .block-static-block.widget, .rtl-layout .header-main-menu .nav-sections { float: right; } .cdz-main-menu ul, .cdz-main-menu ul ul { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu { margin: 0; padding: 0; list-style: none none; } .cdz-main-menu .groupmenu > li { margin: 0; } .cdz-main-menu .groupmenu li.level0 > a.menu-link { text-transform: uppercase; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: top; box-sizing: border-box; border-width: 0px; border-style: solid; text-decoration: none; color: #ffffff; background-color: #1e401f; border-color: #d7dada; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:visited { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:hover { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:active { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0:hover > a.menu-link { cursor: pointer; color: #ffffff; background-color: #288b43; border-color: #d7dada; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu .groupmenu-drop { background-color: #ffffff; border-color: #dfdfdf; box-shadow: 0 1px 3px #e1e1e1; -moz-box-shadow: 0 1px 3px #e1e1e1; -webkit-box-shadow: 0 1px 3px #e1e1e1; -o-box-shadow: 0 1px 3px #e1e1e1; -ms-box-shadow: 0 1px 3px #e1e1e1; color: #444444; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu .groupmenu-drop a { color: #444444; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:visited { color: #444444; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:hover { color: #febd17; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:active { color: #febd17; text-decoration: none; } .cdz-main-menu .groupmenu-drop { z-index: 99; } .cdz-main-menu .groupmenu-drop > .item.level1.row { margin: 0; } .cdz-main-menu .groupmenu-drop-content { padding: 10px; color: #444444; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop-content .groupdrop-title { text-transform: uppercase; color: #000000; font-weight: 700; margin: 0; padding: 0 0 10px; } .cdz-main-menu .groupmenu-drop-content a { color: #444444; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:visited { color: #444444; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:hover { color: #febd17; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:active { color: #febd17; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link { margin-bottom: 15px; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link li { margin: 0; padding: 6px 0; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a { position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a:before { content: ""; position: absolute; width: 0px; height: 1px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; top: 7px; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a:hover { padding-left: 15px; } .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a:hover:before { width: 10px; background-color: #febd17; } .rtl-layout .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a:before { left: auto; right: 0; } .rtl-layout .cdz-main-menu .groupmenu-drop-content .groupdrop-link li a:hover { padding-left: 0; padding-right: 15px; } /* .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { @groupmenu-width: 1180px; .groupmenu-drop-content{ .groupmenu(@_col, @_i: 1) when (@_i <= @_col){ &.groupmenu-@{_i}{ width: ((@_i * @groupmenu-width)/ @_col); } .groupmenu((@_col), (@_i + 1)); } .groupmenu(6); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { @groupmenu-width: 1000px; .groupmenu-drop-content{ .groupmenu(@_col, @_i: 1) when (@_i <= @_col){ &.groupmenu-@{_i}{ width: ((@_i * @groupmenu-width)/ @_col); } .groupmenu((@_col), (@_i + 1)); } .groupmenu(6); } } */ /*hover on devices*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cdz-menu .groupmenu-drop { display: none; } .cdz-menu .item.level0.parent:hover > .groupmenu-drop { display: block; } .cdz-menu .item:hover > .groupmenu-drop { display: block; } } .c-smartsearch .col-8-8 { width: 100% !important; } .c-smartsearch .c-smartsearch__price { clear: both; } .c-smartsearch__wrapper { left: 0 !important; top: 41px !important; width: 100% !important; } .c-smartsearch__wrapper .c-smartsearch__title.h4 { text-transform: capitalize; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:visited { color: #282828; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:hover { color: #288b43; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:active { color: #288b43; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__price > span > span { font-weight: 600; } .sticky-menu.active #search_autocomplete { width: 280px !important; right: 0 !important; left: auto !important; } .rtl-layout .sticky-menu.active #search_autocomplete { right: 0 !important; left: auto !important; } /*Mageworx search*/ .searchsuite-autocomplete { right: 0; top: 41px; width: 100%; min-width: 280px; left: auto; text-align: left; } .rtl-layout .searchsuite-autocomplete { text-align: right; } .sticky-menu.active .searchsuite-autocomplete { width: 280px; right: 0; left: auto; } .rtl-layout .sticky-menu.active .searchsuite-autocomplete { right: 0; left: auto; } .searchsuite-autocomplete ul li a { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #282828; text-decoration: none; } .searchsuite-autocomplete ul li a:visited { color: #282828; text-decoration: none; } .searchsuite-autocomplete ul li a:hover { color: #288b43; text-decoration: none; } .searchsuite-autocomplete ul li a:active { color: #288b43; text-decoration: none; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-title { margin-bottom: 5px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary { float: left; } .searchsuite-autocomplete .product-reviews-summary .reviews-actions a { font-size: 12px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-shortdescription, .searchsuite-autocomplete ul li .qs-option-info .qs-option-description { font-size: 11px; color: #a1a1a1; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-price { margin-top: 5px; } /* ============================================ * * Codazon_Slider * ============================================ */ .owl-carousel { padding-top: 0; } .owl-carousel .owl-item > [class*='cdz-sm-'] { padding: 0; } .owl-carousel .owl-item .item { width: 100%; } .cdz-slider-banners { padding-top: 0 !important; } .owl-carousel .owl-nav { position: absolute; top: -70px; right: 0; margin-top: 0; } .rtl-layout .owl-carousel .owl-nav { right: auto; left: 0; } .owl-carousel .owl-nav [class*='owl-'] { width: 40px; height: 40px; text-align: center; position: relative; font-size: 0; margin: 0; padding: 0; border: 1px solid #282828; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; color: #ffffff; background-color: #288b43; border-color: #288b43; } .owl-carousel .owl-nav [class*='owl-']:hover { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .owl-carousel .owl-nav [class*='owl-']:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f104'; font-size: 30px; line-height: 40px; } .owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\f105'; } .owl-carousel .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .rtl-layout .owl-carousel .owl-nav [class*='owl-']:before { content: '\f105'; } .rtl-layout .owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\f104'; } /* ============================================ * * Codazon_Slideshow * ============================================ */ .cdz-slideshow { z-index: 1; } .cdz-slideshow .slider-item { position: relative; } .cdz-slideshow .owl-carousel { padding-top: 0; margin: 0; } .cdz-slideshow .owl-carousel .owl-item { padding: 0; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav { margin-top: 0; position: static; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'] { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.2); text-align: center; position: relative; font-size: 0; margin: 0 5px; color: #282828; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 20px; top: 45%; top: calc(50% - 15px); -webkit-top: calc(50% - 15px); -o-top: calc(50% - 15px); -moz-top: calc(50% - 15px); border: 1px solid #ffffff; color: #555555; background-color: #ffffff; border-color: #288b43; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 28px; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next { right: 20px; left: auto; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next:before { content: '\e608'; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].disabled { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .rtl-layout .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'] { left: auto; right: 20px; } .rtl-layout .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:before { content: '\e608'; } .rtl-layout .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next { left: 20px; right: auto; } .rtl-layout .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next:before { content: '\e617'; } .cdz-slideshow .owl-carousel.owl-theme .owl-dots { position: absolute; left: 41%; bottom: 10px; } .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot span { background: transparent; color: #a1a1a1; } .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f192'; font-size: 14px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot:hover span { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; color: #288b43; } .slide-caption { width: 100%; max-width: 100%; top: 25%; position: absolute; color: #282828; left: 0%; } .slide-caption.cls-white { color: #ffffff; } .slide-caption.cls-white .slide-title { color: #ffffff; } .slide-caption.cls-white .slide-title span { border-color: #fff; } .slide-caption.cls-white .slide-btn a { background: #ffffff; color: #282828; } .slide-caption .slide-text { font-size: 16px; margin-bottom: 15px; } .slide-caption .slide-title { margin-bottom: 10px; } .slide-caption .slide-title span { font-size: 16px; display: inline-block; vertical-align: middle; border: 2px solid #282828; padding: 5px 20px; font-weight: 600; } .slide-caption .slide-btn a { display: inline-block; padding: 5px 15px; background: #282828; text-transform: uppercase; vertical-align: middle; color: #fff; font-size: 100%; } .active .slide-caption .slide-title { -webkit-animation: slideBounceInDown 800ms ease-in-out; -moz-animation: slideBounceInDown 800ms ease-in-out; animation: slideBounceInDown 800ms ease-in-out; } .active .slide-caption .slide-text { -webkit-animation: slideBounceInDown 1400ms ease-in-out; -moz-animation: slideBounceInDown 1400ms ease-in-out; animation: slideBounceInDown 1400ms ease-in-out; } .active .slide-caption .slide-btn { -webkit-animation: slideBounceInDown 2000ms ease-in-out; -moz-animation: slideBounceInDown 2000ms ease-in-out; animation: slideBounceInDown 2000ms ease-in-out; } @-webkit-keyframes slideBounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideBounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideBounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes slideBounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .active .slideBounceInDown { -webkit-animation-name: slideBounceInDown; -moz-animation-name: slideBounceInDown; -o-animation-name: slideBounceInDown; animation-name: slideBounceInDown; } .block-center { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ============================================ * * Codazon_Color Swatch * ============================================ */ .products-grid div[class^="swatch-opt-"] { display: inline-block; vertical-align: top; text-align: center; } .products-grid div[class^="swatch-opt-"] > div { display: inline-block; text-align: center; clear: left; width: 100%; } .swatch-attribute-options { margin: 0 -10px 0 0; display: inline-block; } .product-options-wrapper .swatch-attribute-options { display: block; } .product-options-wrapper .swatch-attribute { margin: 0 0 10px 0; } .product-info-main .product-options-wrapper .swatch-attribute { margin-bottom: 20px; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { font-size: 10px; font-weight: 400; line-height: 1.65; border-radius: 30px; padding: 2px; } .swatch-option { height: 22px; } .swatch-option.text { padding: 1px 8px; } .swatch-option.color { height: 15px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 15px; padding: 0; min-width: inherit; } .rtl-layout .swatch-option { float: right; } /*.modes-mode:before{.lib-css(color, @main_price_text);}*/ div[class^="swatch-opt-"] > div { vertical-align: top; } .swatch-option { border: 1px solid #e0e0e0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swatch-option.text:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline: 0px solid #000000; border: 1px solid #000000; -webkit-transform: scale(1.02, 1.02); -moz-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { color: #000000; background-color: #ffffff; border-color: #e0e0e0; } .swatch-attribute-label { font-weight: normal; padding-bottom: 5px; display: inline-block; } .swatch-option { position: relative; overflow: inherit; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .swatch-option:hover, .swatch-option.selected { outline: none; border: 1px solid #e0e0e0; } .swatch-option:hover:after, .swatch-option.selected:after { position: absolute; bottom: -6px; width: 15px; left: -1px; content: ''; height: 2px; background: #1e401f; } .swatch-option.text:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline: none; border: 1px solid #e0e0e0; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .swatch-attribute.size .swatch-option:after, .swatch-attribute.manufacturer .swatch-option:after { width: 22px; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { border: 1px solid #e0e0e0; } .swatch-attribute.size .swatch-option.selected:after, .swatch-attribute.manufacturer .swatch-option.selected:after { width: 22px; } /* ============================================ * * Codazon_Blog * ============================================ */ .post-list-wrapper .post-list { padding: 0; margin: 0; } .post-list-wrapper .post-list .post-holder .post-header .addthis_toolbox { padding-top: 0; position: absolute; right: 0; } .rtl-layout .post-list-wrapper .post-list .post-holder .post-header .addthis_toolbox { right: auto; left: 0; } .post-list-wrapper .post-holder { background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 0 20px; overflow: hidden; } .post-list-wrapper .post-holder:first-child { border-top: 0; margin-top: 0; } .post-list-wrapper .post-holder .post-image { float: left; width: 50%; padding-right: 15px; margin-right: 15px; margin-bottom: 0; position: relative; overflow: hidden; } .post-list-wrapper .post-holder .post-image .blog-date { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #333333; padding: 7px 10px; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .post-list-wrapper .post-holder .post-image .blog-date:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f073'; font-size: 16px; margin-right: 5px; } .post-list-wrapper .post-holder .post-details { overflow: hidden; color: #a1a1a1; } .post-list-wrapper .post-holder .post-details .post-title { margin: 0; max-width: 100%; padding: 0 90px 10px 0; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .rtl-layout .post-list-wrapper .post-holder .post-details .post-title { float: right; padding: 0 0px 10px 90px; } .post-list-wrapper .post-holder .post-details .post-title a { color: #282828; text-decoration: none; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .post-list-wrapper .post-holder .post-details .post-title a:visited { color: #282828; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-title a:hover { color: #288b43; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-title a:active { color: #288b43; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-read-more { display: inline-block; margin-top: 10px; position: relative; border-bottom: 1px solid; color: #282828; text-decoration: none; float: left; } .post-list-wrapper .post-holder .post-details .post-read-more:visited { color: #282828; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-read-more:hover { color: #288b43; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-read-more:active { color: #288b43; text-decoration: none; } .rtl-layout .post-list-wrapper .post-holder .post-details .post-read-more { float: right; } .post-view .post-holder { background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .post-view .post-holder .post-image { margin-bottom: 20px; position: relative; overflow: hidden; } .post-view .post-holder .post-image .blog-date { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #333333; padding: 7px 10px; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .post-view .post-holder .post-image .blog-date:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f073'; font-size: 16px; margin-right: 5px; } .post-view .post-holder .post-footer { padding-top: 20px; } .toolbar-blog-posts { /*margin-top:60px; padding-top:60px; .lib-css(border, 0);*/ } .widget.blog-search { margin-bottom: 20px !important; } .widget.blog-search .block-content { padding-top: 0 !important; } .widget.blog-search input[type="text"] { color: #a1a1a1; background-color: #edeeef; border-color: #e0e0e0; border-width: 0; border-bottom-width: 2px; } .widget.blog-search .minisearch { position: relative; } .widget.blog-search .action.search { position: absolute; display: inline-block; right: 10px !important; width: 40px; height: 40px; text-align: center; top: 8px !important; z-index: 1; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(13px); -webkit-transform: translateX(13px); -o-transform: translateX(13px); transform: translateX(13px); background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .widget.blog-search .action.search:hover { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .widget.blog-search .action.search:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; font-size: 16px; } .widget.blog-search .action.search:focus, .widget.blog-search .action.search:active { background: none; border: none; } .widget.blog-search .action.search:hover { background: none; border: none; } .widget.blog-search .action.search.disabled, .widget.blog-search .action.search[disabled], fieldset[disabled] .widget.blog-search .action.search { pointer-events: none; opacity: 0.5; } .widget.blog-search .action.search:focus:before { color: #000000; } .widget.blog-search .action.search:before { color: #a1a1a1; } .widget.block-categories ul.accordion { padding: 20px 0 0 !important; } .widget.block-categories ul.accordion > li:first-child { margin-top: 0 !important; } .widget.block-categories ul.accordion > li:first-child > a { border-top: 0; margin-top: 0; padding-top: 0; } .widget.block-categories ul, .widget.block-categories li { list-style: none; margin: 0 !important; color: #a1a1a1; } .widget.block-categories ul a, .widget.block-categories li a { border-top: 1px dashed #e0e0e0; padding-top: 10px; margin-top: 10px; display: block; } .widget.block-archive .block-content .item, .widget.block-recent-posts .block-content .item { border-top: 1px dashed #e0e0e0; padding-top: 10px !important; margin-top: 10px; } .widget.block-archive .block-content .item:first-child, .widget.block-recent-posts .block-content .item:first-child { padding-top: 0 !important; margin-top: 0; border-top: 0; } .post-bottom .block.related .block-content { padding-left: 10px; } /* ============================================ * * Codazon_BlockSidebar * ============================================ */ .cdz-block-title { margin-bottom: 0; } .cdz-block-title .b-title { margin-bottom: 0; padding: 15px 20px; position: relative; text-transform: uppercase !important; border-bottom: 1px solid #e0e0e0; color: #000000; font: 500 20px/1.35 Alice, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #ffffff; } .cdz-block-title .b-title strong { font-size: 100%; } .cdz-block-title .b-title .lastcolor { color: #288b43; } .cdz-block-title .view-all { float: right; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: capitalize; font-style: italic; margin-top: 6px; } .cdz-block-title .view-all:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f178'; font-size: 12px; margin-left: 5px; } .rtl-layout .cdz-block-title .view-all { float: left; } .rtl-layout .cdz-block-title .view-all:after { content: '\f177'; margin-left: 0; margin-right: 5px; } /*Block Sidebar*/ .block.crosssell:not(.block-static-block), .block.upsell:not(.block-static-block), .block.related:not(.block-static-block), .page-main .sidebar .block:not(.block-static-block) { margin-bottom: 2rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .block.crosssell:not(.block-static-block) .block-collapsible-nav-title, .block.upsell:not(.block-static-block) .block-collapsible-nav-title, .block.related:not(.block-static-block) .block-collapsible-nav-title, .page-main .sidebar .block:not(.block-static-block) .block-collapsible-nav-title, .block.crosssell:not(.block-static-block) .block-title, .block.upsell:not(.block-static-block) .block-title, .block.related:not(.block-static-block) .block-title, .page-main .sidebar .block:not(.block-static-block) .block-title, .block.crosssell:not(.block-static-block).filter .title, .block.upsell:not(.block-static-block).filter .title, .block.related:not(.block-static-block).filter .title, .page-main .sidebar .block:not(.block-static-block).filter .title { color: #000000; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #ffffff; text-transform: uppercase; position: relative; padding: 15px 20px; margin-bottom: 0; min-width: 100%; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border-bottom: 1px solid #e0e0e0; } .block.crosssell:not(.block-static-block) .block-collapsible-nav-title:before, .block.upsell:not(.block-static-block) .block-collapsible-nav-title:before, .block.related:not(.block-static-block) .block-collapsible-nav-title:before, .page-main .sidebar .block:not(.block-static-block) .block-collapsible-nav-title:before, .block.crosssell:not(.block-static-block) .block-title:before, .block.upsell:not(.block-static-block) .block-title:before, .block.related:not(.block-static-block) .block-title:before, .page-main .sidebar .block:not(.block-static-block) .block-title:before, .block.crosssell:not(.block-static-block).filter .title:before, .block.upsell:not(.block-static-block).filter .title:before, .block.related:not(.block-static-block).filter .title:before, .page-main .sidebar .block:not(.block-static-block).filter .title:before { display: none; } .block.crosssell:not(.block-static-block) .block-collapsible-nav-title strong, .block.upsell:not(.block-static-block) .block-collapsible-nav-title strong, .block.related:not(.block-static-block) .block-collapsible-nav-title strong, .page-main .sidebar .block:not(.block-static-block) .block-collapsible-nav-title strong, .block.crosssell:not(.block-static-block) .block-title strong, .block.upsell:not(.block-static-block) .block-title strong, .block.related:not(.block-static-block) .block-title strong, .page-main .sidebar .block:not(.block-static-block) .block-title strong, .block.crosssell:not(.block-static-block).filter .title strong, .block.upsell:not(.block-static-block).filter .title strong, .block.related:not(.block-static-block).filter .title strong, .page-main .sidebar .block:not(.block-static-block).filter .title strong { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 0; margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: top; } .block.crosssell:not(.block-static-block) .block-content, .block.upsell:not(.block-static-block) .block-content, .block.related:not(.block-static-block) .block-content, .page-main .sidebar .block:not(.block-static-block) .block-content, .block.crosssell:not(.block-static-block).filter .content, .block.upsell:not(.block-static-block).filter .content, .block.related:not(.block-static-block).filter .content, .page-main .sidebar .block:not(.block-static-block).filter .content { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border-top: 0; text-align: left; } .rtl-layout .block.crosssell:not(.block-static-block) .block-content, .rtl-layout .block.upsell:not(.block-static-block) .block-content, .rtl-layout .block.related:not(.block-static-block) .block-content, .rtl-layout .page-main .sidebar .block:not(.block-static-block) .block-content, .rtl-layout .block.crosssell:not(.block-static-block).filter .content, .rtl-layout .block.upsell:not(.block-static-block).filter .content, .rtl-layout .block.related:not(.block-static-block).filter .content, .rtl-layout .page-main .sidebar .block:not(.block-static-block).filter .content { text-align: right; } .block.crosssell:not(.block-static-block) .block-content .empty, .block.upsell:not(.block-static-block) .block-content .empty, .block.related:not(.block-static-block) .block-content .empty, .page-main .sidebar .block:not(.block-static-block) .block-content .empty, .block.crosssell:not(.block-static-block).filter .content .empty, .block.upsell:not(.block-static-block).filter .content .empty, .block.related:not(.block-static-block).filter .content .empty, .page-main .sidebar .block:not(.block-static-block).filter .content .empty { padding: 0; border: 0; } .block.crosssell:not(.block-static-block) .block-content.filter-content, .block.upsell:not(.block-static-block) .block-content.filter-content, .block.related:not(.block-static-block) .block-content.filter-content, .page-main .sidebar .block:not(.block-static-block) .block-content.filter-content, .block.crosssell:not(.block-static-block).filter .content.filter-content, .block.upsell:not(.block-static-block).filter .content.filter-content, .block.related:not(.block-static-block).filter .content.filter-content, .page-main .sidebar .block:not(.block-static-block).filter .content.filter-content { padding-top: 0; } .block.crosssell:not(.block-static-block) > .empty, .block.upsell:not(.block-static-block) > .empty, .block.related:not(.block-static-block) > .empty, .page-main .sidebar .block:not(.block-static-block) > .empty { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; padding: 15px 20px; border-top: 0; } .page-main .sidebar .block:not(.block-static-block) { margin-bottom: 2rem; background: #ffffff; } .page-main .sidebar .block:not(.block-static-block) > .empty, .page-main .sidebar .block:not(.block-static-block) .block-content, .page-main .sidebar .block:not(.block-static-block).filter .content { padding: 15px 20px; } .page-main .sidebar .block:not(.block-static-block) > .empty .empty, .page-main .sidebar .block:not(.block-static-block) .block-content .empty, .page-main .sidebar .block:not(.block-static-block).filter .content .empty { padding: 0; border: 0; } .block.review-add .block-content { padding-top: 0 !important; } .product.info.detailed.without_tab .product.data.items { display: inline-block; width: 100%; vertical-align: top; text-align: left; } .product.info.detailed.without_tab .product.data.items > .item.title { float: none; display: inline-block; vertical-align: top; border-bottom: 1px solid #e0e0e0; color: #000000; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #ffffff; width: 100%; height: inherit; } .product.info.detailed.without_tab .product.data.items > .item.title > .switch:before { display: none; } .product.info.detailed.without_tab .product.data.items > .item.title.active > .switch { float: left; min-width: 0; border: 0; color: #000000; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #ffffff; text-transform: uppercase; position: relative; padding: 15px 20px; margin-bottom: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; height: inherit; } .product.info.detailed.without_tab .product.data.items > .content { margin-top: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 15px 20px; margin-bottom: 20px; text-align: left; background: #ffffff; } .rtl-layout .product.info.detailed.without_tab .product.data.items > .content { text-align: right; } /* ============================================ * * Codazon_TabProducts * ============================================ */ body.rtl-layout .product.data.items .item.title a:after { left: 10px; right: auto; } body.rtl-layout .product.info.detailed.without_tab .product.data.items > .item.title.active > .switch { float: right; } body.rtl-layout .product.info.detailed.without_tab .product.data.items > .content { text-align: right; } body.rtl-layout .product-reviews-summary .reviews-actions a:not(:last-child) { float: left; } body.rtl-layout .unavailable, body.rtl-layout .available { float: right; } .tabs-list-sty04 .tabs-list { margin: 0 auto; padding-top: 70px; position: relative; } .tabs-list-sty04 input.tab-radio, .tabs-list-sty04 .tabs-list.product.data.items > .item.content { clear: both; padding-top: 10px; display: none; } .tabs-list-sty04 .data.item.title { /*float:left;display:block;float:left;padding:10px;*/ cursor: pointer; text-decoration: none; } .tabs-list-sty04 #cdz-tab1:checked ~ #content1, .tabs-list-sty04 #cdz-tab2:checked ~ #content2, .tabs-list-sty04 #cdz-tab3:checked ~ #content3, .tabs-list-sty04 #cdz-tab4:checked ~ #content4, .tabs-list-sty04 #cdz-tab5:checked ~ #content5, .tabs-list-sty04 #cdz-tab6:checked ~ #content6, .tabs-list-sty04 #cdz-tab7:checked ~ #content7, .tabs-list-sty04 #cdz-tab8:checked ~ #content8, .tabs-list-sty04 #cdz-tab9:checked ~ #content9, .tabs-list-sty04 #cdz-tab10:checked ~ #content10 { display: block; padding: 0; } .tabs-list-sty04 .tabs-list [id^="cdz-tab"]:checked + label { background: #1e401f; color: #ffffff; background-color: #1e401f; border-color: #ffffff; } .tabs-list-sty04 .tabs-list [id^="cdz-tab"]:checked + label:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .tabs-list-sty04 .tabs-list .title { padding: 10px 5px !important; margin: 0 15px !important; font: 500 20px/1.35 Alice, Helvetica Neue, Verdana, Arial, sans-serif; font-style: italic; font-size: 16px; text-transform: capitalize; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; color: #ffffff; background-color: #555555; border-color: #ffffff; } .tabs-list-sty04 .tabs-list .title:before { content: ''; width: 100%; background: #ffffff; height: 3px; position: absolute; left: 0; bottom: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tabs-list-sty04 .tabs-list .title:hover { color: #ffffff; background-color: #1e401f; border-color: #ffffff; } .tabs-list-sty04 .tabs-list .title:hover:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .tabs-list-sty04 .tabs-list .block-content { padding-top: 50px; } /*Baby & Kids*/ /* ============================================ * * Codazon_AjaxCartPro * ============================================ */ .cart-footer .cart-qty { color: #ffffff; background-color: #288b43; border-color: #288b43; font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-footer .cart-qty .footer-cart-summary .summary-content .price { color: #288b43; } .cart-footer .paypal { display: block; clear: both; } .cart-footer .paypal img { margin: 5px 0; } .rtl-layout .footer-cart-summary { float: right; } .rtl-layout .footer-cart-additional { float: left; } .rtl-layout .cart-items { float: right; } .rtl-layout .cart-items .cart-items-inner { float: right; } .rtl-layout .cart-items .item .hover-sec { left: auto; right: 100%; } .rtl-layout .cart-items .item .hover-sec .product.actions { float: left; } .rtl-layout .cart-items .item .hover-sec .details-qty { float: right; } /* ============================================ * * Codazon_Header * ============================================ */ .float-bar { position: fixed; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 20px; top: 15%; z-index: 2; width: 80px; border: 1px solid #e0e0e0; background: #ffffff; } .rtl-layout .float-bar { left: 20px; right: auto; } .float-bar .item { text-align: center; padding: 10px 7px; margin: 0; font-size: 11px; border-bottom: 1px solid #e0e0e0; } .float-bar .item.last { border-bottom: 0; } .float-bar .item a { color: #000000; text-decoration: none; } .float-bar .item a:visited { color: #000000; text-decoration: none; } .float-bar .item a:hover { color: #288b43; text-decoration: none; } .float-bar .item a:active { color: #288b43; text-decoration: none; } .float-bar .item a span { display: block; } .float-bar .item a .fa { margin-bottom: 5px; color: #288b43; } .float-bar .item a .fa:before { font-size: 18px; } .page-header .block-static-block.widget { margin-bottom: 0; } .page-header .header-wrapper-content { color: #288b43; } .page-header .header-wrapper-content a { color: #288b43; text-decoration: none; } .page-header .header-wrapper-content a:visited { color: #288b43; text-decoration: none; } .page-header .header-wrapper-content a:hover { color: #1e401f; text-decoration: none; } .page-header .header-wrapper-content a:active { color: #1e401f; text-decoration: none; } .page-header .header-panel-right { float: right; } .page-header .header-panel-right .switcher { margin-right: 0; margin-left: 20px; } .rtl-layout .page-header .header-panel-right { float: left; } .rtl-layout .page-header .header-panel-right .switcher { margin-left: 0; margin-right: 20px; } .page-header .header-panel-right { padding-top: 6px; } .page-header .header-panel-right > .header.links { float: right; } .rtl-layout .page-header .header-panel-right > .header.links { float: left; } .page-header .header-panel-right > .header.links > li { margin: 0 0 0 20px; text-transform: uppercase; } .rtl-layout .page-header .header-panel-right > .header.links > li { margin: 0 20px 0 0; } .page-header .sticky-menu.active .header-phone { display: none; } .page-header .sticky-menu.active .header.content > div { position: unset; } .page-header .logo { width: 100%; max-width: 100%; } .page-header .logo .main-logo { display: inline-block; } .page-header .logo .small-logo { display: none; } .sticky-menu.active .page-header .logo .small-logo, .sticky-menu.active .page-header .logo .main-logo { display: none; } .page-header .logo img { max-height: 43px !important; } .page-header .header.links { margin: 0; padding: 0; list-style: none none; } .page-header .header.links > li { display: inline-block; vertical-align: top; } .page-header .header.links li > a { position: relative; text-transform: uppercase; display: block; } .page-header .header.links li > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 12px; margin-right: 5px; } .rtl-layout .page-header .header.links li > a:before { margin-right: 0; margin-left: 5px; } .page-header .header.links li.greet.welcome { display: none; } .page-header .header.links li.wishlist > a:before { content: "\f004"; } .page-header .header.links li.compare > a:before { content: "\f0ec"; } .page-header .header.links li #authorization-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f090"; font-size: 12px; margin-right: 5px; } .page-header .header.links li.compare .qty { display: inline-block; } .page-header .authorization-link.switcher .action.toggle { padding: 10px; } .page-header .header-bottom { clear: both; } .page-header .minicart-wrapper { margin-left: 10px; } .rtl-layout .page-header .minicart-wrapper { margin-left: 0; margin-right: 10px; } .page-header .minicart-wrapper .action.showcart { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; position: relative; text-transform: uppercase; text-align: center; padding-left: 75px; } .page-header .minicart-wrapper .action.showcart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e66e'; font-size: 36px; font-family: 'Pe-icon-7-stroke'; speak: none; text-align: center; padding: 0; position: absolute; top: 0; left: 0; width: 53px; height: 53px; line-height: 53px; background: #288b43; color: #ffffff; border: 0px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .page-header .minicart-wrapper .action.showcart .price-label { padding: 0; min-height: 0; display: block; clear: both; } .page-header .minicart-wrapper .action.showcart .price-label span { color: #288b43; font-size: 18px; font-weight: 400; } .page-header .minicart-wrapper .action.showcart .text { position: relative; font-size: 110%; padding-top: 7px; display: inline-block; width: auto; height: auto; margin: 0; vertical-align: top; color: #288b43; } .page-header .minicart-wrapper .action.showcart .counter.qty { top: -5px; left: 35px; height: 22px; line-height: 26px; background: #f8f8f8; border: 1px solid #ebebeb; color: #000; font-size: 13px; min-width: 22px; display: flex; justify-content: center; align-items: center; } .rtl-layout .page-header .minicart-wrapper .action.showcart .counter.qty { left: 35px; right: auto; } .page-header .minicart-wrapper .action.showcart .counter.qty .counter-number { line-height: 26px; } .page-header .minicart-wrapper .action.showcart .counter.qty .counter-number span { line-height: 26px; } /* ============================================ */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .page-header .minicart-wrapper .action.showcart { -moz-transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 992px) and (max-width: 1199px) { .page-header .header-panel-right > .header.links > li, .page-header .header-panel-right .switcher { margin-left: 10px; } .store-links li a { padding: 8px 10px; } } @media (min-width: 768px) and (max-width: 991px) { .panel.header > .row { display: flex; flex-direction: column; } .panel.header > .row .header-top-left { order: 1; } .panel.header > .row .header-top-right { order: 0; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1199px) { .store-links li.item a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .page-header .switcher .options ul.dropdown { right: 0; } .page-wrapper .header-wrapper-content > .header.content { padding: 20px 10px 10px; } .page-header .panel.wrapper { margin-bottom: 0 !important; } } .page-header .switcher .options ul.dropdown a { display: flex; } .page-header .switcher .options ul.dropdown a .lang-flag { margin: 0 3px; } /* ============================================ * * Codazon_Footer * ============================================ */ .page-footer { background-color: #ffffff; color: #777777; } .page-footer ul, .page-footer li { margin: 0; padding: 0; list-style: none none; } .page-footer .top-footer-wrapper { background-color: #288b43; } .page-footer .footer-container-wrapper { padding-top: 50px; padding-bottom: 30px; } .page-footer .footer-content-top { padding-top: 30px; padding-bottom: 20px; } .page-footer .footer-content-top .block-static-block.widget { margin-bottom: 0; } .page-footer .block.newsletter { margin-bottom: 0; } .page-footer .block.newsletter .field .control { margin-right: 10px; } .page-footer .block.newsletter input { border-width: 1px; border-color: #ffffff; background: transparent; } .page-footer .block.newsletter .action.subscribe { border-width: 1px; margin-right: 1px; color: #ffffff; background-color: transparent; border-color: #ffffff; } .page-footer .block.newsletter .action.subscribe:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .page-footer .block.newsletter .field .control { margin-right: -1px; } .page-footer .block.newsletter .field .control:before { display: none; } .page-footer .block.newsletter .field .control input { color: #ffffff; padding-left: 15px; } .page-footer .block.newsletter .field .control input::-webkit-input-placeholder { color: #ffffff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .page-footer .block.newsletter .field .control input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .page-footer .block.newsletter .field .control input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .page-footer .block.newsletter .field .control input:-ms-input-placeholder { color: #ffffff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .page-footer .footer-bottom { background-color: #e8e8e8; border-top: 1px solid #ffffff; padding: 30px 0; } .page-footer a { color: #777777; } .page-footer a:hover { color: #288b43; } .page-footer p.h5 { color: #3a3a3a; font-weight: 600; margin-bottom: 25px; text-transform: uppercase; } .page-footer .footer-link { margin-top: -10px; } .page-footer .footer-link li { padding: 10px 0; border-bottom: 1px solid #e8e8e8; } .page-footer .footer-link li a { display: block; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-footer .footer-link li.last { border-bottom: none; } .page-footer .item_tag { margin: 0 -5px; } .page-footer .item_tag li a { float: left; padding: 10px; border: 1px solid #e8e8e8; margin: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-footer .item_tag li a:hover { background: #e8e8e8; color: #777777; } .page-footer .footer-social { margin: 0 -5px; padding-top: 0; } .page-footer .footer-social a { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; margin: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #ffffff; background-color: transparent; border-color: #ffffff; } .page-footer .footer-social a span { font-size: 0; } .page-footer .footer-social a span:before { font-size: 14px; } .page-footer .footer-social a:hover { color: #288b43; background-color: #ffffff; border-color: #ffffff; } .page-footer .bottom-footer-wrapper { background: #e8e8e8; padding: 30px 0; overflow: hidden; border-top: 1px solid #e8e8e8; } .page-footer .bottom-footer-wrapper .block-static-block.widget { margin-bottom: 0; } .page-footer .copyright { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .page-footer address { margin-bottom: 10px; margin-top: 10px; } .page-footer .footer-custom-block { float: right; } .page-footer .footer-bottom-link { margin: 0 -10px 10px; text-align: right; } .page-footer .footer-bottom-link li { display: inline-block; margin: 0 10px; } .page-footer .footer-bottom-link li a { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .customer-account-forgotpassword .page-title-wrapper, .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper { display: none; } .customer-account-forgotpassword .page-main, .login-container, #register-form-now { width: 100%; margin: 40px auto; } .customer-account-forgotpassword .forgot-title { display: block; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-width: 0; text-align: center; padding-bottom: 15px; } .customer-account-forgotpassword .forgot-title strong { padding: 0; border-width: 0; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; } .customer-account-forgotpassword .forgot-title .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .customer-account-forgotpassword .form.password.forget { background-color: #ffffff; padding: 30px; max-width: 540px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .customer-account-forgotpassword .form.password.forget .field .label { display: none; } .customer-account-forgotpassword .form.password.forget .field.choice .label { display: inline; } .customer-account-forgotpassword .form.password.forget #remember-me-box label { display: inline; } .block-register-account .block-title { display: block; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-width: 0; text-align: center; padding-bottom: 15px; } .block-register-account .block-title strong { padding: 0; border-width: 0; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; } .block-register-account .block-title .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .block-register-account .block-content-register { background-color: #ffffff; padding: 30px; max-width: 540px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .block-register-account .block-content-register .field .label { display: none; } .block-register-account .block-content-register .field.choice .label { display: inline; } .block-register-account .block-content-register #remember-me-box label { display: inline; } .block-register-account .actions-toolbar { margin-top: 20px; } .customer-account-login .page-main .block-customer-login .block-title { display: block; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-width: 0; text-align: center; padding-bottom: 15px; } .customer-account-login .page-main .block-customer-login .block-title strong { padding: 0; border-width: 0; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; } .customer-account-login .page-main .block-customer-login .block-title .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .customer-account-login .page-main .block-customer-login .block-content { background-color: #ffffff; padding: 30px; max-width: 540px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .customer-account-login .page-main .block-customer-login .block-content .field .label { display: none; } .customer-account-login .page-main .block-customer-login .block-content .field.choice .label { display: inline; } .customer-account-login .page-main .block-customer-login .block-content #remember-me-box label { display: inline; } .block-new-customer .block-title { display: block; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-width: 0; text-align: center; padding-bottom: 15px; } .block-new-customer .block-title strong { padding: 0; border-width: 0; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; } .block-new-customer .block-title .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .block-new-customer .block-content { text-align: center; } .block-new-customer .block-content .actions-toolbar a.primary { color: #ffffff; background-color: #1e401f; border-color: #1e401f; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-new-customer .block-content .actions-toolbar a.primary:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .cmspage-custom, .pagenotfound { width: 100%; margin: 40px auto; } .cmspage-custom .block.block-cmspage .block-title, .pagenotfound .block.block-cmspage .block-title, .cmspage-custom .block.block-pagenotfound .block-title, .pagenotfound .block.block-pagenotfound .block-title { display: block; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border-width: 0; text-align: center; padding-bottom: 15px; } .cmspage-custom .block.block-cmspage .block-title strong, .pagenotfound .block.block-cmspage .block-title strong, .cmspage-custom .block.block-pagenotfound .block-title strong, .pagenotfound .block.block-pagenotfound .block-title strong { padding: 0; border-width: 0; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; } .cmspage-custom .block.block-cmspage .block-title .field.note, .pagenotfound .block.block-cmspage .block-title .field.note, .cmspage-custom .block.block-pagenotfound .block-title .field.note, .pagenotfound .block.block-pagenotfound .block-title .field.note { font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; } .cmspage-custom .block.block-cmspage .block-content, .pagenotfound .block.block-cmspage .block-content, .cmspage-custom .block.block-pagenotfound .block-content, .pagenotfound .block.block-pagenotfound .block-content { background-color: #ffffff; padding: 30px; max-width: 540px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .cmspage-custom .block.block-cmspage .block-content .field .label, .pagenotfound .block.block-cmspage .block-content .field .label, .cmspage-custom .block.block-pagenotfound .block-content .field .label, .pagenotfound .block.block-pagenotfound .block-content .field .label { display: none; } .cmspage-custom .block.block-cmspage .block-content .field.choice .label, .pagenotfound .block.block-cmspage .block-content .field.choice .label, .cmspage-custom .block.block-pagenotfound .block-content .field.choice .label, .pagenotfound .block.block-pagenotfound .block-content .field.choice .label { display: inline; } .cmspage-custom .block.block-cmspage .block-content #remember-me-box label, .pagenotfound .block.block-cmspage .block-content #remember-me-box label, .cmspage-custom .block.block-pagenotfound .block-content #remember-me-box label, .pagenotfound .block.block-pagenotfound .block-content #remember-me-box label { display: inline; } .cmspage-custom .block.block-cmspage .block-content, .pagenotfound .block.block-cmspage .block-content, .cmspage-custom .block.block-pagenotfound .block-content, .pagenotfound .block.block-pagenotfound .block-content { padding: 30px 30px 10px!important; } .cmspage-custom .block.block-cmspage .block-content .group-link, .pagenotfound .block.block-cmspage .block-content .group-link, .cmspage-custom .block.block-pagenotfound .block-content .group-link, .pagenotfound .block.block-pagenotfound .block-content .group-link { padding-top: 15px; text-align: center; } .cmspage-custom .block.block-cmspage .block-content .group-link a, .pagenotfound .block.block-cmspage .block-content .group-link a, .cmspage-custom .block.block-pagenotfound .block-content .group-link a, .pagenotfound .block.block-pagenotfound .block-content .group-link a { margin: 0 5px; } .page-layout-1column .columns { margin-bottom: 40px; background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-layout-1column .columns .column.main { padding-bottom: 0; } .page-layout-1column.checkout-index-index .columns, .page-layout-1column.checkout-cart-index .columns, .page-layout-1column.cms-no-route .columns, .page-layout-1column.catalog-product-view .columns, .page-layout-1column.catalog-category-view .columns, .page-layout-1column.customer-account-forgotpassword .columns, .page-layout-1column.customer-account-login .columns, .page-layout-1column.cms-home .columns, .page-layout-1column.customer-account-create .columns { margin-bottom: 0; background-color: transparent; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .form.contact { margin-bottom: 20px; } #map_canvas { width: 100% !important; } .cms-about-us .wrapper-breadcrums { display: none; } .aboutus-page .aboutus-box { margin-bottom: 60px; } .aboutus-page .box-img { border: 1px solid #e1e1e1; padding: 10px; } .aboutus-page .aboutus-title { text-transform: uppercase; } .aboutus-page .aboutus-titlesmall { position: relative; margin-bottom: 15px; } .aboutus-page .aboutus-titlesmall:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; top: 50%; border-top: 1px solid #e1e1e1; } .aboutus-page .aboutus-titlesmall h3 { text-transform: uppercase; margin: 0; display: inline-block; background: #fff; padding-right: 20px; position: relative; z-index: 1; } .aboutus-page .cls-features h5 { text-transform: uppercase; font-weight: 600; margin-bottom: 20px; } .aboutus-page .cls-features h5:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0c5'; font-size: 14px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #e1e1e1; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; } .aboutus-page .cls-features h5.title-2:before { content: '\f260'; } .aboutus-page .cls-features h5.title-3:before { content: '\f26c'; } .aboutus-page .cls-features .items li { margin: 0; padding: 7px 0; } .aboutus-page .cls-features .items li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f067'; font-size: 12px; padding-right: 10px; } .checkout-success { text-align: center; font-size: 18px; } .checkout-success .success-title { font-size: 48px; color: #fc7070; padding-top: 60px; } .checkout-success .success-title span { display: inline-block; clear: both; margin-bottom: 0; vertical-align: top; } .checkout-success .success-title span.success-title-icon { font-size: 0; width: 95px; height: 95px; line-height: 95px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fc7070; } .checkout-success .success-title span.success-title-icon:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; font-size: 48px; line-height: 95px; } .checkout-success p { margin-bottom: 1.5rem; } .checkout-success .order-id { color: #fc7070; text-decoration: none; } .checkout-success .order-id:visited { color: #fc7070; text-decoration: none; } .checkout-success .order-id:hover { color: #fc7070; text-decoration: none; } .checkout-success .order-id:active { color: #fc7070; text-decoration: none; } .checkout-success .order-id:hover { text-decoration: underline; } .checkout-success .success-bottom { font-size: 14px; padding-top: 60px; padding-bottom: 60px; } .checkout-success div.primary { padding-top: 15px; } #password-strength-meter-container { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); font-size: 0; width: 100%; margin: 10px 0; } #password-strength-meter-container #password-strength-meter { float: left; height: 100%; font-size: 12px; font-size: 0; line-height: 20px; color: #fff; text-align: center; background-color: #959292; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } #password-strength-meter-container #password-strength-meter-label { font-size: 12px; line-height: 20px; color: #fff; padding: 0 5px; } #password-strength-meter-container.password-weak #password-strength-meter, #password-strength-meter-container.password-strength-meter-1 #password-strength-meter { width: 25%; background-color: #d9534f; } #password-strength-meter-container.password-medium #password-strength-meter, #password-strength-meter-container.password-strength-meter-2 #password-strength-meter { width: 50%; background-color: #f0ad4e; } #password-strength-meter-container.password-strong #password-strength-meter, #password-strength-meter-container.password-strength-meter-3 #password-strength-meter { width: 75%; background-color: #337ab7; } #password-strength-meter-container.password-very-strong #password-strength-meter, #password-strength-meter-container.password-strength-meter-4 #password-strength-meter { width: 100%; background-color: #5cb85c; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /*Page Privacy Policy*/ /*Custom print page*/ @media print { .page-print .logo .main-logo { display: block !important; margin-left: 10px; } .page-print .logo .small-logo { display: none !important; } .page-print #back-top, .page-print .cart-footer, .page-print .copyright { display: none; } .page-print .box-order-shipping-address, .page-print .box-order-shipping-method, .page-print .box-order-billing-address, .page-print .box-order-billing-method { display: inline-block; vertical-align: top; } .page-print .box-order-shipping-address, .page-print .box-order-billing-address { width: 50%; } } .box-layout .page-wrapper { margin: 0 auto; box-shadow: 0 3px 3px #cacaca; -moz-box-shadow: 0 3px 3px #cacaca; -webkit-box-shadow: 0 3px 3px #cacaca; -o-box-shadow: 0 3px 3px #cacaca; -ms-box-shadow: 0 3px 3px #cacaca; } @media (min-width: 1200px) { .box-layout .page-wrapper { max-width: 1200px !important; } } .bg-wrapper-ads { background-image: url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/bg-parallax.jpg); background-position: center center; background-repeat: no-repeat; overflow: hidden; } .bg-wrapper-ads.bg-parallax { background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 5rem 0; } @media only screen and (min-device-width: 0px) and (max-device-width: 1024px) { .bg-parallax { background-attachment: scroll !important; } } .groupbanner-text { position: relative; } .groupbanner-text .banner-border img { width: 100%; } .groupbanner-text .groupinfo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 20px; z-index: 2; } .groupbanner-text .groupinfo .groupinfo-inner { display: table; width: 100%; height: 100%; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc { display: table-cell; vertical-align: middle; color: #ffffff; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .grifo-title { padding: 10px 0; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link { color: #ffffff; text-decoration: none; margin-top: 30px; display: inline-block; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:visited { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:hover { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:active { color: #ffffff; text-decoration: none; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:hover { text-decoration: underline; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .text-link:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 14px; padding-left: 5px; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary { color: #ffffff; background-color: transparent; border-color: #ffffff; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .footer-top-ads { color: #000; } .footer-top-ads .ftop-ads-title { font-size: 250%; font-weight: 700; text-transform: uppercase; } .footer-top-ads .ftop-ads-small { font-size: 90%; color: #494949; } .footer-top-ads .ftop-newsletter { margin: 0 30%; } .footer-top-ads .block.newsletter { margin-bottom: 0; } .footer-top-ads .block.newsletter input { border: 3px solid #288b43; } .footer-top-ads .block.newsletter .action.primary { color: #ffffff; background-color: #288b43; border-color: #288b43; } .footer-top-ads .block.newsletter .action.primary:hover { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .wrapper-ads02 { color: #ffffff; border-top: 3px solid #e0e0e0; padding: 60px 0; } .wrapper-ads02 .cdz-item-types { display: inline-block; width: 90%; margin: 0 5%; text-align: center; } .wrapper-ads02 ul.items { padding-bottom: 30px; display: inline-block; } .wrapper-ads02 ul.items li { display: inline-block; margin: 0 5px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wrapper-ads02 ul.items li:hover { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); } .wrapper-ads02 .statement { padding-bottom: 30px; } .wrapper-ads02 .statement p { margin-bottom: 0; } .wrapper-ads02 .newsletter-style02 .block.newsletter input[type="email"] { background-color: transparent; } .wrapper-ads02 .newsletter-style02 .block.newsletter .action.subscribe { width: auto; min-width: 200px; } .wrapper-ads02 .action.primary { padding: 10px 30px; } .categories-deals .view-all { color: #f86532; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: right; position: relative; margin: 11px; } .categories-deals .view-all:hover { text-decoration: underline !important; } .categories-deals .view-all:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 15px; margin-left: 10px; } .rtl-layout .categories-deals .view-all { float: left; } .rtl-layout .categories-deals .view-all:after { content: '\f104'; margin-right: 10px; margin-left: 0; } .categories-deals .category-name a { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #f86532; text-decoration: none; } .categories-deals .category-name a:visited { color: #f86532; text-decoration: none; } .categories-deals .category-name a:hover { color: #f86532; text-decoration: none; } .categories-deals .category-name a:active { color: #f86532; text-decoration: none; } .categories-deals .category-name a:hover { text-decoration: underline !important; } .categories-deals .image-shell-wrapper { display: inline-block; margin: 20px 0 10px; } .categories-deals .custom-info-block { clear: both; width: 100%; border: 1px solid #e0e0e0; border-left: 3px solid #f86532; padding: 7px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rtl-layout .categories-deals .custom-info-block { border-right: 3px solid #f86532; border-left: 1px solid #e0e0e0; } .categories-deals .custom-info-block p { margin: 0; font-size: 90%; line-height: 1.25; } .categories-deals .custom-info-block:before { content: ''; width: 0; height: 100%; background: #f86532; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; } .rtl-layout .categories-deals .custom-info-block:before { left: auto; right: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .categories-deals .custom-info-block:hover { color: #fff; border-color: #f86532; } .categories-deals .custom-info-block:hover:before { width: 100%; } .categories-deals .color01 .category-name a { color: #02adec; text-decoration: none; } .categories-deals .color01 .category-name a:visited { color: #02adec; text-decoration: none; } .categories-deals .color01 .category-name a:hover { color: #02adec; text-decoration: none; } .categories-deals .color01 .category-name a:active { color: #02adec; text-decoration: none; } .categories-deals .color01 .custom-info-block { border-left-color: #02adec; } .rtl-layout .categories-deals .color01 .custom-info-block { border-right-color: #02adec; border-left-color: #e0e0e0; } .categories-deals .color01 .custom-info-block:hover { border-color: #02adec; } .categories-deals .color01 .custom-info-block:before { background: #02adec; } .categories-deals .color03 .category-name a { color: #66c916; text-decoration: none; } .categories-deals .color03 .category-name a:visited { color: #66c916; text-decoration: none; } .categories-deals .color03 .category-name a:hover { color: #66c916; text-decoration: none; } .categories-deals .color03 .category-name a:active { color: #66c916; text-decoration: none; } .categories-deals .color03 .custom-info-block { border-left-color: #66c916; } .rtl-layout .categories-deals .color03 .custom-info-block { border-right-color: #66c916; border-left-color: #e0e0e0; } .categories-deals .color03 .custom-info-block:hover { border-color: #66c916; } .categories-deals .color03 .custom-info-block:before { background: #66c916; } .categories-deals .color04 .category-name a { color: #f3a52a; text-decoration: none; } .categories-deals .color04 .category-name a:visited { color: #f3a52a; text-decoration: none; } .categories-deals .color04 .category-name a:hover { color: #f3a52a; text-decoration: none; } .categories-deals .color04 .category-name a:active { color: #f3a52a; text-decoration: none; } .categories-deals .color04 .custom-info-block { border-left-color: #f3a52a; } .rtl-layout .categories-deals .color04 .custom-info-block { border-right-color: #f3a52a; border-left-color: #e0e0e0; } .categories-deals .color04 .custom-info-block:hover { border-color: #f3a52a; } .categories-deals .color04 .custom-info-block:before { background: #f3a52a; } .wrapper-ads03 { margin: 20px 0; } .wrapper-ads03 .text-area { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; padding: 21px 10px 21px 70px; background: #bbbbbb; min-height: 60px; text-align: center; } .wrapper-ads03 .text-area .icon-font { float: left; background: #a1a1a1; font-size: 0; color: #ffffff; width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; left: 0; top: 0; } .wrapper-ads03 .text-area .icon-font:before { font-size: 36px; } .wrapper-ads03 .text-area h5 { text-transform: uppercase; color: #ffffff; margin: 0; } .wrapper-ads03 .text-area:hover { box-shadow: 5px 5px 0px #888888; -moz-box-shadow: 5px 5px 0px #888888; -webkit-box-shadow: 5px 5px 0px #888888; -o-box-shadow: 5px 5px 0px #888888; -ms-box-shadow: 5px 5px 0px #888888; } .wrapper-ads04 .groupinfo { padding: 20px; background-color: #ffffff; } .wrapper-ads04 .groupinfo .grifo-title { margin: 0 0 20px; } .wrapper-ads04 .groupinfo .grifo-title a { color: #000000; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:visited { color: #000000; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:hover { color: #288b43; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:active { color: #288b43; text-decoration: none; } .wrapper-ads05 { background-color: #ffffff; padding: 10px 20px; } .wrapper-ads05 .newsletter-ads { background-image: url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/bkg-newsletter.png); background-position: 0 center; background-repeat: no-repeat; text-align: center; padding: 40px 10px; } .rtl-layout .wrapper-ads05 .newsletter-ads { background-position: right center; } .wrapper-ads05 .newsletter-ads .h3 { margin-bottom: 10px; } .wrapper-ads05 .newsletter-container { font-size: 90%; padding: 20px 0; } .wrapper-ads05 .newsletter-container .block.newsletter { margin-bottom: 10px; } .wrapper-ads05 .newsletter-container .block.newsletter input[type="email"] { background-color: #edeeef; border-color: #edeeef; } .wrapper-ads05 .newsletter-container .block.newsletter .action.subscribe { color: #ffffff; background-color: #1e401f; border-color: #1e401f; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .wrapper-ads05 .newsletter-container .block.newsletter .action.subscribe:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .wrapper-ads06 { padding: 20px; color: #fff; } .wrapper-ads06.bg-wrapper-ads { padding: 180px 0; } .wrapper-ads06 .ads-title { font-size: 36px; } .wrapper-ads06 .ads-desc { font-size: 14px; margin-bottom: 3rem; } .wrapper-ads06 .ads-img img { width: auto !important; display: inline-block !important; } .wrapper-ads06 a { color: #ffffff; text-decoration: none; } .wrapper-ads06 a:visited { color: #ffffff; text-decoration: none; } .wrapper-ads06 a:hover { color: #288b43; text-decoration: none; } .wrapper-ads06 a:active { color: #288b43; text-decoration: none; } .wrapper-ads06 .ads-author { text-transform: uppercase; margin-bottom: 0; } .wrapper-ads06 .ads-major { color: #f8b5ad; } .wrapper-ads06 .owl-carousel { padding-top: 0; } .wrapper-ads06 .owl-carousel .owl-nav { position: static; } .wrapper-ads06 .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(50% - 20px); position: absolute; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; background-color: transparent; border-color: transparent; } .wrapper-ads06 .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .wrapper-ads06 .owl-carousel .owl-nav [class*='owl-']:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .wrapper-ads06 .owl-carousel:hover .owl-nav [class*='owl-'] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } /*Medical*/ .wrapper-ads07 { padding: 20px; color: #414b56; } .wrapper-ads07.bg-wrapper-ads { padding: 40px 0; } .wrapper-ads07 .cdz-block-title .b-title { color: #288b43; } .wrapper-ads07 .ads-title { font-size: 36px; } .wrapper-ads07 .cdz-wrapper-banner:before { width: 100%; height: 100%; content: ''; background: #fff; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; top: 0; left: 0; position: absolute; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: -1; } .wrapper-ads07 .cdz-banners-item { position: relative; padding: 20px 90px; } .wrapper-ads07 .cdz-banners-item:after { top: 20px; left: 40px; position: absolute; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10d"; font-size: 30px; vertical-align: middle; color: #4ac2f7; } .wrapper-ads07 .ads-desc { font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin-bottom: 3rem; font-style: italic; text-align: left; } .wrapper-ads07 .item-image p { display: inline-block; vertical-align: top; margin: 0; } .wrapper-ads07 .item-image p.ads-author { font-weight: bold; margin: 10px 10px; } .wrapper-ads07 .item-image p.ads-img img { width: 40px !important; display: inline-block !important; } .wrapper-ads07 a { color: #ffffff; text-decoration: none; } .wrapper-ads07 a:visited { color: #ffffff; text-decoration: none; } .wrapper-ads07 a:hover { color: #288b43; text-decoration: none; } .wrapper-ads07 a:active { color: #288b43; text-decoration: none; } .wrapper-ads07 .owl-carousel { padding-top: 0; } .wrapper-ads07 .owl-carousel .owl-nav { position: static; } .wrapper-ads07 .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(50% - 20px); position: absolute; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; background-color: transparent; border-color: transparent; } .wrapper-ads07 .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .wrapper-ads07 .owl-carousel .owl-nav [class*='owl-']:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .wrapper-ads07 .owl-carousel:hover .owl-nav [class*='owl-'] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .wrapper-ads07 .owl-carousel .owl-dots { text-align: center; margin-top: 10px; padding-bottom: 20px; } .wrapper-ads07 .owl-carousel .owl-dots .owl-dot { overflow: hidden; display: inline-block; margin: 0 2px; cursor: pointer; background-color: transparent; box-shadow: inset 0 0 0 2px #000000; width: 10px; height: 10px; border-radius: 100%; position: relative; } .wrapper-ads07 .owl-carousel .owl-dots .owl-dot span { height: 100%; width: 100%; background-color: #288b43; border-radius: 100%; position: absolute; left: 0; top: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .wrapper-ads07 .owl-carousel .owl-dots .owl-dot.active span, .wrapper-ads07 .owl-carousel .owl-dots .owl-dot:hover span, .wrapper-ads07 .owl-carousel .owl-dots .owl-dot:focus span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } /*Lookbook Car store*/ /*Lookbook*/ .rtl-layout .auto-pos-wrap.item-img-wrap div.img-center img { opacity: 1; } .featured-look-container { padding-top: 50px; } .featured-look-container a.all-lb { display: block; font-size: 14px; color: #000000; text-decoration: none; } .featured-look-container a.all-lb:hover { text-decoration: none; color: #288b43; } .featured-look-container .loobook-item-list { padding: 0; } .featured-look-container .auto-pos-wrap.item-img-wrap { background-color: transparent; } .featured-look-list .lookbook-inner .auto-pos-wrap .canvas:hover { cursor: default; } .featured-look-list .lookbook-inner .item-points .product-item { padding: 10px; background: #edeeef; box-shadow: 0px 0px 6px 1px #ddd; } .featured-look-list .lookbook-inner .item-points .product-name { color: #282828; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .featured-look-list .lookbook-inner .item-points a.button-buy { display: block; margin: 10px 0; text-align: center; padding: 7px 15px; text-transform: uppercase; text-decoration: none; color: #ffffff; border-color: #288b43; background: #288b43; } .featured-look-list .lookbook-inner .item-points a.button-buy span { line-height: 1.35; } .featured-look-list .lookbook-inner .item-points a.button-buy:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e66e'; font-size: 22px; font-family: 'Pe-icon-7-stroke'; speak: none; margin-right: 5px; } .rtl-layout .featured-look-list .lookbook-inner .item-points a.button-buy:before { margin-right: 0; margin-left: 5px; } .featured-look-list .lookbook-inner .item-points a.button-buy:hover { color: #ffffff; border-color: #288b43; background: #288b43; } .featured-look-list .lookbook-inner .auto-pos-wrap .canvas:before { display: none; } .featured-look-list .owl-dots { width: 100%; text-align: center; padding-bottom: 40px; } .featured-look-list .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; margin: 0 3px; border-radius: 100%; background: #8b8b8b; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .featured-look-list .owl-dots .owl-dot.active { background: #288b43; } .featured-look-list .owl-nav { position: static; } .featured-look-list .owl-nav [class*='owl-'] { position: absolute; border: 0; margin: 0; top: calc((100% - 40px)/2); transform: scale(0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .featured-look-list .owl-nav [class*='owl-'].owl-prev { left: 0; right: auto; } .rtl-layout .featured-look-list .owl-nav [class*='owl-'].owl-prev { right: 0; left: auto; } .featured-look-list .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .rtl-layout .featured-look-list .owl-nav [class*='owl-'].owl-next { left: 0; right: auto; } .featured-look-list:hover .owl-nav [class*='owl-'] { transform: scale(1); } /*Popup Wishlist*/ .popup-ajax-lgfm-popup .account-info-summary form .label { padding-bottom: 5px; display: block; } .popup-ajax-lgfm-popup .account-info-summary form .field { margin-bottom: 20px; } .popup-ajax-lgfm-popup .account-info-summary .info-summary-bottom { padding-top: 10px; clear: both; } .product-style02.block { margin-bottom: 60px; } .product-style02 .products.wrapper { padding-top: 20px; } .product-style02 .owl-carousel { padding-top: 0; } .product-style02 .owl-carousel .owl-stage-outer { padding: 0 0 3px; } .product-style02 .owl-carousel .owl-nav { margin-top: 0; position: static; } .product-style02 .owl-carousel .owl-nav [class*='owl-'] { width: 70px; height: 70px; top: 40%; left: 0; position: absolute; margin: 0; top: calc(50% - 35px); -webkit-top: calc(50% - 35px); -o-top: calc(50% - 35px); -moz-top: calc(50% - 35px); border: 0px solid #282828; color: #ffffff; background-color: rgba(188, 188, 188, 0.31); border-color: transparent; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .product-style02 .owl-carousel .owl-nav [class*='owl-']:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product-style02 .owl-carousel .owl-nav [class*='owl-']:before { font-size: 30px; line-height: 68px; } .product-style02 .owl-carousel .owl-nav [class*='owl-'].owl-next { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; right: 0; left: auto; } .rtl-layout .product-style02 .owl-carousel .owl-nav [class*='owl-'] { right: 0; left: auto; } .rtl-layout .product-style02 .owl-carousel .owl-nav [class*='owl-'].owl-next { right: auto; left: 0; } .product-style02 .owl-carousel.owl-drag .owl-item .product-item-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product-style02 .product-item .product-item-info { padding: 10px; text-align: center; } .product-style02 .product-item .product-info-top { margin-bottom: 10px; } .product-style03 { border-top: 0; } .product-style03.cdz-block-title02 .block-title { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin-bottom: 0; } .product-style03 .owl-carousel { padding-top: 0; } .product-style03 .owl-carousel.owl-drag .owl-item { border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; position: relative; } .product-style03 .owl-carousel.owl-drag .owl-item .item-slider > .item { position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom: 1px solid #e0e0e0; } .product-style03 .owl-carousel.owl-drag .owl-item .item-slider > .item .product-item-info:before { border: 2px solid transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style03 .owl-carousel.owl-drag .owl-item .item-slider > .item:hover .product-item-info:before { border: 2px solid #b0d235; } .product-style03 .products-grid .product-item-info { padding: 2px; overflow: hidden; border: 0; } .product-style03 .products-grid .product-item-info .cdz-hover-section { text-align: center; padding: 10px 10px 0; } .product-style03 .products-grid .product-item { margin-bottom: 0; } .product-style03 .products-grid .product-item .product-item-info { text-align: left; } .rtl-layout .product-style03 .products-grid .product-item .product-item-info { text-align: right; } @media (min-width: 1180px) { .product-style04 .products.wrapper .product-items { margin: 0 0 -1px !important; } } /*.product-style04{ .products.wrapper{ border:1px solid @main_border; border-radius:5px; background:@main_block_background; .product-items{ margin: 0 !important; } } .main-product{ width:50%; float:right; .item{ width:100%; } .product-item-info{ text-align:center !important; .product-item-link{ font-size:140%; } .price{ font-size:120%; } } } .small-product-grid{ width:50%; float:left; .product-row{ clear:both; .item{ width:33.3333%; margin-bottom:0; border-right:1px solid @main_border; } &:first-child{ .item{ border-bottom:1px solid @main_border;} } } } .products-grid { .product-item-name{ min-height:36px;} .product-item-info{ text-align:left; .cdz-hover-section{ text-align:center; padding:10px 10px 0} } .product-item:hover .product-item-info{ .abs-boxshadow(none); } } }*/ .product-style05 .product-item .product-item-actions { margin-top: 0; display: block; } .product-style05 .product-item .product-item-actions .action.primary { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 7px 20px; text-transform: capitalize; } .product-style05 .product-item .product-item-actions .action.primary span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f07a'; font-size: 14px; margin-right: 10px; } .rtl-layout .product-style05 .product-item .product-item-actions .action.primary span:before { margin-left: 10px; margin-right: 0; } .product-style22 .product-item .product-item-name { text-transform: uppercase; } .product-style22 .product-item .price-box .price { font-size: 18px; font-weight: 500; } .product-style22 .product-item .product-reviews-summary { margin-bottom: 0; } .product-style22 .product-item .addto-hover-container .action.towishlist:before { vertical-align: middle; } .product-style22 .product-item .addto-hover-container .action.tocompare:before { content: "\f074"; vertical-align: middle; } .product-style22 .same-height { display: flex; flex-flow: wrap; align-items: stretch; } /* ============================================ * * Codazon_Blog * ============================================ */ .cdz_wapper-blog01 .owl-carousel .owl-nav { left: 0; top: -20px; right: 0; } .cdz_wapper-blog01 .post-item { background-color: #ffffff; } .cdz_wapper-blog01 .blog-title { margin: 15px 0 10px; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a { color: #282828; text-decoration: none; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a:visited { color: #282828; text-decoration: none; } .cdz_wapper-blog01 .blog-title a:hover { color: #288b43; text-decoration: none; } .cdz_wapper-blog01 .blog-title a:active { color: #288b43; text-decoration: none; } .cdz_wapper-blog01 .blog-text-link a { display: inline-block; margin-top: 10px; position: relative; } .cdz_wapper-blog01 .blog-text-link a.btn-link { margin-bottom: 10px; } .cdz_wapper-blog01 .blog-text-link a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f101'; font-size: 12px; margin-right: 5px; } .rtl-layout .cdz_wapper-blog01 .blog-text-link a:before { display: none; } .rtl-layout .cdz_wapper-blog01 .blog-text-link a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f100'; font-size: 12px; margin-right: 5px; } .cdz_wapper-blog01 .cdz-blog-bottom { padding: 0 20px; overflow: hidden; } .cdz_wapper-blog01 .blog-desc { color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .cdz-blog-top { position: relative; overflow: hidden; } .cdz_wapper-blog01 .cdz-blog-top .blog-date { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #333333; padding: 7px 10px; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .cdz_wapper-blog01 .cdz-blog-top .blog-date:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f073'; font-size: 16px; margin-right: 5px; } .rtl-layout .cdz_wapper-blog01 .cdz-blog-top .blog-date { float: right; left: auto; right: 10px; } .rtl-layout .cdz_wapper-blog01 .cdz-blog-top .blog-date:before { margin-right: 0; margin-left: 5px; } .cdz_wapper-blog01 .cdz-blog-top a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog01 .cdz-blog-top:hover a img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } .cdz_wapper-blog02 .post-item { background-color: #ffffff; } .cdz_wapper-blog02 .cdz-blog-bottom { padding: 20px 10px 10px; } .cdz_wapper-blog02 .blog-desc { color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 20px; } .cdz_wapper-blog02 .blog-title { margin: 0 0 20px; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .cdz_wapper-blog02 .blog-title a { color: #282828; text-decoration: none; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog02 .blog-title a:visited { color: #282828; text-decoration: none; } .cdz_wapper-blog02 .blog-title a:hover { color: #288b43; text-decoration: none; } .cdz_wapper-blog02 .blog-title a:active { color: #288b43; text-decoration: none; } .cdz_wapper-blog02 .blog-text-link { text-align: center; } .cdz_wapper-blog02 .cdz-blog-top { position: relative; overflow: hidden; } .cdz_wapper-blog02 .cdz-blog-top .blog-date { position: absolute; top: 0; right: 0; background: #f8b5ad; padding: 7px 10px; color: #ffffff; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .rtl-layout .cdz_wapper-blog02 .cdz-blog-top .blog-date { float: right; left: auto; right: 0; } .cdz_wapper-blog02 .cdz-blog-top a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog02 .cdz-blog-top:hover a img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } .cdz_wapper-blog02 .owl-carousel { padding-top: 0; } .cdz_wapper-blog02 .owl-carousel .owl-nav { position: static; } .cdz_wapper-blog02 .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(50% - 20px); position: absolute; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog02 .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .rtl-layout .cdz_wapper-blog02 .owl-carousel .owl-nav [class*='owl-'] { left: auto; right: 0; } .rtl-layout .cdz_wapper-blog02 .owl-carousel .owl-nav [class*='owl-'].owl-next { left: 0; right: auto; } .cdz_wapper-blog02 .owl-carousel:hover .owl-nav [class*='owl-'] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .cdz_wapper-blog03 { background: #ffffff; } .cdz_wapper-blog03 .post-items { padding: 20px; } .cdz_wapper-blog03 .blog-title { margin: 15px 0 10px; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .blog-title a { color: #282828; text-decoration: none; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .blog-title a:visited { color: #282828; text-decoration: none; } .cdz_wapper-blog03 .blog-title a:hover { color: #288b43; text-decoration: none; } .cdz_wapper-blog03 .blog-title a:active { color: #288b43; text-decoration: none; } .cdz_wapper-blog03 .blog-text-link a { display: inline-block; margin-top: 10px; position: relative; } .cdz_wapper-blog03 .cdz-blog-bottom { padding: 0; overflow: hidden; } .cdz_wapper-blog03 .blog-desc { color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .cdz-blog-top { position: relative; overflow: hidden; } .cdz_wapper-blog03 .cdz-blog-top .blog-date { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #333333; padding: 7px 10px; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .cdz_wapper-blog03 .cdz-blog-top .blog-date:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f073'; font-size: 16px; margin-right: 5px; } .rtl-layout .cdz_wapper-blog03 .cdz-blog-top .blog-date { float: right; left: auto; right: 10px; } .rtl-layout .cdz_wapper-blog03 .cdz-blog-top .blog-date:before { margin-right: 0; margin-left: 5px; } .cdz_wapper-blog03 .cdz-blog-top a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cdz_wapper-blog03 .cdz-blog-top:hover a img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } .cdz_wapper-blog04 .owl-carousel .owl-nav { right: -5px; top: -79px; } .cdz_wapper-blog04 .cdz-block-title .b-title { background-color: transparent; color: #282828; } .cdz_wapper-blog04 .cdz-blog-top { background: #f1f1f1; padding: 20px; } .cdz_wapper-blog04 .blog-title { margin: 10px 0; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog04 .blog-title a { color: #282828; text-decoration: none; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } .cdz_wapper-blog04 .blog-title a:visited { color: #282828; text-decoration: none; } .cdz_wapper-blog04 .blog-title a:hover { color: #288b43; text-decoration: none; } .cdz_wapper-blog04 .blog-title a:active { color: #288b43; text-decoration: none; } .cdz-block-title .b-title { padding: 0 0 10px; border-bottom: 5px solid #288b43; background: transparent; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .cdz-block-title .b-title { padding: 10px 20px; } /*Product*/ /*general*/ .product-item { position: relative; } .product-item .cdz-product-top { position: relative; } .product-item .addto-hover-container { position: absolute; top: calc((100% - 40px)/2); left: calc((100% - 40px)/2); z-index: 2; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); } .product-item .product-item-info .product-item-details { padding: 10px; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; } .rtl-layout .product-item .product-item-info .product-item-details { text-align: right; } .product-item .product-item-info .product-item-name { min-height: 56px; } .product-item .product-item-info .price-box .price { font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .products-list .product-item-details .qs-button, .products-list .product-item-details .cdz-buttons-container .action, .products-list .product-item-details .cdz-buttons-container button.tocart.primary { color: #555555; border-color: #288b43; background: #ffffff; } .products-list .product-item-details .qs-button:hover, .products-list .product-item-details .cdz-buttons-container .action:hover, .products-list .product-item-details .cdz-buttons-container button.tocart.primary:hover { color: #ffffff; border-color: #288b43; background: #288b43; } .product-style20 { margin-bottom: -40px; } .product-style20 .products-grid .item a.product-item-photo .main-image .product-image-container { position: static; } .product-style20 .products-grid .item:hover a.product-item-photo .main-image .product-image-container { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .product-style20 .products { margin-top: 25px; } .product-style20 .owl-carousel .owl-stage { padding-bottom: 40px; overflow: hidden; } .product-style20 .tabs-list-sty03 .product.data.items > .item.content { margin: 0; padding: 0; } .product-style20 .product-item .product-actions-right { display: inline-block; vertical-align: top; } .product-style20 .img-gallery { text-align: center; margin-bottom: 20px; } .product-style20 .img-gallery .gitems { display: inline-block; text-align: center; width: 100%; } .product-style20 .img-gallery .gitem { margin: 0 2%; width: 20%; display: inline-block; text-align: center; border: 1px solid transparent; } .product-style20 .img-gallery .gitem.item-active { border-color: #288b43; } @media (min-width: 992px) { .product-item .product-item-info .product-item-details { padding: 10px 20px; } .product-item .cdz-buttons-container button.tocart.primary { width: auto; height: auto; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; padding: 10px 15px; } .product-item .cdz-buttons-container button.tocart.primary:before { display: none; } .product-item:hover .addto-hover-container { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-item:hover .product-item-details { z-index: 11; } .product-style20 .product-item .cdz-buttons-container { margin: 0; position: absolute; left: -11px; bottom: -10px; width: calc(100% + 22px); background: #ffffff; padding: 0 10px 10px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .product-style20 .product-item .cdz-buttons-container .product-item-actions { margin: 0; border: 1px solid #e0e0e0; border-top: none; padding: 10px; } .product-style20 .product-item:hover { box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); } .product-style20 .product-item:hover .cdz-buttons-container { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; bottom: -60px; box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); } .product-style20 .product-item:hover .product-item-info { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; } /*categories*/ .products-grid .product-item .product-item-info .cdz-product-bottom.hover-effect:not(.non-hover) { top: auto; bottom: -10px; background: #ffffff; padding: 10px 20px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .products-grid .product-item .product-item-info .cdz-product-bottom.hover-effect:not(.non-hover) .cdz-buttons-container { text-align: left; } .rtl-layout .products-grid .product-item .product-item-info .cdz-product-bottom.hover-effect:not(.non-hover) .cdz-buttons-container { text-align: right; } .products-grid .product-item div[class^="swatch-opt-"], .products-grid .product-item div[class^="swatch-opt-"] > div { text-align: left; } .rtl-layout .products-grid .product-item div[class^="swatch-opt-"], .rtl-layout .products-grid .product-item div[class^="swatch-opt-"] > div { text-align: right; } .products-grid .product-item:hover .product-item-info { box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08); } .products-grid .product-item:hover .product-item-info .cdz-product-bottom.hover-effect:not(.non-hover) { bottom: -60px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.08); } .products-grid .products.product-items:not(.owl-carousel) { overflow: visible; } } @media (min-width: 768px) { .product-style20 .cdz-block-title ~ .tabs-list { margin-top: -45px; z-index: 1; position: relative; } .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel .owl-nav { position: static; } .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(50% - 20px); position: absolute; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .rtl-layout .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel .owl-nav [class*='owl-'] { left: auto; right: 0; } .rtl-layout .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel .owl-nav [class*='owl-'].owl-next { left: 0; right: auto; } .product-style20 .cdz-block-title ~ .tabs-list .owl-carousel:hover .owl-nav [class*='owl-'] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-style20 .nav-tabs.abs-dropdown { text-align: right; } .rtl-layout .product-style20 .nav-tabs.abs-dropdown { text-align: left; } .product-style20 .nav-tabs.abs-dropdown li.item > .switch { padding: 11px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none; color: #ffffff; border-color: #1e401f; background: #555555; } .product-style20 .nav-tabs.abs-dropdown li.item:hover > .switch, .product-style20 .nav-tabs.abs-dropdown li.item.active > .switch { color: #ffffff; border-color: transparent; background: #1e401f; } .product-style20 .product-item { padding: 10px; background: #ffffff; } .product-style20 .product-item .product-item-info { border: 1px solid #e0e0e0; } .product-style20 .img-gallery .gitem { padding: 1px; } /*categories*/ .products-list .cdz-hover-section { display: inline-block; float: left; } .products-list .product-item-details { display: inline-block; } .header.content { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 767px) { .product-style20 .product-item .product-item-info .actions { display: block; padding: 0; } .product-style20 .product-item .actions-primary { display: inline-block; vertical-align: top; } .product-style20 .product-item .cdz-buttons-container button.tocart.primary, .product-style20 .product-item .cdz-buttons-container .action { width: 35px; height: 35px; line-height: 35px; margin: 0 1px; } .product-style20 .product-item .cdz-buttons-container button.tocart.primary:before, .product-style20 .product-item .cdz-buttons-container .action:before { line-height: 35px; } .product-style20 a.mobile-toggle { position: static; border-radius: 0; text-align: left; } .rtl-layout .product-style20 a.mobile-toggle { text-align: right; padding: 7px 20px 7px 30px; } .product-style20 a.mobile-toggle:before { right: 20px; } .rtl-layout .product-style20 a.mobile-toggle:before { right: auto; left: 20px; } .product-style20 .tabs-list-sty03.tabs-list { position: relative; } .product-style20 .tabs-list-sty03 .nav-tabs.abs-dropdown { text-align: left; width: 100%; top: 35px; left: 0; } .rtl-layout .product-style20 .tabs-list-sty03 .nav-tabs.abs-dropdown { text-align: right; } .product-style20 .tabs-list-sty03.product-style05 .products-grid .product-item-info .product-item-details { padding-bottom: 0; } } /*Popular Categories block*/ .categories-banner-grid { background: #ffffff; /*title*/ /*categories group*/ /*categories banner*/ } .categories-banner-grid .cdz-block-title { text-align: center; padding: 20px 20px 0; margin-bottom: 20px; } .categories-banner-grid .cdz-block-title .title { text-transform: uppercase; letter-spacing: 1px; display: inline-block; position: relative; padding-bottom: 10px; font: 500 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 400; color: #000000; } .categories-banner-grid .cdz-block-title .title:after { background: #1e401f; position: absolute; content: ""; bottom: 0; left: calc((100% - 100px)/2); width: 100px; height: 1px; } .categories-banner-grid .container { padding-left: 10px; padding-right: 10px; } .categories-banner-grid .categories-col.group { padding-top: 20px; padding-bottom: 20px; } .categories-banner-grid .cat-list { text-align: center; margin-bottom: 0; } .categories-banner-grid .cat-item { display: inline-block; margin: 12px 10px; text-align: center; } .categories-banner-grid .cat-item a { display: inline-block; color: #000000; } .categories-banner-grid .cat-item .thumb { display: inline-block; border: 1px solid #e0e0e0; margin-bottom: 10px; } .categories-banner-grid .cat-item a:hover { color: #288b43; } .categories-banner-grid .cat-item a:hover .thumb { border-color: #288b43; } .categories-banner-grid .cat-item a:hover .title { color: #288b43; } .categories-banner-grid .cat-item .title { display: block; } .categories-banner-grid .categories-col.banner { padding: 0; } .categories-banner-grid .categories-col.banner a.category-banner { display: inline-block; position: relative; float: right; width: 100%; } .rtl-layout .categories-banner-grid .categories-col.banner a.category-banner { float: left; } .categories-banner-grid .categories-col.banner .thumb img { width: 100%; } .categories-banner-grid .categories-col.banner .banner-text { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 30px 30px 40px; } .categories-banner-grid .categories-col.banner .banner-text span.title.h1 { display: block; color: #ffffff; font-size: 36px; letter-spacing: 1px; font-weight: 700; margin-bottom: 0; } @media (max-width: 767px) { .categories-banner-grid .categories-col.banner .banner-text span.title.h1 { font-size: 24px; } } .categories-banner-grid .categories-col.banner .banner-text .des { font-size: 16px; color: #ffffff; } /*Home banner*/ .home-banner .banner-text { position: absolute; bottom: 0; width: 100%; left: 0; } .home-banner a { display: inline-block; position: relative; } .main-banner .banner-text { padding: 20px 25px; } .main-banner .banner-text .h1, .main-banner .banner-text .h2 { font-size: 36px; letter-spacing: 2px; } @media (max-width: 767px) { .main-banner .banner-text .h1, .main-banner .banner-text .h2 { font-size: 24px; } } .main-banner .banner-text .h1.bg { font-weight: bold; letter-spacing: 1px; padding: 0px 7px; } .main-banner .banner-text .h2 { display: block; color: #ffffff; margin-bottom: 0; } .second-banner .banner-text { text-align: center; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; z-index: 1; padding-top: 10px; } .second-banner a:before { height: 5px; content: ""; width: 100%; left: 0; bottom: 0; position: absolute; } /*Home banner*/ .main-banner .banner-text .h1.bg { color: #333333; background-color: #288b43; border-color: #288b43; } .second-banner a:before { background: #288b43; } /*Home Blog*/ .cdz_wapper-blog03 .post-items { padding: 0 20px 20px; margin-top: 25px; } /*Banner Hover*/ .shadow-effect { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; } .shadow-effect:hover { box-shadow: 0px 4px 34px #9a9898; -moz-box-shadow: 0px 4px 34px #9a9898; -webkit-box-shadow: 0px 4px 34px #9a9898; -o-box-shadow: 0px 4px 34px #9a9898; -ms-box-shadow: 0px 4px 34px #9a9898; } .shadow-effect { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; } .shadow-effect:hover { box-shadow: 0px 4px 34px #9a9898; -moz-box-shadow: 0px 4px 34px #9a9898; -webkit-box-shadow: 0px 4px 34px #9a9898; -o-box-shadow: 0px 4px 34px #9a9898; -ms-box-shadow: 0px 4px 34px #9a9898; } .line-effect { position: relative; overflow: hidden; } .line-effect .line-effect-content { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .line-effect .line-effect-content:before, .line-effect .line-effect-content:after { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .line-effect .line-effect-content:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -moz-transform: scale(0,1); -webkit-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); } .line-effect .line-effect-content:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -moz-transform: scale(1,0); -webkit-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .line-effect .line-effect-content:hover:after, .line-effect .line-effect-content:hover:before { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } .product-item .cdz-product-top { overflow: hidden; } .item ul.cdz-product-labels { width: 100%; } .item ul.cdz-product-labels li.label-item { position: absolute; top: 15px; width: 200px; height: auto; border-radius: 0; margin-bottom: 0; padding: 0; font-size: 12px; line-height: 20px; left: -75px; background: #288b43; color: #000000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .item ul.cdz-product-labels li.label-item.new { left: -75px; } .item ul.cdz-product-labels li.label-item.sale { right: -75px; left: auto; color: #ffffff; background: #ff0000; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .item ul.cdz-product-labels li.label-item:before { display: none; } .cdz-product-labels li.label-item:before { display: none; } /*product view*/ /*product tab*/ .product.info.detailed .product.data.items > .item.title > a.switch { color: #000000; } .product.info.detailed .product.data.items > .item.title > a.switch:before { background: #288b43; } .product.info.detailed .product.data.items > .item.title:not(.active) > a.switch:hover { color: #288b43; } .product.info.detailed .product.data.items > .item.title.active > a.switch { font-weight: normal; } .product.info.detailed .product.data.items > .item.title.active > a.switch:hover { color: #000000; } /*Categories page*/ .cdz-hover-section { overflow: hidden; } .sidebar .block-brands .owl-carousel .owl-nav { top: -58px; right: -7px; } .modes-mode { border-color: #288b43; } .modes-mode:before { color: #288b43; } body input[type="text"], body input[type="password"], body input[type="url"], body input[type="tel"], body input[type="search"], body input[type="number"], body input[type="datetime"], body input[type="email"] { height: 34px; } .tagclaud-hld, .block-collapsible-nav .content { padding: 15px 20px !important; } .sidebar .widget.blog-search .block-content { padding-top: 15px !important; } .checkout-index-index .authentication-wrapper { margin-right: 10px; } .checkout-index-index .page-header .authorization-link.switcher { display: none; } .post-view .post-bottom .block.related:not(.block-static-block) .block-title { padding: 15px 0; margin-bottom: 20px; } .sidebar .widget.block-categories ul.accordion { padding: 15px 20px !important; border-top: 0; margin: 0 !important; } /*Shopbybrand*/ .block-brands .owl-carousel .owl-nav { top: -58px; right: -20px; } .rtl-layout .block-brands .owl-carousel .owl-nav { right: 0; left: -20px; } body.rtl-layout { direction: ltr; } body.rtl-layout .page-wrapper { direction: rtl; } body.rtl-layout .pull-right { float: left !important; } body.rtl-layout .pull-left { float: right !important; } body.rtl-layout.page-layout-2columns-left .column.main, body.rtl-layout.page-layout-2columns-right .sidebar-main { float: left; } body.rtl-layout.page-layout-2columns-right .sidebar-additional { float: left; clear: left; } body.rtl-layout.page-layout-2columns-right .column.main, body.rtl-layout.page-layout-2columns-left .sidebar-main { float: right; } body.rtl-layout.page-layout-2columns-left .sidebar-additional { float: right; clear: right; } body.rtl-layout ul.cdz-product-labels { left: 10px; right: auto; } body.rtl-layout table th { text-align: right; } body.rtl-layout input[type="radio"] { margin: 2px 0 0 5px; } body.rtl-layout .field-tooltip { right: auto; left: 0; } /* ============================================ * * Codazon_OneStepCheckout * ============================================ */ .osc .step-title { color: #ffffff; background: #000000; border: 1px solid; } .osc #opc-sidebar { border: 2px solid #1e401f; } .checkout-index-index .float-bar { display: none; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #8f8f8f; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .rtl-layout .modal-custom .action-close, .rtl-layout .modal-popup .action-close, .rtl-layout .modal-slide .action-close { right: auto; left: 0; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 25px; } .modal-popup .modal-title { color: #1e401f; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close, .modal-slide .action-close { padding: 0; width: 44px; height: 44px; background: #000 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: 1; } .modal-popup .action-close:before, .modal-slide .action-close:before { color: #fff !important; line-height: 18px !important; } .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: #000 !important; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .modal-popup .page-main-actions, .modal-slide .page-main-actions { margin-top: 2.1rem; margin-bottom: -12.9rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { border: 0 !important; } .modal-popup.confirm { text-align: center; } .modal-popup.confirm .modal-content { padding-top: 5px; } .modal-popup.confirm .modal-footer { text-align: center; padding-top: 0 !important; } .modal-popup.confirm .modal-footer button { min-width: 100px; } .modal-popup .modal-content { padding-bottom: 3rem; } .cdz-popup-wrapper .modal-popup .modal-header, .cdz-popup-wrapper .modal-popup .modal-content, .cdz-popup-wrapper .modal-popup .modal-footer { padding: 0 !important; border: 0; } .cdz-popup-wrapper .modal-popup .modal-footer { display: none; } .cdz-popup-wrapper .block-static-block.widget { margin: 0; } .cdz-popup-wrapper .modal-popup .action-close:before { font-weight: bold; } .cdz-popup-wrapper .cdz-popup-newsletter-left, .cdz-popup-wrapper .cdz-popup-newsletter-right { width: 50%; float: left; } .rtl-layout .cdz-popup-wrapper .cdz-popup-newsletter-left, .rtl-layout .cdz-popup-wrapper .cdz-popup-newsletter-right { float: right; } .cdz-popup-wrapper .cdz-popup-newsletter { background: #f5f5f5; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-title { padding: 10px 40px; background: #dddddd; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-title h3 { color: #000000; margin-bottom: 0; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content { padding: 60px 40px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads { color: #282828; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-title { margin-bottom: 30px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-desc { font-size: 90%; margin-bottom: 60px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-small { font-size: 90%; color: #999999; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .popup-content-newsletter { margin: 0; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter { margin-bottom: 20px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter input { border-width: 1px; border-color: #e0e0e0; text-align: center; padding-left: 10px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter .field { margin-bottom: 20px; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter .field .control:before { display: none; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter .actions { display: block; width: 100%; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter .actions .action.subscribe { width: 100%; color: #ffffff; background-color: #1e401f; border-color: #1e401f; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-popup-wrapper .cdz-popup-newsletter .popup-content .popup-content-ads .block.newsletter .actions .action.subscribe:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .popup-login .modal-popup .modal-inner-wrap { width: 40% !important; } .popup-login .modal-popup .modal-footer { display: none; } .qs-modal .qs-loader { text-align: center; padding: 40px; } .qs-modal .qs-loading-wrap { min-height: 400px; display: table; width: 100%; } .qs-modal .modal-popup .modal-header { padding: 0; } .qs-modal .modal-popup .modal-header .modal-title { display: none; } .qs-modal .modal-popup .modal-content { padding: 0; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-media.product.media { width: 50%; margin-top: -2px; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-media.product.media .fotorama__stage { margin-top: 2px; } .qs-modal .modal-popup .modal-content .quickshop-title .page-title { position: static; margin: 0 0 10px; width: auto; height: auto; } .qs-modal .modal-popup .modal-content .page-title-wrapper { display: block !important; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-tabs { width: 50%; padding: 30px; } .qs-modal .modal-popup .modal-content .bundle-options-container .bundle-options-wrapper, .qs-modal .modal-popup .modal-content .bundle-options-container .block-bundle-summary, .qs-modal .modal-popup .modal-content .bundle-options-container .product-options-wrapper { width: 100% !important; } .page-layout-3columns .qs-modal .modal-popup .modal-content .bundle-options-container .product-options-wrapper, .page-layout-3columns .qs-modal .modal-popup .modal-content .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .qs-modal .modal-popup .modal-content .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .qs-modal .modal-popup .modal-content .bundle-options-container .product-options-wrapper, .page-layout-2columns-right .qs-modal .modal-popup .modal-content .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-right .qs-modal .modal-popup .modal-content .bundle-options-container .block-bundle-summary, .page-layout-2columns-left .qs-modal .modal-popup .modal-content .bundle-options-container .product-options-wrapper, .page-layout-2columns-left .qs-modal .modal-popup .modal-content .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .qs-modal .modal-popup .modal-content .bundle-options-container .block-bundle-summary { width: 100% !important; } .login-modal-wrap.modal-popup .modal-title { text-transform: uppercase; border: 0; margin-bottom: 0; } .rtl-layout .login-modal-wrap.modal-popup .modal-title { float: right; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .lac-notification-sticky { position: relative; z-index: 999; } .lac-notification-sticky .lac-notification { background-color: #373330; color: #ffffff; font-size: 16px; } .lac-notification-sticky .lac-notification .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; } .lac-notification-sticky .lac-notification .lac-notification-icon .logo-img { display: block; } .lac-notification-sticky .lac-notification .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links { float: right; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links a { color: #ffffff; font-size: 14px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after { background: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } @font-face { font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot'); src: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'); } .pagebuilder-icon, .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { -webkit-font-smoothing: antialiased; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } [class^='pagebuilder-icon-']:before, [class*=' pagebuilder-icon-']:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; } .pagebuilder-icon-down:before { content: '\f101'; } .pagebuilder-icon-next:before { content: '\f102'; } .pagebuilder-icon-prev:before { content: '\f103'; } .pagebuilder-icon-up:before { content: '\f104'; } .product-full-width-section { padding: .5em 0; } .product-full-width-section .block.review-add { margin-top: 2.7rem; } .page-layout-product-full-width .block.related { margin-top: 2.7rem; } .page-main-details .product-section-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 15px; padding-bottom: 12px; } .additional-attributes-wrapper .additional-attributes { border: none; width: auto; } .additional-attributes-wrapper .additional-attributes > tbody > tr > th { border: none; padding: 5.5px 30px 10px 0; } .additional-attributes-wrapper .additional-attributes > tbody > tr > td { border: none; padding: 5.5px 5px 10px; } .cms-index-index.page-layout-cms-full-width .nav-sections { margin-bottom: 0; } .slick-slider { -khtml-user-select: none; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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 { border: 1px solid transparent; display: block; height: auto; } .slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-arrow.slick-hidden { display: none; } .slick-prev { left: 2rem; } .slick-prev:before { content: '\f103'; padding-right: 5px; } .slick-next { right: 2rem; } .slick-next:before { content: '\f102'; padding-left: 5px; } .slick-prev, .slick-next { -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: rgba(252, 252, 252, 0.6); border: none; border-radius: 0; color: transparent; cursor: pointer; display: block; font-size: 0; height: 60px; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; z-index: 101; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: .2; } .slick-prev:hover, .slick-next:hover { background: #fcfcfc; border: none; } .slick-prev:hover.slick-disabled, .slick-next:hover.slick-disabled { opacity: .2; } .slick-prev:hover:before, .slick-next:hover:before { color: #494949; } .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { color: #555555; font-size: 38px; opacity: 1; } .slick-prev:active, .slick-next:active, .slick-prev:focus, .slick-next:focus, .slick-prev:not(.primary), .slick-next:not(.primary) { background: rgba(252, 252, 252, 0.7); border: none; box-shadow: none; } .slick-prev:active:active, .slick-next:active:active, .slick-prev:focus:active, .slick-next:focus:active, .slick-prev:not(.primary):active, .slick-next:not(.primary):active { box-shadow: none; } .slick-dots { font-size: 1.4rem; line-height: normal; letter-spacing: normal; display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } .slick-dots li button { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } .slick-dots li button:hover { border: 1px solid #b3b3b3; } .slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:not(.primary) { box-shadow: none; } .slick-dots li.slick-active button { background: #1c1918; } [data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] { color: inherit; text-decoration: inherit; } [data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } .pagebuilder-banner-wrapper { background-clip: padding-box; border-radius: inherit; box-sizing: border-box; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-banner-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; box-sizing: border-box; padding: 30px; position: relative; transition: background-color 500ms ease; } .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-banner-wrapper.jarallax .video-overlay { z-index: 0; } .pagebuilder-banner-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-banner-wrapper .pagebuilder-banner-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-banner-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; } [data-content-type$='block'] .block p:last-child { margin-bottom: 1rem; margin-top: 0; } [data-content-type='buttons'] { max-width: 100%; } [data-content-type='button-item'] { max-width: 100%; } [data-content-type='button-item'] [data-element='link'], [data-content-type='button-item'] [data-element='empty_link'] { max-width: 100%; word-wrap: break-word; } [data-content-type='button-item'] [data-element='empty_link'] { cursor: default; } a.pagebuilder-button-link, button.pagebuilder-button-link, div.pagebuilder-button-link { line-height: 2.2rem; font-size: 1.8rem; line-height: 1.42857143; margin: 0 10px 10px 0; padding: 14px 17px; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; font-weight: 600; box-shadow: none; box-sizing: border-box; display: inline-block; } a.pagebuilder-button-link:visited, button.pagebuilder-button-link:visited, div.pagebuilder-button-link:visited { color: #1979c3; text-decoration: none; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover { color: #006bb4; text-decoration: underline; } a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active { color: #ff5501; text-decoration: underline; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover, a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active, a.pagebuilder-button-link:focus, button.pagebuilder-button-link:focus, div.pagebuilder-button-link:focus { background: none; border: 0; } a.pagebuilder-button-link.disabled, button.pagebuilder-button-link.disabled, div.pagebuilder-button-link.disabled, a.pagebuilder-button-link[disabled], button.pagebuilder-button-link[disabled], div.pagebuilder-button-link[disabled], fieldset[disabled] a.pagebuilder-button-link, fieldset[disabled] button.pagebuilder-button-link, fieldset[disabled] div.pagebuilder-button-link { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { text-decoration: none; background-image: none; background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 10px 10px 0; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 0; box-shadow: none; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active, a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus { text-decoration: none; } a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } a.pagebuilder-button-primary.disabled, button.pagebuilder-button-primary.disabled, div.pagebuilder-button-primary.disabled, a.pagebuilder-button-primary[disabled], button.pagebuilder-button-primary[disabled], div.pagebuilder-button-primary[disabled], fieldset[disabled] a.pagebuilder-button-primary, fieldset[disabled] button.pagebuilder-button-primary, fieldset[disabled] div.pagebuilder-button-primary { opacity: 0.5; cursor: default; pointer-events: none; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { text-decoration: none; background-image: none; background: #1e401f; border: 1px solid #1e401f; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 10px 10px 0; padding: 10px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 0; box-shadow: none; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active, a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus { text-decoration: none; } a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } a.pagebuilder-button-secondary.disabled, button.pagebuilder-button-secondary.disabled, div.pagebuilder-button-secondary.disabled, a.pagebuilder-button-secondary[disabled], button.pagebuilder-button-secondary[disabled], div.pagebuilder-button-secondary[disabled], fieldset[disabled] a.pagebuilder-button-secondary, fieldset[disabled] button.pagebuilder-button-secondary, fieldset[disabled] div.pagebuilder-button-secondary { opacity: 0.5; cursor: default; pointer-events: none; } .pagebuilder-column { box-sizing: border-box; } [data-content-type='heading'] { word-wrap: break-word; } [data-content-type='html'] { word-wrap: break-word; } figure[data-content-type='image'] { box-sizing: border-box; } figure[data-content-type='image'] > [data-element='link'], figure[data-content-type='image'] > [data-element='link'] img { border-radius: inherit; } figure[data-content-type='image'] figcaption { word-wrap: break-word; } [data-content-type='map'] { box-sizing: border-box; height: 300px; } [data-content-type='row'] li.product-item { text-align: left; } .pagebuilder-column .widget-product-grid .product-item { max-width: 100%; min-width: 50px; } .pagebuilder-column .widget-product-grid .product-item .price-box { word-wrap: break-word; } .pagebuilder-column .widget-product-grid .product-item .price-box .price { white-space: normal; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary { display: inline-block; max-width: 100%; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary { display: inline-block; width: auto; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart { max-width: 100%; white-space: normal; } .pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item { width: 200px; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item { display: block; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child { visibility: visible; } [data-content-type='products'][data-appearance='carousel'] .product-item-info { width: auto; } [data-content-type='products'][data-appearance='carousel'] li.product-item { display: none; } [data-content-type='products'][data-appearance='carousel'] li.product-item:first-child { display: block; visibility: hidden; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item { opacity: .5; transition: all 300ms ease; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover { opacity: 1; } [data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item { opacity: 1; } [data-content-type='row'][data-appearance='contained'] { box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; max-width: 1200px; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-bleed'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1200px; width: 100%; } [data-content-type='slide'] { box-sizing: border-box; line-height: 20px; min-height: inherit; overflow: hidden; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { color: inherit; min-height: inherit; text-decoration: inherit; } [data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='slide'] + [data-content-type='slide'] { height: 0; min-height: 0; } .slick-slider [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .pagebuilder-slide-wrapper { border-radius: inherit; box-sizing: border-box; min-height: inherit; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-slide-wrapper .jarallax-viewport-element { height: 100%; left: -15000vw; position: absolute; top: 0; width: 1px; z-index: 100; } .slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element { left: 0; } .pagebuilder-slide-wrapper.jarallax .video-overlay { -webkit-transform: unset; z-index: 1; } .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay { position: relative; z-index: 2; } .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { margin: auto !important; transform: none !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; border-radius: inherit; box-sizing: border-box; padding: 30px; transition: background-color 500ms ease; } .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; min-height: inherit; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-slide-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-slide-wrapper .pagebuilder-slide-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-slide-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; } div[data-content-type='slider'] { visibility: hidden; } div[data-content-type='slider'].slick-initialized { visibility: visible; } div[data-content-type='slider'] .slick-list, div[data-content-type='slider'] .slick-track, div[data-content-type='slider'] .slick-slide { min-height: inherit; } div[data-content-type='slider'] .slick-list > div, div[data-content-type='slider'] .slick-track > div, div[data-content-type='slider'] .slick-slide > div { line-height: 0; min-height: inherit; overflow: hidden; width: 100%; } a.button { -moz-appearance: button; -webkit-appearance: button; appearance: button; color: initial; padding: 10px; text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation { display: block; font-size: 0; margin: 0 0 -1px; padding: 0; } div[data-content-type='tabs'] .tabs-navigation li:first-child { margin-left: 0 !important; } div[data-content-type='tabs'] .tabs-navigation li.tab-header { background: #f6f6f6; border: 1px solid #cccccc; border-bottom: 0; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: inline-block; margin: 0; max-width: 100%; overflow-wrap: break-word; position: relative; word-wrap: break-word; z-index: 1; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) { margin-left: -1px; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { border-right: 0; color: #000000; cursor: pointer !important; display: block; font-size: 14px; font-weight: 600; padding: 1.4rem 2rem; position: relative; transition: all .3s; vertical-align: middle; white-space: normal; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title { display: block; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover { text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child { border-right: 1px solid #cccccc; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active { background: #ffffff; z-index: 19; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title { position: relative; transition: all .3s; } div[data-content-type='tabs'] .tabs-content { border: 1px solid #cccccc; box-sizing: border-box; overflow: hidden; position: relative; z-index: 9; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] { box-sizing: border-box; min-height: inherit; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) { display: none; } div[data-content-type='tabs'].tab-align-left .tabs-content { border-top-left-radius: 0 !important; } div[data-content-type='tabs'].tab-align-right .tabs-content { border-top-right-radius: 0 !important; } div[data-content-type='text'] { word-wrap: break-word; } div[data-content-type='video'] { font-size: 0; } div[data-content-type='video'] .pagebuilder-video-inner { box-sizing: border-box; display: inline-block; width: 100%; } div[data-content-type='video'] .pagebuilder-video-container { border-radius: inherit; overflow: hidden; padding-top: 56.25%; position: relative; } div[data-content-type='video'] iframe, div[data-content-type='video'] video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { font-family: 'object-fit: cover;', sans-serif; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } .jarallax-video-fallback { transform: scale3d(0, 0, 0); } .jarallax .video-overlay { -webkit-transform: translate3d(0, 0, 0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -99; } .jarallax [id*='jarallax-container'] video, .jarallax [id*='jarallax-container'] iframe { visibility: hidden; } .cms-content-important { background-color: #f5f5f5; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; line-height: 1.1; margin: 0 0 35px -20px; padding: 20px; } .pagebuilder-full-width { float: left; width: 100%; } .pagebuilder-content-type { box-sizing: border-box; margin-bottom: 20px; } .pagebuilder-accordion { margin: 0; padding: 0; } .pagebuilder-accordion > .item.title { box-sizing: border-box; float: none; width: 100%; } .pagebuilder-accordion > .item.title > .switch { display: block; } .pagebuilder-accordion > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .pagebuilder-accordion > .item.content:before, .pagebuilder-accordion > .item.content:after { content: ''; display: table; } .pagebuilder-accordion > .item.content:after { clear: both; } .pagebuilder-accordion > .item.content.active { display: block; } .pagebuilder-accordion > .item.title { margin: 0; } .pagebuilder-accordion > .item.title > .switch { border-top: 1px solid #e0e0e0; height: 40px; padding: 10px 10px 10px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:visited { color: #ffffff; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:hover { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:active { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title:not(.disabled) > .switch:active, .pagebuilder-accordion > .item.title.active > .switch, .pagebuilder-accordion > .item.title.active > .switch:focus, .pagebuilder-accordion > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 10px; } .pagebuilder-accordion > .item.content { background: #1e401f; margin: 0; padding: 10px 10px 30px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form-discount .g-recaptcha { margin-top: 50px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** All **/ .opc-place-order-block .new-account { margin-bottom: 20px; } /** Mobile **/ /** Desktop **/ .sidebar .expand, .sidebar .expanded { cursor: pointer; padding-left: 10px; } .sidebar .abs-left-menu { padding: 10px 0; } .sidebar .groupmenu { display: block; margin-top: 20px; margin-bottom: 0; padding-left: 20px; } .sidebar .groupmenu .groupmenu-drop a.is-active:before, .sidebar .groupmenu .groupmenu-drop a.has-active:before { content: '- '; } .sidebar .groupmenu li { list-style: none; position: relative; } .sidebar .groupmenu li.parent:not(.active):not(.has-active) > .groupmenu-drop { display: none; } .sidebar .groupmenu li.active .groupmenu-drop li.active > a:before, .sidebar .groupmenu li.has-active .groupmenu-drop li.active > a:before, .sidebar .groupmenu li.active .groupmenu-drop li.has-active > a:before, .sidebar .groupmenu li.has-active .groupmenu-drop li.has-active > a:before { content: '- '; } .sidebar .groupmenu li.active > span.expand i, .sidebar .groupmenu li.has-active > span.expand i, .sidebar .groupmenu li.active > span.expanded i, .sidebar .groupmenu li.has-active > span.expanded i { color: #288b43; } .sidebar .groupmenu li.active a, .sidebar .groupmenu li.has-active a { color: #777777; } .sidebar .groupmenu li.active > a, .sidebar .groupmenu li.has-active > a { color: #288b43 !important; } .sidebar .groupmenu li.active > ul, .sidebar .groupmenu li.has-active > ul { display: block; } .sidebar .groupmenu li.active > ul li:last-of-type, .sidebar .groupmenu li.has-active > ul li:last-of-type { padding-bottom: 0; margin-bottom: 0; } .sidebar .groupmenu li a { display: inline-block; } .sidebar .groupmenu li a:visited { color: inherit; } .sidebar .groupmenu li a.is-active { color: #288b43; } .sidebar .groupmenu li > ul { padding-top: 5px; padding-left: 0; margin-top: 0; } .sidebar .groupmenu .level0 { list-style: none; padding-left: 20px; } .sidebar .groupmenu .level1 a { padding-left: 10px; } .sidebar .groupmenu .level2 a { padding-left: 20px; } .sidebar .groupmenu .level3 a { padding-left: 30px; } .sidebar > .o-list { display: block; margin-top: 30px; padding-right: 45px; margin-bottom: 30px; } #ask_about_product_pro_content { display: none; } #ask_about_product_pro-button { margin-bottom: 5px; margin-top: 5px; width: 100%; } body { overflow-x: hidden; } .cdz-menu.is-tablet .visible-tablet { display: block; } .cdz-menu .tablet-item { display: none; } .cdz-menu .cat-tree a.groupdrop-title { font-weight: normal; } .cdz-menu p.groupdrop-title, .cdz-menu .cat-tree.no-dropdown a.groupdrop-title { font-weight: bold; } .cdz-menu .space-s { margin-bottom: 10px; } .cdz-menu .space-top, .cdz-menu .groupdrop-title.space-top { margin-top: 20px; } .cdz-menu .text-uppercase { text-transform: uppercase; } .cdz-menu .line-left { padding-left: 20px; border-left: 1px solid #ccc; } .rtl-layout .cdz-menu .line-left { padding-left: 0px; padding-right: 20px; border-right: 1px solid #ccc; border-left: none; } .cdz-menu .line-right { padding-right: 20px; border-right: 1px solid #ccc; } .rtl-layout .cdz-menu .line-right { padding-left: 20px; padding-right: 0px; border-left: 1px solid #ccc; border-right: none; } .cdz-menu hr { border-top: 1px solid #ccc; margin-bottom: 20px; margin-top: 20px; } .cdz-menu .text-center { text-align: center; } .cdz-menu .group-title-bottom { margin-bottom: 20px; } .cdz-menu .groupmenu-drop li.parent { position: relative; } .cdz-menu .block.widget .block-title { text-align: center; } .cdz-menu .block.widget .products-grid .product-item { width: 100% !important; margin: 0; border: none; text-align: center; } .cdz-menu .block.widget .products-grid .product-item .product-item-info { border: none; box-shadow: none; margin: 0; padding: 0; } .cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary { display: inline; } .cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary + .actions-secondary { display: inline; width: auto; } .cdz-menu .contact-form-wrapper { margin-right: 10%; margin-bottom: 20px; } .rtl-layout .cdz-menu .contact-form-wrapper { margin-left: 10%; margin-right: 0; } .cdz-menu .contact-form-wrapper .legend { font-size: 150%; border-bottom: none; } .cdz-menu .contact-form-wrapper .fieldset { margin-bottom: 20px; } .cdz-menu .contact-form-wrapper .actions-toolbar .primary { margin: 0; } .rtl-layout .cdz-menu .contact-form-wrapper .actions-toolbar .primary { float: right; } .temp > .need-unwrap { margin: 0 0; } .rtl-layout { direction: rtl; text-align: right; } .cdz-menu i.menu-icon.img-icon { display: inline-block; margin-right: 5px; } .cdz-menu i.menu-icon.img-icon img { max-width: 18px; } .cdz-menu .groupmenu li.level0 > a.menu-link .menu-icon { margin-right: 3px; } .rtl-layout .cdz-menu .groupmenu li.level0 > a.menu-link .menu-icon { margin-right: 0px; margin-left: 3px; } @media (min-width: 768px) { .cdz-navigation { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 10px; padding-right: 10px; position: relative; display: block; } .cdz-navigation .cdz-horizontal-menu .groupmenu { margin: 0; } .nav-sections-item-content > .cdz-navigation { display: block; } .cdz-menu { /*menu full width*/ /*end menu full width*/ } .cdz-menu li.item.level0 .cdz-google-map { display: none; } .cdz-menu li.item.level0:hover .cdz-google-map { display: block; } .cdz-menu .groupmenu-drop, .cdz-menu .groupmenu-drop-content { display: block; } .cdz-menu img.groupdrop-banner-pos { position: absolute; } .cdz-menu ul.groupdrop-link, .cdz-menu ul.groupmenu-drop, .cdz-menu ul.groupmenu-nondrop { padding: 0; } .cdz-menu .dropdown-rtl { text-align: right; } .rtl-layout .cdz-menu .dropdown-rtl { text-align: left; } .cdz-menu .dropdown-rtl li.item.parent > .menu-link:before { float: left; content: "\f104"; } .rtl-layout .cdz-menu .dropdown-rtl li.item.parent > .menu-link:before { float: right; content: "\f105"; } .cdz-menu .dropdown-rtl li.item.parent .groupmenu-drop { left: auto; right: 100%; text-align: right; } .rtl-layout .cdz-menu .dropdown-rtl li.item.parent .groupmenu-drop { left: 100%; right: auto; text-align: left; } .cdz-menu.dropdown-fullwidth .groupmenu-drop { border: none; } .cdz-menu .groupmenu-drop { position: absolute; background: #ffffff; top: 100%; z-index: 99; border: 1px solid #ccc; padding: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19); /*tab menu*/ /*end tab menu*/ } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs { padding-right: 0; } .rtl-layout .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs { padding-right: 10px; padding-left: 0; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link { display: block; padding: 10px 5px; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; float: right; margin-top: 3px; } .rtl-layout .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after { float: left; content: "\f104"; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active { background: #ececec; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-nav-tabs { padding-left: 0; padding-right: 0; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content.col-sm-17 { padding-left: 0; } .rtl-layout .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content.col-sm-17 { padding-left: 10px; padding-right: 0; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane { display: none; } .cdz-menu .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active { display: block; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link { display: block; padding: 10px 5px; text-align: left; } .rtl-layout .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link { text-align: right; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs { text-align: center; display: block; margin-bottom: 15px; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link { display: inline-block; margin: 3px 20px; padding-bottom: 7px; position: relative; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:before { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #dfdfdf; transform: scaleX(0); transition: transform 250ms ease-in-out; content: ""; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active:before { transform: scaleX(1); } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane { display: none; } .cdz-menu .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active { display: block; } .cdz-menu .groupmenu-drop .groupmenu-drop { top: -1px; left: 100%; visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; } .rtl-layout .cdz-menu .groupmenu-drop .groupmenu-drop { right: 100%; left: auto; } .cdz-menu .groupmenu-drop .cat-tree.groupmenu-drop .groupmenu-drop { top: -7px; } .cdz-menu .groupmenu-drop .item.parent > .menu-link { display: block; } .cdz-menu .groupmenu-drop .item.parent > .menu-link:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; float: right; margin-top: 3px; } .rtl-layout .cdz-menu .groupmenu-drop .item.parent > .menu-link:before { float: left; content: "\f104"; } .cdz-menu .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown) > a { display: block; } .cdz-menu .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown) > a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; float: right; margin-top: 3px; } .cdz-menu .groupmenu-drop li.item:hover > .groupmenu-drop { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; } .cdz-menu .groupmenu-drop > li.item { min-width: 230px; position: relative; padding: 20px; margin: 0px auto; } .cdz-menu .cat-tree li.item { padding: 8px 15px; min-width: 230px; position: relative; margin: 0px auto; } /*menu horizontal*/ .cdz-horizontal-menu { width: 100%; } .cdz-horizontal-menu li.level0 > .groupmenu-drop { display: none; } .rtl-layout .cdz-horizontal-menu li.level0 > .groupmenu-drop { right: 0; left: auto; } .cdz-horizontal-menu.cdz-translate li.level0 > .groupmenu-drop { top: 45px; display: block; visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 100ms ease, transform 100ms ease, visibility 100ms linear 0s; -moz-transition: opacity 100ms ease, transform 100ms ease, visibility 100ms linear 0s; transition: opacity 100ms ease, transform 100ms ease, visibility 100ms linear 0s; } .cdz-horizontal-menu.cdz-translate li.level0:hover > .groupmenu-drop { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; } .cdz-horizontal-menu .groupmenu { width: 100%; display: inline-block; padding: 0; background-color: #f0f0f0; } .cdz-horizontal-menu .groupmenu li.level0 > a.menu-link { text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; vertical-align: top; padding: 12px 20px; box-sizing: border-box; border-width: 0px; border-style: solid; text-decoration: none; color: #333333; background-color: #f0f0f0; border-color: #f0f0f0; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; cursor: pointer; line-height: 22px; } .cdz-horizontal-menu .groupmenu .groupmenu-drop { font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-horizontal-menu .groupmenu li.item { list-style: none; } .cdz-horizontal-menu .groupmenu li.item.level0 { margin-top: 0px; margin-bottom: 0px; position: relative; display: inline-block; vertical-align: top; float: left; } .rtl-layout .cdz-horizontal-menu .groupmenu li.item.level0 { float: right; } .cdz-horizontal-menu .groupmenu .groupmenu-nondrop { position: relative; } .cdz-horizontal-menu .groupmenu .groupmenu-nondrop > li.item { margin: 0px 0px; padding-left: 0px; } .cdz-horizontal-menu .groupmenu .no-dropdown > .cat-tree.groupmenu-drop { top: auto; left: auto; } .cdz-horizontal-menu .groupmenu .no-dropdown > .groupdrop-title { margin-bottom: 10px; display: inline-block; } .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown > .cat-tree.groupmenu-drop .groupmenu-drop { visibility: hidden; height: 0; position: absolute; opacity: 0; background: #fff; border: 1px solid #ccc; height: auto; } .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown > .cat-tree.groupmenu-drop .parent:hover > .groupmenu-drop { visibility: visible; height: auto; opacity: 1; } .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown { display: block; list-style: none; margin-top: 0; margin-bottom: 0; } /*menu vertical*/ .cdz-vertical-menu .groupmenu-drop { top: -1px; left: 100%; visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; display: none; } .rtl-layout .cdz-vertical-menu .groupmenu-drop { right: 100%; left: auto; } .cdz-vertical-menu li.item:hover > .groupmenu-drop { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; display: block; } .cdz-vertical-menu .item.level0 { display: block; padding: 0px; border: 1px solid #dfdfdf; position: relative; margin-bottom: -1px; } .cdz-vertical-menu .item.level0 > a.menu-link { display: block; } .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon { min-width: 37px; text-align: center; padding-left: 4px; margin: 0; } .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon + span { border-left: 1px solid #dfdfdf; } .rtl-layout .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon + span { border-left: none; border-right: 1px solid #dfdfdf; } .cdz-vertical-menu .item.level0 > a.menu-link span { display: inline-block; padding: 10px; } .cdz-vertical-menu .item.level0.parent > a.menu-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; float: right; margin-top: 8px; margin-right: 10px; } .rtl-layout .cdz-vertical-menu .item.level0.parent > a.menu-link:before { content: "\f104"; float: left; margin-right: 0px; margin-left: 10px; } } /*menu mobile*/ @media (max-width: 767px) { .cdz-menu .row { margin: 0 -10px; } .cdz-menu .groupdrop-banner { margin-bottom: 20px; } .cdz-menu li.item { margin-bottom: 0px; } .cdz-menu li.item.open > .dropdown-toggle:before, .cdz-menu li.item .cdz-tab-link.active + .dropdown-toggle:before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .cdz-menu .menu-tabs { margin: 0; } .cdz-menu .menu-tabs .tab-item { margin: 0; } .cdz-menu .menu-tabs .cdz-tab-pane { margin-top: 10px; min-height: 1px !important; } .cdz-menu .menu-tabs .cdz-link-wrap { position: relative; padding: 4px 0; } .cdz-menu .groupmenu-drop { display: none; } .cdz-menu .groupmenu-drop li.item { padding: 5px 0; } .cdz-menu .groupmenu-drop li.item.parent .groupmenu-drop { padding-left: 20px; padding-top: 5px; } .cdz-menu .menu-link, .cdz-menu a.groupdrop-title { width: 100%; display: inline-block; } .cdz-menu .item.level-top { display: block; position: relative; margin-bottom: 5px; } .cdz-menu .item.level-top > .menu-link { padding: 10px; background: transparent; color: inherit; border-bottom: 1px solid; } .cdz-menu .item.level-top > .menu-link .fa { margin: 0 5px; } .cdz-menu .item.level-top > .dropdown-toggle { width: 40px; height: 40px; background: rgba(0, 0, 0, 0); color: inherit; } .cdz-menu .item.level-top > .dropdown-toggle:before { margin-top: 7px; } .cdz-menu .item.level-top > .groupmenu-drop { margin: 0px; border: 1px solid #f0f0f0; padding: 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .cdz-menu .parent { position: relative; } .cdz-menu .dropdown-toggle { display: block; float: right; position: absolute; top: 0; right: 0; cursor: pointer; } .rtl-layout .cdz-menu .dropdown-toggle { left: 0; right: auto; } .cdz-menu .dropdown-toggle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 27px; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f105"; text-align: center; width: 100%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rtl-layout .cdz-menu .dropdown-toggle:before { content: "\f104"; } } /*column menu*/ @media (min-width: 768px) { .cdz-menu .groupmenu-width-1 { width: 29.58333333px; } .cdz-menu .groupmenu-width-1.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-1 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-2 { width: 59.16666667px; } .cdz-menu .groupmenu-width-2.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-2 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-3 { width: 88.75px; } .cdz-menu .groupmenu-width-3.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-3 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-4 { width: 118.33333333px; } .cdz-menu .groupmenu-width-4.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-4 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-5 { width: 147.91666667px; } .cdz-menu .groupmenu-width-5.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-5 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-6 { width: 177.5px; } .cdz-menu .groupmenu-width-6.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-6 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-7 { width: 207.08333333px; } .cdz-menu .groupmenu-width-7.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-7 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-8 { width: 236.66666667px; } .cdz-menu .groupmenu-width-8.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-8 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-9 { width: 266.25px; } .cdz-menu .groupmenu-width-9.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-9 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-10 { width: 295.83333333px; } .cdz-menu .groupmenu-width-10.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-10 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-11 { width: 325.41666667px; } .cdz-menu .groupmenu-width-11.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-11 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-12 { width: 355px; } .cdz-menu .groupmenu-width-12.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-12 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-13 { width: 384.58333333px; } .cdz-menu .groupmenu-width-13.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-13 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-14 { width: 414.16666667px; } .cdz-menu .groupmenu-width-14.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-14 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-15 { width: 443.75px; } .cdz-menu .groupmenu-width-15.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-15 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-16 { width: 473.33333333px; } .cdz-menu .groupmenu-width-16.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-16 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-17 { width: 502.91666667px; } .cdz-menu .groupmenu-width-17.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-17 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-18 { width: 532.5px; } .cdz-menu .groupmenu-width-18.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-18 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-19 { width: 562.08333333px; } .cdz-menu .groupmenu-width-19.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-19 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-20 { width: 591.66666667px; } .cdz-menu .groupmenu-width-20.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-20 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-21 { width: 621.25px; } .cdz-menu .groupmenu-width-21.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-21 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-22 { width: 650.83333333px; } .cdz-menu .groupmenu-width-22.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-22 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-23 { width: 680.41666667px; } .cdz-menu .groupmenu-width-23.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-23 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } .cdz-menu .groupmenu-width-24 { width: 710px; } .cdz-menu .groupmenu-width-24.row { box-sizing: content-box; } .cdz-menu.dropdown-fullwidth .groupmenu-width-24 { margin-left: calc(50% - 355px); margin-right: calc(50% - 355px); } } @media (min-width: 992px) { .cdz-menu .groupmenu-width-1 { width: 38.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-1 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-2 { width: 77.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-2 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-3 { width: 116.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-3 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-4 { width: 155px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-4 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-5 { width: 193.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-5 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-6 { width: 232.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-6 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-7 { width: 271.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-7 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-8 { width: 310px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-8 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-9 { width: 348.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-9 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-10 { width: 387.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-10 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-11 { width: 426.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-11 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-12 { width: 465px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-12 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-13 { width: 503.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-13 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-14 { width: 542.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-14 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-15 { width: 581.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-15 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-16 { width: 620px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-16 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-17 { width: 658.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-17 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-18 { width: 697.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-18 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-19 { width: 736.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-19 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-20 { width: 775px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-20 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-21 { width: 813.75px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-21 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-22 { width: 852.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-22 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-23 { width: 891.25px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-23 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } .cdz-menu .groupmenu-width-24 { width: 930px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-24 { margin-left: calc(50% - 465px); margin-right: calc(50% - 465px); } } @media (min-width: 1200px) { .cdz-menu .groupmenu-width-1 { width: 47.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-1 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-2 { width: 95px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-2 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-3 { width: 142.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-3 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-4 { width: 190px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-4 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-5 { width: 237.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-5 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-6 { width: 285px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-6 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-7 { width: 332.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-7 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-8 { width: 380px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-8 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-9 { width: 427.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-9 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-10 { width: 475px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-10 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-11 { width: 522.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-11 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-12 { width: 570px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-12 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-13 { width: 617.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-13 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-14 { width: 665px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-14 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-15 { width: 712.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-15 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-16 { width: 760px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-16 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-17 { width: 807.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-17 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-18 { width: 855px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-18 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-19 { width: 902.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-19 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-20 { width: 950px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-20 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-21 { width: 997.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-21 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-22 { width: 1045px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-22 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-23 { width: 1092.5px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-23 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } .cdz-menu .groupmenu-width-24 { width: 1140px; } .cdz-menu.dropdown-fullwidth .groupmenu-width-24 { margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); } } /*resize menu vertical*/ /*resize vertial menu*/ .cdz-vertical-menu .item.level0 > a.menu-link > span { max-width: 100%; display: inline-block; } .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon + span { max-width: calc(100% - 50px); } .cdz-vertical-menu .item.level0.parent > a.menu-link > span { max-width: calc(100% - 35px); } .cdz-vertical-menu .item.level0.parent > a.menu-link > .menu-icon + span { max-width: calc(100% - 80px); } .cdz-vertical-menu .item.level0 > a.menu-link span span { white-space: nowrap; text-overflow: ellipsis; padding: 0 0; max-width: 100%; overflow-x: hidden; } /*end resize menu vertical*/ @media (max-width: 1200px) and (min-width: 991px) { .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon { /* display:none; */ /* + span{ */ /* border:none; */ /* } */ } } @media (max-width: 992px) and (min-width: 768px) { .cdz-vertical-menu .item.level0 > a.menu-link { font-size: 11px; } .cdz-vertical-menu .item.level0 > a.menu-link .menu-icon { /* display:none; */ /* + span{ */ /* border:none; */ /* } */ } } @media (max-width: 860px) and (min-width: 768px) { .cdz-vertical-menu .item.level0.parent > a.menu-link > .menu-icon { display: none; } .cdz-vertical-menu .item.level0.parent > a.menu-link > .menu-icon + span { border: none; max-width: calc(100% - 35px); padding-left: 17px !important; } } .cdz-vertical-menu .item.level0 > a.menu-link span span { white-space: nowrap; text-overflow: ellipsis; padding: 0 0; max-width: 100%; overflow: hidden; display: block; } .cat-tree-wrap li.item:not(.level1) { padding-top: 0px; padding-bottom: 0px; margin: 10px auto; } /*--- Brand Colors ---*/ /* gray - title */ /* hover */ /* blue with opacity < 1 */ /* gray - border - box shadow */ @keyframes translator { from { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } to { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .cdz-translator { animation-name: translator; animation-duration: 1s; } .cdz-transparent { opacity: 0; } .flex-grid { display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; } .abs-img { position: relative; display: block; overflow: hidden; } .abs-img img { position: absolute; width: 100%; top: 0; left: 0; } .sidebar { max-width: 100%; } .zoom-eff, .owl-carousel .owl-lazy.zoom-eff { transform: scale(1); -webkit-transform: scale(1); transition: all ease 500ms; -webkit-transition: all ease 500ms; } .zoom-eff:hover, .owl-carousel .owl-lazy.zoom-eff:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition: all ease 500ms; -webkit-transition: all ease 500ms; } .double-bounce-spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce-spinner .double-bounce1, .double-bounce-spinner .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .double-bounce-spinner .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /*Shop by Brands*/ .brand-container .owl-carousel.owl-loaded { padding-top: 0; } .brand-container .block { margin-bottom: 0; } .brand-container .page-desc { margin-bottom: 20px; } .brand-container .block-title { color: #000000; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: transparent; padding: 0; margin-bottom: 20px; min-width: 100%; border-bottom: 1px solid #e0e0e0; } .brand-container .block-title > strong { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 0; padding-bottom: 15px; margin-top: 0; margin-bottom: -1px; display: inline-block; vertical-align: top; border-bottom: 3px solid #1e401f; text-transform: uppercase; } /*Search*/ .block-brands-search .all-brank-link { font-size: 0; float: right; margin-top: 2px; } .rtl-layout .block-brands-search .all-brank-link { float: left; } .block-brands-search .all-brank-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f08e'; font-size: 16px; color: #999999; } .block-brands-search .all-brank-link:hover:before { color: #000000; } .brand-main .brand-search-wrap, .featured-brands-block .brand-search-wrap { float: right; width: 250px; z-index: 10; max-width: 100%; } .rtl-layout .brand-main .brand-search-wrap, .rtl-layout .featured-brands-block .brand-search-wrap { float: left; } .brand-search-wrap { font-size: 14px !important; } .brand-search-wrap .search-input { height: 35px; line-height: 35px; display: block; background-color: #FFF; } .brand-search-wrap .list-wrap { background-color: #FFF; } .brand-search-wrap input[type="text"] { font-size: 10px; font-style: italic; padding-left: 35px; margin-top: -3px; } .brand-search-wrap .brand-form { position: relative; } .brand-search-wrap .brand-form .ui-helper-hidden-accessible { display: block; width: 100%; color: #c07600; position: absolute; width: auto; white-space: nowrap; top: -15px; font-size: 11px; } .brand-search-wrap .search-label { position: absolute; left: 10px; top: -2px; } .brand-search-wrap .search-label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 40px; color: #f1f1f1; content: '\e615'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .brand-search-wrap .brand-list { display: block !important; padding: 0; width: 100% !important; border: 1px solid #e0e0e0; border-top: none; margin: 0; left: 0 !important; top: 0 !important; } .brand-search-wrap .brand-list._hide { display: none !important; } .brand-search-wrap .brand-list .item { list-style: none; border-bottom: 1px dotted #e0e0e0; margin-bottom: 0; } .brand-search-wrap .brand-list .item:last-child { border-bottom: none; } .brand-search-wrap .brand-list .item:last-child { border-bottom: none; } .brand-search-wrap .brand-list .item a { line-height: 0; text-decoration: none; width: 100%; display: flex; align-items: center; } .brand-search-wrap .brand-list .item a > span { display: block; float: left; } .rtl-layout .brand-search-wrap .brand-list .item a > span { float: right; } .brand-search-wrap .brand-list .item a .brand-img { width: 35px; height: 35px; margin-right: 10px; } .rtl-layout .brand-search-wrap .brand-list .item a .brand-img { margin-right: 0px; margin-left: 10px; } .brand-search-wrap .brand-list .item a .brand-img img { width: 100%; } .brand-search-wrap .brand-list .item a .brand-label strong { /* color: red; */ } .brand-search-wrap .brand-list .item:hover { background-color: #f6f7f9; } .brand-search-wrap .brand-list .item.selected { background: #f6f7f9; } /*alphabet*/ .brand-alphabet-list .char-list { overflow: hidden; margin-bottom: 20px; } .brand-alphabet-list .char-item { display: block; float: left; margin-bottom: 10px; margin-right: 10px; padding: 4px 10px; font-size: 18px; background-color: #fff; color: #000000; border: 1px solid #e0e0e0; text-decoration: none; border-radius: 3px; transition: all ease 400ms; min-width: 32px; opacity: 0.5; cursor: default; font-size: 14px; } .rtl-layout .brand-alphabet-list .char-item { float: right; margin-right: 0; margin-left: 10px; } .brand-alphabet-list .char-item.available { opacity: 1; cursor: pointer; } .brand-alphabet-list .char-item.available:hover { background-color: #288b43; color: #ffffff; border-color: #288b43; } .brand-alphabet-list .char-item.active { background-color: #288b43; color: #ffffff; border-color: #288b43; } .brand-alphabet-list .brand-group { clear: both; margin-bottom: 20px; } .brand-alphabet-list .brand-list { clear: both; } .brand-alphabet-list .brand-list .group-header { font-weight: bold; width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; } .brand-alphabet-list .brand-list .label { display: inline-block; padding: 4px 12px; min-width: 100px; font-size: 18px; background-color: #1e401f; color: #ffffff; position: relative; text-align: center; margin-bottom: -1px; font-weight: normal; } .brand-alphabet-list .brand-item-inner { text-align: center; } .brand-alphabet-list .brand-item-inner .brand-name { color: #000000; } .brand-alphabet-list .brand-item-inner .brand-name:hover { color: #fc7070; } .brand-alphabet-list .brand-item-inner .item-bottom { text-align: center; margin-top: 10px; } .brand-alphabet-list .brand-item-inner .brand-name { display: block; } .brand-alphabet-list .brand-item-inner .count { color: #000000; background: #f1f1f1; display: inline-block; padding: 2px 8px; clear: both; margin-top: 5px; border-radius: 5px; font-size: 10px; font-style: italic; } .brand-alphabet-list .brand-item { margin-bottom: 10px; } .brand-container { margin-bottom: 40px; } .brand-container .brand-img-wrap { line-height: 0; border: 1px solid #e0e0e0; padding: 4px 4px; border-radius: 3px; background: #ffffff; display: block; box-shadow: -1px 3px 3px #d7d6d6; } .brand-container .brand-img-wrap .brand-image { border: 1px solid #e0e0e0; width: 100%; } .brand-container .cover-section { margin-bottom: 20px; } .brand-container .cover-section .brand-cover { width: 100%; } .brand-container .cover-section .cover-wrap { line-height: 0; } .brand-container .cover-section .after-cover { background-color: #ffffff; border: 1px solid #e0e0e0; border-top: none; } .brand-container .cover-section .after-cover .thumb-section { min-height: 45px; position: relative; } .brand-container .cover-section .after-cover .thumb-section .brand-img-wrap { position: absolute; left: 15px; bottom: 10px; width: 100%; box-shadow: none; } .brand-container .cover-section .after-cover .title { font-weight: 500; color: #000000; margin: 7px 0 0px 15px; display: inline-block; font-size: 22px; } .brand-container .social-section .cdz-social-listing { padding: 7px 10px 5px 10px; margin-bottom: 0px; float: right; } .brand-container .social-section .cdz-social-listing .item { float: left; list-style: none; margin-bottom: 0; margin-right: 10px; } .brand-container .social-section .cdz-social-listing .item:last-child { margin-right: 0px; } .brand-container .social-section .cdz-social-listing .item .share-btn { padding: 5px 5px; min-width: 28px; margin: 0px; border: none; color: #000000; font-size: 14px; transition: all ease 500ms; -webkit-transition: all ease 500ms; background: none; } .brand-container .social-section .cdz-social-listing .item .share-btn:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); color: #288b43; } /*Bock Brand - Next/Prev */ .block-brands .owl-carousel { padding-top: 0; } .block-brands .owl-carousel .owl-nav { position: absolute; top: -48px; right: 0; margin-top: 0; } .block-brands .owl-carousel .owl-nav [class*='owl-'] { width: 30px; height: 30px; top: calc(35%); -webkit-top: calc(35%); -o-top: calc(35%); -moz-top: calc(35%); position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .block-brands .owl-carousel .owl-nav [class*='owl-']:before { font-size: 18px; line-height: 28px; } .featured-brands-block .owl-carousel .owl-nav { position: static; } .featured-brands-block .owl-carousel .owl-nav [class*='owl-'] { position: absolute; width: 40px; height: 40px; top: 40%; left: 0; top: calc(30%); -webkit-top: calc(30%); -o-top: calc(30%); -moz-top: calc(30%); } .rtl-layout .featured-brands-block .owl-carousel .owl-nav [class*='owl-'] { left: auto; right: 0; } .featured-brands-block .owl-carousel .owl-nav [class*='owl-']:before { font-size: 20px; line-height: 38px; } .featured-brands-block .owl-carousel .owl-nav [class*='owl-'].owl-next { left: auto; right: 0; } .rtl-layout .featured-brands-block .owl-carousel .owl-nav [class*='owl-'].owl-next { right: auto; left: 0; } /*Detail*/ .product-brand-info { clear: both; padding-top: 10px; display: block; } .product-brand-info .brand-link { border: 1px solid #e0e0e0; display: inline-block; overflow: hidden; vertical-align: text-bottom; width: 70px; } /*Loading*/ .brand-loader { display: none; } .brand-loader.double-bounce-spinner .double-bounce1, .brand-loader.double-bounce-spinner .double-bounce2 { background-color: #288b43; } .no-loaded .brand-loader { display: block; } .no-loaded .brand-inner { display: none; } /*Mobile*/ /*Brand on Menu*/ .groupmenu .no-loaded .shop-by-brand-list { display: none; } .groupmenu .shop-by-brand-list { margin: 0 -5px; } .groupmenu .shop-by-brand-list .brand-item { padding: 5px; } .groupmenu .shop-by-brand-list .brand-link { border: 1px solid #e0e0e0; } @media (min-width: 768px) { .cdz-all-brands .block-title .brand-search-wrap .list-wrap { position: absolute; width: 100%; left: 0; top: 100%; } } @media (max-width: 768px) { .brand-container .brand-top .block.featured-brands-block { margin-bottom: 20px; } .brand-container .brand-top .block.featured-brands-block .owl-nav { display: none; } } .brand-container .brand-top .featured-brands-block .block-title { z-index: 2; position: relative; } /* * 4mage Package * * NOTICE OF LICENSE * * This source file is subject to the 4mage.co license that is * available through the world-wide-web at this URL: * https://4mage.co/license-agreement/ * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category ForMage * @package ForMage_FormWidget * @copyright Copyright (c) 2021 4mage.co (https://4mage.co/) * @license https://4mage.co/license-agreement/ * */ /** All **/ .formwidget.modal { display: none; } .formwidget.field { clear: both; } .formwidget .field-recaptcha { float: right; } /** Mobile **/ /** Desktop **/ .download-attachment { text-align: center; } .download-attachment a { color: #333; font-size: 0; text-decoration: none; } .download-attachment a:before { background: url("../../frontend/Codazon/fastest_absaugwelt24/de_DE/Mageprince_Productattach/images/download.svg") no-repeat; background-size: 100%; content: ''; display: inline-block; font-size: 25px; height: 20px; width: 20px; } .product-info-main .table.attachment-table { width: 100%; } .all-attachment-block .table.attachment-table { width: 100%; } .table.attachment-table { width: 70%; } .table.attachment-table th.download { width: 10%; } .table.attachment-table td.attachment-icon img { width: 40px; } .product-attachment { line-height: 30px; margin-bottom: 10px; } .product-attachment .attachment-icon { float: left; padding-right: 10px; } .product-attachment .attachment-icon img { width: 30px; } .block-category-event { background: #f0f0f0; color: #333333; padding: 10px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 10px; } .block-category-event .block-title { margin: 0 0 10px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } .multicheckout.results h3, .multicheckout.success h3 { font-size: 1.6rem; margin-bottom: 20px; margin-top: 30px; } .multicheckout.results h3 a, .multicheckout.success h3 a { color: #333333; } .multicheckout.results h3 a:hover, .multicheckout.success h3 a:hover { text-decoration: none; } .multicheckout.results ul.orders-list, .multicheckout.success ul.orders-list { list-style: none; padding-left: 0; } .multicheckout.results .orders-list, .multicheckout.success .orders-list { margin-top: 25px; padding-left: 16px; } .multicheckout.results .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-list .shipping-list .shipping-item { margin-left: 84px; } .multicheckout.results .orders-list .shipping-list .shipping-label, .multicheckout.success .orders-list .shipping-list .shipping-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .shipping-address, .multicheckout.success .orders-list .shipping-list .shipping-address { font-weight: 400; } .multicheckout.results .orders-list .shipping-list .error-block, .multicheckout.success .orders-list .shipping-list .error-block { color: #e02b27; } .multicheckout.results .orders-list .shipping-list .error-block .error-label, .multicheckout.success .orders-list .shipping-list .error-block .error-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .error-block .error-description, .multicheckout.success .orders-list .shipping-list .error-block .error-description { font-weight: 400; } .multicheckout.results .orders-succeed .orders-list, .multicheckout.success .orders-succeed .orders-list { margin-top: 0; } .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id, .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: left; } .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 100px; } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 10px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 10px; } .multicheckout .item-options { margin: 10px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout.order-review .error-description { color: #e02b27; font-weight: 400; margin-bottom: 10px; margin-top: -10px; } .multicheckout .box-title span { margin-right: 10px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 5px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .table-wrapper.billing-agreements { margin-bottom: 40px; } .payment-method-content .pay-later-message { margin-bottom: 10px; margin-top: 10px; } .paypal { display: inline-block; vertical-align: top; } .block-minicart .paypal, .cart-summary .paypal { display: block; } .paypal img { display: block; margin: 5px auto 0; } .opc .paypal { vertical-align: middle; } .paypal.acceptance { display: block; margin: 0 0 20px; } .map-form-addtocart .paypal { display: block; margin: 10px auto 5px; } .cart-summary .paypal + .paypal { margin-top: 25px; } .paypal-review .actions-toolbar { margin-top: 10px; } .paypal-review .paypal-review-title { padding: 0 0 10px; } .paypal-review .paypal-review-title > strong { font-size: 2.4rem; font-weight: 300; } .paypal-review .paypal-review-title .action { display: inline-block; margin: 12px 0 0 30px; } .paypal-review .table-paypal-review-items .col.name { padding-top: 16px; } .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #e0e0e0; margin: 0 0 40px; padding: 10px 0 0; } .fotorama-video-container:after { background: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_ProductVideo/img/gallery-sprite.png') bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/Magento_ProductVideo/img/gallery-sprite.png') bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .opc-wrapper .form-discount { max-width: 500px; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 14px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 10px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 10px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 10px 5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); background: #e02b27; content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } .swatch-option-loading { content: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 5px; position: absolute; text-align: center; z-index: 999; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { background: #ffffff; border: 1px solid #dadada; color: #949494; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 20px 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #1979c3; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #1979c3; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } /* ============================================ * * Codazon_AjaxCartPro * ============================================ */ .cart-footer { position: fixed; bottom: 0; width: 100%; z-index: 100; left: 0; } .footer-mini-cart { background: #fff; padding: 0; overflow: hidden; position: relative; } .footer-mini-cart:before { content: ''; position: absolute; width: 100%; top: -3px; left: 0; height: 3px; box-shadow: 0 2px 3px #e1e1e1; } .cart-qty { position: absolute; background: #fc7070; color: #fff; top: -33px; font-size: 85%; text-transform: uppercase; padding: 10px 20px 7px; z-index: 200; cursor: pointer; z-index: 0; } .cart-qty:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f106'; font-size: 20px; float: right; margin-top: -4px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 5px; } .cart-qty.active:after { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cart-items { list-style: none; float: left; width: calc(100% - 600px); overflow-x: auto; overflow-y: hidden; } .cart-items .cart-items-inner { float: left; white-space: nowrap; } .cart-items .item { margin-right: 10px; position: relative; float: none; display: inline-block; } .cart-items .item .product { float: left; position: relative; width: 65px; padding: 10px 0; height: 85px; } .cart-items .item .product img { width: 65px !important; height: 65px !important; } .cart-items .item span.item-qty { position: absolute; top: 10px; right: 5px; background: #fc7070; color: #fff; display: block; border-radius: 100%; width: 17px; height: 17px; line-height: 18px; text-align: center; font-size: 85%; } .cart-items .item .hover-sec { position: absolute; left: 100%; float: left; height: 85px; padding: 23px 0; background: #F4F4F4; width: 0; visibility: hidden; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); z-index: 1; } .cart-items .item .hover-sec .details-qty { float: left; } .cart-items .item .hover-sec .details-qty .label { display: none; } .cart-items .item .hover-sec .details-qty input { width: 50px; } .cart-items .item .hover-sec .details-qty button { position: absolute; top: 23px; right: 0; z-index: 3; } .cart-items .item .hover-sec .product.actions { width: auto; padding: 0; float: right; } .cart-items .item .hover-sec .product.actions .primary a, .cart-items .item .hover-sec .product.actions .secondary a { display: inline-block; text-decoration: none; } .cart-items .item .hover-sec .product.actions .primary a > span, .cart-items .item .hover-sec .product.actions .secondary a > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart-items .item .hover-sec .product.actions .primary a:before, .cart-items .item .hover-sec .product.actions .secondary a:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 18px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-items .item .hover-sec .product.actions .primary a:hover:before, .cart-items .item .hover-sec .product.actions .secondary a:hover:before { color: #333333; } .cart-items .item .hover-sec .product.actions .primary a:active:before, .cart-items .item .hover-sec .product.actions .secondary a:active:before { color: #8f8f8f; } .cart-items .item .hover-sec .product.actions .secondary a:before { content: '\e604'; } .cart-items .item .show-options.hover-sec { width: 100px; padding: 23px 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: inherit; } .cart-items .item .edit-icon { cursor: pointer; position: absolute; bottom: 5px; right: 5px; font-size: 0; width: 17px; height: 17px; text-align: center; color: #ffffff; } .cart-items .item .edit-icon:before { background: #282828; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 17px; height: 17px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f040'; font-size: 11px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .footer-cart-additional { float: right; width: 600px; } .summary-content > .row > .col-xs-12 { text-align: right; } .summary-content > .row > .col-xs-12:first-child { text-align: left; } .footer-cart-summary { float: left; width: 320px; padding: 24px 20px 17px; border-left: 1px solid #e1e1e1; min-height: 85px; } .footer-cart-summary .summary.title { display: none; } .footer-cart-summary .summary-content { font-size: 14px; } .footer-cart-summary .summary-content .price { color: #fc7070; } .cart-footer .footer-cart-actions { float: right; padding: 23px 20px 19px; border-left: 1px solid #e1e1e1; min-height: 85px; } .cart-footer .footer-cart-actions .action.primary:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; font-size: 18px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-right: 5px; } .checkout-index-index .cart-footer .footer-cart-actions #footer-cart-btn-checkout, .checkout-index-index .cart-footer { display: none !important; } .cdz-popup-wrapper .modal-popup .modal-footer { display: block; } /*break points*/ /*767px*/ /*991px*/ /*1199px*/ /*Codazon Custom Theme*/ /* 1025px */ /* 767px */ /* 768px - 1024px */ /* 768px - 1366px */ /* 0 - 1024px */ /* 1025px - ? */ /* 1024px - ? */ /* (0 - 767px) and (1025px - ?) */ /*max-width: 480px*/ /*max-width: 767px*/ /*max-width: 767px*/ /*min-width: 768px*/ /*min-width: 992*/ /*max-width: 991*/ /* min-width:768px max-width:1199px */ /* min-width:768 max-width:991px */ /* min-width:992px max-width:1199px */ /*min-width: 1200px*/ /*max-width: 1199px*/ /* ============================================ * * Codazon_BlockSidebar * ============================================ */ /*Block Shop by not Anchor*/ .block.filter .options dt { margin: 10px 0; } .block.filter .options .items .item { border-bottom: 1px dashed #e0e0e0; padding: 8px 0; } .block.filter .options .items .item span.count { float: right; } @media only screen and (max-width: 767px) { .block-wishlist .product-items .product-item { padding: 0 0 15px; } .block-wishlist .product-items .product-item .product-item-actions .tocart.primary { width: auto; } .block-wishlist .product-items .product-item .product-item-actions .tocart.primary:before { display: none; } .block-wishlist .product-items .product-item .product-item-actions .tocart.primary span { font-size: 12px; text-indent: 0; display: inline-block; } .block-wishlist .product-items .product-item-name { white-space: inherit; } .block-wishlist .product-items .product-item-details { text-align: left; } .block-wishlist .actions-primary { text-align: left; } } /*block filter sidebar*/ .sidebar .block.filter .swatch-attribute-options { display: block; } /*Block Filter*/ .block.filter .block-subtitle { text-transform: uppercase; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; color: #000000; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; display: block; margin-bottom: 0; } .block.filter .filter-options .filter-options-item { border-bottom: 1px dashed #e0e0e0; padding-bottom: 15px; } .block.filter .filter-options .filter-options-item:last-child { border: none; padding-bottom: 0; } .block.filter .filter-options .filter-options-item .filter-options-title { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; cursor: pointer; margin: 0; padding: 15px 40px 0 0; position: relative; text-transform: uppercase; word-break: break-all; font-weight: 600; } .rtl-layout .block.filter .filter-options .filter-options-item .filter-options-title { padding: 15px 0 0 40px; } .block.filter .filter-options .filter-options-item .filter-options-title:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e991'; font-size: 12px; font-family: 'Pe-icon-7-stroke'; speak: none; position: absolute; top: 17px; right: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rtl-layout .block.filter .filter-options .filter-options-item .filter-options-title:before { right: auto; left: 0; content: '\e974'; } .block.filter .filter-options .filter-options-item.active .filter-options-title:before { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .block.filter .filter-options .filter-options-content { margin: 15px 0 0; } .block.filter .filter-options .filter-options-content .item { margin-bottom: 10px; } .block.filter .filter-options .filter-options-content .item:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 14px; margin: 0 3px 0 0; } .rtl-layout .block.filter .filter-options .filter-options-content .item:before { content: '\f104'; margin: 0 0 0 3px; } .block.filter .filter-options .filter-options-content .count { color: #858585; border: 1px solid #858585; border-radius: 2px; display: inline-block; height: 15px; line-height: 13px; font-size: 10px; padding: 0 2px; margin: 0 0 0 2px; vertical-align: text-top; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; font-family: arial; min-width: 15px; text-align: center; } .block.filter .filter-options .filter-options-content .count:before, .block.filter .filter-options .filter-options-content .count:after { display: none; } .rtl-layout .block.filter .filter-options .filter-options-content .count { margin: 0 2px 0 0; } .block.filter .filter-options .filter-options-content .price-slider-container { padding: 10px 5px; display: inline-block; width: 100%; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap { float: left; margin-top: 10px; } .rtl-layout .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap { float: right; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap > div, .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap > span { float: left; line-height: 38px; } .rtl-layout .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap > div, .rtl-layout .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap > span { float: right; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .delimiter, .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .currency { margin: 0 5px; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .control { position: relative; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap input { width: 50px; text-align: center; } .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap + .action { float: right; margin-top: 10px; } .rtl-layout .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap + .action { float: left; } .block.filter .block-subtitle.filter-current-subtitle { border: 0; } .block.filter .filter-current .items { overflow: hidden; border: 0; background: #f3f3f3; padding: 10px; margin-bottom: 10px; border: 1px solid rgba(249, 249, 249, 0.5); } .block.filter .items .filter-label { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; margin-bottom: 10px; } .block.filter .items .action.remove { width: 18px; height: 18px; line-height: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000000; text-align: center; display: inline-block; vertical-align: top; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .block.filter .items .action.remove span { display: none; } .block.filter .items .action.remove:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e977'; font-size: 9px; font-family: 'Pe-icon-7-stroke'; speak: none; color: #000000; line-height: 18px !important; } .block.filter .items .action.remove:hover { color: #ffffff; background: #288b43; border-color: #288b43; } .block.filter .items .action.remove:hover:before { color: #ffffff; } .block.filter .block-actions .action.clear { text-transform: uppercase; border: 1px solid; padding: 5px 10px; display: inline-block; vertical-align: top; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Toggle Filter for page 1-column and mobile */ .page-layout-1column .block.filter { margin-bottom: 0; } .rtl-layout.page-layout-1column .block.filter .block-title.filter-title:not([data-count="0"]):before { right: 0; left: auto; } .rtl-layout.page-layout-1column .block.filter .block-title.filter-title strong:before { margin-right: 0; margin-left: 10px; } .rtl-layout.page-layout-1column .block.filter.active .filter-content { left: 0; right: auto; } @media only screen and (max-width: 767px) { .sidebar .block.filter:not(.account-nav) { background: transparent; padding: 0; border: 0; } .sidebar .block.filter:not(.account-nav) .block-title strong:after { display: none; } .sidebar .block.filter { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; margin-bottom: 0 !important; } .sidebar .block.filter .block-content { padding: 0 !important; } } /* End Toggle Filter for page 1-column and mobile */ .has-prslider .filter-options-content-inner { max-height: none !important; overflow-y: visible !important; overflow-x: visible; } .price-slider-container .price-slider { margin-bottom: 10px; } .price-slider-container .ph { position: relative; width: 100%; display: block; } .price-slider-container .pval { position: absolute; padding: 10px; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 2px; font-size: 10px; text-align: center; background: #333333; color: #ffffff; display: none; } .price-slider-container .pval:before { position: absolute; content: ''; bottom: -12px; transform: scaleY(2); left: calc(50% - 4px); width: 8px; height: 8px; border: 4px solid transparent; border-top-color: #333333; } .price-slider-container a.ui-slider-handle.ui-state-hover .pval, .price-slider-container a.ui-slider-handle.ui-state-focus .pval { display: block; } .price-slider-container .ui-slider-range { position: absolute; top: 0; height: 100%; background: rgba(40, 139, 67, 0.4); cursor: pointer; } .price-slider-container .input-wrap { margin: 10px 0px 10px 0px; display: inline-block; vertical-align: middle; } .price-slider-container .input-wrap .control { width: 50px; display: inline-block; position: relative; } .price-slider-container .input-wrap .control input { text-align: center; } .price-slider-container .input-wrap .control label.error { position: absolute; width: 186px; padding: 5px 10px; left: 50%; transform: translateX(-50%); border: 1px solid red; border-radius: 5px; background-color: #ffffff; z-index: 10; color: #ff0000; line-height: 1; } .price-slider-container .input-wrap .control label.error:after, .price-slider-container .input-wrap .control label.error:before { content: ''; position: absolute; display: block; width: 14px; height: 14px; border: 7px solid transparent; left: calc(50% - 7px); box-sizing: border-box; } .price-slider-container .input-wrap .control.min-value label.error { bottom: calc(100% + 10px); } .price-slider-container .input-wrap .control.min-value label.error:after { bottom: -14px; border-top-color: #ffffff; } .price-slider-container .input-wrap .control.min-value label.error:before { bottom: -15px; border-top-color: #ff0000; } .price-slider-container .input-wrap .control.max-value label.error { top: calc(100% + 10px); } .price-slider-container .input-wrap .control.max-value label.error:after { top: -14px; bottom: -14px; border-bottom-color: #ffffff; } .price-slider-container .input-wrap .control.max-value label.error:before { top: -15px; bottom: -15px; border-bottom-color: #ff0000; } .sidebar > .block { width: 100%; } .sidebar > .block .block-content.filter-content { width: 100%; } .filter-current { width: 100%; } .filter-options-item .ui-slider-horizontal { height: 5px; position: relative; } .filter-options-item .ui-slider-horizontal .ui-slider-handle { height: 12px; width: 8px; padding: 0 0; border-radius: 0px; display: block; position: absolute; top: -4px; cursor: pointer; background: #288b43; } @media only screen and (max-width: 767px) { .filter-options-item .ui-slider-horizontal { height: 15px; margin: 30px 27px 30px 0; border-radius: 0; } .filter-options-item .ui-slider-horizontal .ui-slider-handle { height: 27px; width: 27px; top: -6px; } } .filter-options-item .slider-state { margin-top: 20px; } .filter-options-item .slider-state .value { padding: 2px 10px; border: 1px solid #cccccc; color: #f98b25; min-width: 25px; display: inline-block; text-align: center; } .filter-options-item .slider-state .delimiter { margin: 0px 5px; } .items.filter-checkbox li { margin-bottom: 8px; display: inline-block; width: 100%; } .items.filter-checkbox li * { vertical-align: top; } .items.filter-checkbox li label { cursor: pointer; } .items.filter-checkbox li .swatch-option { display: inline-block; float: none; } .items.filter-checkbox li.child { padding: 0 0 0 25px; } .rtl-layout .items.filter-checkbox li.child { padding: 0 25px 0 0; } .swatch-layered .items.filter-checkbox li .swatch-option { display: inline-block; float: none; text-align: center; width: 15px; height: 15px; margin: 0 0; margin-right: 5px; min-width: 0; } .rtl-layout .swatch-layered .items.filter-checkbox li .swatch-option { margin-right: 0px; margin-left: 5px; } .swatch-layered .items.filter-checkbox li .swatch-option:hover:after { display: none; } @media only screen and (min-width: 768px) { .filter-options-content-outer { border-top: 1px dashed #e0e0e0; padding-top: 10px; } .filter-options-content-inner::-webkit-scrollbar { width: 7px; } .filter-options-content-inner::-webkit-scrollbar-track { background: transparent; } .filter-options-content-inner::-webkit-scrollbar-thumb { background: #e0e0e0; } .filter-options-content-inner::-webkit-scrollbar-thumb:hover { background: #888; } .block.filter .filter-options .filter-options-item.active { border: none; } } .rating-box { display: inline-block; width: auto; white-space: nowrap; position: relative; } .rating-box:before { font-family: FontAwesome; content: ' \f006 \f006 \f006 \f006 \f006 '; } .rating-box .rating { overflow: hidden; display: inline-block; white-space: nowrap; position: absolute; left: 0; } .rtl-layout .rating-box .rating { left: auto; right: 0; } .rating-box .rating:before { font-family: FontAwesome; content: ' \f005 \f005 \f005 \f005 \f005 '; } .filter-options-item .rating-box { font-size: 15px; margin-right: 7px; } .rtl-layout .filter-options-item .rating-box { margin-left: 10px; margin-right: 0; } .filter-options-item .rating-box .rating { color: #ff5501; } .filter-options-item .rating-item { padding: 4px 0px; } .rating-slider-container .slider-wrap { display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 15px; padding: 0px 20px 0px 5px; } .ui-slider-horizontal .ui-slider-handle.rating-slider-handle { min-width: 20px; width: auto; height: 20px; text-align: center; top: -8px; color: white; line-height: 20px; padding: 0 8px; font-size: 12px; border-radius: 3px; text-transform: uppercase; } .ui-slider-horizontal.rating-slider { border-radius: 0; height: 5px; } .sorter-options { margin: 0 0 0 7px; } .rtl-layout .sorter-options { margin: 0 7px 0 0; } .filter-active .cdz-flbar { display: none; } .cdz-flbar-wrap { display: none; } @media only screen and (max-width: 767px) { .cdz-flbar-wrap { display: block; } .sidebar .ui-slider-horizontal.rating-slider { height: 20px; } .sidebar .ui-slider-horizontal .ui-slider-handle.rating-slider-handle { height: 27px; min-width: 27px; top: -4px; line-height: 27px; border-radius: 0; } } .block.filter .items .action.remove:before { display: inline-block; font-family: 'luma-icons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e616'; font-size: 9px; speak: none; color: #282828; line-height: 18px !important; } /*.page-layout-1column .block.widget .products-grid .isotope .product-item.width-1, .isotope .width-1{width: 20%; overflow:hidden; margin: 0; padding:0 5px 5px 0;} .page-layout-1column .block.widget .products-grid .isotope .product-item.width-1.width-2, .isotope .width-1.width-2{width: 40%;margin-left:0%} .cdz-banners-item {text-align: center;} .owl-carousel .owl-item .cdz-banners-item img.img-responsive, .cdz-banners-item img.img-responsive{width: auto; max-width: 100%;display: inline-block;} */ .product-image-wrapper img { max-height: none; height: auto !important; } .widget .product-image-container { width: 100% !important; } .cdz-cat-search { position: absolute; top: 0; left: 0; border-right: 1px solid; height: calc(100% - 2px); background-color: #ffffff; } @media (max-width: 767px) { .cdz-cat-search { display: none; } } .rtl-layout .cdz-cat-search { left: auto; right: 0; border-left: 1px solid; border-right: 0px; } .cdz-cat-search .inner { height: 100%; position: relative; } .cdz-cat-search .current-cat { padding: 0px 10px; height: 100%; display: flex; align-items: center; width: 120px; color: inherit; text-decoration: none; padding-right: 10px; margin-right: 10px; } .rtl-layout .cdz-cat-search .current-cat { padding-right: 0; margin-right: 0; padding-left: 10px; margin-left: 10px; } .cdz-cat-search .current-cat:after { content: ''; width: 1px; height: 18px; position: absolute; right: 10px; background: #8b8b8b; } .rtl-layout .cdz-cat-search .current-cat:after { right: auto; left: 10px; } .cdz-cat-search .current-cat > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 15px; width: 100%; } .rtl-layout .cdz-cat-search .current-cat > span { padding-right: 10px; padding-left: 15px; } .cdz-cat-search .current-cat > span:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 1; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; right: 0; top: 50%; top: calc(50% - 5px); } .rtl-layout .cdz-cat-search .current-cat > span:after { right: auto; left: 0; } .cdz-cat-search .dropdown { position: absolute; top: calc(100% + 5px); left: 0px; background: #FFF; border: 1px solid #dfdede; width: 250px; opacity: 0; transition: all 400ms linear; max-height: 0px; overflow: hidden; } .rtl-layout .cdz-cat-search .dropdown { left: auto; right: 0; } .cdz-cat-search .dropdown ul { padding: 0px 0px; text-align: left; margin-bottom: 0px; } .rtl-layout .cdz-cat-search .dropdown ul { text-align: right; } .cdz-cat-search .dropdown ul li { list-style: none; margin: 0; } .cdz-cat-search .dropdown ul li a { padding: 5px 0px 0px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; color: inherit; display: inline-block; width: 100%; text-decoration: none; position: relative; transition: padding-left 400ms ease; } .cdz-cat-search .dropdown ul li a.all-cat { text-transform: uppercase; } .cdz-cat-search .dropdown ul li a:before { visibility: hidden; height: 1px; width: 0px; content: ''; border-bottom: 1px solid; transition: width 400ms ease; position: absolute; left: 5px; top: 50%; } .cdz-cat-search .dropdown ul li a:hover { padding-left: 25px; transition: padding-left 400ms ease; } .cdz-cat-search .dropdown ul li a:hover:before { visibility: visible; width: 15px; transition: width 400ms ease; } .rtl-layout .cdz-cat-search .dropdown ul li a { padding: 5px 5px 0px 0px; transition: padding-right 400ms ease; } .rtl-layout .cdz-cat-search .dropdown ul li a:before { left: auto; right: 5px; } .rtl-layout .cdz-cat-search .dropdown ul li a:hover { padding-left: 0px; padding-right: 25px; } .cdz-cat-search .dropdown ul li.parent > ul { padding-left: 10px; } .rtl-layout .cdz-cat-search .dropdown ul li.parent > ul { padding-left: 0; padding-right: 10px; } .cdz-cat-search .dropdown .dropdown-inner { width: 100%; max-height: 400px !important; overflow: auto; padding: 10px 10px; } .cdz-cat-search .dropdown .dropdown-inner * { max-height: unset; } .cdz-cat-search.open .dropdown { max-height: 400px !important; opacity: 1; transition: all 400ms linear; } .sticky-menu.active .cdz-cat-search { display: none; } @media (min-width: 768px) { .has-cat input[name="q"] { padding-left: 135px; padding-right: 40px; } .rtl-layout .has-cat input[name="q"] { padding-left: 40px; padding-right: 135px; } } .searchsuite-autocomplete .num-result:before { content: '('; } .searchsuite-autocomplete .num-result:after { content: ')'; } .searchsuite-autocomplete .suggest { display: none; } .search-form-container .cdz-cat-search { border-right: 0px solid #ffffff; color: #8b8b8b; } .rtl-layout .search-form-container .cdz-cat-search { border-right: 0px; border-left: 0px solid #ffffff; } .search-form-container .cdz-cat-search .current-cat { background-color: #ffffff; color: #8b8b8b; } .search-form-container .cdz-cat-search .current-cat:focus, .search-form-container .cdz-cat-search .current-cat:visited, .search-form-container .cdz-cat-search .current-cat :active { background-color: #ffffff; color: #8b8b8b; } .search-form-container .cdz-cat-search .current-cat:hover { color: #288b43; background-color: #ffffff; } .search-form-container .cdz-cat-search .current-cat span:active, .search-form-container .cdz-cat-search .current-cat span:hover { color: #288b43; background-color: #ffffff; } .search-form-container .cdz-cat-search .current-cat:selection { background: inherit; } .search-form-container .cdz-cat-search:hover { border-right-color: #ffffff; } .search-form-container .cdz-cat-search .dropdown { background-color: #ffffff; } .search-form-container .cdz-cat-search .dropdown ul li a { color: #999999; } .search-form-container .cdz-cat-search .dropdown ul li a:hover { color: #288b43; } .cdz-msg-container.fixed { position: fixed; top: 80px; right: 10px; z-index: 1000; width: 400px; max-width: 100%; } .cdz-sidebar-backface { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; z-index: 887; opacity: 0; } .cdz-popup-area { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; overflow: hidden; visibility: hidden; } .cdz-popup-area .cdz-backface { background: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; transition: all 500ms ease; backface-visibility: hidden; } .cdz-popup-area .cdz-popup-area-inner { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; justify-content: center; } .cdz-popup-area .cdz-popup { visibility: hidden; overflow: visible; top: -110%; left: 0; right: 0; position: absolute; background: #FFF; transition: all 500ms ease; backface-visibility: hidden; max-height: 80%; width: 500px; max-width: calc(60%); margin: 2rem auto; } .cdz-popup-area .cdz-popup .cdz-popup-inner { position: relative; overflow: hidden; width: 100%; padding: 20px; background: #FFF; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content { max-height: 500px; max-height: 80vh; overflow: auto; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary { padding: 25px; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .actions-toolbar .primary, .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .actions-toolbar .submit, .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .actions-toolbar .secondary { width: 100%; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .info-summary-bottom { text-align: center; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .info-summary-bottom .secondary { padding: 15px; background: #f5f5f5; font-size: 14px; text-transform: uppercase; margin: 0; } .cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content .account-info-summary .info-summary-bottom .secondary .create-account-link { color: #5c6ac3; } .cdz-popup-area button.close-cdzpopup { position: absolute; top: 0px; padding: 0; width: 40px; height: 40px; border: 1px solid; color: #000; border-color: transparent; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; right: 0px; display: none; } body.cdz-popup-opened .cdz-backface { opacity: 1; transition: all 500ms ease; backface-visibility: hidden; } body.cdz-popup-opened .cdz-popup.opened { visibility: visible; top: 0; z-index: 1000; } body.cdz-popup-opened .cdz-popup-area { visibility: visible; overflow-y: scroll; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 15px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .column .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.add:hover:before { color: inherit; } .column .block-addbysku .action.add:active:before { color: inherit; } .column .block-addbysku .reset { margin: 7px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; padding-top: 10px; } .block-cart-failed { margin: 40px 0; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions.secondary { text-align: center; } .block-cart-failed .actions.secondary .action { display: block; margin: 0 auto 10px; } .bundle-actions { margin: 0 0 30px; } .bundle-options-container { clear: both; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .product-options-wrapper .fieldset > .field { border-top: 1px #e4e4e4 solid; padding-top: 20px; } .bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type { border-top: 0; padding-top: 0; } .bundle-options-container .product-options-wrapper .field.choice input { float: left; } .bundle-options-container .product-options-wrapper .field.choice .label { display: block; margin-left: 24px; } .bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax { display: inline-block; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .block-bundle-summary > .title { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary > .title, .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { border-bottom: 1px #e4e4e4 solid; margin-bottom: 25px; padding-bottom: 16px; } .bundle-options-container .block-bundle-summary .price-box { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .price-box .price-label { display: block; margin-bottom: 5px; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .product-addto-links { text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare { /*.lib-icon-font-symbol( @_icon-font-content: @icon-compare-full, @_icon-font-position: before );*/ } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .nested .field.qty { margin: 0 0 20px; margin-top: 20px; } .bundle-options-container .nested .field.qty > .label { margin: 0 0 8px; display: inline-block; } .bundle-options-container .nested .field.qty .label { font-weight: 600; } .bundle-options-container .nested .field.qty:last-child { margin-bottom: 0; } .bundle-options-container .price { font-weight: 600; } .bundle-options-container .product-options-bottom { border-top: 1px solid #e0e0e0; clear: left; margin: 0 0 40px; padding-top: 20px; } /*@product-name-link__text-decoration__active: @link__hover__text-decoration; @product-name-link__text-decoration__hover: @link__hover__text-decoration; @product-name-link__text-decoration__visited: @link__hover__text-decoration;*/ .price { color: #333333; } .old-price { margin-left: 10px; color: #288b43; } .old-price .price { color: #288b43; } .old-price .price-wrapper { text-decoration: line-through; } .product-item { vertical-align: top; } .products-grid .product-item { display: inline-block; float: left; } .rtl-layout .products-grid .product-item { float: right; } .product-item .price { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .product-item-name { display: block; margin: 5px 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; position: relative; } .product-item-info { max-width: 100%; position: relative; background: #ffffff; } .page-products .product-item-info { width: 240px; } .product-item-info .actions { padding-top: 10px; } .product-item-actions { display: none; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item .product-reviews-summary { float: none; clear: both; display: inline-block; vertical-align: top; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { margin-top: 5px; text-transform: lowercase; font-size: 12px; display: none; } .product-item .price-box { margin: 5px 0 5px; } .product-item .price-box .price { font-weight: bold; } .product-item .price-box .price-label { font-size: 12px; color: #7d7d7d; } .product-item .old-price { margin: 5px 0; margin-left: 10px; } .product-item .old-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocart { /*white-space: nowrap; border-radius: 0; .lib-font-size(13px); line-height: 1; padding-top: @indent__s; padding-bottom: @indent__s;*/ } .column.main .product-items { /*margin-left: -20px;*/ } .column.main .product-item { /*padding-left: 20px;*/ } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: "(" attr(data-label) ": "; } .price-container .weee:after { content: ")"; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ": "; } .products-list .product-item { /*display: table; width: 100%;*/ background: #ffffff; clear: both; width: 100%; margin-bottom: 20px; overflow: hidden; padding: 10px; } .products-list .product-item-info { width: 100%; } .products-list .product-item-photo { /*width: 1%; padding: 0 @indent__l @indent__l 0;*/ float: left; margin: 0 20px 10px 0; } .rtl-layout .products-list .product-item-photo { float: right; margin: 0 0 10px 20px; } .products-list .product-item-details { overflow: hidden; } .products-list .product-item .product-item-description { margin-bottom: 15px; } .products-grid .product-item { margin-bottom: 20px; } .products-grid .product-item-info { text-align: center; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 0px solid transparent; } .products-grid .product-item-info .product-item-details { padding: 10px 10px 20px; position: relative; } .products-grid .product-item-info .product-item-details .product-item-description { overflow: hidden; white-space: nowrap; /* Don't forget this one */ text-overflow: ellipsis; padding: 0 0px 10px; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .page-products .columns { padding-top: 60px; position: relative; z-index: 1; } .toolbar { background: #ffffff; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 20px; margin-bottom: 20px; text-align: center; clear: both; } .toolbar select { height: 34px; } .toolbar-amount { left: 0; line-height: 18px; margin: 0; padding: 7px 0; position: absolute; text-align: left; top: 0; vertical-align: middle; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .page-with-filter .toolbar-amount { position: static; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .sorter { float: right; } .rtl-layout .sorter { float: left; } .page-products .sorter { position: absolute; right: 10px; top: 0; z-index: 1; } .rtl-layout.page-products .sorter { right: auto; left: 10px; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter-options { margin: 0 5px 0 7px; width: auto; } .sorter-action { display: inline-block; text-decoration: none; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #8f8f8f; content: '\e613'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #333333; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action.sort-desc:before { content: '\e614'; } .modes { display: none; } .limiter { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter { display: none; } .limiter .control { display: inline-block; } .rtl-layout .pages .action.previous:before { content: '\e608'; } .rtl-layout .pages .action.next:before { content: '\e617'; } .magnify { width: 250px; height: 250px; position: absolute; border-radius: 100%; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); display: none; } .fotorama--fullscreen .magnify { display: none !important; } .full-view { position: absolute; top: 10px; right: 115px; z-index: 901; font-size: 0; width: 30px; height: 30px; } .full-view:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; content: '\f002'; } .modal-content .cdz-img-box { text-align: center; } .magnify { cursor: cell; cursor: -webkit-zoom-in; } .price-tier_price .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ":"; } .price-tier_price .price-including-tax + .price-excluding-tax:last-child:after { content: ")"; } .price-tier_price .weee[data-label] { display: inline; } .price-tier_price .weee[data-label]:before { content: " +" attr(data-label) ":"; } .actual-price { font-weight: 700; } .category-image .image { max-width: 100%; height: auto; display: block; } .category-cms, .category-image, .category-description { margin-bottom: 20px; } .category-description { padding-bottom: 30px; } .product-image-container { display: inline-block; max-width: 100%; vertical-align: top; } .product-image-wrapper { height: 0; display: block; position: relative; z-index: 1; overflow: hidden; } .product-image-photo { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: auto; max-width: 100%; } .page-product-bundle.catalog-product-view .bundle-options-container .product-add-form { background: #ffffff; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; padding: 20px; margin-bottom: 40px; float: left; } .product-main-content { background: #ffffff; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; width: 100%; padding: 20px; margin-bottom: 40px; } .product.media { position: relative; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { margin: 10px 0; color: #7d7d7d; font-size: 1.2rem; } .product.media .product.thumbs { margin: 10px 0 25px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs > li { margin: 1rem 0 0; } .product.media .items.thumbs img { display: block; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; } .product.info.detailed .additional-attributes { width: auto; border: none; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th, .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { border: none; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 5.5px 5px 10px 5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 5.5px 30px 10px 0; } .rtl-layout .product.info.detailed .additional-attributes > thead > tr > td, .rtl-layout .product.info.detailed .additional-attributes > tbody > tr > td, .rtl-layout .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 5.5px 5px 10px 5px; } .rtl-layout .product.info.detailed .additional-attributes > thead > tr > th, .rtl-layout .product.info.detailed .additional-attributes > tbody > tr > th, .rtl-layout .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 5.5px 0 10px 30px; } .product.info.detailed:not(.without_tab) { margin-bottom: 40px; background: #ffffff; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 0; border-top-width: 1px; padding: 20px; } .product.media .fotorama__stage__frame .fotorama__img { float: left; } .product.media .fotorama__stage { margin-left: 4%; } .rtl-layout .product.media { /*.fotorama__stage__frame .fotorama__img{float:right} .fotorama__stage{ margin-left:0; margin-right:5%; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap{ left:auto; right:0; }*/ } .product-info-main .page-title-wrapper { border: 0; /*text-align:left;*/ } .product-info-main .page-title-wrapper .page-title { margin: 0 0 5px; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; color: #000000; } .product-info-main .product.attribute.sku, .product-info-main .product.attribute.sku { color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; } .rtl-layout .product-info-main .product.attribute.sku, .rtl-layout .product-info-main .product.attribute.sku { float: right; } .product-info-main .product-info-price { border-bottom: 0px #c1c1c1 solid; display: table; width: 100%; color: #575757; margin-bottom: 0; margin-top: 25px; } .product-info-main .product-info-price .price-box { padding: 0 !important; } .product-info-main .product-info-price .price-box .price-final_price > span { margin-bottom: 5px; } .product-info-main .product-info-price .price-box .price-final_price > span:last-child { margin-bottom: 0; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax, .product-info-main .product-info-price .weee + .price-excluding-tax, .product-info-main .product-info-price .weee { font-size: 1.4rem; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price, .product-info-main .product-info-price .weee + .price-excluding-tax .price, .product-info-main .product-info-price .weee .price { font-size: 1.4rem; font-weight: 600; line-height: 16px; } .product-info-main .product-info-price .price-wrapper .price { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: bold; } .product-info-main .product-info-price .old-price .price-wrapper .price { font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 300; } .product-info-main .product-info-price .special-price .price-label:after { content: ": "; } .product-info-main .product-info-stock-sku { clear: both; padding-top: 3px; } .product-info-main .stock { margin: 0 0 3px; } .product-info-main .stock.available { color: #008000; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; padding: 0; } .product-info-main .stock.unavailable { color: #288b43; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; padding: 0; } .product-info-main .product.attribute.sku { word-wrap: break-word; } .product-info-main .product-add-form { clear: both; padding-top: 15px; } .product-info-main .product.attibute.sku .type, .product-info-main .product.attribute.sku .type { font-weight: normal; margin-right: 5px; } .product-info-main .product.attibute.sku .type:after, .product-info-main .product.attribute.sku .type:after { content: '#:'; } .rtl-layout .product-info-main .product.attibute.sku .type, .rtl-layout .product-info-main .product.attribute.sku .type { margin-right: 0; margin-left: 5px; } .product-info-main .product.attibute.sku .value, .product-info-main .product.attribute.sku .value { display: inline-block; } .product-info-main .product.attibute.overview, .product-info-main .product.attribute.overview { margin: 0; clear: both; } .product-info-main .product.attibute.overview .title, .product-info-main .product.attribute.overview .title { cursor: pointer; position: relative; margin-bottom: 10px; } .product-info-main .product.attibute.overview .title:after, .product-info-main .product.attribute.overview .title:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; font-size: 24px; float: right; margin-top: -3px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rtl-layout .product-info-main .product.attibute.overview .title:after, .rtl-layout .product-info-main .product.attribute.overview .title:after { float: left; } .product-info-main .product.attibute.overview .title.active:after, .product-info-main .product.attribute.overview .title.active:after { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .product-info-main .product.attibute.overview strong, .product-info-main .product.attribute.overview strong { font-weight: 500; text-transform: uppercase; } .product-info-main .product.attibute.overview .value p, .product-info-main .product.attribute.overview .value p { margin: 0; } .product-info-main .product.attibute.overview .value, .product-info-main .product.attribute.overview .value { height: inherit; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-info-main .product.attibute.overview .value.active, .product-info-main .product.attribute.overview .value.active { height: 0; visibility: hidden; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .product-info-main .product.alert { margin: 10px 0; } .product-info-main .product-reviews-summary { margin-bottom: 0; margin-top: -2px; } .product-info-main .product-options-bottom { padding: 0; } .product-info-main .product-options-bottom .box-tocart { margin-top: 20px; } .product-options-wrapper .fieldset-product-options-inner .legend { border: none; font-weight: 600; display: inline-block; font-size: 1.4rem; float: none; padding: 0; margin: 0 0 8px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .product-options-wrapper .field .note { display: block; margin-top: 5px; } .product-options-bottom .price-box, .product-info-price .price-box { color: #575757; vertical-align: top; padding-bottom: 10px; } .product-options-bottom .price-box .old-price, .product-info-price .price-box .old-price { font-size: 20px; } .product-options-bottom .price-box .price-container > span, .product-info-price .price-box .price-container > span { margin-bottom: 5px; } .product-options-bottom .price-box .price-container > span:last-child, .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 20px; font-weight: 600; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax, .product-info-price .price-box .price-container .weee + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee, .product-info-price .price-box .price-container .weee { font-size: 1.2rem; line-height: 14px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price, .product-info-price .price-box .price-container .weee + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee .price, .product-info-price .price-box .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .box-tocart .action.tocart { vertical-align: top; } .box-tocart .action.tocart:not(:last-child) { margin-bottom: 15px; } .product-addto-links { overflow: hidden; clear: both; margin-bottom: 30px; } .product-social-links { margin: 0 0 30px; text-align: center; width: 100%; float: left; clear: both; } .product-social-links a { color: #000000; text-decoration: none; } .product-social-links a:visited { color: #000000; text-decoration: none; } .product-social-links a:hover { color: #288b43; text-decoration: none; } .product-social-links a:active { color: #288b43; text-decoration: none; } .product-social-links .mailto.friend { margin-right: 15px; float: left; } .product-social-links .mailto.friend span { font-size: 0; } .product-social-links .social-addthis { float: left; } .product-social-links .social-addthis a { margin-right: 15px; } .product-social-links .social-addthis a span.fa:before { font-size: 18px; } .rtl-layout .product-social-links { float: right; } .rtl-layout .product-social-links .social-addthis { float: right; } .rtl-layout .product-social-links .mailto.friend { margin-right: 0; margin-left: 15px; float: right; } .product-social-links .action.tocompare { /*&:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-compare-full, @_icon-font-position: before );*/ } .prices-tier { margin-bottom: 15px; } .prices-tier .item { margin-bottom: 10px; } .prices-tier .item:last-child { margin-bottom: 0; } .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .minimal-price-link, .price-excluding-tax, .price-including-tax { white-space: nowrap; display: block; } .ui-dialog-titlebar-close { line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #1979c3; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #006bb4; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #ff5501; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .sidebar .product-items .product-item { margin-top: 20px; position: relative; } .sidebar .product-items .product-item:first-child { margin-top: 0; } .sidebar .product-items .product-item-info { background: transparent; position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { position: absolute; left: 0; top: 0; width: 100%; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 105px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 10px; } .sidebar .product-items .product-item-actions .actions-secondary { display: none; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #7d7d7d; font-size: 12px; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .product-items .action.delete { position: absolute; right: 0; top: 0; } .rtl-layout .sidebar .product-items .action.delete { left: 0; right: auto; } .sidebar .block-wishlist .product-items .product-item-actions .actions-secondary { display: inline-block; } .sidebar .block-wishlist .actions-toolbar { padding-top: 30px; } .sidebar .block-wishlist .product-items .product-item-info .product-item-photo { width: auto !important; } .sidebar .block-wishlist .product-items .product-item-details { margin: 0 0 0 95px; } .sidebar .block-wishlist .product-items .qs-btn-container { display: none; } .sidebar .product-items-images { margin-left: -5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 5px; } .sidebar .product-items-names .product-item { margin-bottom: 10px; } .sidebar .product-items-names .product-item-name { margin: 0; } body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } .table-comparison { table-layout: fixed; } .table-comparison .cell.label, .table-comparison td:last-child { border-right: 1px solid #e0e0e0; } .table-comparison .cell { width: 180px; padding: 15px; border: 1px solid #e0e0e0; } .table-comparison .cell .attribute.value { width: 100%; overflow: hidden; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #e0e0e0; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.attribute { font-size: 1.3rem; } .table-comparison .cell.attribute img { max-width: 100%; height: auto; } .table-comparison .cell.remove { padding-top: 10px; padding-bottom: 10px; text-align: right; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { position: absolute; z-index: 2; top: 0; left: 0; width: auto; background: #ffffff; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { position: absolute; left: 0; top: 0; } .block-compare .counter { display: none; } .block-compare .actions-toolbar { margin: 17px 0 0; } .block.related .action.select { vertical-align: top; } .block.related .product-item-details { position: relative; z-index: 1; } .block.related .related-available .product-item-name { margin-left: 20px; } .block.related .field.choice { position: absolute; top: 10px; right: 10px; z-index: 9; } .size-chart-content .close { display: none; } .size-chart-fashion { position: relative; } .size-chart-fashion .sizechart-trigger { position: absolute; right: 0; top: 0; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; text-decoration: underline; } .size-chart-fashion .sizechart-trigger:hover { text-decoration: none; } .rtl-layout .size-chart-fashion .sizechart-trigger { right: auto; left: 0; } .box-tocart .qty .label { display: none !important; } .box-tocart .control { margin-bottom: 15px; float: left; } .rtl-layout .box-tocart .control { float: right; } .box-tocart .control .qty-minus, .box-tocart .control .qty-plus { float: left; text-align: center; } .box-tocart .control .qty-minus .btn-qty, .box-tocart .control .qty-plus .btn-qty { width: 40px; height: 40px; line-height: 40px; display: block; border: 1px solid #e0e0e0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .box-tocart .control .qty-minus:hover .btn-qty, .box-tocart .control .qty-plus:hover .btn-qty { color: #ffffff; background-color: #288b43; border-color: #288b43; z-index: 1; position: relative; } .box-tocart .control .qty-input { float: left; } .box-tocart .control .qty-input .input-text.qty { width: 90px; background: #fbfbfb; margin: 0 -1px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .box-tocart .actions { clear: both; } .product.media .fotorama { padding-right: 20px; } .product.media .fotorama__stage { margin-left: 20px !important; } .product #additional, .product #reviews { display: none; } .mobile-search-content > .mobile-search-form-container { display: none; } .block-search { margin-bottom: 0 !important; } .block-search .block-title { display: none; } .block-search .search-icon span { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #8f8f8f; content: '\e615'; font-family: 'luma-icons'; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333333; } .block-search .label:active:before { color: #333333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { /*border-top: 1px solid @border-color__base; clear: both; margin: 0 -@layout__width-xs-indent -1px; padding: 0 @layout__width-xs-indent;*/ } .block-search input { left: -300%; position: absolute; margin: 15px 0; } .block-search .nested { display: none; } .search-autocomplete { display: none; position: absolute; z-index: 3; overflow: hidden; margin-top: -15px; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; padding: 5px 40px 5px 10px; margin: 0; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; text-align: center; width: 25px; position: absolute; right: 0; top: 6px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { position: absolute; top: 32px; left: 0; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms > li { display: inline-block; margin-right: 10px; } .block-search .label { display: none !important; } .block-search .search-form-container { position: relative; } .block-search .control { border-top: 0; margin: 0; padding: 0; background-color: #ffffff; } .block-search input { position: static; padding-right: 40px; margin: 0; } .rtl-layout .block-search input { padding-right: 10px; padding-left: 40px; } .block-search input[type="text"] { color: #8b8b8b; background-color: #ffffff; border-color: #cccccc; font-style: italic; height: 40px; border-top-width: 0; border-bottom-width: 0; text-transform: capitalize; font-size: 10px; } .block-search input[type="text"]::-webkit-input-placeholder { text-transform: uppercase; } .block-search input[type="text"]:-moz-placeholder { text-transform: uppercase; } .block-search input[type="text"]::-moz-placeholder { text-transform: uppercase; } .block-search input[type="text"]:-ms-input-placeholder { text-transform: uppercase; } .block-search .action.search { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; opacity: 1 !important; top: 0; z-index: 1; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .block-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 40px; color: #ffffff; content: '\e615'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .action.search:hover:before { color: #333333; } .block-search .action.search:active:before { color: inherit; } .block-search .action.search:focus, .block-search .action.search:active { background: none; border: none; } .block-search .action.search:hover { background: none; border: none; } .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search { pointer-events: none; opacity: 0.5; } .block-search .action.search:focus:before { color: #333333; } .block-search .action.search:before { color: #ffffff; } .rtl-layout .block-search .action.search { right: auto; left: 0; } .search-autocomplete { margin-top: 0; } .mobile-search-wrapper .block-search { width: inherit; margin: 0; padding: 0; position: relative; } .mobile-search-wrapper .block-search input[type="text"] { border-top-width: 1px; border-bottom-width: 1px; } .mobile-search-wrapper .block-search .mobile-search-icon { color: #ffffff; position: relative; display: inline-block; padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; } .mobile-search-wrapper .block-search .mobile-search-icon span { font-size: 0; } .mobile-search-wrapper .block-search .mobile-search-icon span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 20px; line-height: 40px; } .mobile-search-wrapper .ui-dialog { position: absolute; right: 0; left: 0; top: 100%; padding: 10px; z-index: 5; color: #999999; background-color: #ffffff; box-shadow: 0 3px 3px #e1e1e1; -moz-box-shadow: 0 3px 3px #e1e1e1; -webkit-box-shadow: 0 3px 3px #e1e1e1; -o-box-shadow: 0 3px 3px #e1e1e1; -ms-box-shadow: 0 3px 3px #e1e1e1; min-width: 280px; width: auto; } .mobile-search-wrapper .ui-dialog .label { display: none; } .mobile-search-wrapper .ui-dialog .minisearch { position: relative; border: 1px solid #8b8b8b; } .mobile-search-wrapper .ui-dialog .control { padding-right: 40px; } .rtl-layout .mobile-search-wrapper .ui-dialog .control { padding-right: 0px; padding-left: 40px; } .mobile-search-wrapper .ui-dialog .actions { position: absolute; right: 0; top: 0; z-index: 3; } .rtl-layout .mobile-search-wrapper .ui-dialog .actions { right: auto; left: 0; } .mobile-search-wrapper .ui-dialog input[type="text"] { border: 0px solid; color: #8b8b8b; background-color: transparent; border-color: #8b8b8b; font-style: italic; height: 40px; text-transform: uppercase; font-size: 10px; } .mobile-search-wrapper .ui-dialog .action.search { width: 40px; height: 40px; text-align: center; z-index: 1; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .mobile-search-wrapper .ui-dialog .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mobile-search-wrapper .ui-dialog .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 40px; color: #8b8b8b; content: '\e615'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .mobile-search-wrapper .ui-dialog .action.search:hover:before { color: #ffffff; } .mobile-search-wrapper .ui-dialog .action.search:active:before { color: inherit; } .mobile-search-wrapper .ui-dialog .action.search:focus, .mobile-search-wrapper .ui-dialog .action.search:active { background: none; border: none; } .mobile-search-wrapper .ui-dialog .action.search:hover { background: none; border: none; } .mobile-search-wrapper .ui-dialog .action.search.disabled, .mobile-search-wrapper .ui-dialog .action.search[disabled], fieldset[disabled] .mobile-search-wrapper .ui-dialog .action.search { pointer-events: none; opacity: 0.5; } .mobile-search-wrapper .ui-dialog .action.search:focus:before { color: #ffffff; } .mobile-search-wrapper .ui-dialog .action.search:before { color: #8b8b8b; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 10px; padding-right: 10px; } .cart-summary { background: #ffffff; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 25px; padding: 1px 0 25px; } .cart-summary > .title { font-size: 2.4rem; display: none; font-weight: 300; margin: 12px 0; } .cart-summary .block form:not(:last-of-type) .fieldset { margin: 0 0 25px; } .cart-summary .block .price { font-weight: 700; } .cart-summary .block .field { margin: 0 0 16px; } .cart-summary .block .field.note { display: none; } .cart-summary .block .actions-toolbar > .primary { text-align: left; } .cart-summary .block .actions-toolbar > .primary .action.primary { width: auto; } .cart-summary .block .title strong { font-size: 1.4rem; font-weight: 600; } .cart-summary .block .item-options { margin: 0 0 16px; } .cart-summary .block .item-options .field .radio { float: left; } .rtl-layout .cart-summary .block .item-options .field .radio { float: right; } .cart-summary .block .item-options .field .radio + .label { display: block; margin: 0; overflow: hidden; } .page-main .cart-summary .block { margin-bottom: 0; } .cart-summary .checkout-methods-items { margin: 20px 0 0; padding: 0 15px; text-align: center; } .cart-summary .checkout-methods-items .action.primary.checkout { width: 100%; } .cart-summary .checkout-methods-items .item { margin-bottom: 25px; } .cart-summary .checkout-methods-items .item:last-child { margin-bottom: 0; } .cart-summary .message { padding-left: 20px; } .cart-summary .message > *:first-child:before { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark { text-align: left; } .rtl-layout .cart-totals tbody .mark, .rtl-layout .cart-totals tfoot .mark { text-align: right; } .cart { background: #ffffff; padding: 20px; } .cart.main.actions, .cart.table-wrapper { box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .cart.table-wrapper { margin-bottom: 0; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; padding-top: 0; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #e0e0e0; position: relative; } .cart.table-wrapper .col { padding-top: 15px; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty .input-text { height: 36px; margin-top: -7px; text-align: center; width: 45px; } .cart.table-wrapper .col > .price { color: #7d7d7d; font-size: 1.8rem; font-weight: 700; } .cart.table-wrapper .item-actions td { padding-bottom: 0; padding-left: 15px; padding-right: 15px; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 15px 15px 10px 90px; position: relative; } .cart.table-wrapper .actions-toolbar { min-height: 30px; padding-bottom: 15px; position: relative; } .rtl-layout .cart.table-wrapper .actions-toolbar { text-align: right; } .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { position: absolute; right: 16px; top: 0; display: inline-block; text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before { color: #333333; } .cart.table-wrapper .actions-toolbar > .action-edit:active:before, .cart.table-wrapper .actions-toolbar > .action-delete:active:before { color: #8f8f8f; } .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-delete:before { content: '\e604'; } .rtl-layout .cart.table-wrapper .actions-toolbar > .action-edit { left: 16px; right: auto; } .rtl-layout .cart.table-wrapper .actions-toolbar > .action-delete { left: 0; right: auto; } .cart.table-wrapper .action { margin-right: 25px; } .cart.table-wrapper .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 15px; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; } .cart.table-wrapper .product-item-name { display: block; margin: 0px 0 5px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { margin-bottom: 0; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 20px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 10px 0 0; } .cart.table-wrapper .item .message { margin-top: 20px; } .cart-discount { margin-bottom: 60px; border-bottom: 1px solid #e0e0e0; clear: left; } .cart-empty { padding-left: 10px; padding-right: 10px; } .cart-tax-info + .cart-tax-total { display: block; } .block.crosssell { padding: 0 15px; } @media (max-width: 991px) { .cart.table-wrapper .product-item-photo .product-image-container { width: 100px !important; } } .cart.table-wrapper .product-item-name { width: 200px; white-space: normal; text-overflow: initial; } .cart.table-wrapper .cart-price { font-size: 14px; } @media (min-width: 768px) and (max-width: 1199px) { .cart.table-wrapper .item-info .product-item-photo .product-image-container { width: 70px !important; } .cart.table-wrapper .product-item-photo { padding-right: 5px !important; } .cart.table-wrapper .product-item-name { width: auto; display: block; margin-top: 10px; padding-bottom: 0; } } .block-minicart .items-total { float: left; margin: 0 10px; } .block-minicart .items-total span { display: block; vertical-align: top; clear: both; margin-bottom: 4px; text-transform: uppercase; } .block-minicart .items-total .count { font-weight: 700; color: #333333; } .block-minicart .subtotal { margin: 0 10px; text-align: right; text-transform: uppercase; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 10px 0 10px; text-align: center; font-weight: normal; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content { padding-top: 0 !important; } .block-minicart .block-content > .actions { margin-top: 15px; } .block-minicart .block-content > .actions > .secondary { text-align: center; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-minicart .block-content > .actions > .primary { margin: 0 10px 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; } .block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { /*.lib-dropdown( @_toggle-selector: ~".action.showcart", @_options-selector: ~".block-minicart", @_dropdown-toggle-icon-content: '', @_dropdown-toggle-active-icon-content: '', @_dropdown-list-item-padding: false, @_dropdown-list-item-hover: false, @_icon-font-position: before, @_icon-font-size: 22px, @_icon-font-line-height: 28px, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @minicart-icons-color-hover, @_icon-font-color-active: @minicart-icons-color );*/ position: relative; float: right; } .rtl-layout .minicart-wrapper { float: left; } .minicart-wrapper .ui-dialog .block-minicart { padding: 20px 20px 0; right: 0; width: 340px; position: absolute; top: 100%; z-index: 5; box-shadow: 0 1px 3px #e1e1e1; -moz-box-shadow: 0 1px 3px #e1e1e1; -webkit-box-shadow: 0 1px 3px #e1e1e1; -o-box-shadow: 0 1px 3px #e1e1e1; -ms-box-shadow: 0 1px 3px #e1e1e1; color: #999999; background-color: #ffffff; } .minicart-wrapper .block-minicart { margin-bottom: 0; } .minicart-wrapper .block-minicart a { color: #999999; text-decoration: none; } .minicart-wrapper .block-minicart a:visited { color: #999999; text-decoration: none; } .minicart-wrapper .block-minicart a:hover { color: #288b43; text-decoration: none; } .minicart-wrapper .block-minicart a:active { color: #288b43; text-decoration: none; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .block-minicart:after { left: auto; right: 25px; } .minicart-wrapper .block-minicart:before { left: auto; right: 26px; } .minicart-wrapper .product .actions { float: right; margin: -28px 0 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; } .rtl-layout .minicart-wrapper .product .actions { float: left; } .rtl-layout .minicart-wrapper .product .actions > .primary:not(:last-child), .rtl-layout .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 0; margin-left: 15px; } .minicart-wrapper .action.close { height: 40px; position: absolute; right: 0; top: 0; width: 40px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #999999; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.close:hover { color: #288b43; } .minicart-wrapper .action.showcart { white-space: nowrap; display: inline-block; vertical-align: middle; border: 0px solid; color: #ffffff; border-color: #eeeeee; background: #288b43; } .minicart-wrapper .action.showcart:before { padding: 7px 10px; min-height: 41px; display: inline-block; vertical-align: top; width: 40px; content: ''; border-right: 0px solid #eeeeee; background-color: transparent; background-image: url("../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/icon.png"); background-position: 7px 8px; background-repeat: no-repeat; } .minicart-wrapper .action.showcart .price-label { padding: 10px 0px 10px 15px; min-height: 40px; display: inline-block; font-size: 14px; font-weight: 700; vertical-align: middle; } .minicart-wrapper .action.showcart .counter.qty { height: 18px; line-height: 20px; background: #fc7070; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 11px; display: inline-block; vertical-align: top; margin: 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; position: absolute; top: -3px; left: 27px; border: 0px solid #ffffff; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 20px; } .rtl-layout .minicart-wrapper .action.showcart .counter.qty { left: auto; right: 27px; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #eeeeee; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; max-height: 300px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 15px 0 10px; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #eeeeee; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; width: 4.5rem; } .minicart-items .price-minicart { margin-bottom: 5px; } .minicart-items .product-item-name { margin: 0 0 10px; } .minicart-items .product-item-details { padding-left: 120px; } .rtl-layout .minicart-items .product-item-details { padding-left: 0; padding-right: 120px; } .minicart-items .product-item-details .price { font-weight: 700; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 10px; } .minicart-items .product-item-details .details-qty .label { display: none; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .rtl-layout .minicart-items .product > .product-item-photo, .rtl-layout .minicart-items .product > .product-image-container { float: right; } .minicart-items .product .toggle { border: 0; padding: 0 40px 5px 0; } .minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; } .minicart-items .product .active > .toggle:after { content: '\e621'; } .minicart-items .product.pricing { margin-top: 3px; } .minicart-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; } .minicart-items .product.options .tooltip.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .tooltip.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .details { display: none; } .minicart-items .item-qty { margin-right: 10px; text-align: center; width: 40px; height: 30px; } .minicart-items .update-cart-item { font-size: 1.1rem; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #333333; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #8f8f8f; } .minicart-items .action.delete:before { content: '\e604'; } .checkout-index-index .page-header { padding: 10px 0; } .checkout-container { margin: 0 0 20px; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .opc { background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 20px; } .opc-wrapper .step-title { border-bottom: 1px solid #e0e0e0; } .opc-wrapper .step-content { margin: 0 0 40px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; float: left; width: auto; } .checkout-index-index.rtl-layout .logo { float: right; } .checkout-index-index .loader { padding: 300px 0; } .checkout-onepage-success #registration { text-align: center; padding: 40px 0 20px; } .opc-sidebar .modal-header { padding: 0; border: 0; } .opc-estimated-wrapper { background: #ffffff; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: -21px -15px 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; float: left; font-weight: 700; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 5px; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart { pointer-events: none; opacity: 0.5; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { color: #333333; } .opc-progress-bar { display: none; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .checkout-index-index .modal-popup .fieldset .field .label { font-weight: 400; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 8px; } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #333333; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: #333333; } .field-tooltip .field-tooltip-action:before { padding-left: 1px; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #333333; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 28px; } .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { font-weight: 400; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; margin-top: 10px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; font-size: 14px; line-height: 30px; margin: 0 0 20px; padding: 20px 35px 20px 20px; transition: 0.3s border-color; width: 50%; display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; margin-top: 20px; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #ffffff; content: '\e610'; font-family: 'luma-icons'; height: 27px; width: 29px; font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 20px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 5px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { padding-bottom: 10px; padding-top: 10px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .col-price { font-weight: 600; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 10px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #1979c3; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } .opc-block-shipping-information { padding: 0 30px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #e0e0e0; margin: 0 0 20px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 10px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #333333; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #8f8f8f; } .rtl-layout .opc-block-shipping-information .shipping-information-title .action-edit { left: 0; right: auto; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 20px; } .opc-block-summary { background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 20px; background: #ffffff; margin: 0 0 20px; } .opc-block-summary > .title { display: block; } .opc-block-summary .table-totals tbody .mark { font-size: 100%; text-transform: capitalize; } .opc-block-summary .mark .value { color: #999999; display: block; padding: 10px 0; text-transform: capitalize; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #e0e0e0; padding: 10px 40px 10px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 10px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: '\e621'; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 10px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: table-cell; padding-right: 5px; text-align: left; } .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .rtl-layout .opc-block-summary .product-item .product-item-name-block { padding-right: 0; padding-left: 5px; text-align: right; } .rtl-layout .opc-block-summary .product-item .subtotal { text-align: left; } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px; } .authentication-wrapper { float: right; margin-top: -60px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.8rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .actions-toolbar { margin-bottom: 5px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 10px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block:before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method-title { border-top: 1px solid #e0e0e0; padding: 10px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 20px; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 100%; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 10px; } .checkout-payment-method .payment-method-billing-address { margin: 0 0 20px; } .checkout-payment-method .payment-method-billing-address .primary .action-update { margin-right: 0; } .checkout-payment-method .payment-method-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .payment-method-note + .payment-method-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\e621'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #e0e0e0; padding: 10px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #000000; display: inline-block; text-decoration: none; font: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 16px; color: #8f8f8f; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #333333; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #8f8f8f; } .checkout-payment-method .payment-option-content { padding: 0 0 20px; } .checkout-payment-method .payment-option-inner { margin: 0 0 20px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 5px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .checkout-payment-method .credit-card-types .item._inactive { opacity: 0.4; filter: alpha(opacity=40); } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; filter: grayscale(100%); filter: gray; } .checkout-payment-method .ccard .fields > .year { padding-left: 5px; } .checkout-payment-method .ccard .fields .select { padding-left: 5px; padding-right: 5px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { display: inline-block; padding-right: 20px; } .checkout-payment-method .ccard .cvv .label { display: block; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; } .checkout-agreements-block .checkout-agreement.field { display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-agreements-block .checkout-agreement.field.required label:after { content: none; } .checkout-agreements-block .checkout-agreement.field.required .action-show:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .checkout-success .actions-toolbar .primary { float: none; } .checkout-success .actions-toolbar { text-align: center; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses .item.actions { margin-top: 5px; } .form-address-edit #region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .form-create-account .fieldset-fullname .fields .field { float: none; } .account .page-title-wrapper .page-title { display: inline-block; } .account .messages { margin-bottom: 20px; } .account .column.main { margin-bottom: 30px; } .account .column.main h2 { margin-top: 0; } .account .column.main > .table-wrapper, .account .column.main > .form-address-edit, .account .column.main > .form, .account .column.main .block { background-color: #ffffff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 20px; } .account.rtl-layout .column.main .block:not(.widget) .block-title > .action { margin-left: 0; margin-right: 15px; } .account.rtl-layout .column.main .block:not(.widget) .block-title .action.edit, .account.rtl-layout .column.main .block:not(.widget) .block-title .action.view { float: left; } .account.rtl-layout .column.main .block:not(.widget) .block-title .action.edit:after, .account.rtl-layout .column.main .block:not(.widget) .block-title .action.view:after { content: '\f100'; margin-right: 5px; margin-left: 0; } .account .sidebar-additional { margin-top: 20px; } .account .data.table .col.actions .action.delete, [class^="sales-guest-"] .data.table .col.actions .action.delete, .sales-guest-view .data.table .col.actions .action.delete { color: #d10029; } .column.main .block:last-child { margin-bottom: 0; } .block .title { margin-bottom: 10px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 5px; } .control.captcha-image { margin-top: 10px; } .control.captcha-image .captcha-img { vertical-align: middle; } .order-products-toolbar { position: relative; } .block-balance .price { font-size: 3.2rem; line-height: 32px; display: inline-block; margin-top: -10px; } .table-downloadable-products .product-name { font-weight: 400; margin-right: 15px; } .table-downloadable-products .action.download { display: inline-block; text-decoration: none; } .table-downloadable-products .action.download:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: inherit; content: '\e626'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-downloadable .product-add-form { clear: both; } .page-product-downloadable .product-options-bottom .field.qty { display: none; } .samples-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 10px; } .samples-item { margin: 0 0 10px; } .field.downloads { margin-bottom: 10px; } .page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control { width: 100%; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: " + "; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: " (" attr(data-label) ": "; } .field.downloads .price-excluding-tax:after { content: ")"; } .field.downloads .price-including-tax { display: inline; font-weight: 600; font-size: 1.4rem; } .field.downloads .field.choice { box-sizing: border-box; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px; width: 100%; position: relative; z-index: 1; padding-left: 25px; } .field.downloads .field.choice input { position: absolute; left: 0; top: 2px; } .field.downloads .field.downloads-all { padding-left: 0; border-bottom: 0; } .field.downloads .sample.link { float: right; } .field.downloads-all .label { color: #1979c3; text-decoration: none; cursor: pointer; } .field.downloads-all .label:visited { color: #1979c3; text-decoration: none; } .field.downloads-all .label:hover { color: #006bb4; text-decoration: underline; } .field.downloads-all .label:active { color: #ff5501; text-decoration: underline; } .field.downloads-all input { opacity: 0; } .field.downloads.downloads-no-separately .field.choice { padding-left: 0; } .page-product-giftcard .giftcard-amount { text-align: left; margin-bottom: 0; clear: both; border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px !important; } .page-product-giftcard .product-info-main .price-box .old-price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price > span { display: block; margin-bottom: 5px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price > span:last-child { margin-bottom: 0; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price .price { font-size: 22px; line-height: 22px; font-weight: 600; } .page-product-giftcard .product-info-main .price-box + .giftcard.form { border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .product-info-stock-sku { display: block; } .page-product-giftcard .product-add-form { clear: none; border: 0; padding-top: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) { margin-top: 20px; margin-bottom: 20px; } .page-product-giftcard .giftcard.form { clear: both; } .page-product-giftcard .price-box { margin-bottom: 10px; } .page-product-giftcard .product-info-price { float: right; width: auto; display: block; white-space: nowrap; border: 0; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 10px; } .gift-message .field .label { color: #666666; font-weight: 400; } .cart.table-wrapper .item-gift._active { border-top: 1px solid #c1c1c1; } .cart.table-wrapper .item-gift .action { margin-right: 0; } .gift-options { margin: 20px 0; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { font-weight: 600; margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary { position: relative; } .gift-summary .actions-toolbar > .secondary .action { margin: 0 0 0 20px; width: auto; } .gift-summary .action-edit, .gift-summary .action-delete { display: inline-block; text-decoration: none; } .gift-summary .action-edit > span, .gift-summary .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-summary .action-edit:before, .gift-summary .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-summary .action-edit:hover:before, .gift-summary .action-delete:hover:before { color: #333333; } .gift-summary .action-edit:active:before, .gift-summary .action-delete:active:before { color: #8f8f8f; } .gift-summary .action-delete:before { content: '\e604'; } .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } .cart.table-wrapper .gift-content { display: none; clear: left; float: left; margin-right: -100%; padding: 20px 0; width: 100%; } .cart.table-wrapper .gift-content._active { display: table; table-layout: fixed; } .gift-item-block { border-bottom: 1px solid #c1c1c1; margin: 0; } .gift-item-block._active .title:after { content: '\e621'; } .gift-item-block .title { color: #1979c3; cursor: pointer; display: block; text-decoration: none; margin: 0; padding: 10px 40px 10px 15px; position: relative; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #858585; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: #333333; } .gift-item-block .content { padding: 10px 0 20px; position: relative; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 10px 0; } .options-order-container, .options-items-container { margin-bottom: 10px; } .gift-messages-order { margin-bottom: 25px; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .giftregisty-dropdown .action.toggle { color: #1979c3; } .table-giftregistry-items .product-image { margin-right: 10px; float: left; } .cart-summary .form.giftregistry .fieldset { margin: 15px 0 5px; text-align: left; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 10px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .form-giftregistry-edit .giftregistry-type { margin-bottom: 30px; margin-top: -25px; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item .col { border: 0; } .block-giftregistry-shared-items th { border-bottom: 1px solid #e0e0e0; } .block-giftregistry-shared-items .col { padding: 20px 11px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 10px 0; } .block-giftregistry-shared-items .product-item-name { font-size: 1.8rem; display: block; margin: 0 0 5px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 10px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 4rem; color: #494949; content: '\e62a'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 10px 10px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 10px 0; } .gift-wrapping-title .action-remove { margin: -5px 0 0 5px; display: inline-block; text-decoration: none; } .gift-wrapping-title .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-title .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-title .action-remove:hover:before { color: #333333; } .gift-wrapping-title .action-remove:active:before { color: #8f8f8f; } .gift-options-content .fieldset .field { margin: 10px 0; } .gift-wrapping-summary { padding-right: 7rem; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping { margin: 20px 0 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img { float: left; margin: 0 10px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ": "; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .table-wrapper.grouped { width: auto; } .table.grouped .row-tier-price > td { border-top: 0; } .table.grouped .col.item { width: 90%; } .table.grouped .col.qty { width: 10%; } .table.grouped .product-item-name { font-weight: 400; margin-bottom: 10px; display: inline-block; } .table.grouped .price-box p { margin: 0; } .table.grouped .price-box .price { font-weight: 700; } .table.grouped .price-box .old-price .price { font-weight: normal; } .table.grouped .stock.unavailable { margin: 0; white-space: nowrap; text-transform: none; font-weight: normal; } .page-product-grouped .product-info-price { float: right; display: block; width: auto; border: 0; } .form-add-invitations .additional, .form-add-invitations .field.message { margin-top: 20px; } .form-add-invitations .action.remove { top: 4px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .filter.block { margin-bottom: 0; } .filter-title strong { /*@_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color__base, 30); .lib-css(background-color, @toolbar-element-background); .lib-css(box-shadow, @_shadow); border-radius: 3px; border: 1px solid @border-color__base; font-weight: 400; left: 0; line-height: 16px; padding: 7px @indent__s; position: absolute; text-align: center; top: 0; z-index: 2; &[data-count]:after { .lib-css(color, @color-white); background: @color-orange-red4; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 @indent__xs; min-width: 1em; padding: 2px; }*/ } .filter-title strong.disabled { opacity: .5; } .filter .block-subtitle { font-size: 14px; font-weight: 600; line-height: 1em; padding: 10px 10px 20px; display: none; } .filter-subtitle { display: none; } .filter-current { margin: 0; } .filter-current .items { padding: 5px 10px; } .filter-current .item { padding-left: 17px; position: relative; z-index: 1; } .filter .filter-current-subtitle { border: none; display: block; padding-bottom: 10px; } .filter-current .action.remove { left: -2px; position: absolute; top: -1px; } .filter-actions { margin-bottom: 25px; padding: 0 10px; } .filter-label { font-weight: 700; } .filter-label:after { content: ': '; } .filter-value { color: #858585; } .filter-options { display: none; margin: 0; } .filter dl.options dt { padding-bottom: 15px !important; } .filter-options, .filter dl.options { margin: 0; } .filter-options-item, .filter dl.options-item, .filter-options dt, .filter dl.options dt { border-bottom: 1px dashed #e0e0e0; padding-bottom: 15px; } .filter-options-item:last-child, .filter dl.options-item:last-child, .filter-options dt:last-child, .filter dl.options dt:last-child { border-bottom: 0; } .filter-options-title, .filter dl.options-title, .filter-options dt, .filter dl.options dt { cursor: pointer; margin: 0; overflow: hidden; padding: 15px 40px 0 0; position: relative; text-transform: uppercase; word-break: break-all; z-index: 1; color: #000000; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; display: block; text-decoration: none; } .filter-options-title:after, .filter dl.options-title:after, .filter-options dt:after, .filter dl.options dt:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter-options-title:after, .filter dl.options-title:after, .filter-options dt:after, .filter dl.options dt:after { position: absolute; right: 0; top: 18px; } .filter-options-title:hover, .filter dl.options-title:hover, .filter-options dt:hover, .filter dl.options dt:hover { color: #000000; } .active > .filter-options-title:after, .active > .filter dl.options-title:after, .active > .filter-options dt:after, .active > .filter dl.options dt:after { content: '\e621'; } .rtl-layout .filter-options-title, .rtl-layout .filter dl.options-title, .rtl-layout .filter-options dt, .rtl-layout .filter dl.options dt { padding: 15px 0 0 40px; } .rtl-layout .filter-options-title:after, .rtl-layout .filter dl.options-title:after, .rtl-layout .filter-options dt:after, .rtl-layout .filter dl.options dt:after { right: auto; left: 0; } .filter-options-content, .filter dl.options-content, .filter-options dd, .filter dl.options dd { margin: 0; padding: 10px 0; } .filter-options-content ol, .filter dl.options-content ol, .filter-options dd ol, .filter dl.options dd ol, .filter-options-content ul, .filter dl.options-content ul, .filter-options dd ul, .filter dl.options dd ul { padding-left: 0; margin-bottom: 0; } .filter-options-content .item, .filter dl.options-content .item, .filter-options dd .item, .filter dl.options dd .item { margin: 10px 0; line-height: 1.5em; } .filter-options-content .item:before, .filter dl.options-content .item:before, .filter-options dd .item:before, .filter dl.options dd .item:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 14px; } .rtl-layout .filter-options-content .item:before, .rtl-layout .filter dl.options-content .item:before, .rtl-layout .filter-options dd .item:before, .rtl-layout .filter dl.options dd .item:before { content: '\f104'; } .filter-options-content a, .filter dl.options-content a, .filter-options dd a, .filter dl.options dd a { color: #494949; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 7px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .filter-options-content a:hover, .filter dl.options-content a:hover, .filter-options dd a:hover, .filter dl.options dd a:hover { color: #288b43; text-decoration: none; } .filter-options-content a:hover .price, .filter dl.options-content a:hover .price, .filter-options dd a:hover .price, .filter dl.options dd a:hover .price { color: #288b43; } .filter-options-content .count, .filter dl.options-content .count, .filter-options dd .count, .filter dl.options dd .count { color: #858585; border: 1px solid #858585; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; height: 15px; line-height: 13px; font-size: 10px; padding: 0 2px; margin-left: 2px; vertical-align: text-top; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; font-family: arial; min-width: 15px; text-align: center; } .filter-options-content .price-slider-container .price-slider, .filter dl.options-content .price-slider-container .price-slider, .filter-options dd .price-slider-container .price-slider, .filter dl.options dd .price-slider-container .price-slider { margin-bottom: 10px; margin-right: 7px; margin-left: 7px; } .filter-options-content .price-slider-container .input-wrap, .filter dl.options-content .price-slider-container .input-wrap, .filter-options dd .price-slider-container .input-wrap, .filter dl.options dd .price-slider-container .input-wrap { display: inline-block; } .filter-options-content .price-slider-container .input-wrap .control, .filter dl.options-content .price-slider-container .input-wrap .control, .filter-options dd .price-slider-container .input-wrap .control, .filter dl.options dd .price-slider-container .input-wrap .control { display: inline-block; } .filter-options-content .price-slider-container .input-wrap .control .input-text, .filter dl.options-content .price-slider-container .input-wrap .control .input-text, .filter-options dd .price-slider-container .input-wrap .control .input-text, .filter dl.options dd .price-slider-container .input-wrap .control .input-text { width: 50px; } .filter-options-content .price-slider-container .action, .filter dl.options-content .price-slider-container .action, .filter-options dd .price-slider-container .action, .filter dl.options dd .price-slider-container .action { display: inline-block; } @media only screen and (max-width: 767px) { body.filter-active .page-wrapper { height: 0; margin-top: -999999em; visibility: hidden; } body.filter-active .columns { z-index: 999; } .filter.active { position: relative; visibility: visible; z-index: 99; } .filter.active .filter-options-item:last-child { margin-bottom: 40px; } .filter.active .filter-title { background: #ffffff !important; border-bottom: 1px solid #e0e0e0; height: 48px; left: 0; position: fixed !important; right: 0; top: 0; z-index: 2; } .filter.active .filter-title strong { box-shadow: none; left: auto; right: 20px; top: 6px !important; font-size: 0 !important; color: #ffffff; background-color: #288b43; border-color: #288b43; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:hover { border: 1px solid #1e401f !important; color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .filter.active .filter-title strong:before { display: none; } .filter.active .filter-title strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-subtitle { display: block; height: 50px; left: 0; line-height: 32px; position: fixed; right: 0; top: 0; z-index: 3; margin-right: 50px; color: #000000; font-weight: 600; text-transform: uppercase; } .filter.active .filter-options { background: #ffffff; bottom: 0; padding: 0 20px; display: block; left: 0; overflow: scroll; position: fixed; right: 0; top: 50px; z-index: 10; } .filter .filter-subtitle { font-size: 20px; font-weight: 300; } .filter-actions { margin: -35px -10px 25px; } .filter-options-content { padding: 5px 10px; } .filter .filter-current { border: solid #e0e0e0; border-width: 1px 0; margin: 5px 0 10px; } .filter .filter-current .items { display: none; } .filter .filter-current-subtitle { position: relative; text-transform: uppercase; z-index: 1; display: block; text-decoration: none; } .filter .filter-current-subtitle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter .filter-current-subtitle:before { position: absolute; right: 10px; top: 10px; } .filter .filter-current-subtitle:after { color: #7d7d7d; content: ' (' attr(data-count) ')'; font-size: .9em; } .filter .filter-current.active { padding-bottom: 30px; } .filter .filter-current.active .block-subtitle:before { content: '\e621'; } .filter .filter-current.active .items { display: block; } .filter .filter-current.active + .block-actions { display: block; } .filter .filter-current + .block-actions { display: none; } .filter-no-options .filter-title:before { background: rgba(255, 255, 255, 0.5); content: ''; display: block; height: 40px; left: -15px; margin-top: -60px; position: relative; width: 100px; z-index: 99; } .filter-no-options .filter-content { margin-bottom: 20px; } .page-with-filter .columns .sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; } } @media only screen and (min-width: 768px) { .filter.block { margin-bottom: 40px; } .filter-content .item { margin: 10px 0; } .filter-actions { margin-bottom: 30px; } .filter.active .filter-options, .filter-options { background: transparent; clear: both; display: block; overflow: initial; position: static; } .filter-subtitle { position: static; display: block; } .page-layout-1column.rtl-layout .filter-title { left: 0; right: auto; } .page-layout-1column.rtl-layout .filter-title strong:before { margin-left: 10px; margin-right: 0; } .page-layout-1column.rtl-layout .filter-options-title { padding: 0 0 0 20px; } .page-layout-1column.rtl-layout .filter-options-title:after { left: 2px; right: auto; } .page-layout-1column.rtl-layout .filter-options-content { left: 0; right: auto; } .page-layout-1column .toolbar-products { /*position: absolute; top: 0; width: 100%;*/ } .page-layout-1column .products ~ .toolbar-products { position: static; } .page-layout-1column.page-with-filter .column.main { /*padding-top: 45px; position: relative; z-index: 1;*/ } .page-layout-1column .filter.block { margin-bottom: 0; position: relative; z-index: 4; } .page-layout-1column .filter-content { height: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; transform: scale(1, 0); display: none; } .page-layout-1column .filter.active .filter-content { display: block; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -moz-transform: 1; -webkit-transform: 1; -o-transform: 1; transform: 1; margin-bottom: 15px; display: inline-block; vertical-align: top; transform: scale(1, 1); height: 100%; } .page-layout-1column .filter-subtitle { display: none; } .page-layout-1column .filter-title { position: absolute; right: 0; top: -58px; display: inline-block; } .page-layout-1column .filter-title strong { display: inline-block; border: 1px solid; color: #ffffff; background-color: #288b43; border-color: #288b43; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 5px 10px; text-transform: uppercase; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; cursor: pointer; } .page-layout-1column .filter-title strong:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0b0'; font-size: 14px; margin-right: 10px; } .page-layout-1column .filter-title strong:hover { color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .page-layout-1column .filter.active .filter-options { display: flex; display: -ms-flex; display: -webkit-flex; } .page-layout-1column .filter-options { box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ffffff !important; width: 100%; float: left; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; } .page-layout-1column .filter-options-item { border: 0; display: inline-block; float: left; margin-bottom: 5px; width: 20%; background: #ffffff; padding: 8px 15px; vertical-align: top; } .page-layout-1column .filter-options-item.active { position: relative; z-index: 2; /*&:after, &:before { .lib-arrow(up, 8px, @color-black); bottom: -1px; content: ''; display: block; left: 50%; margin-left: -@indent__base; position: absolute; z-index: 3; } &:after { .lib-css(border-bottom-color, @color-white); margin-top:2px; z-index: 4; }*/ } .page-layout-1column .filter-options-item.active:hover { z-index: 3; } .page-layout-1column .filter-options-title { padding: 0 20px 0 0; } .page-layout-1column .filter-options-title:after { right: 2px; top: -1px; z-index: 3; } .page-layout-1column .filter-options-content { border-top: 1px dashed #e0e0e0; margin-top: 10px; display: block !important; } .page-layout-1column .filter-options-content .item { padding: 5px; margin: 0; } .page-layout-1column .filter-options-content .item a { margin-left: 0; } .page-layout-1column .filter-options-content .color { padding-top: 10px; } .page-layout-1column .filter-current { display: inline; line-height: 35px; } .page-layout-1column .filter-current-subtitle { color: #7d7d7d; display: inline; font-size: 14px; font-weight: normal; padding: 0; } .page-layout-1column .filter-current-subtitle:after { content: ':'; } .page-layout-1column .filter-current .item, .page-layout-1column .filter-current .items { display: inline; } .page-layout-1column .filter-current .item { margin-right: 25px; } .page-layout-1column .filter-current .action.remove { line-height: normal; } .page-layout-1column .filter-actions { display: inline; } .page-layout-1column .filter-actions ~ .filter-options { margin-top: 25px; } } @media only screen and (max-width: 767px) { .page-layout-1column.catalog-category-view .columns { padding-top: 60px; } .page-layout-1column.catalog-category-view .columns .block.filter { margin-bottom: 0; } .page-layout-1column.catalog-category-view .columns .block.filter .filter-title strong { top: 0; } .page-main .sidebar .block.filter { margin: 0; padding: 0; border: 0; } .page-main .sidebar .block.filter .block-title { padding: 0; border: 0; } .page-main .sidebar .block.filter .block-content { padding: 0; } .filter-title strong { cursor: pointer; left: 0; position: absolute; text-align: center; top: -60px; z-index: 2; display: inline-block; border: 1px solid #288b43 !important; color: #ffffff; background-color: #288b43; border-color: #288b43; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 5px 10px !important; text-transform: uppercase; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important; } .filter-title strong:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0b0'; font-size: 14px; margin-right: 10px; } .filter-title strong:hover { border: 1px solid #1e401f !important; color: #ffffff; background-color: #1e401f; border-color: #1e401f; } .filter-title strong[data-count]:after { color: #ffffff; background: #fc5e10; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 5px; min-width: 1em; padding: 2px; } .rtl-layout .filter-title strong { right: 0; left: auto; } .rtl-layout .filter-title strong:before { margin-left: 10px; margin-right: 0; } .page-products .page-main .columns { padding-top: 60px; } } .map-popup-wrapper.popup .action.close { top: 10px; } .map-popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 10px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: #737373; } .map-popup .popup-actions .action.close:active:before { color: #737373; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin: 0 0 20px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ": "; } .map-popup .action.primary { margin-right: 10px; } .map-popup .map-msrp { margin-bottom: 10px; } .map-popup .actual-price { margin: 3px 0 15px; } .map-popup .popup-header { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-old-price:not(:last-child), .product-item .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 10px; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } .wishlist.split.button { display: inline-block; position: relative; margin-right: 5%; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #333333; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #333333; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { padding: 6px 0; } .wishlist.split.button > .action.split { margin-right: 5px; } .wishlist.split.button > .action.split:before { content: '\e600'; } .wishlist.split.button > .action.split:before { margin: 0; } .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .wishlist.split.button > .action:hover { color: #333333; } .wishlist.split.button > .action.toggle:before { border-left: 1px solid #999999; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } .cart.table-wrapper .wishlist.split.button { vertical-align: baseline; } .cart.table-wrapper .wishlist.split.button > .action.split { font-weight: normal; letter-spacing: normal; text-transform: none; } .cart.table-wrapper .wishlist.split.button > .action.toggle:after { color: #1979c3; } .cart.table-wrapper .wishlist.split.button > .action.split, .cart.table-wrapper .wishlist.split.button > .action.toggle { color: #1979c3; } .cart.table-wrapper .wishlist.split.button > .action.split:before, .cart.table-wrapper .wishlist.split.button > .action.toggle:before { display: none; } .wishlist.window.popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:active:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #8c8c8c; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.7; filter: alpha(opacity=70); } .wishlist.overlay.active { display: block; } .wishlist-dropdown.move .action.toggle, .wishlist-dropdown.copy .action.toggle { color: #1979c3; } .page-multiple-wishlist .actions-toolbar > .primary { display: block; float: none; text-align: left; } .page-multiple-wishlist .actions-toolbar > .primary .action.remove { float: right; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 10px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 10px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-notice.private { display: inline-block; text-decoration: none; } .block-wishlist-management .wishlist-notice.private:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #a3a3a3; content: '\e629'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: text-bottom; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .table-wrapper { border-top: none; } .block-wishlist-info-items .block-title { margin-bottom: 20px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 10px; } .block-wishlist-info-items .split { clear: both; padding: 10px 0; visibility: hidden; } .block-wishlist-info-items .wishlist-dropdown .change { color: #1979c3; } .block-wishlist-info-items .action.towishlist { padding: 10px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .block.newsletter { margin-bottom: 20px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0 0 10px; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 40px; color: #c2c2c2; content: '\e61d'; font-family: 'luma-icons'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .rtl-layout .block.newsletter .field .control:before { margin-left: 0; margin-right: 8px; } .block.newsletter input { padding-left: 35px; height: 41px; line-height: 41px; } .rtl-layout .block.newsletter input { padding-right: 35px; padding-left: 10px; } .block.newsletter input[type="email"] { background: #ffffff; color: #646464; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .actions button { padding: 8px 20px; } .block.newsletter .action.subscribe { min-height: 41px; } .newsletter-style02 .block.newsletter { margin-bottom: 20px; } .newsletter-style02 .block.newsletter input { border-width: 1px; border-color: #e0e0e0; text-align: center; } .newsletter-style02 .block.newsletter .field { margin-bottom: 20px; } .newsletter-style02 .block.newsletter .field .control:before { display: none; } .newsletter-style02 .block.newsletter .actions { display: block; width: 100%; } .data.switch .counter { color: #7d7d7d; } .data.switch .counter:before { content: "("; } .data.switch .counter:after { content: ")"; } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 70px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #a1a1a1 a; font-family: 'luma-icons'; font-size: 14px; height: 14px; letter-spacing: 0px; line-height: 14px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #282828; font-family: 'luma-icons'; font-size: 14px; height: 14px; letter-spacing: 0px; line-height: 14px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .rating-summary .rating-result { margin-top: -3px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #a1a1a1 a; font-family: 'luma-icons'; font-size: 14px; height: 14px; letter-spacing: 0px; line-height: 14px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #282828; font-family: 'luma-icons'; font-size: 14px; height: 14px; letter-spacing: 0px; line-height: 14px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\e605' '\e605' '\e605'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\e605' '\e605'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\e605'; } .review-control-vote:before { content: '\e625' '\e625' '\e625' '\e625' '\e625'; } .review-toolbar { padding: 0; border-top: 1px solid #c9c9c9; margin: 0 0 20px; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { display: block; text-align: center; border-bottom: 1px solid #c9c9c9; padding: 20px 0; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #1e401f; border: 1px solid #1e401f; color: #ffffff; font-size: 1.4rem; line-height: 1.6rem; padding: 10px 15px; margin: 0; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .review-form .action.submit.primary:hover { background: #ffffff; border: 1px solid #1e401f; color: #1e401f; } .review-form .actions-toolbar .actions-primary { padding: 0; } .fieldset .review-legend.legend { line-height: 1.3; border-bottom: 0; padding: 0; margin-bottom: 20px; } .fieldset .review-legend.legend span { margin: 0; } .fieldset .review-legend.legend strong { display: block; font-weight: 600; padding-top: 10px; } .fieldset .review-field-ratings > .label { margin-bottom: 10px; font-weight: 600; padding: 0; } .review-control-vote label:before, .review-control-vote:before { font-size: 32px; line-height: 32px; height: 32px; letter-spacing: 10px; } .review-field-rating .label { font-weight: 600; } .review-field-rating .control { margin-top: 10px; margin-bottom: 48px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { padding: 20px 0; border-bottom: 1px solid #c9c9c9; margin: 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; max-width: 100%; margin-bottom: 10px; } .review-author { display: inline; } .review-author .review-details-value { font-weight: 400; } .review-date { display: inline; } .review-title { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0 0 20px; font-weight: 500; } .review-content { margin-bottom: 20px; } .page-main .column .review-add { margin-bottom: 0; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer.review.view .review.title, .customer.review.view .ratings.summary.items, .customer.review.view .product.details { margin-bottom: 20px; } .product-reviews-summary { margin-bottom: 5px; float: right; } .rtl-layout .product-reviews-summary { float: left; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary .rating-summary { display: inline-block; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: inline-block; vertical-align: middle; color: #a1a1a1; font: 400 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 90%; text-transform: uppercase; } .product-reviews-summary .reviews-actions a { color: #a1a1a1; text-decoration: none; } .product-reviews-summary .reviews-actions a:visited { color: #a1a1a1; text-decoration: none; } .product-reviews-summary .reviews-actions a:hover { color: #288b43; text-decoration: none; } .product-reviews-summary .reviews-actions a:active { color: #288b43; text-decoration: none; } .product-reviews-summary .reviews-actions a:not(:last-child) { margin-right: 10px; } .product-info-main .rating-summary, .customer-review .rating-summary { margin-right: 10px; } .block-reviews-dashboard .items .item { margin-bottom: 20px; } .block-reviews-dashboard .items .item:last-child { margin-bottom: 0; } .block-reviews-dashboard .product-name { display: inline-block; } .block-reviews-dashboard .product-name:not(:last-child) { margin-bottom: 5px; } .block-reviews-dashboard .rating-summary .label { font-weight: 600; margin-right: 10px; } .table-reviews .product-name, .block-reviews-dashboard .product-name { font-weight: 400; } .table-reviews .rating-summary { display: inline-block; vertical-align: baseline; } .customer-review .product-media { width: 30%; max-width: 285px; float: left; margin-right: 3%; } .customer-review .review-details { margin: 0; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 10px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin: 0; margin-bottom: 20px; } .customer-review .review-details .review-date { color: #a6a6a6; } .block-reward-info .reward-balance { font-size: 1.8rem; margin-bottom: 25px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 10px; } .order-details-items.rma .order-title { display: none; } .order-details-items.rma .order-title + .toolbar { display: none; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .field.comment { margin-top: 55px; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .order-links .item { line-height: 40px; margin: 0 0 -1px; } .order-links .item strong { background: #1e401f; border: 1px solid #e0e0e0; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a { background: #555555; color: #ffffff; border: 1px solid #e0e0e0; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a:hover { background: #1e401f; text-decoration: none; } .order-details-items { border: 1px solid #e0e0e0; background: #ffffff; margin-bottom: 20px; padding: 10px; } .order-details-items .order-title { border-bottom: 1px solid #e0e0e0; padding: 0 0 10px; } .order-details-items .order-title > strong { font-size: 2.4rem; font-weight: 300; } .order-details-items .order-title .action { display: inline-block; } .order-details-items .table-wrapper { margin: 0; } .order-details-items .table-wrapper + .actions-toolbar { display: none; } .order-details-items .table-wrapper:not(:last-child) { margin-bottom: 30px; } .order-details-items .table-order-items > thead > tr > th { border-bottom: 1px solid #e0e0e0; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #e0e0e0; } .account .order-details-items .table-order-items tbody tr:nth-child(even) td { background: none; } .order-details-items .table-order-items tbody td { padding-top: 20px; padding-bottom: 20px; } .order-details-items .table-order-items tbody .col.label { font-weight: 700; padding-top: 0; padding-bottom: 5px; } .order-details-items .table-order-items tbody .col.options { padding: 0 0 15px; } .order-details-items .table-order-items tbody > .item-parent td { padding-bottom: 5px; } .order-details-items .table-order-items tbody > .item-parent + tr td { padding-top: 5px; } .order-details-items .table-order-items tbody .item-options-container td { padding-top: 0; padding-bottom: 15px; } .order-details-items .table-order-items .product-item-name { margin: 0 0 10px; } .order-details-items .item-options { margin: 0; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options dd:last-child { margin-bottom: 0; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ": "; } .order-details-items .item-options.links dd { margin: 0; } .order-details-items thead .col.qty { text-align: center; } .order-details-items .col.name { padding-top: 16px; } .order-details-items .action.show { display: inline-block; text-decoration: none; color: #333333; } .order-details-items .action.show > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-details-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .action.show.expanded:after { content: '\e621'; } .order-details-items .product-item-name { font-size: 1.8rem; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ": "; } .order-details-items .action.print { display: none; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .block-content .box { margin-bottom: 30px; } .block-order-details-view .box-title { font-weight: 600; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .column.main .order-details-items .block-order-details-gift-message { margin: 40px 0 0; } .block-order-details-gift-message + .actions-toolbar { display: none; } .order-tracking { margin: 0; padding: 20px 0; } .order-title + .order-tracking { border-bottom: 1px solid #e0e0e0; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { display: none; margin: 0; } .account.rtl-layout .page-main .page-title-wrapper .page-title, [class^="sales-guest-"].rtl-layout .page-main .page-title-wrapper .page-title, .sales-guest-view.rtl-layout .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns.rtl-layout .page-main .page-title-wrapper .page-title { margin-right: 0; margin-left: 25px; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .actions-toolbar { margin: 17px 0; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .product-item .field.item { display: inline-block; } .product-social-links .action.mailto.friend:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0e0"; font-size: 16px; margin-right: 5px; } .block-collapsible-nav { margin-bottom: 0 !important; } .block-collapsible-nav .content { background: #ffffff; padding: 15px 0 0; } .block-collapsible-nav .item { margin: 10px 0 0; padding-top: 10px; border-top: 1px dashed #a1a1a1; } .block-collapsible-nav .item:first-child { margin-top: 0; border-top: 0; padding-top: 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { color: #a1a1a1; display: block; } .block-collapsible-nav .item a { color: #a1a1a1; text-decoration: none; } .block-collapsible-nav .item a:visited { color: #a1a1a1; text-decoration: none; } .block-collapsible-nav .item a:hover { color: #000000; text-decoration: none; } .block-collapsible-nav .item a:active { color: #000000; text-decoration: none; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: #a1a1a1; color: #000000; font-weight: 600; } .block-collapsible-nav .item.current a { border-color: #a1a1a1; } body { background-color: #edeeef; } .ie9 .page-wrapper { background-color: #edeeef; min-height: 0; } .page-header { background-color: #ffffff; /*border-bottom: 1px solid @border-color__base;*/ } .page-header .panel.wrapper { background-color: #288b43; color: #ffffff; } .header.panel { font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; font-size: 0; margin-left: auto; margin-right: 20px; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 0 20px; } .header.panel > .header.links > li.customer-welcome ul > li { display: block; float: none; margin: 0; } .header.panel > .header.links > li > a { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #ffffff; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #ffffff; text-decoration: underline; } .header.content { padding-top: 10px; position: relative; } .logo { float: left; margin: 0 0 10px 40px; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; max-height: 54px; max-width: 100%; } .page-print .logo { display: inline-block; float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 10px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #333333; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #1979c3; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff5501; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 10px; } .message.global.demo { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #1979c3; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #ff5501; } .page-footer { margin-top: 0; } .footer.content { /*ul:extend(.abs-reset-list all) { }*/ } .footer.content .links > li { /* .lib-css(background, @footer__background-color); .lib-font-size(16); border-top: 1px solid @footer-links-separator-border-color; margin: 0 -@layout__width-xs-indent; padding: 0 @layout__width-xs-indent;*/ } .footer.content .links strong, .footer.content .links a { display: block; padding: 10px 0; } .footer.content .links strong { color: #a6a6a6; font-weight: normal; } .footer.content .links a { color: #575757; text-decoration: none; } .footer.content .links a:visited { color: #575757; text-decoration: none; } .footer.content .links a:hover { color: #333333; text-decoration: underline; } .footer.content .links a:active { color: #333333; text-decoration: underline; } .page-header .switcher, .page-footer .switcher { /*.label:extend(.abs-visually-hidden all) { }*/ } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-footer .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 1; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 1; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { vertical-align: middle; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { vertical-align: middle !important; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin-top: 0; top: 20px; position: absolute; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after, .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { display: none; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { color: #333333; text-decoration: none; display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:visited, .page-footer .switcher .options ul.dropdown a:visited { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:active, .page-footer .switcher .options ul.dropdown a:active { color: #333333; text-decoration: none; } .page-header .switcher strong, .page-footer .switcher strong { font: 400 11px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .page-header .switcher strong .lang-flag, .page-footer .switcher strong .lang-flag { display: inline-block; vertical-align: middle; margin-right: 5px; line-height: 1; } .page-header .switcher .label.switcher-label, .page-footer .switcher .label.switcher-label { display: none; } .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child) { margin-bottom: 20px; } .widget { clear: both; } .ui-datepicker td { padding: 0; } .ui-tooltip { border: 1px solid #bbbbbb; background: #ffffff; padding: 10px; } .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { /*&:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-wishlist-full, @_icon-font-position: before ); */ } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #e0e0e0; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #e0e0e0; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #e0e0e0; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .link.wishlist .counter { white-space: nowrap; } .link.wishlist .counter:before { content: '('; } .link.wishlist .counter:after { content: ')'; } .block-wishlist .product-item-name { margin-right: 25px; } .rtl-layout .block-wishlist .product-item-name { margin-left: 25px; margin-right: 0; } .products-grid.wishlist .product-items { overflow: inherit !important; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 10px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 10px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } ul.cdz-product-labels { z-index: 10; position: absolute; top: 0; right: 0; margin: 0; padding: 0; } ul.cdz-product-labels li.label-item { list-style: none; color: #FFF; display: table; text-transform: uppercase; margin-bottom: 0px; padding: 9px 5px; font-size: 9px; width: auto; height: auto; position: relative; } ul.cdz-product-labels li.label-item:before { content: ""; position: absolute; right: 0px; top: 0px; border-width: 47px 0 0 47px; border-style: solid; border-color: #17c7be transparent; } ul.cdz-product-labels li.label-item .label-content { display: table-cell; vertical-align: middle; text-align: center; position: relative; } ul.cdz-product-labels li.label-item.sale:before { border-color: #C97178 transparent; } .products-list ul.cdz-product-labels { left: 0; right: auto; } .products-list ul.cdz-product-labels li.label-item:before { left: 0; right: auto; border-width: 0 0 47px 47px; border-color: transparent #17c7be; } @media (min-width: 768px) { .product.media ul.cdz-product-labels { left: 100px; right: auto; z-index: 1; } } .button-red.action.primary { background: #ff0101; border: 1px solid #ff0101; box-shadow: none !important; text-shadow: none !important; } .button-red.action.primary:hover, .button-red.action.primary:focus { background: #b30000; border: 1px solid #b30000; } .enhanced-privacy-popup { background: #f4f4f4; overflow: hidden; position: fixed; bottom: 0px; width: 100%; z-index: 9010; } .enhanced-privacy-popup .popup.content { margin: auto; padding: 10px 0; width: 768px; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\e608'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 10px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 10px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .block-event .slider-panel .slider .item .action.event:hover { background: #ffffff; border: 1px solid #288b43; color: #288b43; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; top: 7px; right: 0; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 10px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .block-product-link.widget, .block-category-link.widget { display: block; } .block-product-link-inline.widget { margin: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } @media only screen and (max-width: 768px) { .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0%; } .field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #ffffff; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:before, .account .column.main .block:not(.widget) .block-title:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:after { clear: both; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name, .block-collapsible-nav .title { border-top: 1px solid #e0e0e0; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #e0e0e0; padding: 10px 40px 10px 10px; display: block; text-decoration: none; } .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after { content: '\e621'; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .space-lg { margin-bottom: 30px; } .space-xs { margin-bottom: 20px; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 10px; padding-right: 10px; } .account .page-main, .cms-privacy-policy .page-main { position: relative; padding-top: 41px; } .navigation { background: none !important; padding: 0; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; top: 0; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); } .rtl-layout .nav-sections { left: auto; right: -80%; right: calc(-1 * (100% - 54px)); -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; transition: right 0.3s; } .nav-sections .authorization-link .log-in.link { display: block !important; } .nav-sections .authorization-link .switcher-options { display: none !important; } .nav-sections div.switcher { margin: 0; } .nav-sections div.switcher .switcher-options { width: 100%; } .nav-sections div.switcher .switcher-options.active ul.dropdown, .nav-sections div.switcher .switcher-options ul.dropdown { position: static !important; } .nav-sections div.switcher .label { display: block; margin-bottom: 5px; } .nav-sections div.switcher-trigger { border-bottom: 1px solid #424242; color: #ffffff; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0; padding: 10px 20px !important; width: 100%; } .rtl-layout .nav-sections div.switcher-trigger { padding: 10px 20px !important; } .nav-sections div.switcher-trigger strong { font-size: 14px; display: inline-block !important; position: relative; text-transform: capitalize; display: block; text-decoration: none; } .nav-sections div.switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections div.switcher-trigger strong:after { position: absolute; right: -40px; top: -18px; display: none; } .nav-sections div.switcher-trigger:after { float: right; font-size: 14px !important; } .rtl-layout .nav-sections div.switcher-trigger:after { float: left; } .nav-sections div.switcher-trigger.active strong:after { content: '\e621'; } .nav-sections div.switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 10px 0; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; } .nav-sections .header.links li { display: block; margin: 0; } .nav-sections .header.links li.greet.welcome { border: 1px solid #424242; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links li > a { border-bottom: 1px solid #424242; color: #ffffff; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .nav-sections .header.links a { color: #ffffff; text-decoration: none; } .nav-sections .header.links a:visited { color: #ffffff; text-decoration: none; } .nav-sections .header.links a:hover { color: #ffffff; text-decoration: none; } .nav-sections .header.links a:active { color: #ffffff; text-decoration: none; } .nav-sections .header.links a, .nav-sections .header.links a:hover { display: block; padding: 10px 20px; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open .rtl-layout .page-wrapper { left: auto; right: 0; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; transition: right 0.3s; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); } .nav-open .rtl-layout .page-wrapper { left: auto; right: 80%; right: calc(100% - 54px); } .nav-open .rtl-layout .nav-sections { right: 0; left: auto; } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; background: #282828; /*&:after{ background: #fff; opacity:0.5; content: ''; display: block; height: 100%; position: fixed; right:0; top: 0; width: 100%; z-index: 1; }*/ } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #f8f8f8; border: 0 solid #424242; border-width: 0; box-sizing: border-box; float: left; height: 52px; padding-top: 18px; text-align: center; width: 33.33%; text-transform: uppercase; } .rtl-layout .nav-sections-item-title { float: right; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title.active .nav-sections-item-switch { color: #ffffff; text-decoration: none; } .nav-sections-item-title.active .nav-sections-item-switch:visited { color: #ffffff; text-decoration: none; } .nav-sections-item-title.active .nav-sections-item-switch:hover { color: #ffffff; text-decoration: none; } .nav-sections-item-title.active .nav-sections-item-switch:active { color: #ffffff; text-decoration: none; } .nav-sections-item-title .nav-sections-item-switch { color: #292929; text-decoration: none; } .nav-sections-item-title .nav-sections-item-switch:visited { color: #292929; text-decoration: none; } .nav-sections-item-title .nav-sections-item-switch:hover { color: #ffffff; text-decoration: none; } .nav-sections-item-title .nav-sections-item-switch:active { color: #ffffff; text-decoration: none; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 52px; width: 100%; text-align: left; padding: 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .rtl-layout .nav-sections-item-content { float: left; margin-left: 0; margin-right: -100%; text-align: right; } .navigation { background: #1e401f; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #333333; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu > li > a:hover { color: #333333; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #333333; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #febd17; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .navigation .submenu:not(:first-child) ul > li a, .navigation a { color: #ffffff; text-decoration: none; } .navigation .submenu:not(:first-child) ul > li a:visited, .navigation a:visited { color: #ffffff; text-decoration: none; } .navigation .submenu:not(:first-child) ul > li a:hover, .navigation a:hover { color: #ffffff; text-decoration: none; } .navigation .submenu:not(:first-child) ul > li a:active, .navigation a:active { color: #ffffff; text-decoration: none; } .navigation li.level0 { margin-bottom: 3px; border: 1px solid #424242; } .navigation li.level0:last-child { border-bottom: 1px solid #424242; } .navigation li.level0 > .level-top { padding: 12px 20px; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .navigation .level0 { border-top: 1px solid #424242; } .navigation .parent .level-top:after { position: absolute; right: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 24px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 40px; height: 40px; line-height: 40px; } .rtl-layout .navigation .parent .level-top:after { right: auto; left: 0; content: '\f104'; } .navigation .parent .level-top.ui-state-active:after { content: '\f105'; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .authentication-wrapper { margin-top: 0 !important; } .cdz-login-form-dropdown { top: 40px; right: -35px; } .qs-button { display: none !important; } .product-style07 .product-buttons-inner form { display: inline-block; vertical-align: top; } .product-style07 .product-buttons-inner button.tocart.primary { width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; font-size: 0; text-align: center; display: inline-block; vertical-align: top; border: 1px solid; min-width: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; background-color: #ffffff; border-color: #288b43; } .product-style07 .product-buttons-inner button.tocart.primary:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; font-size: 16px; line-height: 38px; } .product-style07 .product-buttons-inner button.tocart.primary:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product-style07 .product-buttons-inner button.tocart.primary span:before { display: none; } .ui-tooltip.cdz-tooltip { display: none !important; } .breadcrumbs { display: none; } .left-navigation { margin-bottom: 20px; } .left-navigation .menu-title { margin-bottom: 5px; } .left-navigation .navigation .left-menu .submenu:not(:first-child) ul > li a, .left-navigation .navigation .left-menu a { color: #777777; text-decoration: none; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .left-navigation .navigation .left-menu .submenu:not(:first-child) ul > li a:visited, .left-navigation .navigation .left-menu a:visited { color: #777777; text-decoration: none; } .left-navigation .navigation .left-menu .submenu:not(:first-child) ul > li a:hover, .left-navigation .navigation .left-menu a:hover { color: #000000; text-decoration: none; } .left-navigation .navigation .left-menu .submenu:not(:first-child) ul > li a:active, .left-navigation .navigation .left-menu a:active { color: #000000; text-decoration: none; } .left-navigation .navigation .left-menu li.level0 { border-color: #ebebeb; } .left-navigation .navigation .left-menu li.level0 > a:before { float: left; min-width: 30px; } .rtl-layout .left-navigation .navigation .left-menu li.level0 > a:before { float: right; } .left-navigation .navigation .left-menu li.level0:last-child { border-color: #ebebeb; } .left-navigation .navigation .left-menu li.level0 > a.level-top { display: block; border-color: transparent; } .left-navigation .navigation .left-menu .level0 { border-color: transparent; } .cdz-menu-toggle { position: absolute; right: 0; font-size: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; z-index: 5; } .cdz-menu-toggle:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 24px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 40px; height: 40px; line-height: 40px; } .expand .cdz-menu-toggle:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rtl-layout .cdz-menu-toggle { right: auto; left: 0; } .rtl-layout .cdz-menu-toggle:after { content: '\f104'; } /* @groupmenu-width: 100%; .groupmenu-drop-content{ .groupmenu(@_col, @_i: 1) when (@_i <= @_col){ &.groupmenu-@{_i}{ width: 100%; } .groupmenu((@_col), (@_i + 1)); } .groupmenu(6); }*/ .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 { border-color: #ebebeb; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link { text-decoration: none; color: #444444; background-color: #fafafa; border-color: #ebebeb; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link:visited { color: #444444; text-decoration: none; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link:hover { color: #ffffff; text-decoration: none; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link:active { color: #ffffff; text-decoration: none; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0:hover > a.menu-link { color: #ffffff; background-color: #febd17; border-color: #ebebeb; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > .dropdown-toggle { background: #fafafa; color: #444444; width: 36px; height: 36px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > .dropdown-toggle:before { margin-top: 5px; } .cdz-main-menu .groupmenu li.level0 { width: 100%; margin-bottom: 0; border-bottom: 1px solid #424242; } .cdz-main-menu .groupmenu li.level0 > a.menu-link { display: block; } .cdz-main-menu .groupmenu li.level0 > a.menu-link { text-transform: capitalize; text-decoration: none; color: #ffffff; background-color: #282828; border-color: #424242; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:visited { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:hover { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0 > a.menu-link:active { color: #ffffff; text-decoration: none; } .cdz-main-menu .groupmenu li.level0 .cdz-menu-toggle:after { color: #ffffff; } .cdz-main-menu .groupmenu li.level0 > .dropdown-toggle { width: 37px; height: 37px; right: 10px; color: #ffffff; } .cdz-main-menu .groupmenu li.level0 > .dropdown-toggle:before { margin-top: 7px; font-size: 22px; } .cdz-main-menu .groupmenu li.level0:hover > a.menu-link { cursor: pointer; color: #ffffff; background-color: #262626; border-color: #373737; font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu li.level0:hover .cdz-menu-toggle:after { color: #ffffff; } .cdz-main-menu .groupmenu li.expand { overflow: inherit; } .cdz-main-menu .groupmenu .groupmenu-drop li a { padding: 0; } .cdz-main-menu .groupmenu .groupmenu-drop-content .groupdrop-link { margin-bottom: 20px; } .cdz-main-menu .groupmenu .groupmenu-drop-content .groupdrop-banner-pos { display: none; } .rtl-layout .cdz-menu .groupmenu li.level0 > .dropdown-toggle, .rtl-layout .cdz-main-menu .groupmenu li.level0 > .dropdown-toggle { left: 10px; right: auto; } .rtl-layout .cdz-menu .dropdown-toggle::before { content: "\f104"; } .owl-carousel { padding: 0; } .owl-carousel .owl-nav { margin-top: 0; position: static; } .owl-carousel .owl-nav [class*='owl-'] { position: absolute; left: 5px; top: 45%; top: calc(50% - 15px); -webkit-top: calc(50% - 15px); -o-top: calc(50% - 15px); -moz-top: calc(50% - 15px); } .owl-carousel .owl-nav [class*='owl-'].owl-next { right: 5px; left: auto; } .rtl-layout .owl-carousel .owl-nav [class*='owl-'] { left: auto; right: 5px; } .rtl-layout .owl-carousel .owl-nav [class*='owl-'].owl-next { left: 5px; right: auto; } .columns .column.main { max-width: 100%; } .slide-caption .slide-text { display: none; } .post-list-wrapper .post-holder .post-image { width: 100%; padding-right: 0; margin-right: 0; } .post-list-wrapper .post-holder .post-details { clear: both; padding-top: 20px; } /*.cdz-block-title03, .cdz-block-title{ margin-bottom:@indent__base; .b-title{ padding:0 0 (@indent__s + 5) ; min-width:0; .lib-css(font, @f_h3); font-weight:600; strong{font-size:100%;} } } .page-main .sidebar .block{ &:not(.block-static-block){ .actions-toolbar > .secondary{ text-align:center; } } }*/ .product.info.detailed.without_tab .product.data.items > .item.title > .switch:after { display: none; } .product.data.items, .tabs-list.product.data.items { margin-left: 0; margin-right: 0; border: 0; } .product.data.items > .item.title > .switch, .tabs-list.product.data.items > .item.title > .switch { font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid #1e401f; background: #555555; margin-bottom: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product.data.items > .item.title > .switch:hover, .tabs-list.product.data.items > .item.title > .switch:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product.data.items > .item.title.active > .switch, .tabs-list.product.data.items > .item.title.active > .switch { color: #ffffff; background-color: #288b43; border-color: #288b43; } .product.data.items > .item.content, .tabs-list.product.data.items > .item.content { margin-top: -6px; padding-left: 0; padding-right: 0; padding-top: 20px; background: transparent; } .product.data.items > .item.content .owl-carousel .owl-stage-outer .product-item, .tabs-list.product.data.items > .item.content .owl-carousel .owl-stage-outer .product-item { margin-bottom: 0; } .product.data.items > .item.content .block, .tabs-list.product.data.items > .item.content .block { margin-bottom: 0; } .product.data.items[class*='col-'], .tabs-list.product.data.items[class*='col-'] { padding-left: 10px; padding-right: 10px; } .tabs-list-sty04 .tabs-list .title { margin: 0px !important; } .tabs-list-sty04 .tabs-list .title:before { background: #e0e0e0; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .tabs-list-sty04 .tabs-list .title:hover { color: #ffffff; background-color: #1e401f; border-color: #ffffff; } .tabs-list-sty04 .tabs-list .title:hover:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .tabs-list-sty04 .tabs-list [id^="cdz-tab"]:checked + label { background: #1e401f; color: #ffffff; background-color: #1e401f; border-color: #ffffff; } .tabs-list-sty04 .tabs-list [id^="cdz-tab"]:checked + label:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background: #1e401f; } .tabs-list-sty04 .product.data.items > .item.title { float: left; } a.mobile-toggle { cursor: pointer; position: absolute; right: 10px; top: -50px; text-transform: uppercase; font-size: 14px; padding: 7px 30px 7px 20px; text-align: center; border: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; background-color: #288b43; border-color: #288b43; } a.mobile-toggle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; font-size: 22px; position: absolute; right: 10px; top: 5px; } a.mobile-toggle.open:before { content: "\f106"; } .rtl-layout a.mobile-toggle { left: 10px; right: auto; } ul.abs-dropdown { position: absolute; width: 170px; right: 10px; top: -12px; z-index: 1000000; background-color: #ffffff; border: 1px solid #e0e0e0; padding: 0; } ul.abs-dropdown .item { margin: 0 0; width: 100%; top: 0; left: 0; z-index: 10000; list-style: none; padding: 7px 20px; text-transform: uppercase; } ul.abs-dropdown .item.active { color: #ffffff; background-color: #288b43; border-color: #288b43; } ul.abs-dropdown .item.active a { color: #ffffff; } ul.abs-dropdown .item a:before { content: ''; } .rtl-layout ul.abs-dropdown { left: 10px; right: auto; } .tabs-list-sty05 .product.data.items > .item.content { padding-top: 0; } .product-style01 a.mobile-toggle { position: relative; top: 0; right: 0; width: 200px; left: 40%; left: calc(50% - 100px); -webkit-left: calc(50% - 100px); -o-left: calc(50% - 100px); -moz-left: calc(50% - 100px); } .rtl-layout .product-style01 a.mobile-toggle { right: calc(50% - 100px); left: 0; } .product-style01 ul.abs-dropdown { width: 200px; left: 40%; left: calc(50% - 100px); -webkit-left: calc(50% - 100px); -o-left: calc(50% - 100px); -moz-left: calc(50% - 100px); top: 35px; } .rtl-layout .product-style01 ul.abs-dropdown { right: calc(50% - 100px); left: 0; } .cart-footer .cart-qty { font-size: 0; } .rtl-layout .cart-qty { right: 10px; left: auto; } .nav-toggle span:after, .nav-toggle span:before, .nav-toggle:before { background: #288b43 !important; } .sticky-menu > .header.content div:last-child { position: unset; } .page-header .logo { float: none; display: inline-block; vertical-align: top; width: calc(100% - 140px); text-align: center; max-width: 100%; margin: 0 90px 10px 50px; min-height: 40px; } .page-header .logo .small-logo { display: inline-block; vertical-align: top; margin: 10px 0; } .page-header .logo .main-logo { display: none; } .rtl-layout .page-header .logo { margin: 0 50px 10px 90px; } .header.content > .row > [class*='col-sm-'] { position: static; } .page-header { margin-bottom: 0; } .page-header .header-wrapper-middle { padding: 0 15px 15px; } .page-header .mobile-search-wrapper .block-search .control { background: #ffffff; } .page-header .mobile-search-wrapper .mobile-search-content { display: block; } .page-header .mobile-search-wrapper .mobile-search-content .mobile-search-icon { display: none; } .page-header .mobile-search-wrapper .mobile-search-form-container { display: block; } .page-header .mobile-search-wrapper .mobile-search-form-container input[type="text"] { background: #f8f8f8; border: 1px solid #f8f8f8; color: #a4a4a4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px; } .page-header .mobile-search-wrapper .mobile-search-form-container .action.search:before { color: #282828; } .page-header .mobile-search-wrapper .searchsuite-autocomplete { right: 0; left: 0; } .page-header .minicart-wrapper { margin: 0; position: static; } .page-header .minicart-wrapper .action.showcart { position: absolute; top: 15px; right: 10px; z-index: 5; } .rtl-layout .page-header .minicart-wrapper .action.showcart { right: auto; left: 10px; } .page-header .minicart-wrapper .action.showcart { vertical-align: top; padding: 0; min-width: 0; border: 1px solid #288b43; width: 35px; height: 35px; line-height: 35px; color: #288b43; } .page-header .minicart-wrapper .action.showcart:before { font-size: 24px; padding: 0; width: 33px; height: 33px; line-height: 33px; min-height: 33px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-header .minicart-wrapper .action.showcart:hover { color: #ffffff; background-color: #288b43; } .page-header .minicart-wrapper .action.showcart .price-label, .page-header .minicart-wrapper .action.showcart .text { display: none; } .page-header .minicart-wrapper .action.showcart .counter.qty { top: -10px; left: auto; right: -9px; z-index: 1; } .rtl-layout .page-header .minicart-wrapper .action.showcart .counter.qty { right: auto; left: -9px; } .footer-top-ads .ftop-newsletter { margin: 0 5%; } .footer-box { clear: both; padding-top: 20px; } .page-footer .footer-social { padding-top: 10px; } .page-footer .copyright { float: none; text-align: center; display: inline-block; width: 100%; } .page-footer .footer-custom-block { float: none; clear: both; display: inline-block; text-align: center; width: 100%; padding-top: 10px; } .page-footer .footer-custom-block .pull-right { float: none !important; display: inline-block; } .page-footer .footer-bottom-link { text-align: center; width: 100%; display: inline-block; vertical-align: top; } .footer-social .pull-right { float: none !important; } .page-footer .footer-container-wrapper { padding-top: 0; } .page-footer .footer-box p.h5 { cursor: pointer; text-transform: capitalize; font-style: italic; margin-bottom: 10px; } .page-footer .footer-box p.h5.visible-xs:after { display: none; } .page-footer .footer-box p.h5:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; font-size: 24px; float: right; margin-top: -3px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-footer .footer-box p.h5.expanded:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rtl-layout .page-footer .footer-box p.h5:after { content: '\f104'; float: left; } .page-footer .footer-social { text-align: center; } .page-footer .footer-social .pull-right { float: none !important; } .page-footer .footer-social a { float: none !important; } .page-footer .showhide { height: 0; visibility: hidden; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } .page-footer .showhide.active { height: inherit; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; } .privacy-policy.cms-content { position: relative; padding-top: 60px; } .groupbanner-text { margin-bottom: 20px; } .groupbanner-text img { width: 100%; } .groupbanner-text .groupinfo-desc .text-link { margin-top: 10px; } .footer-top-ads .ftop-ads-title { font-size: 140%; } .footer-top-ads .ftop-newsletter { margin: 0; } .wrapper-ads02 { margin: 0 -15px; } .mb-look-container .product-name { color: #282828; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; display: block; } .mb-look-container a.button-buy { display: inline-block; margin: 10px 0; text-align: center; padding: 7px 25px; text-transform: uppercase; color: #ffffff; border-color: #288b43; background: #288b43; } .mb-look-container a.button-buy:hover { text-decoration: none; } .popup-ajax-lgfm-popup .cdz-popup-inner .cdz-popup-content .account-info-summary { padding: 0 !important; } .popup-ajax-lgfm-popup .secondary { width: 100%; } .cdz-popup-area .cdz-popup.popup-ajax-lgfm-popup { max-width: calc(80%); } .products-grid .product-item .product-item-info .cdz-buttons-container { padding-top: 10px; } .products-grid .product-item .product-item-info .cdz-buttons-container form { display: inline-block; } .products-grid .product-item .product-item-info .cdz-buttons-container .actions-secondary { display: inline-block; } .products-grid .iso-item.product-item .product-item-info .cdz-buttons-container { padding-top: 0; } .products-grid .iso-item.product-item .product-item-info .cdz-buttons-container .cdz-buttons { padding-top: 10px; } .page-layout-1column .products-grid .product-items.isotope .iso-item.product-item { width: 100%; padding: 0; } .page-layout-1column .products-grid .product-items.isotope .iso-item.product-item.width-2 { width: 100%; } .product-style02 .product-item .product-item-info .product-item-actions { display: inline-block; } .product-style02 .product-item .addto-hover-container { display: none; position: absolute; left: 0; bottom: 15px; width: 100%; z-index: 2; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-style02 .product-item .addto-hover-container .actions-secondary { display: inline-block; } .product-style04 .owl-carousel .owl-nav { top: -54px; } .product-style04 .products.wrapper { border: 1px solid #e0e0e0; } .product-style04 .products-grid .product-item:hover .product-item-info { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .product-style04 .products-grid .product-items .big-product.product-item { width: 100%; } .product-style04 .products-grid .product-items .big-product.product-item.width-2 { width: 100%; } .product-style04 .products-grid .product-items .big-product.product-item .more-views { display: none; } .product-style04 .products-grid .product-items .product-item:after { position: absolute; top: 0; right: -2px; content: ''; height: 100%; width: 1px; border-right: 1px solid #e0e0e0; z-index: 3; } .product-style05 .product-item .addto-hover-container { margin-top: 1px; } .product-style05 .product-item .product-item-actions .action.primary { font-size: 0; } .product-style05 .product-item .product-item-actions .action.primary span:before { margin: 0; } .product-style22 .product-item .product-item-name { text-transform: capitalize; font-weight: normal; } .product-style22 .product-info-top { position: relative; } .product-style22 .addto-hover-container { position: absolute; left: 0; top: 0; z-index: 1; } .rtl-layout .product-style22 .addto-hover-container { left: auto; right: 0; } .product-style22 .addto-hover-container .actions-secondary a { width: 100%; background: transparent; color: #333333; height: 30px; } .product-style22 .addto-hover-container .actions-secondary a:after { display: none; } .product-style22 .product-item-actions { display: block; } .block-static-block.widget, .block-cms-link.widget, .cdz-slideshow { margin-bottom: 20px; } body.rtl-layout .sidebar .product-items .product-item-info .product-item-photo { float: right; margin: 0 0 10px 10px; left: auto; right: 0; } body.rtl-layout .sidebar .product-items .product-item-details { margin-left: auto; margin-right: 105px; } body.rtl-layout .nav-toggle { right: 15px; left: auto; } body.rtl-layout .nav-toggle:before { left: auto; right: 0; } /*body.rtl-layout{ .product.media{ float:right; .fotorama__stage{ margin-left:0; margin-right:5%; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap{ left:auto; right:0; } } .product-info-main{ float:left; } }*/ .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: 90vh; /** iOS webkit fix height problem when added long content **/ } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .cdz-popup-wrapper .modal-popup .modal-inner-wrap { width: 90% !important; } .cdz-popup-wrapper .cdz-popup-newsletter-left, .cdz-popup-wrapper .cdz-popup-newsletter-right { width: 100%; float: left; } .cdz-popup-wrapper .cdz-popup-newsletter-left { display: none; } .lac-notification { padding: 5px 0; } .lac-notification .lac-notification-icon { display: none; } .lac-notification .lac-notification-text, .lac-notification .lac-notification-links { float: none; padding: 5px 0; text-align: center; } .pagebuilder-banner-wrapper { background-attachment: scroll !important; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } .pagebuilder-column { background-attachment: scroll !important; flex-basis: 100%; max-width: 100%; } .pagebuilder-column-group { flex-wrap: wrap; } .pagebuilder-column-line { flex-wrap: wrap; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-bleed'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-width'] { background-attachment: scroll !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } [data-content-type='tab-item'] { background-attachment: scroll !important; } .pagebuilder-mobile-hidden { display: none !important; } .brand-main .brand-search-wrap, .featured-brands-block .brand-search-wrap { float: none; width: 100%; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .cart-qty { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: -63px; left: 10px; padding: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cart-qty.active { top: -50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .cart-qty.active:after { content: '\f00d'; -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .cart-qty:after { float: none; line-height: 50px; margin: 0; content: '\f291'; } .cart-qty span { display: none; } .cart-items { width: 100%; } .footer-cart-additional { clear: both; width: 100%; } .footer-cart-additional .footer-cart-summary { width: 100%; clear: both; border: 0; } .footer-cart-additional .footer-cart-summary .row .cdz-sm-12 { text-align: right; } .footer-cart-additional .footer-cart-summary .row .cdz-sm-12:first-child { text-align: left; } .footer-cart-additional .footer-cart-summary .cdz-sm-12 { float: left; width: 50%; } .footer-cart-additional .footer-cart-actions { width: 100%; clear: both; border: 0; border-top: 1px solid #e1e1e1; } .footer-cart-additional .footer-cart-actions .action.primary { width: 100%; } .cart-items .item .edit-icon { width: 100%; height: 100%; } .cart-items .item .edit-icon:before { bottom: 0; right: 0; position: absolute; } .header-wrapper-content.sticky-menu.active { box-shadow: 0 0 5px #bdbdbd; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; width: 100%; max-width: 100% !important; top: 0; left: 0; right: 0; z-index: 889; margin: 0 auto; position: fixed; background-color: #ffffff; -webkit-animation-name: fadeInDown; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .header-wrapper-content.sticky-menu.active .mobile-search-wrapper, .header-wrapper-content.sticky-menu.active .header-wrapper-middle, .header-wrapper-content.sticky-menu.active .header-wrapper-bottom { display: none; } .block-cart-failed .block-title { margin: 0 20px 20px; } .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .products-grid .product-items:not(.owl-carousel) > .product-item { width: 50%; padding-left: 10px; padding-right: 10px; } .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .products-grid .mobile_1 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_1 .product-items:not(.owl-carousel) > .product-item { width: 100%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_1 .product-items:not(.owl-carousel) > .product-item:nth-child(1n + 1) { clear: both; } .products-grid .mobile_2 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_2 .product-items:not(.owl-carousel) > .product-item { width: 50%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_2 .product-items:not(.owl-carousel) > .product-item:nth-child(2n + 1) { clear: both; } .products-grid .mobile_3 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_3 .product-items:not(.owl-carousel) > .product-item { width: 33.33333333%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_3 .product-items:not(.owl-carousel) > .product-item:nth-child(3n + 1) { clear: both; } .products-grid .mobile_4 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_4 .product-items:not(.owl-carousel) > .product-item { width: 25%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_4 .product-items:not(.owl-carousel) > .product-item:nth-child(4n + 1) { clear: both; } .products-grid .mobile_5 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_5 .product-items:not(.owl-carousel) > .product-item { width: 20%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_5 .product-items:not(.owl-carousel) > .product-item:nth-child(5n + 1) { clear: both; } .products-grid .mobile_6 .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; } .products-grid .mobile_6 .product-items:not(.owl-carousel) > .product-item { width: 16.66666667%; padding-left: 10px; padding-right: 10px; } .products-grid .mobile_6 .product-items:not(.owl-carousel) > .product-item:nth-child(6n + 1) { clear: both; } .full-view { right: 20px; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .catalog-product-view .product.media, .catalog-product-view .product-info-main { width: 100% !important; } .product.media ul.cdz-product-labels { left: 10px; right: auto; padding: 0; } .product-info-main .product-reviews-summary { float: left; margin-top: 5px; margin-bottom: 5px; clear: both; } .rtl-layout .product-info-main .product-reviews-summary { float: right; } .compare.wrapper, [class*="block-compare"] { display: none; } .size-chart-fashion { margin-bottom: 20px; } .size-chart-fashion .sizechart-trigger { position: static; margin-bottom: 20px; } .table-wrapper.grouped { margin: 0 0 20px !important; } .table-wrapper.grouped .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 0; } .table-wrapper.grouped .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper.grouped .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding: 5px 0px !important; } .cart-container .form-cart .actions.main { text-align: center; margin-top: -5px; position: relative; z-index: 2; } .cart-discount { border-bottom: 1px solid #e0e0e0; } .cart.table-wrapper { border-top: 1px solid #e0e0e0; } .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.msrp:before { content: attr(data-th); display: block; font-weight: 600; padding-bottom: 10px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .cart.table-wrapper tbody > tr > td:last-child { border: 0; } .cart-totals { padding-left: 15px; padding-right: 15px; } .cart-totals .table-wrapper { border-top: 0; } .cart-totals .totals tbody > tr:not(:last-child) > td:last-child { border: 0; } .minicart-wrapper .action.showcart .price-label { display: none; } .minicart-wrapper .ui-dialog .block-minicart { right: 0; left: 0; width: auto; min-width: 300px; top: 100%; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 100%; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 20px; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-payment-method .payment-methods { margin: 0 -15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .payment-method-billing-address .action-cancel { margin-top: 10px; } .checkout-payment-method .payment-option { margin: 0 -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } .login-container .fieldset:after { text-align: center; } .account .page.messages { margin-bottom: 40px; } .account .column.main .block:not(.widget) .block-title > .action { float: right; margin-top: 5px; } .account .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .account .column.main .block:not(.widget) .block-content .box:last-child { margin-bottom: 0; } .control.captcha-image .captcha-img { display: block; margin-bottom: 10px; } .customer-account-index .page-title-wrapper { position: relative; } .cart-discount .giftcard .content { padding-bottom: 35px; } .cart-discount .actions-toolbar .secondary { bottom: 17px; } .field.open-amount { width: 100%; } .gift-message .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-bottom: 0; border-top: 1px solid #c1c1c1; } .gift-item-block .title:after { font-size: 1.2rem; position: absolute; right: 20px; top: 10px; } .gift-item-block .content { padding-left: 1.5rem; padding-right: 1.5rem; } .gift-message-summary { padding-right: 7rem; } .cart.table-wrapper .action-gift { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-gift > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e62a'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-gift:hover:after { color: #333333; } .cart.table-wrapper .action-gift:active:after { color: #8f8f8f; } .cart.table-wrapper .action-gift._active { border: 1px solid #c1c1c1; border-bottom-color: #ffffff; margin: -5px 14px -1px -15px; padding: 4px 10px 9px 14px; } .cart.table-wrapper .action-gift._active:after { color: #333333; } .cart.table-wrapper .gift-content { border-top: 1px solid #c1c1c1; margin-right: -15px; padding-left: 15px; padding-right: 15px; overflow: hidden; } .gift-options-cart-item + .action-towishlist { left: 43px; position: absolute; } .cart.table-wrapper .action-giftregistry { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-giftregistry > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-giftregistry:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e62b'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-giftregistry:hover:before { color: #333333; } .cart.table-wrapper .action-giftregistry:active:before { color: #8f8f8f; } .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 10px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary + .gift-message-summary { padding-right: 0; } .gift-options-cart-item { float: left; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .table-wrapper.grouped { margin-left: -10px; margin-right: -10px; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 10px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -10px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #e0e0e0; background: #ffffff; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { color: #333333; display: block; padding: 5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #ffffff; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 20px; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .block-collapsible-nav { left: 0; position: absolute; top: 0px; width: 100%; z-index: 4; } .block-collapsible-nav .title { border-top: 0; } .block-collapsible-nav .content { display: none; } .block-collapsible-nav .content.active { display: block; } .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { font-size: 1.6rem; right: -25px; top: 2px; } .page-footer .footer.content .switcher-store { background: #f4f4f4; font-size: 1.6rem; margin: 0 -10px; } .page-footer .footer.content .switcher-store .switcher-options { display: block; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown { background: none; border: 0; box-shadow: none; margin: 0; position: relative; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before, .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after { display: none; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option { border-top: 1px solid #cecece; display: block; padding: 10px 10px; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong { padding: 10px 0; } .page-footer .footer.content .switcher-store .switcher-options .switcher-option a { padding: 0; } .products-grid.wishlist { margin-bottom: 30px; margin-right: -10px; } .products-grid.wishlist .product-item { padding: 20px 10px 20px 20px; position: relative; width: 100% !important; } .products-grid.wishlist .product-item-info { text-align: left; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit { float: left; } .products-grid.wishlist .product-item-actions .action.delete { float: right; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; overflow: hidden; padding: 10px; } .cart.table-wrapper .action-towishlist { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e600'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-towishlist:hover:before { color: #333333; } .cart.table-wrapper .action-towishlist:active:before { color: #8f8f8f; } .enhanced-privacy-popup { position: fixed; bottom: 0px; width: 100%; z-index: 9010; } .enhanced-privacy-popup .popup.content { margin: 0; padding: 10px; width: auto; } .space-on-small { margin-top: 10px; } .line-effect .category-banner .banner-text span.title.h1 { font-size: 24px; } .page-footer .block.newsletter .field .control input { color: #3a3a3a; } .cart.table-wrapper .cart.item .action-towishlist { left: 43px; position: absolute; } .table-wrapper.grouped { margin-left: 0; margin-right: 0; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: none; } .page-header .panel.wrapper { background: #ffffff; } #compare-bottom.cart-qty { left: 70px; top: -58px; } #compare-bottom.cart-qty:not(.active):after { content: "\f0ec"; } .float-bar { right: 10px; } .float-bar:not(.active) { width: 30px; border: none; color: #288b43; text-align: center; } .float-bar:not(.active) .items { display: none; } .float-bar:not(.active) #float-bar-mobile { font-size: 30px; } .float-bar.active .items { display: block; } .float-bar.active #float-bar-mobile { float: right; font-size: 16px; position: absolute; right: 2px; top: -20px; } .float-bar.active #float-bar-mobile:before { content: '\f00d' !important; } .nav-sections-item-title { background: transparent; } .nav-sections-item-title .nav-sections-item-switch { color: #ffffff !important; } .nav-sections-item-title.active { background: #ffffff; } .nav-sections-item-title.active .nav-sections-item-switch { color: #288b43 !important; } .product.info.detailed .product.data.items > .item.title > a.switch { color: #ffffff !important; } .product.info.detailed .product.data.items > .item.title > a.switch:hover { color: #ffffff !important; } .product.info.detailed .product.data.items > .item.title.active > a.switch { color: #ffffff !important; } .product.info.detailed .product.data.items > .item.title.active > a.switch:hover { color: #ffffff !important; } .page-footer .footer-box p.h5.expanded + .showhide { height: inherit; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; } .page-footer .footer-box p.h5.active:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .btn-tel { text-align: center; } .nav-before-open .nav-toggle span:after, .nav-open .nav-toggle span:after, .nav-before-open .nav-toggle span:before, .nav-open .nav-toggle span:before, .nav-before-open .nav-toggle:before, .nav-open .nav-toggle:before { background: #ffffff !important; } .wk-seller-block { padding-left: 15px; } .wk-seller-block:before { position: static; display: block; float: left; margin-right: 12px; } .wk-seller-block > div { overflow: hidden; display: block; } .wk-seller-block > div:last-child { margin-top: 15px; clear: both; } .wk-seller-block .wk-block-rating, .wk-seller-block .ask_que { float: none; } .float-bar { background: rgba(255, 255, 255, 0.85) !important; } #back-top a { padding: 15px 20px; } ul.cdz-product-labels li.label-item .label-content { font-weight: bold; } .slideshow-container .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot span { color: #ffffff; } .slideshow-container .cdz-slideshow .owl-carousel.owl-theme .owl-dots .owl-dot.active span { color: #288b43; } .slideshow-container .cdz-slideshow .owl-nav { display: none; } .toolbar { display: flex; flex-direction: column; align-items: center; justify-content: center; } .filter.active .filter-title strong:before { display: inline-block !important; margin-right: 0 !important; content: '\f00d' !important; } .cdz-menu.cdz-horizontal-menu .expand { display: none; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-downloadable-products .col.title:before, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:before, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:before, .multicheckout.order-review .data.table tbody > tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:after { clear: both; } .multicheckout.order-review .data.table tbody > tr:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .multicheckout.order-review .data.table tbody > tr > td.col.item:before { display: none; } .multicheckout.order-review .data.table tbody > tr > td.col.qty, .multicheckout.order-review .data.table tbody > tr > td.col.price, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .multicheckout.order-review .data.table tbody > tr > td.col.qty:before, .multicheckout.order-review .data.table tbody > tr > td.col.price:before, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal:before { content: attr(data-th) ":"; display: block; font-weight: 700; padding-bottom: 10px; } .multicheckout.order-review .data.table tbody > tr > td.col:last-child { border: 0; } .abs-checkout-order-review .product-item-name, .multicheckout.order-review .data.table .product-item-name { margin: 0; } .abs-product-items-summary tbody .col { padding: 10px 0 0; } .abs-product-items-summary tfoot .mark { padding-bottom: 5px; text-align: left; } .abs-product-items-summary tfoot .amount { padding-top: 0; text-align: left; } .abs-product-items-summary tfoot .grand.totals { font-size: 1.6rem; } .abs-product-items-summary tfoot .grand.totals .mark { padding-top: 5px; padding-bottom: 0; } .abs-product-items-summary tfoot .grand.totals .amount { padding-bottom: 10px; padding-top: 0; } .abs-product-items-summary tfoot .grand.totals .amount strong { border-top: none; } .abs-account-table-margin-mobile, .table-wrapper.balance-history, .table-wrapper.reward-history, .table-wrapper.orders-recent { margin-top: -20px; } .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-no-display-s, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th, .order-details-items .table-order-items .options-label, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } .abs-title-orders-mobile .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title { display: block; } .abs-title-orders-mobile .page-main .page-title-wrapper .order-status, .magento-rma-returns-returns .page-main .page-title-wrapper .order-status, .magento-rma-returns-view .page-main .page-title-wrapper .order-status, .account .page-main .page-title-wrapper .order-status, [class^="sales-guest-"] .page-main .page-title-wrapper .order-status, .sales-guest-view .page-main .page-title-wrapper .order-status { margin: -10px 0 10px; } .abs-table-striped-mobile > tbody > tr > td:last-child, .account .data.table > tbody > tr > td:last-child { border: 0; } .abs-no-border-top, .product.info.detailed .additional-attributes-wrapper, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper { border-top: 0; } .abs-no-border-bottom { border-bottom: 0; } .abs-sidebar-totals-mobile .amount, .cart-totals .totals .amount, .opc-block-summary .totals .amount { text-align: right; } .table-wrapper { border-top: 1px solid #e0e0e0; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 5px 10px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > th { background-color: #f6f6f6; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-top: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty { text-align: left; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 5px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 20px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals { font-size: 1.6rem; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount { padding-bottom: 10px; } .pages .pages-items { display: block; padding: 2px 40px 0; position: relative; white-space: normal; z-index: 1; } .multicheckout .data.table .address:before { margin-bottom: 5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } .form-new-agreement select { width: auto; } .table-paypal-review-items .col.subtotal { text-align: left; } .table-paypal-review-items .product-item-name { display: inline-block; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { padding: 0 10px 10px 0; width: 30%; } .products-list .product-item-photo .product-image-container { width: 120px !important; } .toolbar select { width: 100px; } .product-social-links .action.tocompare { display: none; } .product-info-price { margin: 0 0 0; width: calc(100% + 2*10px) !important; } .product-info-price > *:first-child { padding-left: 10px; } .product-info-price > *:last-child { padding-right: 10px; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { display: table-cell; } .block-search { margin-top: 10px; } .cart .table.items .col.qty { text-align: center; } .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 20px; } .opc-wrapper .step-content { margin: 0 0 15px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { background: #ffffff; margin: 20px -15px 15px; padding: 20px 15px; } .opc-wrapper .form-login + .form-shipping-address { margin-top: -15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 35px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 39px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 10px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .methods-shipping { border-bottom: 1px solid #e0e0e0; padding-top: 30px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 5px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #333333; } .opc-wrapper .edit-address-link:active:before { color: #8f8f8f; } .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-summary > .title { border-bottom: 0; font-size: 18px; margin-bottom: 20px; padding-bottom: 0; } .account .column.main, .account .sidebar-additional { margin: 0; } .page-product-downloadable .product-options-wrapper { margin-bottom: 25px; } .table-downloadable-products .product-name { display: block; margin-bottom: 5px; } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px #c1c1c1 solid; content: ''; display: block; height: 0; overflow: hidden; width: auto; margin: 25px -10px; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 20px; } .block-giftregistry-results .block-title { margin-bottom: 0; } .block-giftregistry-results .table-wrapper { border-top: none; } .block-giftregistry-shared-items .block-title { margin-bottom: 10px; } .block-giftregistry-shared-items .table-wrapper { border-top: 0; } .table.grouped > thead > tr > th { display: table-cell; border-bottom: 1px solid #e0e0e0; } .table.grouped > tbody { border-bottom: 1px solid #e0e0e0; } .table.grouped > tbody > tr > td { border: 0; display: table-cell; padding: 11px 10px; } .table.grouped > tbody > tr > td:last-child { border: 0; } .form-add-invitations .action.remove { display: inline-block; text-decoration: none; } .form-add-invitations .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.remove:hover:before { color: inherit; } .form-add-invitations .action.remove:active:before { color: inherit; } .customer-review .product-name { margin-bottom: 5px; } .customer-review .product-reviews-summary .rating-summary { display: block; margin-bottom: 5px; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { float: none; display: block; margin: 10px 0 0; } .account .table-order-items tbody tr { display: block; } .account .table-order-items .product-item-name { display: inline-block; margin: 0; } .account .table-order-items .action.show { margin-top: 0; } .order-details-items .order-title strong { display: block; } .order-details-items .action { margin-top: 10px; } .order-details-items .items-qty { display: inline-block; vertical-align: top; } .order-details-items .col.price .price-including-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-excluding-tax { display: inline-block; } .order-details-items .data.table .col.options { padding: 0 10px 15px; } .order-details-items .data.table .col.options:before { display: none; } .order-details-items .options-label + .item-options-container:before, .order-details-items .item-options-container + .item-options-container:before { content: attr(data-th) ":"; display: block; font-weight: 700; padding-left: 10px; } .order-details-items .options-label + .item-options-container .col, .order-details-items .item-options-container + .item-options-container .col { font-size: 1.2rem; padding: 0 10px; } .order-details-items .options-label + .item-options-container .col:first-child, .order-details-items .item-options-container + .item-options-container .col:first-child { padding-top: 3px; } .order-details-items .options-label + .item-options-container .col:last-child, .order-details-items .item-options-container + .item-options-container .col:last-child { padding-bottom: 20px; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } .block-products-list .price-including-tax:after { content: ''; } .cdz-all-brands .toolbar-amount { position: static; } .cdz-all-brands .page-products .sorter { position: static; } #braintree-three-d-modal .bt-modal-frame { width: 100%; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48%; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-visually-hidden-desktop-s, .modes-label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .abs-form-field-column-2-s .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .abs-form-field-column-2-s .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2-s .fieldset .field .field { width: 100%; padding: 0; } .abs-form-field-revert-column-1-s { width: 100%; } .abs-action-print-s { display: inline-block; text-decoration: none; } .abs-action-print-s:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'luma-icons'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #e0e0e0; } .table > tbody + tbody { border-top: 1px solid #e0e0e0; } .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 10px; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-top: 4px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #1979c3; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .products-grid .product-item-inner { /*position: absolute; left: 0; right: -1px; z-index: 2; .lib-css(background, @main_block_background); padding: 0 9px 9px 9px; margin: 9px 0 0 -1px; border: 1px solid @main_border; border-top: none; .abs-boxshadow(0 3px 5px #d4d4d4); .abs-borderradius(0 0 5px 5px); .abs-transition(); display:none;*/ } .product-item-actions { display: block; } .products-grid .product-item-actions { margin: -10px 0 10px; } .product-item-actions .actions-primary, .product-item-actions .actions-primary + .actions-secondary { display: inline-block; vertical-align: top; /*padding-left: 10px; > .action { margin-right: 10px; &:last-child { margin-right: 0; } }*/ } .products-grid .product-item { margin-bottom: 20px; } /*Effect Product*/ .products-grid .product-item .product-shop-top { position: relative; overflow: hidden; } .products-grid .product-item .product-shop-top .product-image-container { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-grid .product-item:hover .product-item-info { box-shadow: 0 2px 5px #e1e1e1; -moz-box-shadow: 0 2px 5px #e1e1e1; -webkit-box-shadow: 0 2px 5px #e1e1e1; -o-box-shadow: 0 2px 5px #e1e1e1; -ms-box-shadow: 0 2px 5px #e1e1e1; } .page-products .columns { padding-top: 0; position: relative; z-index: 1; } .toolbar-amount { display: block; float: left; position: static; } .rtl-layout .toolbar-amount { float: right; } .products.wrapper ~ .toolbar .pages { float: left; margin-bottom: 0; } .rtl-layout .products.wrapper ~ .toolbar .pages { float: right; } .modes { display: inline-block; float: left; margin-right: 20px; } .rtl-layout .modes { float: right; margin-right: 0; margin-left: 20px; } .products.wrapper ~ .toolbar .modes { display: none; } .modes-mode { border: 1px solid #1e401f; border-right-width: 0; float: left; font-weight: 400; line-height: 1; padding: 7px 10px; text-align: center; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; text-decoration: none; } .rtl-layout .modes-mode { float: right; } .modes-mode:hover { color: #ffffff; background-color: #288b43; border-color: #288b43; border: 1px solid #288b43; border-width: 1px; } .modes-mode:hover:before { color: #ffffff !important; } .modes-mode:last-child { border-right-width: 1px; } .modes-mode.active { color: #ffffff; background-color: #288b43; border-color: #288b43; border: 1px solid #288b43; border-width: 1px; } .modes-mode.active:before { color: #ffffff; } .modes-mode > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modes-mode:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #ffffff; content: '\e60d'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modes-mode:hover:before { color: #ffffff; } .page-products .sorter { position: static; } .mode-list:before { content: '\e60b'; } .limiter { float: right; } .rtl-layout .limiter { float: left; } .products.wrapper ~ .toolbar .limiter { display: block; } .review-form { max-width: 500px; } .review-ratings { max-width: 240px; float: left; margin-bottom: 0; } .rtl-layout .review-ratings { float: right; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .rtl-layout .review-ratings ~ .review-content, .rtl-layout .review-ratings ~ .review-details { margin-left: 0; margin-right: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } .order-details-items .order-title .action { margin: 12px 0 0 30px; } .order-details-items .order-title .action.track { float: right; } .wishlist-index-index .products-grid .product-item { margin-bottom: 20px; width: 50%; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } /*.block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/3 }*/ } /* flex-utilities*/ .d-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .img-fullwidth { width: 100%; height: auto; } .align-items { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-stretch { align-items: stretch; } .justify-content { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .margin-top { margin-top: 15px; } .margin-bottom { margin-bottom: 15px; } .margin-vertical { margin-top: 15px; margin-bottom: 15px; } .margin-left { margin-left: 15px; } .margin-right { margin-right: 15px; } .margin-horizontal { margin-left: 15px; margin-right: 15px; } .bg-white { background: #ffffff; } /* flex utilities ends*/ .message.global.cookie { z-index: 4; } /*header dropdown*/ .custom-menu { float: right; margin-left: 20px; position: relative; text-transform: uppercase; } .showmenu { cursor: pointer; } .showmenu:after { font-size: 10px; line-height: 1; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cms-pages-list { list-style: none; padding: 0px; margin: 0; background: #fff; position: absolute; display: none; z-index: 2; top: 20px; border: 1px solid #bbbbbb; } .dropdown.active .cms-pages-list { display: block; } .cms-pages-list li { margin-bottom: 0; } .cms-pages-list li a { color: #000; padding: 10px; display: block; } .cms-pages-list li a:hover, .cms-pages-list li a:focus { color: #288b43; background-color: #e8e8e8; } /* megamenu design starts */ .content-top.panel .slideshow-container { margin-top: 15px; } .cdz-menu .groupmenu-drop .groupmenu-drop { position: static; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=1); visibility: visible; transform: none; display: block; box-shadow: none; -webkit-box-shadow: none; border: none; } .cdz-main-menu .cdz-vertical-menu li.level0.steuerungen-category > .groupmenu-drop:after { content: ""; position: absolute; top: 35px; right: 35px; width: 230px; bottom: 0px; background: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE//images/placeholderimage.jpg') no-repeat; background-size: contain; } .category-with-image a { display: block; position: relative; padding-top: 70%; } .category-with-image img { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; object-fit: cover; } .cdz-main-menu .groupmenu-drop-content { padding: 0; margin: 0 10px 20px; } .cdz-vertical-menu li.level0.item:hover > .groupmenu-drop.autoheight { height: auto; } .cdz-menu .groupmenu-drop > li.item { /*writing-mode: horizontal-tb;*/ /* margin: 0; min-width: initial; */ /* width: 230px; */ /* word-break: break-all; */ } .cdz-menu .groupmenu-drop > li.item.parent { break-inside: avoid; /*break-inside: avoid-column;*/ page-break-inside: avoid; -webkit-column-break-inside: avoid; } .cdz-menu .groupmenu-drop > li.item.break-column { break-before: always; page-break-before: always; -webkit-column-break-before: always; } .cdz-menu .groupmenu-drop > li.item.break-column:not(.autoheight) { height: 100%; } /* .cdz-menu .groupmenu-drop > li.item.banner-image { padding-left: 0; padding-right: 0; position: absolute; top: 20px; right: 35px; } */ .cdz-menu .groupmenu-drop > li.item.banner-image.static { position: static; padding-bottom: 0; padding-top: 0; } .cdz-menu .groupmenu-drop > li.item.banner-image .groupmenu-drop-content { padding: 0; margin: 0; } .cdz-menu .groupmenu-drop > li.item.halfheight { height: 50%; } .cdz-menu .groupmenu-drop > li.item.banner-image .category-right-image { text-align: center; } .cdz-menu .groupmenu-drop > li.item.level1 > .menu-link, .cdz-menu .groupmenu-drop > li.item.level1 > .groupdrop-title { font-weight: 600; font-size: 14px; padding-bottom: 5px; } .cdz-menu .groupmenu-drop > li.item.level1 > .menu-link:before { content: none; } .cdz-menu .groupmenu-drop > li.item.level2 { padding-left: 0; padding-top: 5px; padding-bottom: 5px; /* word-break: break-word; */ } .cdz-menu .cat-tree.groupmenu-nondrop li.item { padding-left: 0; padding-right: 0; width: auto; min-width: initial; } /* owl carousel customization global */ .owl-carousel .owl-nav { width: 100% !important; right: 0 !important; top: calc(50% - 40px) !important; position: absolute !important; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .owl-carousel .owl-nav [class*='owl-'] { display: flex; align-items: center; justify-content: center; } .owl-carousel .owl-nav .owl-prev { left: 0; float: left; } .owl-carousel .owl-nav .owl-next { right: 0; float: right; } .owl-carousel .owl-nav [class*='owl-'], .owl-carousel .owl-nav [class*='owl-']:hover { background-color: #288b43 !important; border-color: #288b43 !important; color: #ffffff !important; line-height: 35px; padding-top: 0; padding-bottom: 0; } .owl-carousel .owl-nav [aria-label] { display: none; } /* owl carousel customization ends */ /* featured products on homepage*/ #featured .owl-carousel + .brand-loader { display: block; } #featured .owl-carousel.owl-loaded + .brand-loader { display: none; } #featured .add-to-links .action.towishlist, #featured .add-to-links .action.tocompare { font-size: 25px; margin: 0px 5px; line-height: 34px; text-decoration: none; } /* featured products on homepage ends*/ .featured-product-title { padding: 0 0 10px; border-bottom: 5px solid #288b43; font: 600 24px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .productblock-wrapper { background-color: #fff; padding: 10px; } .productblock { border: 1px solid #e0e0e0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; text-align: center; } .addto-hover-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .qs-button { -webkit-border-radius: 100% !important; border-radius: 100% !important; } .add-to-links { display: inline-block; } /* popular categories design on homepage*/ .categories-banner-grid .cat-list .cat-item { display: inline-block; margin: 12px 10px; text-align: center; } .categories-banner-grid .cdz-block-title { padding-top: 40px; } .categories-banner-grid .cdz-block-title .title { font-size: 24px; letter-spacing: 1px; position: relative; padding-bottom: 10px; line-height: 1.35; text-transform: uppercase; font-weight: 400; } .categories-banner-grid .cdz-block-title .title:after { background: #288b43; position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 100px; height: 1px; } .categories-banner-grid .cat-list .thumb { display: inline-block; border: 1px solid #e0e0e0; margin-bottom: 10px; } .categories-banner-grid .cat-list .title { display: block; } .categories-banner-grid .cat-item:hover .thumb { border-color: #288b43; } .categories-banner-grid .cat-item:hover a { color: #288b43; } .categories-banner-grid .cat-list { text-align: center; } .categories-col.banner .row { height: 100%; } .categories-col.banner .line-effect { height: 100%; } .line-effect { position: relative; } .line-effect .category-banner { position: relative; display: block; height: 100%; } .line-effect .category-banner .thumb img { min-height: 100%; object-fit: cover; } .line-effect .category-banner .thumb { display: block; height: 100%; } .line-effect .category-banner .banner-text { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 30px 30px 40px; } .line-effect .category-banner .banner-text span.title.h1 { display: block; color: #ffffff; font-size: 36px; letter-spacing: 1px; font-weight: 700; margin-bottom: 0; } .line-effect .category-banner .banner-text .des { font-size: 16px; color: #fff; } .line-effect .line-effect-content { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .line-effect .line-effect-content:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .line-effect .line-effect-content:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .line-effect .line-effect-content:before, .line-effect .line-effect-content:after { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .line-effect .line-effect-content:hover:after, .line-effect .line-effect-content:hover:before { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .categories-col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* popular categories design on homepage ends*/ /* footer changes */ .footer-box img { max-width: 80px; } .wrapper-ads07 .text-area h4 { white-space: initial; } /* cart page specific css */ .cart.table-wrapper .action-towishlist:before { overflow: visible; } /* cart page specific css ends*/ /* checkout page specific css */ .checkout-agreement input[type=checkbox]:first-child { float: left; margin-top: 3px; margin-right: 8px; } .checkout-agreement label { display: block; overflow: hidden; } .checkout-agreement label button { text-align: left; } /* account pages specigic bugs/css */ .modal-popup { left: 15px; right: 15px; } .modal-popup.confirm .modal-inner-wrap { max-width: 100%; } /*account page bugs ends */ /* customer registration page */ .fieldset.delivery-address { display: none; } .fieldset.delivery-address.active { display: block; } /* own adjustments */ .cdz-vertical-menu .item.level0.parent > a.menu-link > span { max-width: calc(80%); } .groupmenu-drop-content { color: #6e6e6e; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .block-category-link { text-transform: uppercase; color: #000000; font-weight: 700; margin: 0; padding: 10px 0 10px 0; } #featured a:visited, #featured .alink:visited { color: #1e401f; } #featured a:visited:hover, #featured .alink:visited:hover { color: #288b43; } .page-footer .footer-box p.h5 { font-style: normal; } .page-footer p.h5 { font-weight: 500 !important; } .price { color: #288b43; } .price-including-tax:after { content: ' ' attr(data-label); color: #288b43; font-size: 15px; } .price-including-tax .price { font-size: 18px; } .old-price { margin-left: -5px !important; } .old-price .price-wrapper { color: #282828 !important; } .old-price .price { font-size: 16px; color: #282828 !important; } .old-price .price-including-tax { display: none !important; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: ''; } .product-item .product-item-info .price-container .price-excluding-tax .price { font-size: 18px; } .product-item .price-box { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .product-item .product-item-info .price-container { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .product-item .product-item-info .price-container .price-including-tax + .price-excluding-tax, .product-item .product-item-info .price-container .price-container .weee { order: -1; } .cdz-opc-wrapper .opc-wrapper .step-title, .cdz-opc-wrapper .opc-block-shipping-information .shipping-information-title, .cdz-opc-wrapper .payment-group > .step-title, .cdz-opc-wrapper .checkout-agreements-items .checkout-agreements-item-title { background: #288b43 !important; } .catalog-category-view .featured-brands .owl-nav { top: 45% !important; } /** hide cart info */ .ui-helper-hidden-accessible { display: none; } /** checkout */ .checkout-agreement.choice button { margin-top: 12px; } .form-purchase-order .field-number { display: none; } .table-checkout-shipping-method .col-method { padding: 11px 5px; } .table-checkout-shipping-method .price-including-tax .price, .table-checkout-shipping-method .price-excluding-tax .price { font-size: 1.4rem; font-weight: 400; } .table-checkout-shipping-method .price-including-tax { display: flex; flex-direction: column; padding-bottom: 5px; } .table-checkout-shipping-method .price-including-tax:after { font-size: 1.2rem; font-weight: 400; } .table-checkout-shipping-method .price-including-tax + .price-excluding-tax:after, .table-checkout-shipping-method .weee[data-label]:after, .table-checkout-shipping-method .price-including-tax + .price-excluding-tax:before, .table-checkout-shipping-method .weee[data-label]:before { font-size: 1.2rem; font-weight: 400; } /** product page **/ .product-info-price .price-container { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .product-info-price .price-container .price-including-tax { order: 2; } .product-info-price .price-container .price-excluding-tax { order: 1; } .product-info-price .price-container .price-excluding-tax .price { font-size: 2.4rem !important; } #ask_about_product_pro_content { margin: 0; padding: 0; text-align: center; } #ask_about_product_pro_content .fieldset { text-align: left; } #ask_about_product_pro_content > .item.title { box-sizing: border-box; display: inline-block; width: auto; padding: 1rem; } #ask_about_product_pro_content > .item.title > .switch { display: block; position: relative; } #ask_about_product_pro_content > .item.title.active > .switch { border-bottom: 2px solid #288b43; } #ask_about_product_pro_content > .item.content { padding-top: 3rem; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } #ask_about_product_pro_content > .item.content:before, #ask_about_product_pro_content > .item.content:after { content: ''; display: table; } #ask_about_product_pro_content > .item.content:after { clear: both; } .minicart-wrapper .action.viewcart { background: #288b43; border: 1px solid #288b43; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 10px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; font: 500 14px / 1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; vertical-align: top; margin-bottom: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .minicart-wrapper .action.viewcart:hover { background: #fff; color: #288b43; } .float-bar { position: fixed; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 15%; z-index: 2; width: 80px; border: 1px solid #e0e0e0; background: #ffffff; } .rtl-layout .float-bar { left: 20px; right: auto; } .float-bar .item { text-align: center; padding: 10px 7px; margin: 0; font-size: 11px; border-bottom: 1px solid #e0e0e0; } .float-bar .item.last { border-bottom: 0; } .float-bar .item a { color: #288b43; text-decoration: none; } .float-bar .item a:visited { color: #288b43; text-decoration: none; } .float-bar .item a:hover { color: #288b43; text-decoration: none; } .float-bar .item a:active { color: #288b43; text-decoration: none; } .float-bar .item a span { display: block; } .float-bar .item a .fa { margin-bottom: 5px; } .float-bar .item a .fa:before { font-size: 18px; } #formwidget-f16f3d48261326bad45609cc63f7c5ee .field { overflow: hidden; } #formwidget-f16f3d48261326bad45609cc63f7c5ee .fr2 { width: 100%; } #formwidget-f16f3d48261326bad45609cc63f7c5ee textarea { min-height: 150px; } #formwidget-f16f3d48261326bad45609cc63f7c5ee .actions-toolbar { text-align: center; } #formwidget-f16f3d48261326bad45609cc63f7c5ee .actions-toolbar .primary { float: none; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .fieldset { overflow: hidden; display: flex; flex-direction: column; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .html1 { text-align: center; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .html1 label { font-weight: 400; font-size: 16px; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .actions-toolbar { margin-top: 25px; clear: none; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .actions-toolbar > .primary { float: none; display: block; } #formwidget-1613f9f4e7b382b7462971c74053fa1e .actions-toolbar > .primary .action { width: 100%; } .brand-slider-wrapper .owl-carousel .owl-nav { top: 50% !important; } .brand-slider-wrapper .owl-carousel .owl-nav .owl-prev, .brand-slider-wrapper .owl-carousel .owl-nav .owl-next { top: auto; } .products-grid .product-item-info .product-item-details { display: flex; flex-direction: column; } .products-grid .product-item-info .cdz-buttons-container { margin-top: auto; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action, .cdz-buttons-container .action { background: #ffffff; color: #288b43; } .product-style20 .block-products-list .info-details { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .item ul.cdz-product-labels li.label-item { right: auto !important; left: 20px !important; top: 20px !important; width: 45px !important; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) !important; background: #288b43 !important; } .product-item .price-box { flex-direction: column; } .product-item .product-item-info .price-container .price-excluding-tax .price { font-weight: 700; } .product-item .old-price { order: -1; padding-left: 5px; } .product-item .old-price .price-wrapper { color: #AFAFAF !important; } .product-item .old-price .price-container .price-excluding-tax .price { font-weight: 400; font-size: 16px !important; color: #AFAFAF !important; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-tabs { width: 60% !important; } .qs-modal .modal-popup .modal-content .quickshop-wrapper .quickshop-media.product.media { width: 40% !important; } .block-compare .cart-items { padding: 10px; width: calc(100% - 350px); } .block-compare .footer-cart-additional { width: 300px; } .cart-footer .footer-mini-cart { display: none; } .cart-footer .footer-mini-cart:before { width: 0; box-shadow: none; position: relative; } #compare-bottom.active + .footer-mini-cart { display: block; } .cms-home .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:before { vertical-align: unset; } .btn-tel { text-align: right; } .btn-tel a { font-size: 18px; color: #ffffff !important; line-height: 70px; border: 2px solid #fff; border-radius: 10px; padding: 10px 15px; } .block.related .product-item .price-box, .block.upsell .product-item .price-box, .block.crossell .product-item .price-box { min-height: 90px; } .old-price .price-wrapper { text-decoration: underline !important; text-underline-offset: -.7em; text-decoration-skip-ink: none; } .box-tocart .control .qty-minus .btn-qty:hover, .box-tocart .control .qty-plus .btn-qty:hover { text-decoration: none; } .block-minicart .items-total { margin-top: 5px; } .block-minicart .items-total span { display: inline-block; } .block-minicart .subtotal { overflow: hidden; clear: both; margin-top: 10px; } .minicart-wrapper .action.viewcart { background: #fff; border-color: #fff; color: #288b43; } .cart-active #authorization-top-link > .options { z-index: 999; } .product-options-wrapper .choice .price-notice { display: flex; padding-left: 20px; } .cms-home .cdz-slideshow .owl-carousel.owl-theme .owl-dots { left: 50%; transform: translateX(-50%); } /* end customer registration page */ @media only screen and (min-width: 992px) { .product-item .cdz-buttons-container button.tocart.primary { font-size: 13px; padding: 6px 10px; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action, .cdz-buttons-container .action { height: 31.55px; line-height: 30px; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action:before, .cdz-buttons-container .action:before { line-height: 30px; } .slideshow-container .slideshow-smallbanner.hero-2 { padding-left: 18px !important; } .product-style20 .product-item .cdz-buttons-container .product-item-actions { display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 85px; } .product-style20 .product-item .cdz-buttons-container .product-item-actions .actions-primary { margin-bottom: 3px; } } @media only screen and (min-width: 1100px) { .slideshow-container .slideshow-smallbanner.hero-2 { padding-left: 21px !important; } } @media only screen and (min-width: 1280px) { .slideshow-container .slideshow-smallbanner.hero-2 { padding-left: 27px !important; } } @media only screen and (max-width: 1400px) { .float-bar { left: auto !important; right: 20px; } } #braintree-three-d-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; } #braintree-three-d-modal .bt-modal-frame { height: 420px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; } #braintree-three-d-modal .bt-modal-body { height: 380px; margin: 20px; background-color: white; border: 1px solid lightgray; } #braintree-three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } .braintree-applepay-container-product { display: inline-block; } .braintree-applepay-container-product .braintree-apple-pay-button { padding: 10px 0; margin: 0; margin-bottom: 15px; } .braintree-apple-pay-button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; display: block; width: 200px; min-height: 40px; border: 1px solid black; background-image: -webkit-named-image(apple-pay-logo-black); background-size: 100% calc(60% + 2px); background-repeat: no-repeat; background-color: black; background-position: 50% 50%; border-radius: 5px; padding: 2px; margin: 20px auto; transition: background-color 0.15s; cursor: pointer; } .ppcredit-summary { background: linear-gradient(to right, #009cde, #003087); color: #ffffff; padding: 15px; text-align: center; margin: 10px 0px; } .ppcreditcalc-container { border: 1px solid #dedede; background: #ffffff; } .ppcreditcalc-header { background: #ffffff; padding: 15px; } .ppcreditcalc-legal { background-color: #eee; border-top: 1px solid #dedede; padding: 15px; font-size: 1.2rem; line-height: 2rem; } .ppcreditcalc-instalments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background-color: #eeeeee; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { display: block; padding: 10px 15px; color: #000; } .ppcreditcalc-instalments-term:hover { background: #009CDE; color: #FFF; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: #003087; color: #FFF; } .ppcreditcalc-instalment-summary { padding: 15px; } .ppcreditcalc-instalment-summary dl { margin: 0; } .ppcreditcalc-instalment-summary dt { display: inline-block; width: 50%; } .ppcreditcalc-instalment-summary dd { display: inline-block; } #braintree_expirationDate { width: 90px; } button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000; box-shadow: none; padding: 12px 24px 10px; } button.braintree-googlepay-button.white { background-color: #ffffff; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: #ffffff; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { width: 30px; -webkit-filter: none; -webkit-transition: none; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { position: absolute; z-index: 10; left: 10px; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit .field > .fields .field .label { font-weight: 600; } #payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control { margin: 10px 10px 0 0; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="text"]::placeholder, #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="number"]::placeholder { color: lightgrey; } #payment-method-braintree-lpm .primary { width: 100%; } #payment-method-braintree-lpm .primary .action { margin-bottom: 12px; width: 100%; } #payment-method-braintree-lpm .primary .action img { height: 40px; } #payment-method-braintree-cc-vault .field.required .label { font-weight: 600; } #payment-method-braintree-cc-vault .field.required .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment-method-braintree-cc-vault .field .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; height: 32px; padding: 0 9px; vertical-align: baseline; box-sizing: border-box; position: relative; width: 5rem; } #payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } #payment-method-braintree-cc-vault .field .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-fieldset { display: none; } .payment-method-braintree .hosted-control { border: 1px solid #c2c2c2; height: 32px; padding: 8px 15px; max-width: 300px; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .payment-method-braintree .cvv { max-width: 200px; position: relative; } .payment-method-braintree .cvv .field-tooltip { top: 10px; right: 30px; } #braintree_cc_number { padding-left: 68px; } /* ============================================ * * Codazon_Theme_Var * ============================================ */ .fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor, .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor, .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { transform: translateZ(0); } .fotorama-focus, .fotorama__nav__frame, .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus { outline: 0; } .fotorama-focus-overlay:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box; } .fotorama-border-box, .fotorama__thumb-border, .fotorama__caption__wrap, .fotorama__arr { box-sizing: border-box; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background-image: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/mage/gallery/gallery.png'); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__thumb-border, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background: none !important; } } .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: 0 0 3px 1px #68a8e0; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__thumb:after, .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__thumb__arr { box-shadow: none; } .fotorama--fullscreen { background: #ffffff; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { cursor: pointer; display: block; height: 80px; overflow: hidden; position: absolute; width: 80px; } .fotorama__fullscreen .fotorama__zoom-out { background-position: 0 -80px !important; top: 80px; } .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled { display: none; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { position: relative; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__nav { display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { position: relative; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--dots .fotorama__nav__frame { height: 30px; width: 18px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__active .fotorama__dot { background-color: #ff5501; border-color: #ff5501; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { border-width: 3px; height: 0; width: 0; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { left: -3px; padding: 3px; top: -3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { left: -1px; padding: 1px; top: -1px; } .fotorama__dot { border-radius: 6px; border: 1px solid #858585; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .fotorama__thumb { background-color: #ebebeb; height: 100%; overflow: hidden; position: relative; width: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid #ff5501; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { bottom: 0; color: #000000; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .fotorama__caption a { border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.005); color: #000000; text-decoration: none; } .fotorama__caption a:hover { border-color: rgba(0, 0, 0, 0.005); color: #000000; } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #ffffff; padding: 5px 10px; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { cursor: pointer; position: absolute; } .fotorama__arr { z-index: 900; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: 1000; } .fotorama__arr { bottom: 0; position: absolute; top: 0; width: 80px; } ._block-content-loading .fotorama__arr { opacity: 0; } .fotorama__arr .fotorama__arr__arr { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; height: 80px; width: 80px; } .fotorama__arr--prev { left: 0; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next { right: 0; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { background-position: 0 0; display: none; height: 80px; right: 0; top: 0; width: 80px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -80px 0; display: inline-block; } .fotorama__video-play { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; height: 160px; width: 160px; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { background-position: 0 -240px; height: 80px; width: 80px; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(80px, -80px, 0); -ms-transform: translate3d(80px, -80px, 0); -o-transform: translate3d(80px, -80px, 0); transform: translate3d(80px, -80px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); -o-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); -o-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(80px, -80px, 0) !important; -ms-transform: translate3d(80px, -80px, 0) !important; -o-transform: translate3d(80px, -80px, 0) !important; transform: translate3d(80px, -80px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-120px, 0, 0) !important; -ms-transform: translate3d(-120px, 0, 0) !important; -o-transform: translate3d(-120px, 0, 0) !important; transform: translate3d(-120px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(120px, 0, 0) !important; -ms-transform: translate3d(120px, 0, 0) !important; -o-transform: translate3d(120px, 0, 0) !important; transform: translate3d(120px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__stage:after, .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height: 10px; left: 0; right: 0; width: auto; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: 0; } .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: 0; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; top: 0; } .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 100%, 0 100%; bottom: 0; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--fade .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px #bbbbbb; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 800; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px #bbbbbb; color: #ffffff; left: 0; position: absolute; text-align: center; top: 0; z-index: 1000; overflow: hidden; } .magnify-lens .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: 100; } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; } .magnifier-preview:not(.hidden) { background-color: #ffffff; } .magnifier-preview img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } .fotorama__stage__frame { text-align: center; } .fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; } @media all and (min-width: 768px) { .fotorama__stage__frame .fotorama__img { top: 49.5%; } } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { background-color: white; width: 100%; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: 0.3s linear; vertical-align: middle; width: auto; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: 30px; z-index: 1000; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { cursor: pointer; height: 30px; left: 0; position: absolute; right: 0; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: auto; width: 30px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__thumb--icon { font-size: 0.001px; padding-bottom: 30px; } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover, .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active, .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__video-close { background-position: -80px 0; height: 80px; opacity: 0; right: 0; top: 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; width: 80px; } @media all and (max-width: 768px) { .fotorama__video-close { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .gallery-placeholder__image { display: block; margin: auto; } .fotorama__spinner { background-image: url('../../frontend/Codazon/fastest_absaugwelt24/de_DE/images/loader-1.gif'); bottom: 0; display: none; height: 64px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 64px; z-index: 100; } .fotorama__spinner.fotorama__spinner--show { display: block; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } .quickshop-wrapper .quickshop-tabs{width:60%;float:right;} .quickshop-wrapper .quickshop-tabs .qs-content{width:100%;} .quickshop-wrapper .quickshop-media.product.media{width:35%} .quickshop-wrapper .bundle-options-container .product-add-form{display:block;} @media (min-width: 0px) and (max-width: 767px){ .quickshop-wrapper .quickshop-media.product.media {width: 100%;} .quickshop-wrapper .quickshop-tabs {width:100%;} .quickshop-wrapper .product.data.items{display: inline;} .quickshop-wrapper .product.info.detailed .data.item.title {background: #F7F7F7;} } form.minisearch.loading .control input[type="text"] { box-shadow: none; -webkit-animation-name: search-loading; /* Chrome, Safari, Opera */ -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */ animation-name: search-loading; animation-duration: 3s; animation-iteration-count: infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes search-loading { 0% {box-shadow: none;} 25% {box-shadow: 0 0 3px 1px #68a8e0;} 50% {box-shadow: 0 0 3px 1px #ffffff;} 75% {box-shadow: 0 0 3px 1px #68a8e0;} 100% {box-shadow: none;} } /* Standard syntax */ @keyframes search-loading { 0% {box-shadow: none;} 25% {box-shadow: 0 0 3px 1px #68a8e0;} 50% {box-shadow: 0 0 3px 1px #ffffff;} 75% {box-shadow: 0 0 3px 1px #68a8e0;} 100% {box-shadow: none;} } .searchsuite-autocomplete { background-color: #fff; border: 1px solid #c2c2c2; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); left: -85px; margin-top: 4px; width: 350px; position: absolute; z-index: 9999999; } .searchsuite-autocomplete .suggest, .searchsuite-autocomplete .product { margin: 0; } .searchsuite-autocomplete.active, .searchsuite-autocomplete .suggest.active, .searchsuite-autocomplete .product.active { display: block; } .searchsuite-autocomplete .suggest { color: #3C3C3C; } .searchsuite-autocomplete .title { padding: 10px; margin-bottom: 5px; background: #f0f0f0; color: #575757; } .searchsuite-autocomplete .title .see-all { display: inline-block; float: right; color: #909090; cursor: pointer; } .searchsuite-autocomplete .no-result { padding: 10px; background: #f0f0f0; color: #575757; text-align: center; } .searchsuite-autocomplete ul { padding: 0 10px; margin-bottom: 0; list-style-type: none; } .searchsuite-autocomplete ul li { color: #000; cursor: unset; padding: 0; } .searchsuite-autocomplete .suggest ul li { color: #3C3C3C; } .searchsuite-autocomplete .product ul li { border-bottom: 1px solid #D4D2D2; } .searchsuite-autocomplete .product ul li:last-child { border-bottom: none; } .searchsuite-autocomplete ul li:hover, .searchsuite-autocomplete ul li.selected { background-color: #fff; } .searchsuite-autocomplete ul li:after { clear: both; content: ''; display: block; } .searchsuite-autocomplete ul li.action { padding: 0; } .searchsuite-autocomplete ul li.action .action.close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: none; box-sizing: content-box; cursor: pointer; display: inline-block; float: right; font-weight: 400; height: 30px; line-height: inherit; margin: 0; padding: 0; right: 0; text-decoration: none; text-shadow: none; top: 0; width: 40px; } .searchsuite-autocomplete ul li.action .action.close:before { color: #8f8f8f; content: '\e616'; display: inline-block; font-family: 'luma-icons'; font-size: 16px; font-weight: normal; margin: 0; overflow: hidden; text-align: center; vertical-align: top; } .searchsuite-autocomplete ul li.gray-row { text-align: center; } .searchsuite-autocomplete ul li.gray-row, .searchsuite-autocomplete ul li.gray-row:hover, .searchsuite-autocomplete ul li.gray-row.selected { background-color: #e8e8e8; } .searchsuite-autocomplete ul li.gray-row a { color: #7B7B7B; text-decoration: blink; } .searchsuite-autocomplete ul li a { cursor: pointer; } .searchsuite-autocomplete ul li .qs-option-image { float: left; max-width: 82px; width: 25%; } .searchsuite-autocomplete ul li .qs-option-info { color: #000; display: inline-block; float: left; padding-left: 5%; text-align: left; width: 70%; margin-bottom: 10px; } .searchsuite-autocomplete ul li .qs-option-info.noimage { padding-left: 0; width: 100%; } .searchsuite-autocomplete ul li:last-child .qs-option-info { margin-bottom: 0; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-title { display: inline-block; margin: 0; width: 100%; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews { display: inline-block; text-transform: lowercase; width: 100%; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary { margin-bottom: 4px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .reviews-actions { font-size: 12px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-sku { display: block; width: 100%; color: #004875; font-size: 12px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-shortdescription, .searchsuite-autocomplete ul li .qs-option-info .qs-option-description { color: #3C3C3C; font-size: 13px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-price { display: inline-block; font-weight: bold; margin-top: 15px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-addtocart { display: inline-block; float: right; margin-top: 10px; } @media only screen and (max-width: 767px) { .searchsuite-autocomplete { border-top: 0; left: 15px; margin-top: 0; right: 15px; width: auto; } } /* Apple Pay */ .stripe-payments-apple-pay-section { text-align: center; margin-bottom: 25px; } .stripe-payments-apple-pay-section label { font-weight: bold; margin: 10px 0; float: none; display: block; } /* Authorized Apple Pay Result */ .stripe-payments-apple-pay-result label { display: inline-block; font-weight: bold; margin-bottom: 18px; } .stripe-payments-apple-pay-result { text-align: center; padding: 10px 0 15px; font-size: 1.1em; } .stripe-payments-apple-pay-result > div { margin-bottom: 18px; } .indent { margin-right: 20px; } /* Stripe Express */ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .box-tocart .action.tocart.payment-request-button { padding: 0; } .payment-request-button { width: 240px; } .payment-request-button.disabled, .payment-request-button.disabled * { pointer-events: none !important; } .payment-request-button.disabled { opacity: 0.5; filter: grayscale(50%); } .payment-request-button.disabled::after { position: relative; height: 1em; width: 1em; display: block; left: 50%; margin-left: -.5em; margin-top: -1.2em; content: ''; -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../../frontend/Codazon/fastest_absaugwelt24/de_DE/StripeIntegration_Payments/svg/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75) } .catalog-product-view .payment-request-button { margin-bottom: 15px; margin-right: 1%; width: 49%; } .stripe-payments-express-minicart { margin-top: 15px; } .stripe-payments-express-minicart .payment-request-button, .payment-request-button.cart { width: 100% !important; } .cart-summary .stripe-payments-express-minicart { margin-top: 0; margin-bottom: 25px; } @media (min-width:768px){.lookbooks-lookbook-view .page-title-wrapper,.lookbooks-category-view .page-title-wrapper{display:none}}.loobook-container{margin-bottom:40px}.loobook-container .toolbar-amount{float:left;position:static}.loobook-container .no-cover{margin-bottom:40px;border-bottom:1px solid #b9b9b9;padding-bottom:10px}.loobook-container .no-cover.no-thumbnail.no-description{border-bottom:none}.loobook-container .no-cover .social-section{margin-bottom:10px;display:inline-block;width:100%;border-bottom:1px solid #b9b9b9}.loobook-container .no-cover .social-section strong.title{font-weight:600;margin:5px 0 0px 0px;display:inline-block;font-size:22px}.loobook-container .no-cover .lookbook-img-wrap{border-radius:0;background:none;padding:0;border:none;box-shadow:none}.loobook-container .no-cover .lookbook-img-wrap .lookbook-image{border:none}.loobook-container .lookbook-img-wrap{line-height:0;border:1px solid;padding:4px 4px;border-radius:3px;display:block;box-shadow:-1px 3px 3px #d7d6d6}.loobook-container .lookbook-img-wrap .lookbook-image{width:100%}.loobook-container .cover-section{margin-bottom:20px}.loobook-container .cover-section .lookbook-cover{max-width:100%}.loobook-container .cover-section .cover-wrap{line-height:0}.loobook-container .cover-section .after-cover{border-top:none;margin-bottom:20px}.loobook-container .cover-section .after-cover .thumb-section{min-height:45px;position:relative}.loobook-container .cover-section .after-cover .thumb-section .lookbook-img-wrap{position:absolute;left:15px;bottom:10px;width:100%;box-shadow:none}.rtl-layout .loobook-container .cover-section .after-cover .thumb-section .lookbook-img-wrap{left:auto;right:15px}.loobook-container .cover-section .after-cover .title{font-weight:600;margin:5px 0 0px 15px;display:inline-block;font-size:22px}.rtl-layout .loobook-container .cover-section .after-cover .title{margin-right:15px;margin-left:0}.loobook-container .social-section .cdz-social-listing{padding:7px 10px 5px 10px;margin-bottom:0px;float:right}.rtl-layout .loobook-container .social-section .cdz-social-listing{float:left}.loobook-container .social-section .cdz-social-listing .item{float:left;list-style:none;margin-bottom:0;margin-right:10px}.loobook-container .social-section .cdz-social-listing .item:last-child{margin-right:0px}.loobook-container .social-section .cdz-social-listing .item .share-btn{padding:5px 5px;min-width:28px;margin:0px;border:none;color:#414b56;font-size:14px}.loobook-container .social-section .cdz-social-listing .item .share-btn:hover{background-color:#FFF;color:#333;border-color:#333}.lookbook-inner .auto-pos-wrap{position:relative;overflow:hidden;box-sizing:border-box;cursor:pointer}.lookbook-inner .auto-pos-wrap .canvas{position:relative}.lookbook-inner .auto-pos-wrap .canvas:before{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,0.18);padding:8px;border-radius:50%;font-size:12px;-webkit-transition:all .225s ease-out .01s;-moz-transition:all .225s .01s ease-out;-o-transition:all .225s .01s ease-out;-ms-transition:all .225s .01s ease-out;transition:all .225s ease-out .01s;display:inline-block;font-family:'CodazonFont';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e992";font-size:14px;speak:none;color:#fff}.lookbook-inner .auto-pos-wrap .canvas .item-point{position:absolute;border-radius:50%;text-align:center;cursor:pointer;outline:none;z-index:1;padding:0;transform-origin:center center;transition:transform .2s ease-out;transform:translateZ(0) scale(.6);transition:all ease 400ms;font-weight:400;backface-visibility:hidden;-webkit-font-smoothing:antialiased;width:25px;height:25px;font-size:13px;line-height:22px;border:2px solid #fff;background-color:#fff;color:#000;text-shadow:none}.lookbook-inner .auto-pos-wrap .canvas .item-point:before{-webkit-animation-timing-function:linear;animation-timing-function:linear;content:"";display:block;width:100%;height:100%;border-radius:100%;z-index:-1;left:0;right:0;position:absolute}.lookbook-inner .auto-pos-wrap .canvas:hover .item-point{transform:scale(1);background:#333;color:#fff}.lookbook-inner .auto-pos-wrap .canvas:hover .item-point:before{-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;-moz-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite}.lookbook-inner .auto-pos-wrap .canvas:hover:before{transform:scaleX(.4) scaleY(.4) translateZ(0);opacity:.1}.lb-modal-container{z-index:1000;position:fixed;width:100%;height:100%;background:transparent;top:0;left:0}.lb-modal-container .owl-nav [class*='owl-']{position:absolute;text-align:center;font-size:0;border-width:1px;border-style:solid;display:inline-block;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lb-modal-container .owl-nav [class*='owl-'].disabled{cursor:default}.lb-modal-container .owl-nav [class*='owl-']:hover{z-index:1}.lb-modal-container .owl-carousel{padding:0}.lb-modal-container.first-load .lb-modal-inner:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background-color:#FFF;content:'';background-image:url("../../frontend/Codazon/fastest_absaugwelt24/de_DE/Codazon_Lookbookpro/images/source.gif");background-position:50%}.lb-modal-container._hide{display:none}.lb-modal-container .lb-modal-outer{display:flex;align-items:center;flex-direction:row;height:100%;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,0.5)}.lb-modal-container .lb-backface{position:absolute;width:100%;height:100%}.lb-modal-container .lb-modal-inner{width:1000px;max-height:95%;overflow:hidden;max-width:90%;display:inline-block;position:relative;margin-left:auto;margin-right:auto;background-color:#f1f2f6;border-radius:10px}.lb-modal-container .lb-modal-inner .lb-modal-header{position:static}.lb-modal-container .lb-modal-inner .lb-modal-header .lb-close{position:absolute;right:0;top:0;z-index:100;border-radius:0;font-size:0;padding:8px 12px;border:none;background:transparent;color:#000}.lb-modal-container .lb-modal-inner .lb-modal-header .lb-close:before{font-size:20px;color:#999999;content:'\e977';font-family:'CodazonFont'}.lb-modal-container .item-products .product-item.product-hide{opacity:0.3;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lb-modal-container .lookbook-slider .owl-nav{position:static}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-']{top:-moz-calc( (100% - 50px )/2 );top:-webkit-calc( (100% - 50px )/2 );top:-o-calc( (100% - 50px )/2 );top:calc( (100% - 50px )/2 );-webkit-opacity:0;-moz-opacity:0;opacity:0;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-'].owl-next{right:0px;-moz-transform:translate(150%);-webkit-transform:translate(150%);-o-transform:translate(150%);transform:translate(150%)}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-'].owl-prev{left:0px;-moz-transform:translate(-150%);-webkit-transform:translate(-150%);-o-transform:translate(-150%);transform:translate(-150%)}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-'].disabled{-webkit-opacity:0;-moz-opacity:0;opacity:0}.rtl-layout .lb-modal-container .lookbook-slider .owl-nav [class*='owl-'].owl-next{right:auto;left:0;-moz-transform:translate(-150%);-webkit-transform:translate(-150%);-o-transform:translate(-150%);transform:translate(-150%)}.rtl-layout .lb-modal-container .lookbook-slider .owl-nav [class*='owl-'].owl-prev{left:auto;right:0;-moz-transform:translate(150%);-webkit-transform:translate(150%);-o-transform:translate(150%);transform:translate(150%)}.lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-']:not(.disabled){-webkit-opacity:1;-moz-opacity:1;opacity:1}.lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-'].disabled{-webkit-opacity:.2;-moz-opacity:.2;opacity:.2}.lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-'].owl-prev,.lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-'].owl-next{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.rtl-layout .lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-'].owl-prev,.rtl-layout .lb-modal-container .lookbook-slider:hover .owl-nav [class*='owl-'].owl-next{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-']{width:50px;height:50px}.lb-modal-container .lookbook-slider .owl-nav [class*='owl-']:before{line-height:48px}.lb-modal-container .lookbook-slider.owl-carousel>.owl-nav [class*='owl-'],.lb-modal-container .lookbook-slider.owl-carousel:hover>.owl-nav [class*='owl-']{-moz-opacity:0.3;opacity:0.3;background:#000;color:#fff;border-color:#000}.lb-modal-container .lookbook-slider.owl-carousel>.owl-nav [class*='owl-'].disabled,.lb-modal-container .lookbook-slider.owl-carousel:hover>.owl-nav [class*='owl-'].disabled{-webkit-opacity:0;-moz-opacity:0;opacity:0}.lb-modal-container .lookbook-slider.owl-loaded .owl-stage{padding:0}.lb-modal-container .lookbook-slider.owl-carousel .owl-stage-outer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.lb-modal-container .lookbook-slider.owl-carousel .owl-stage-outer .item-modal{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.lb-modal-container .item-modal-inner .media-section .item-point{position:absolute;border-radius:50%;text-align:center;cursor:pointer;outline:none;z-index:1;padding:0;transform-origin:center center;width:45px;height:45px;font-size:15px;line-height:40px;font-weight:600;border:3px solid #fff;background-color:#000;color:#fff;text-shadow:none}.lb-modal-container .item-modal-inner .media-section .item-point.point-active{animation:scale-normal 1.3s ease-in-out infinite}.lb-modal-container .item-modal-inner .media-section .item-point.point-active:before{content:"";display:block;width:80px;height:80px;border-radius:100%;z-index:-1;left:-20px;top:-20px;opacity:.4;position:absolute;animation:scale-reverse 1.3s ease-in-out infinite}.lb-modal-container .item-modal-inner .media-section .item-point.point-disabled{-webkit-opacity:.3;-moz-opacity:.3;opacity:.3}.lb-modal-container .item-modal-inner .product-section{margin-top:30px;padding-left:30px;padding-right:40px}.rtl-layout .lb-modal-container .item-modal-inner .product-section{padding-left:40px;padding-right:30px}.lb-modal-container .item-modal-inner .product-section .product-top{margin-bottom:10px}.lb-modal-container .item-modal-inner .product-section .product-top .product-number{display:inline-block;vertical-align:middle;position:absolute;left:10px;top:10px;border-radius:50%;z-index:1;width:24px;height:24px;font-size:11px;line-height:24px;color:#fff;background-color:#000;text-align:center}.lb-modal-container .item-modal-inner .product-section .item-title{margin:0 0 20px;text-transform:uppercase;text-align:center}.lb-modal-container .item-modal-inner .product-section .item-products{position:relative}.lb-modal-container .item-modal-inner .product-section .item-products.owl-loaded .owl-stage-outer{padding:4px}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-nav{text-align:center;margin-top:25px;position:static}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-nav [class*='owl-']{background:transparent;border:none;color:#000;position:static;-moz-transform:translate(0);-webkit-transform:translate(0);-o-transform:translate(0);transform:translate(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;margin:0 20px}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-nav [class*='owl-'].disabled{-webkit-opacity:.3;-moz-opacity:.3;opacity:.3}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-nav [class*='owl-']:before{color:#000;font-size:35px;font-weight:normal;display:block}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-dots{position:absolute;bottom:19px;left:-moz-calc( (100% - 60px)/2 );left:-webkit-calc( (100% - 60px)/2 );left:-o-calc( (100% - 60px)/2 );left:calc( (100% - 60px)/2 );width:60px;text-align:center}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-dots .owl-dot{width:10px;height:10px;margin:0 5px;background:rgba(0,0,0,0.3);display:inline-block;float:none}.lb-modal-container .item-modal-inner .product-section .item-products.owl-carousel .owl-dots .owl-dot.active{background:#000}.lb-modal-container .item-modal-inner .product-section .product-item{padding:10px;background:#fff;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}.lb-modal-container .item-modal-inner .product-section .product-item.product-hide:before{background:#000;-webkit-opacity:.3;-moz-opacity:.3;opacity:.3;content:"";position:absolute;left:0;top:0;right:0}.lb-modal-container .item-modal-inner .product-section .product-item.product-active{margin-top:-4px;margin-bottom:4px;box-shadow:2px 2px 5px 1px #bdbbbb;-moz-box-shadow:2px 2px 5px 1px #bdbbbb;-webkit-box-shadow:2px 2px 5px 1px #bdbbbb;-o-box-shadow:2px 2px 5px 1px #bdbbbb;-ms-box-shadow:2px 2px 5px 1px #bdbbbb}.lb-modal-container .item-modal-inner .product-section .product-item .actions{display:inline-block;width:100%;margin-bottom:5px}.lb-modal-container .item-modal-inner .product-section .product-item .actions .price-box{display:inline-block;vertical-align:middle;margin:0}.lb-modal-container .item-modal-inner .product-section .product-item .button-buy{border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:7px 15px;min-height:auto;text-transform:uppercase;text-align:center;width:100%;display:block}.lb-modal-container .item-modal-inner .product-section .product-item .product-name{text-transform:uppercase;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}.lb-modal-container .item-modal-inner .product-section .item-desc{margin-top:20px}@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5);-webkit-transform:scale(1.2);opacity:0}}@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5);-moz-transform:scale(1.2);opacity:0}}@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #333,0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.2);opacity:0}}@keyframes scale-normal{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}@keyframes scale-reverse{0%,100%{transform:scale(.4)}50%{transform:scale(.8)}}.block-lookbook-category-menu .toggle-menu{padding:0;margin:0}.block-lookbook-category-menu .toggle-menu .item{list-style:none;position:relative;margin:0}.block-lookbook-category-menu .toggle-menu .item ul{padding-left:20px}.block-lookbook-category-menu .toggle-menu .item ul>.item{position:relative;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.block-lookbook-category-menu .toggle-menu .item ul>.item:before{content:"";position:absolute;width:0;height:1px;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;top:7px}.rtl-layout .block-lookbook-category-menu .toggle-menu .item ul>.item:before{left:auto;right:0}.block-lookbook-category-menu .toggle-menu .item ul>.item:hover{padding-left:15px}.block-lookbook-category-menu .toggle-menu .item ul>.item:hover:before{width:10px}.rtl-layout .block-lookbook-category-menu .toggle-menu .item ul>.item:hover{padding-left:0px;padding-right:15px}.block-lookbook-category-menu .toggle-menu .item.level-0>.menu-link{text-transform:uppercase}.block-lookbook-category-menu .toggle-menu .item .menu-link{width:100%;display:inline-block;text-decoration:none;margin-bottom:20px}.block-lookbook-category-menu .toggle-menu .item .dropdown-toggle{position:absolute;right:0;top:-5px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer}.block-lookbook-category-menu .toggle-menu .item .dropdown-toggle:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f105';font-size:18px;text-align:center;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.rtl-layout .block-lookbook-category-menu .toggle-menu .item .dropdown-toggle{right:auto;left:0}.rtl-layout .block-lookbook-category-menu .toggle-menu .item .dropdown-toggle:before{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.block-lookbook-category-menu .toggle-menu .item .sub-category{display:none}.block-lookbook-category-menu .toggle-menu .item.open>.dropdown-toggle:before{-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.block-lookbook-category-menu .toggle-menu .item.current-item>.menu-link{font-weight:bold}.block.block-lookbook-category-menu{padding-bottom:0}.lookbook.wrapper{margin:0 0 20px}.lookbook.wrapper .lookbook-inner{position:relative;overflow:hidden}.lookbook.wrapper .lookbook-inner .lookbook-top{margin-bottom:10px;position:relative}.lookbook.wrapper .lookbook-inner .lookbook-top .auto-pos-wrap img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-name{text-transform:uppercase;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;margin-bottom:5px}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-date,.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-desc{margin-bottom:5px}.loobook-container .toolbar .lb-cat-toggle{float:left;margin:0 10px;border:0;padding:0;line-height:32px;background:transparent}.rtl-layout .loobook-container .toolbar .lb-cat-toggle{float:right}.loobook-container .toolbar+.lookbook.wrapper+.toolbar .lb-cat-toggle{display:none}@media screen and (min-width:768px){.lookbook.wrapper .lookbook-inner .lookbook-top{margin:0}.lookbook.wrapper .lookbook-inner .lookbook-bottom{position:absolute;top:100%;left:0;width:100%;height:100%;z-index:2;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#ffffff}.lookbook.wrapper .lookbook-inner .lookbook-bottom:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.lookbook.wrapper .lookbook-inner .lookbook-bottom a:hover{text-decoration:underline}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-bottom-inner{position:absolute;width:100%;bottom:15px;padding:0 15px}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-name{color:#ffffff;margin-bottom:5px}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-name:hover{color:#ffffff}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-date,.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-desc{margin-bottom:5px}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-viewmore{color:#ffffff}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-viewmore:hover{color:#ffffff}.lookbook.wrapper .lookbook-inner .lookbook-bottom .lookbook-viewmore:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f101";font-size:100%;margin:0 5px}.lookbook.wrapper .lookbook-inner:hover .lookbook-bottom{top:0}.lookbook.wrapper .lookbook-inner:hover .lookbook-bottom:before{top:0}}@media screen and (max-width:767px){.lb-modal-container .lb-modal-inner{overflow:auto}.lb-modal-container .lookbook-slider.owl-carousel>.owl-nav [class*='owl-']{top:10%;display:none}.lb-modal-container .lookbook-slider .media-section{width:100%}.lb-modal-container .lookbook-slider .product-section{width:100%;padding:0 30px}}.auto-pos-wrap{box-sizing:border-box;line-height:0;overflow:hidden;position:relative}.auto-pos-wrap .a-img .img-center{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0;z-index:1;display:block}.auto-pos-wrap.item-img-wrap{background-color:#f1f2f6}.auto-pos-wrap.item-img-wrap div.img-center{width:100%}.auto-pos-wrap.item-img-wrap div.img-center img{width:100%}.loobook-item-list .item{margin:0px;padding:0}