/** * 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_drug_pharmacy/en_US/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; } 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 #dbdbdb; 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 #dbdbdb; 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 #dbdbdb; 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 #dbdbdb; 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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } button:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } 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, .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, .product-items, .prices-tier, .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, .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, .product-items > li, .prices-tier > 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 #3fb0f2; color: #3fb0f2; } .action-primary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: #3fb0f2; border: 1px solid #3fb0f2; 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: 3px; } .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 #3fb0f2; color: #3fb0f2; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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, .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, .block.related .action.select, .abs-add-fields .action.remove, .cart-order-comment .action.check, .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: #999999; } .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, .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, .block.related .action.select:visited, .abs-add-fields .action.remove:visited, .cart-order-comment .action.check: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, .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, .block.related .action.select:hover, .abs-add-fields .action.remove:hover, .cart-order-comment .action.check: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, .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, .block.related .action.select:active, .abs-add-fields .action.remove:active, .cart-order-comment .action.check: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, .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, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .cart-order-comment .action.check:hover, .cart-order-comment .action.check:active, .cart-order-comment .action.check: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, .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, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .cart-order-comment .action.check.disabled, .cart-order-comment .action.check[disabled], fieldset[disabled] .cart-order-comment .action.check, .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), .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), .block.related .action.select:active, .block.related .action.select:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .cart-order-comment .action.check:active, .cart-order-comment .action.check: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: #3fb0f2; } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .block-compare .action.primary { background: #3fb0f2; border: 1px solid #3fb0f2; 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, .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, .block-compare .action.primary:focus, .block-compare .action.primary:active { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .block-compare .action.primary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 1.4rem; line-height: 1.6rem; padding: 10px 15px; } .form-address-edit .actions-toolbar .action.vertex-secondary, .multicheckout .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .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, .box-tocart .action.tocart { 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%; } .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper, .products-list .product-image-wrapper { height: auto; padding: 0 !important; } .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, .products-list .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, .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, .box-tocart .input-text.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; } .filter-current .action.remove, .sidebar .product-items .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .filter-current .action.remove > span, .sidebar .product-items .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > 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, .filter-current .action.remove:before, .sidebar .product-items .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete: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, .filter-current .action.remove:hover:before, .sidebar .product-items .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .filter-current .action.remove:active:before, .sidebar .product-items .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before { color: #999999; } .minicart-items .product-item-name > a, .product-item-name > a, .product.name a > a { color: #3fb0f2; text-decoration: none; } .abs-product-link > a:visited, .minicart-items .product-item-name > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #3fb0f2; text-decoration: none; } .abs-product-link > a:hover, .minicart-items .product-item-name > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #3fb0f2; text-decoration: none; } .abs-product-link > a:active, .minicart-items .product-item-name > a:active, .product-item-name > a:active, .product.name a > a:active { color: #3fb0f2; 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, .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, .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, .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 { 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, .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, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images: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, .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, .toolbar:after, .sidebar .product-items-images: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, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .product-item, .sidebar .product-items-images .product-item, .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, .cart-order-comment .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #dbdbdb; 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, .cart-order-comment .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, .cart-order-comment .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, .cart-order-comment .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, .cart-order-comment .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .cart-order-comment .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, .cart-order-comment .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, .cart-order-comment .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, .cart-order-comment .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 #dbdbdb; } .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: #121212; } .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 18px/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 18px/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, .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, .sidebar .subtitle, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { border: 2px solid #dbdbdb; 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 #dbdbdb; } .block-wishlist .counter, .block-compare .counter { color: #7d7d7d; font-size: 1.2rem; white-space: nowrap; } .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title, .block-compare .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: #121212; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #dbdbdb; 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 #dbdbdb; 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 #dbdbdb; 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 #dbdbdb; border-bottom: 1px solid #dbdbdb; 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 #dbdbdb; } .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; } .cart-order-comment .block, .paypal-review-discount .block, .cart-discount .block { padding-top: 60px; } .cart-order-comment .block > .title strong, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #121212; font-weight: 400; } .cart-order-comment .actions-toolbar, .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .cart-order-comment .actions-toolbar .action.primary, .cart-order-comment .actions-toolbar .action.cancel, .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; } .cart-order-comment .actions-toolbar .secondary, .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .cart-order-comment .action.check, .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .cart-order-comment .fieldset, .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .cart-order-comment .fieldset > .field > .label, .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .cart-order-comment .field, .paypal-review-discount .field, .cart-discount .field { display: table-cell; } @font-face { font-family: 'Microsoft-Yi-Baiti'; src: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/Microsoft-Yi-Baiti.woff2') format('woff2'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/Microsoft-Yi-Baiti.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'MicrosoftTaiLe'; src: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/MicrosoftTaiLe.woff2') format('woff2'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/MicrosoftTaiLe.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'MicrosoftTaiLe-Bold'; src: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/MicrosoftTaiLe-Bold.woff2') format('woff2'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/MicrosoftTaiLe-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } .items { margin: 0; padding: 0; list-style: none none; } .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: #121212; font: 400 16px/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 #dbdbdb; 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 { /*.lib-icon-font( @icon-menu, @_icon-font-size: 28px, @_icon-font-color: @header-icons-color, @_icon-font-color-hover: @header-icons-color-hover ); */ cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 23px; z-index: 14; width: 26px; height: 18px; } .nav-toggle:hover { color: #3fb0f2; } .nav-toggle:before { position: absolute; left: 0; top: 8px; width: 16px; height: 2px; background: #cccccc; content: ''; } .nav-toggle span:after, .nav-toggle span:before { position: absolute; left: 0; width: 26px; height: 2px; background: #cccccc; 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: #3fb0f2; } .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 #999999; margin-top: 16px; 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: 16px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 17px; 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: 26px; margin-left: -16px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #999999; left: 26px; margin-left: -17px; } .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_drug_pharmacy/en_US/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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #121212; text-transform: uppercase; border: 0; padding: 0; } .fieldset .field.note { font: 400 13px/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 #dbdbdb; height: 44px; background: #ffffff url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/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 #999999; margin-left: 16px; 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: 16px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 17px; 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: -16px; top: 26px; } .field .tooltip .tooltip-content:before { border-right-color: #999999; margin-top: -17px; top: 26px; } .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; width: 300px; right: 0; background: #ffffff; padding: 20px; z-index: 7; top: 20px; border: 1px solid #e7e7e7; } .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: #3fb0f2; border-color: #3fb0f2; } .cdz-login-form-dropdown .block-customer-login .actions-toolbar a.action.primary:hover { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: #3fb0f2; text-decoration: none; } .cdz-login-form-dropdown .block-customer-login a:active { color: #3fb0f2; text-decoration: none; } .authentication-wrapper { margin-top: -85px !important; } .authentication-wrapper .action.action-auth-toggle { color: #cccccc; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:visited { color: #cccccc; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:hover { color: #3fb0f2; text-decoration: none; } .authentication-wrapper .action.action-auth-toggle:active { color: #3fb0f2; 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_drug_pharmacy/en_US/fonts/Luma-Icons.woff2') format('woff2'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/fonts/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } button, a.action.primary { border-radius: 3px; 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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } .action.button:hover, .action.continue:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } .action.primary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: #3fb0f2; border-color: #3fb0f2; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } button:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } button.primary { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } button.primary:hover { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .action.multicheckout { font-size: 110%; } .cdz-buttons-container form { display: inline-block; vertical-align: top; } .cdz-buttons-container button.tocart.primary { width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .cdz-buttons-container button.tocart.primary:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .cdz-buttons-container button.tocart.primary span:before { display: none; } .sidebar .block-wishlist .action.tocart { width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .sidebar .block-wishlist .action.tocart:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .sidebar .block-wishlist .action.tocart span:before { display: none; } .product-style09 button.tocart.primary { width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .product-style09 button.tocart.primary:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .product-style09 button.tocart.primary span:before { display: none; } .qs-button { background-image: none; background: #3fb0f2; border: 1px solid #3fb0f2; 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: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .qs-button:focus, .qs-button:active { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .qs-button:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: 30px; } .qs-button:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: #3fb0f2; border-color: #3fb0f2; } .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: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action { width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .actions-secondary:not(.cdz-product-wishlist .actions-secondary) .action:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .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: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: #282828; text-decoration: none; font: 400 13px/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: #282828; text-decoration: none; } .product-addto-links .action:hover { color: #ffffff; text-decoration: none; } .product-addto-links .action:active { color: #ffffff; 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 #dbdbdb; 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: #ffffff; background-color: transparent; border-color: #3fb0f2; } .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: #282828; 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: #282828; text-decoration: none; } .cdz-product-wishlist a.action.towishlist:hover { color: #3fb0f2; text-decoration: none; } .cdz-product-wishlist a.action.towishlist:active { color: #3fb0f2; 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: #3fb0f2; } .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: #FCB040 !important; } .cdz-product-wishlist a.action.towishlist.in-wishlist:before { content: '\f004'; } .product-item-info:hover .cdz-product-wishlist a.action.towishlist { color: #3fb0f2; } .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: #3fb0f2; border: 1px solid #3fb0f2; 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: #3fb0f2; border-color: #3fb0f2; } .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 #3fb0f2; color: #3fb0f2; } .ajax-load-wrapper .ajax-load-button .ajax-loader:hover, .ajax-load-wrapper .ajax-load-button a:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: #3fb0f2; border-color: #3fb0f2; } .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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } #back-top a:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } #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 #dbdbdb; margin-bottom: 0; margin-left: -15px; margin-right: -15px; } .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 #dbdbdb; 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: #999999; 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: #f2f2f2; 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: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; display: inline-block; padding: 0 14px; text-decoration: none; } .pages a.page:visited { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .pages a.page:hover { background: #3fb0f2; border: 1px solid #3fb0f2; color: #ffffff; text-decoration: none; } .pages a.page:active { background: #3fb0f2; border: 1px solid #3fb0f2; color: #ffffff; } .pages strong.page { background: #3fb0f2; border: 1px solid #3fb0f2; font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; color: #ffffff; display: inline-block; font-weight: 700; padding: 0 14px; } .pages .action { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .pages .action:hover { background: #3fb0f2; border: 1px solid #3fb0f2; color: #ffffff; text-decoration: none; } .pages .action:active { background: #3fb0f2; border: 1px solid #3fb0f2; color: #ffffff; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #3fb0f2; } .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: #3fb0f2; 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: #3fb0f2; } .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: #3fb0f2; 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 #dbdbdb; 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_drug_pharmacy/en_US/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); } /* ============================================ * * 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: #3fb0f2; } .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: #3fb0f2; border-color: transparent; font: 500 18px/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: 400 14px/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: #3fb0f2; 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: #3fb0f2; } .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: 400 14px/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: #3fb0f2; 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: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .left-navigation .navigation .left-menu .level0 .submenu li > a:hover > a { color: #ffffff; background-color: #3fb0f2; 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: #3fb0f2; } /* ============================================ */ [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: #3fb0f2; border-color: #ffffff; 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: #3fb0f2; border-color: #ffffff; 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: #282828; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu .groupmenu-drop a { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:visited { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:hover { color: #3fb0f2; text-decoration: none; } .cdz-main-menu .groupmenu .groupmenu-drop a:active { color: #3fb0f2; 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: #282828; font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-main-menu .groupmenu-drop-content .groupdrop-title { text-transform: uppercase; color: #282828; font-weight: 700; margin: 0; padding: 0 0 10px; } .cdz-main-menu .groupmenu-drop-content a { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:visited { color: #282828; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:hover { color: #3fb0f2; text-decoration: none; } .cdz-main-menu .groupmenu-drop-content a:active { color: #3fb0f2; 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: #3fb0f2; } .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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #3fb0f2; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:visited { color: #3fb0f2; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:hover { color: #3fb0f2; text-decoration: none; } .c-smartsearch__wrapper .c-smartsearch__title.h4:active { color: #3fb0f2; 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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #3fb0f2; text-decoration: none; } .searchsuite-autocomplete ul li a:visited { color: #3fb0f2; text-decoration: none; } .searchsuite-autocomplete ul li a:hover { color: #3fb0f2; text-decoration: none; } .searchsuite-autocomplete ul li a:active { color: #3fb0f2; 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: #999999; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-price { margin-top: 5px; } /* ============================================ * * Codazon_Slider * ============================================ */ .owl-carousel { padding-top: 20px; } .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: -33px; right: 0; margin-top: 0; } .rtl-layout .owl-carousel .owl-nav { right: auto; left: 0; } .owl-carousel .owl-nav [class*='owl-'] { width: 30px; height: 30px; text-align: center; position: relative; font-size: 0; margin: 0 5px; 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: #aaa9a9; background-color: transparent; border-color: transparent; } .owl-carousel .owl-nav [class*='owl-']:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .owl-carousel .owl-nav [class*='owl-']:before { -webkit-font-smoothing: antialiased; font-size: 20px; line-height: 26px; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\e608'; } .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: '\e608'; } .rtl-layout .owl-carousel .owl-nav [class*='owl-'].owl-next:before { content: '\e617'; } /*.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .owl-carousel{ padding:0; .owl-nav{ margin-top:0; position:static;} .owl-nav [class*='owl-']{ position:absolute; left:5px; top:45%; top: calc(~'50% - 20px'); -webkit-top: calc(~'50% - 20px'); -o-top: calc(~'50% - 20px'); -moz-top: calc(~'50% - 20px'); &.owl-next{ right:5px; left:auto; } } } } */ .cdz-brand-slider-wrap { background-color: transparent; } .cdz-brand-slider-wrap .cdz-banners-item { padding: 5px; background-color: #ffffff; border: 1px solid #dbdbdb; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav { position: static; } .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'] { left: 0; top: calc(50% - 15px); 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-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'].owl-next { right: 0; left: auto; } .rtl-layout .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'] { left: auto; right: 0; } .rtl-layout .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-'].owl-next { left: 0; right: auto; } .cdz-brand-slider-wrap .cdz-slider-banners.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); } /*.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .cdz-brand-slider-wrap .cdz-slider-banners.owl-carousel .owl-nav [class*='owl-']{ left:-15px; &.owl-next{ right:-15px; } } }*/ /* ============================================ * * 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: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: #999999; } .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: #3fb0f2; } .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 #dbdbdb; -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 #121212; border: 1px solid #121212; -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: #282828; background-color: #ffffff; border-color: #dbdbdb; } .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 #dbdbdb; } .swatch-option:hover:after, .swatch-option.selected:after { position: absolute; bottom: -6px; width: 15px; left: -1px; content: ''; height: 2px; background: #dbdbdb; } .swatch-option.text:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline: none; border: 1px solid #dbdbdb; -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 #dbdbdb; } .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; } .post-list-wrapper .post-holder { background-color: #ffffff; padding: 20px; box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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: #999999; font: 400 13px/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: #999999; } .post-list-wrapper .post-holder .post-details .post-title { margin: 0; max-width: 100%; padding: 0 90px 10px 0; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .post-list-wrapper .post-holder .post-details .post-title a { color: #3fb0f2; text-decoration: none; font: 500 20px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .post-list-wrapper .post-holder .post-details .post-title a:visited { color: #3fb0f2; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-title a:hover { color: #3fb0f2; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-title a:active { color: #3fb0f2; 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: #3fb0f2; text-decoration: none; float: left; } .post-list-wrapper .post-holder .post-details .post-read-more:visited { color: #3fb0f2; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-read-more:hover { color: #3fb0f2; text-decoration: none; } .post-list-wrapper .post-holder .post-details .post-read-more:active { color: #3fb0f2; text-decoration: none; } .post-view .post-holder { background-color: #ffffff; padding: 20px; box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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: #999999; font: 400 13px/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: #999999; background-color: #ffffff; border-color: #dbdbdb; border-width: 0; border-bottom-width: 2px; } .widget.blog-search .minisearch { position: relative; } .widget.blog-search .action.search { position: absolute; display: inline-block; right: 13px; width: 40px; height: 40px; text-align: center; top: 0; 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: #121212; } .widget.blog-search .action.search:before { color: #999999; } .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: #999999; } .widget.block-categories ul a, .widget.block-categories li a { border-top: 1px dashed #dbdbdb; 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 #dbdbdb; 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 { text-align: center; margin-bottom: 40px; } .cdz-block-title .b-title { margin-bottom: 0; padding: 0 30px 15px; display: inline-block; vertical-align: top; position: relative; min-width: 310px; text-transform: uppercase !important; border-bottom: 1px solid #282828; color: #282828; font: 400 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz-block-title .b-title strong { font-size: 100%; } .cdz-block-title .b-title:before { position: absolute; bottom: -11px; width: 40px; height: 20px; line-height: 20px; background: #ffffff; 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: '\f219'; font-size: 14px; left: 40%; left: calc(50% - 20px); -webkit-left: calc(50% - 20px); -o-left: calc(50% - 20px); -moz-left: calc(50% - 20px); } /*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: 5px; -moz-border-radius: 5px; border-radius: 5px; } .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 { color: #282828; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #e8e8e8; text-transform: uppercase; position: relative; padding: 10px 20px; margin-bottom: 0; min-width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .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 { 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 { 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 { padding: 15px 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #dbdbdb; border-top: 0; text-align: left; } .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 { 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 { 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 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 15px 20px; border: 1px solid #dbdbdb; border-top: 0; } .page-main .sidebar .block:not(.block-static-block) { margin-bottom: 2rem; } .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; width: 100%; } .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 { color: #282828; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: #e8e8e8; text-transform: uppercase; position: relative; padding: 10px 20px; margin-bottom: 0; min-width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .product.info.detailed.without_tab .product.data.items > .content { padding: 15px 20px; margin-bottom: 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #dbdbdb; border-top: 0; text-align: left; } /* ============================================ * * Codazon_TabProducts * ============================================ */ body.rtl-layout .product.data.items .item.title a:after { left: 10px; right: auto; } .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 #cdz-tab6:checked ~ #content6 #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: #f2f2f2; color: #222222; background-color: #f2f2f2; border-color: #222222; } .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: 400 18px/1.35 Poppins, 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: #999999; background-color: #f2f2f2; border-color: #999999; } .tabs-list-sty04 .tabs-list .title:before { content: ''; width: 100%; background: #222222; 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: #222222; background-color: #f2f2f2; border-color: #222222; } .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: #3fb0f2; border-color: #3fb0f2; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-footer .cart-qty .footer-cart-summary .summary-content .price { color: #3fb0f2; } .rtl-layout .footer-cart-summary { float: right; } .rtl-layout .footer-cart-additional { float: left; } .rtl-layout .cart-items { float: right; } .rtl-layout .cart-items .item { 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 * ============================================ */ .page-header .box-header { position: relative; } .page-header .box-header .header.content .header.content { float: right; padding: 0; margin: 0; display: inline-block; width: 100%; } .rtl-layout .page-header .box-header .header.content .header.content { float: left; } .page-header .panel.wrapper { border-bottom-width: 0 !important; display: none; } .page-header .header-stores { float: left; margin-top: 4px; } .rtl-layout .page-header .header-stores { float: right; } .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; } .rtl-layout .page-header .logo { float: right; } .page-header .header.links { margin-top: 4px !important; 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; } .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: "\f08a"; } .page-header .header.links li.log-out > a:before { content: "\f08b"; } .page-header .header.links li.log-in.link > a:before { content: "\f090"; } .page-header .header.links li.compare > a:before { content: "\f012"; } .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 .header-bottom { clear: both; } /* ============================================ */ @media (max-width: 1200px) { .page-header.sticky-menu.active .header-main-menu .nav-sections { margin: 5px 0 5px!important; } .page-header.sticky-menu.active .header.content .header.content { padding: 0 !important; } } @media (min-width: 1101px) { .logo { margin-left: 80px !important; } .header.content .customstores-links { left: 370px; } } @media (max-width: 1100px) { .logo { margin-left: 40px !important; } #authorization-top-link { margin: 22px 40px 0 25px!important; } .page-header.sticky-menu .header-main-menu .nav-sections { margin: 15px 0 40px!important; } .page-header.sticky-menu .cdz-main-menu .groupmenu li.level0 > a.menu-link { height: 42px; padding: 0 8px!important; font-size: 14px !important; line-height: 42px !important; } .page-header.sticky-menu.active .cdz-main-menu .groupmenu li.level0 > a.menu-link { padding: 10px 10px 7px; font-size: 14px; } } @media (max-width: 900px) { .logo { margin-left: 20px !important; } #authorization-top-link { margin: 22px 20px 0 15px !important; } .page-header .minicart-wrapper { margin: 22px 0 0 20px; } .page-header.sticky-menu .cdz-main-menu .groupmenu li.level0 > a.menu-link { padding: 0 10px!important; font-size: 13px !important; } .page-header.sticky-menu.active .cdz-main-menu .groupmenu li.level0 > a.menu-link { padding: 0 5px!important; font-size: 11px !important; } } @media (max-width: 767px) { .page-header.sticky-menu .header-main-menu .nav-sections { margin: 0 !important; } .page-header .minicart-wrapper { margin: 0; } .page-header .box-header .header.content .header.content .header-main-menu { margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .wrapper .header.panel > .header.links { float: left; } .wrapper .header.panel > .header.links > li { margin: 0 20px 0 0px; } } @media (max-width: 590px) { .page-header .logo .main-logo { margin: 6px auto 0!important; } } @-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; } } /* ============================================ * * Codazon_Footer * ============================================ */ .footer-custom-block .cdz-footer-bottom-payment img { height: 30px; } .bottom-footer-wrapper .copyright span { display: inline-block; vertical-align: top; line-height: 30px; font-size: 20px; color: #727171; font-family: 'Microsoft-Yi-Baiti'; } .page-footer { background: #ffffff; color: #777777; } .page-footer ul, .page-footer li { margin: 0; padding: 0; list-style: none none; } .page-footer .top-footer-wrapper { background-color: #f8f8f8; } .page-footer .footer-container-wrapper { padding-top: 50px; padding-bottom: 30px; } .page-footer .footer-content-top { padding-top: 35px; padding-bottom: 25px; } .page-footer .footer-content-top .block-static-block.widget { margin-bottom: 0; } .page-footer .footer-content-top .text-sign-up { font-family: Arial, Helvetica, sans-serif; line-height: 35px; font-size: 20px; color: #3398cc; } .page-footer .footer.content { position: relative; } .page-footer .block.newsletter { margin-bottom: 0; } .page-footer .block.newsletter .field .control { margin-right: 10px; } .page-footer .block.newsletter .field .control:before { font-size: 19px; line-height: 35px; color: #aaa; } .page-footer .block.newsletter input { line-height: 35px; height: 35px; max-width: 88%; font-size: 18px; border-width: 1px; border-color: #bebebe; font-family: 'Microsoft-Yi-Baiti'; } .page-footer .block.newsletter .action.subscribe { border-width: 1px; border-color: #3398cc; background-color: #3398cc; padding: 0 8px; line-height: 35px; min-height: 35px; height: 35px; } .page-footer .block.newsletter .action.subscribe span { font-size: 18px; } .page-footer .block.newsletter .action.subscribe:hover span { color: #fff; } .page-footer .footer-bottom { background: #ffffff; border-top: 1px solid #ffffff; padding: 30px 0; } .page-footer a { color: #777777; } .page-footer a:hover { color: #3fb0f2; } .page-footer p.h5 { color: #3b3b3b; 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 #dbdbdb; } .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 #dbdbdb; 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: #dbdbdb; 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: 3px 5px 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; color: #3fb0f2; border: 1px solid #3fb0f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .page-footer .footer-social a span { font-size: 0; position: relative; display: block; height: 30px; width: 30px; } .page-footer .footer-social a span:before { font-size: 22px; } .page-footer .footer-social a:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .page-footer .footer-social a.facebook { background-color: #5072b8; border-color: #5072b8; } .page-footer .footer-social a.facebook span:before { font-size: 26px; bottom: -1px; position: absolute; right: 5px; } .page-footer .footer-social a.twitter { background-color: #1da1f2; border-color: #1da1f2; } .page-footer .footer-social a.twitter span:before { font-size: 24px; position: absolute; right: 0; left: 0; margin: 0 auto; top: 2px; } .page-footer .footer-social a.pinterest { background-color: #bc081c; border-color: #bc081c; } .page-footer .footer-social a.pinterest span { height: 22px; width: 22px; background-color: #fff; border-radius: 100%; margin: 3px; } .page-footer .footer-social a.pinterest span:before { color: #bc081c; font-size: 19px; position: absolute; right: 0; left: 0; margin: 0 auto; top: 4px; } .page-footer .footer-social a.instagram { background-color: #ff0000; border-color: #ff0000; } .page-footer .footer-social a.instagram span:before { font-size: 24px; position: absolute; right: 0; left: 0; margin: 0 auto; top: 2px; } .page-footer .bottom-footer-wrapper { background: #ffffff; padding: 30px 0; overflow: hidden; border-top: 1px solid #9f9f9f; } .page-footer .bottom-footer-wrapper .block-static-block.widget { margin-bottom: 0; } .page-footer .copyright { vertical-align: top; display: inline-block; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; float: left; width: 60%; } .page-footer address { margin-bottom: 10px; margin-top: 10px; } .page-footer .footer-custom-block { float: right; width: 30%; margin-right: 0px; } .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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } @media (min-width: 960px) { .page-footer .footer-custom-block { margin-right: 60px; } } @media (min-width: 1180px) { .bottom-footer-wrapper #siteseal { left: 0 !important; right: 0 !important; margin: 0 0 0 46% !important; } } .media-width(min-width: 1290px) .page-footer .footer-custom-block { margin-right: 0; } @media (max-width: 1050px) { .page-footer .copyright { width: 40%; } } @media (max-width: 767px) { .bottom-footer-wrapper #siteseal { width: 150px !important; } .bottom-footer-wrapper #siteseal .bbbseal a { margin-bottom: 15px !important; } .bottom-footer-wrapper #siteseal .godadyseal { margin-left: 10px; } } .cms-contacts .contact-content { margin-top: 20px; } .cms-contacts .contact { width: 75%; margin: 0 auto; } .cms-contacts .contact div { float: left; margin-bottom: 10px; } .cms-contacts .contact .title { clear: left; min-width: 150px; text-align: right; } .cms-contacts .contact .content { margin-left: 50px; min-height: 50px; } .galleries .gallery-collection { text-align: center; display: inline-block; } .galleries .gallery-collection .mini-galleries { list-style: none none outside; padding-left: 0; margin-bottom: 0px; } .galleries .gallery-collection .mini-galleries .gallery-item { display: none; margin-bottom: 0; } .galleries .gallery-collection .mini-galleries .gallery-item.gallery-thumbnail { display: block; } .galleries .gallery-collection .gallery-title { padding-bottom: 10px; } .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_drug_pharmacy/en_US/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: #3fb0f2; background-color: transparent; border-color: #3fb0f2; } .groupbanner-text .groupinfo .groupinfo-inner .groupinfo-desc .action.primary:hover { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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 #3fb0f2; } .footer-top-ads .block.newsletter .action.primary { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .footer-top-ads .block.newsletter .action.primary:hover { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .wrapper-ads02 { color: #ffffff; border-top: 3px solid #dbdbdb; 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: #fcb040; font: 400 14px/1.55 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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #fcb040; text-decoration: none; } .categories-deals .category-name a:visited { color: #fcb040; text-decoration: none; } .categories-deals .category-name a:hover { color: #fcb040; text-decoration: none; } .categories-deals .category-name a:active { color: #fcb040; 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 #dbdbdb; border-left: 3px solid #fcb040; padding: 7px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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 #fcb040; border-left: 1px solid #dbdbdb; } .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: #fcb040; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 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: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .categories-deals .custom-info-block:hover { color: #fff; border-color: #fcb040; } .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: #dbdbdb; } .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: #dbdbdb; } .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: #dbdbdb; } .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: #b3b3b3; min-height: 60px; text-align: center; } .wrapper-ads03 .text-area .icon-font { float: left; background: #999999; 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 #808080; -moz-box-shadow: 5px 5px 0px #808080; -webkit-box-shadow: 5px 5px 0px #808080; -o-box-shadow: 5px 5px 0px #808080; -ms-box-shadow: 5px 5px 0px #808080; } .wrapper-ads04 .groupinfo { padding: 20px; background-color: #ffffff; } .wrapper-ads04 .groupinfo .grifo-title { margin: 0 0 20px; } .wrapper-ads04 .groupinfo .grifo-title a { color: #121212; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:visited { color: #121212; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:hover { color: #3fb0f2; text-decoration: none; } .wrapper-ads04 .groupinfo .grifo-title a:active { color: #3fb0f2; text-decoration: none; } .wrapper-ads05 { background-color: #ffffff; padding: 10px 20px; } .wrapper-ads05 .newsletter-ads { background-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/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: #ffffff; border-color: #ffffff; } .wrapper-ads05 .newsletter-container .block.newsletter .action.subscribe { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; font: 500 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .wrapper-ads05 .newsletter-container .block.newsletter .action.subscribe:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: #3fb0f2; text-decoration: none; } .wrapper-ads06 a:active { color: #3fb0f2; 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: #3fb0f2; border-color: #3fb0f2; } .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); } .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: #3fb0f2; border-color: #3fb0f2; } .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 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; margin-bottom: 0; } .product-style03 .owl-carousel { padding-top: 0; } .product-style03 .owl-carousel.owl-drag .owl-item { border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; 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 #dbdbdb; } .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; } /* ============================================ * * 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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a { color: #3fb0f2; text-decoration: none; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog01 .blog-title a:visited { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog01 .blog-title a:hover { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog01 .blog-title a:active { color: #3fb0f2; 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: #999999; font: 400 13px/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: #999999; font: 400 13px/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: #999999; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; margin: 0 0 20px; } .cdz_wapper-blog02 .blog-title { margin: 0 0 20px; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; } .cdz_wapper-blog02 .blog-title a { color: #3fb0f2; text-decoration: none; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog02 .blog-title a:visited { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog02 .blog-title a:hover { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog02 .blog-title a:active { color: #3fb0f2; 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 13px/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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .blog-title a { color: #3fb0f2; text-decoration: none; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog03 .blog-title a:visited { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog03 .blog-title a:hover { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog03 .blog-title a:active { color: #3fb0f2; 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: #999999; font: 400 13px/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: #999999; font: 400 13px/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: #3fb0f2; } .cdz_wapper-blog04 .cdz-blog-top { background: #f1f1f1; padding: 20px; } .cdz_wapper-blog04 .blog-title { margin: 10px 0; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cdz_wapper-blog04 .blog-title a { color: #3fb0f2; text-decoration: none; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } .cdz_wapper-blog04 .blog-title a:visited { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog04 .blog-title a:hover { color: #3fb0f2; text-decoration: none; } .cdz_wapper-blog04 .blog-title a:active { color: #3fb0f2; text-decoration: none; } .cms-index-index .page-main { padding-top: 20px; } .cdz-block-title02 .block-title { background: #e8e8e8; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; padding: 0; } .rtl-layout .cdz-block-title02 .block-title { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .cdz-block-title02 .block-title strong { text-transform: capitalize; font: 400 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; color: #fff; display: inline-block; vertical-align: top; margin: -7px 0 0; padding: 10px 20px 10px; background: #3fb0f2; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; position: relative; } .cdz-block-title02 .block-title strong:before { content: ''; position: absolute; left: -9px; top: -9px; border: 9px solid transparent; border-right-color: #0d7dbe; z-index: -1; border-right-width: 13px; } .rtl-layout .cdz-block-title02 .block-title strong { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .rtl-layout .cdz-block-title02 .block-title strong:before { left: auto; right: -9px; border-left-color: #0d7dbe; border-right-color: transparent; z-index: -1; border-left-width: 13px; border-right-width: 9px; } .cdz-block-title02.coltitle02 .block-title strong { background: #fcb040; } .cdz-block-title02.coltitle02 .block-title strong:before { border-right-color: #d37f03; } .rtl-layout .cdz-block-title02.coltitle02 .block-title strong { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .rtl-layout .cdz-block-title02.coltitle02 .block-title strong:before { border-left-color: #d37f03; border-right-color: transparent; } /*.cdz-brand-slider-wrap{ background-color:transparent; border:1px solid @main_border; padding:20px; .abs-borderradius(@border-radius); .cdz-banners-item{ border-width:0; } } */ #pre-div { display: none !important; } .slideshow-wrapper { margin: 0 0 35px; } .slideshow-wrapper .owl-carousel .owl-stage-outer, .slideshow-wrapper .owl-carousel.owl-loaded { padding-top: 0; padding-bottom: 0; } .slideshow-wrapper .custom-slider { padding-bottom: 0; } .slideshow-wrapper .owl-carousel .owl-nav { position: inherit; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'] { width: 40px !important; height: 100px !important; border-color: transparent !important; background-color: transparent !important; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:before { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/preview-slider.png'); background-repeat: no-repeat; background-position: center; background-size: contain; content: '' !important; height: 100px; width: 40px; overflow-y: visible; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next:before { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/next-slider.png'); } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover { background-color: transparent !important; border-color: transparent !important; } .container.three-cols, .container.two-cols, .container.special-accordion { box-sizing: border-box; margin: 0 auto 100px!important; max-width: 1240px; padding: 0 20px; width: 100%; } .container.special-accordion { margin: 0 auto 30px!important; } .container a.post:hover { text-decoration: none; } .container .image { display: grid; } .container .image img { width: 100%; } .container .title { height: 45px; overflow-y: hidden; text-align: center; display: table; border: 1px solid #000; border-top: 0; width: 100%; } .container .title span { color: #003b71; font-size: 18px; font-weight: bold; display: table-cell; vertical-align: middle; font-family: 'MicrosoftTaiLe-Bold'; } .cms-home .container h2 { font-family: 'MicrosoftTaiLe-Bold'; text-transform: uppercase; margin-bottom: 30px; position: relative; color: #3398cc; font-size: 45px; } .cms-home .container h2:before { top: -2px; left: -70px; content: ''; width: 45px; height: 45px; position: absolute; display: inline-block; background-color: #3398cc; } .cms-home .container.two-cols h2 { color: #a8c918; } .cms-home .container.two-cols h2:before { background-color: #a8c918; } .cms-home .container.two-cols .row { margin-top: 70px; } .cms-home .container.two-cols p { color: #525252; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .cms-home .container.two-cols .image { border: 1px solid #000; border-bottom: 0; } .cms-home .container.two-cols .title { margin: 0; height: 40px; line-height: 15px; } .cms-home .container.two-cols .title span { font-size: 15px; } .cms-home .container.two-cols .top { margin-bottom: 17px; } .cms-home .container.two-cols .top, .cms-home .container.two-cols .bottom { display: inline-block; width: 100%; } .cms-home .container.special-accordion h2 { color: #f5b335; } .cms-home .container.special-accordion h2:before { background-color: #f5b335; } .cms-home #accordion { list-style: none; margin: 30px 0; padding: 0; height: 600px; overflow: hidden; } .cms-home #accordion li { float: left; display: block; width: 4%; overflow: hidden; color: #fff; text-decoration: none; font-size: 16px; height: 100%; margin: 0; } .cms-home #accordion li .content { max-width: 355px; height: 100%; padding: 0 30px; width: 100%; } .cms-home #accordion li .content h3 { display: inline-block; width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 30px; margin: 63px 0; } .cms-home #accordion li .content p { font-size: 19px; font-family: Arial, Helvetica, sans-serif; } .cms-home #accordion li .content span { width: 100%; font-size: 23px; margin-top: 40px; text-align: center; display: inline-block; font-family: 'MicrosoftTaiLe'; } .cms-home #accordion li .content span strong { font-size: 40px; } .cms-home #accordion li.active { width: 92%; } .cms-home #accordion li.special-package { background-color: #f4b334; background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/special-package.jpg'); background-repeat: no-repeat; background-size: cover; } .cms-home #accordion li.special-package .content { background-color: rgba(244, 179, 52, 0.7); } .cms-home #accordion li.classroom-package { background-color: #a8c918; background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/classroom-package.jpg'); background-repeat: no-repeat; background-size: cover; } .cms-home #accordion li.classroom-package .content { background-color: rgba(168, 201, 24, 0.7); } .cms-home #accordion li.new-release { background-color: #3398cc; background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/new-release.jpg'); background-repeat: no-repeat; background-size: cover; } .cms-home #accordion li.new-release .content { background-color: rgba(51, 152, 204, 0.7); } .cms-home #accordion li.special-package .tab { background-color: #f4b334; } .cms-home #accordion li.classroom-package .tab { background-color: #a8c918; } .cms-home #accordion li.new-release .tab { background-color: #3398cc; } .cms-home #accordion li .tab { margin: 0; float: left; height: 100%; width: 48px; position: relative; } .cms-home #accordion li .tab:before { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/open-tab.png'); content: ''; position: absolute; height: 16px; width: 16px; z-index: 1000; background-size: contain; background-repeat: no-repeat; left: 16px; bottom: 15px; } .cms-home #accordion li .tab h3 { writing-mode: tb-rl; } .cms-home #accordion li .content { display: none; } .cms-home #accordion li.open .tab { display: none; } .cms-home #accordion li.open .content { display: block; } .customstores-links { left: 325px; top: 15px; position: absolute; z-index: 10; } .customstores-links .custom-links ul { padding-left: 10px; margin-top: 10px; margin-bottom: 0; } .customstores-links .custom-links ul li { display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 0; } .customstores-links .custom-links ul .us a, .customstores-links .custom-links ul .ca a { text-indent: -9999px; width: 27px; height: 17px; display: block; } .customstores-links .custom-links ul li.us { background: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/usa.jpg') no-repeat; } .customstores-links .custom-links ul li.ca { background: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/canada.jpg') no-repeat; } .sorter-options > option[value=position] { display: none; } body .block-static-block.widget:first-of-type { margin-bottom: 0; } body .block-static-block.widget:first-of-type .top-message { padding-top: 10px; } body .block-static-block.widget:first-of-type .top-message p { max-width: 1200px; margin: 0 auto; text-align: center; color: #777777; } body .block-static-block.widget:first-of-type .top-message p a { color: #777777; text-decoration: underline; } ul.account-links { float: right; margin: 22px 30px 0 25px; display: inline-block; list-style: none; padding-left: 0; display: none; } ul.account-links li a { font-family: 'Microsoft-Yi-Baiti'; font-size: 18px; color: #777777; } ul.account-links li.account-link { display: inline-block; margin-right: 10px; } ul.account-links #authorization-top-link { margin: 0 !important; display: inline-block; list-style: none; float: none; } .page-header.sticky-menu .header.content .search-wrapper { margin-right: 30px; clear: both; margin-top: 10px; } .page-header.sticky-menu.active .header.content .search-wrapper { margin-top: 0; } .page-header.sticky-menu.active ul.account-links { display: none; } .sticky-menu.active .customstores-links { display: none !important; } .product-item-name { font: 400 14px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .searchsuite-autocomplete { min-width: 310px; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-price div { overflow: hidden; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-price div span { margin-left: 0; } .cart.table-wrapper { margin-bottom: 20px !important; } .products-grid .product-item-info { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; } .products-grid .product-item-info .product-image-wrapper { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .product-addto-links .action:hover span { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: 1px solid #dbdbdb; border-top: 0; margin: 0 !important; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .page-main .sidebar .block.blog-search:not(.block-static-block) .block-content { border: 1px solid #dbdbdb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 20px !important; } .block-collapsible-nav .content { padding: 15px 20px !important; border: 1px solid #dbdbdb; border-top: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } @media (min-width: 1024px) { .cms-home .container.two-cols .row .col-sm-10 { width: 40% !important; } .cms-home .container.two-cols .row .col-sm-14 { width: 60% !important; padding-left: 0 !important; } .page-header.sticky-menu .header.content .search-wrapper { margin-right: 0; clear: none; margin-top: 25px; } } /*custom menu*/ @media (min-width: 768px) { .cdz-main-menu.left-navigation:hover .cdz-menu.cdz-vertical-menu { display: block; } .cdz-main-menu .cdz-menu.cdz-vertical-menu { display: none; position: absolute; width: 100%; } .cms-index-index .cdz-main-menu .cdz-menu.cdz-vertical-menu { display: block; position: static; } } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link span { padding: 15px 60px 14px 20px; } .rtl-layout .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link span { padding-right: 20px; padding-left: 60px; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link:before { display: none !important; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link .menu-icon { border: none; left: auto; right: 0; font-size: 130%; padding-top: 13px; position: absolute; } .rtl-layout .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link .menu-icon { left: 0; right: auto; border: none; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link .menu-icon + span { border: 0; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0:nth-child(2n + 1) > a.menu-link { background: #ffffff; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0:nth-child(2n + 1):hover > a.menu-link { background: #3fb0f2; } @media (max-width: 768px) { .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link span { padding: 0; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link .menu-icon { font-size: 100%; padding-top: 0; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 { border-color: #ebebeb; margin-bottom: 3px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link { border: 0; padding-left: 40px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link .menu-icon { right: auto; left: 5px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > .dropdown-toggle { background: transparent !important; } } @media (max-width: 767px) { #authorization-top-link { display: none; } .container .title { margin-bottom: 20px; } .cms-home .page-main { padding: 0; margin: 0; } .cms-home .page-main .row { padding: 0; margin: 0; } .cms-home .page-main .row .col-sm-18 { margin: 0; padding: 0; } .cms-home .container.two-cols .top { margin: 0; } .cms-home .container.two-cols .title { margin-bottom: 20px; } .cms-home .container.two-cols .col-sm-8 { padding-left: 0 !important; padding-right: 0 !important; } .container.three-cols, .container.two-cols, .container.special-accordion { margin: 0 auto 60px!important; } .page-footer .block.newsletter input { max-width: 100%; } .page-footer .footer-content-top .text-sign-up { text-align: center; } .page-footer .copyright { width: 100%; display: inline-block; } .cms-home .container h2 { font-size: 36px; } .cms-home .container h2:before { left: -52px; } .cms-home #accordion li .tab:before { left: 5px; } } .customer-account-create .page-main > .container > .row, .customer-account-forgotpassword .page-main > .container > .row { display: none; } .block-static-block .products-grid .item-slider .product-item-details { min-height: 226px; text-align: center; } .block-static-block .products-grid .item-slider .product-item-details .product-item-name { overflow: hidden; max-width: 220px; height: 18px; width: 100%; } .product-sku .title { font-weight: bold; } .old-price-wrapper .old-price { color: #000; } .old-price-wrapper .old-price .price { color: #000; } .special-price-wrapper span.title { color: #000; } .special-price-wrapper span { font-weight: bold; color: #FCB040; } .special-price-wrapper .special-price { margin: 5px 0px 5px 10px; } .percentage-wrapper .percentage { padding: 0 0 0 10px; } .catalog-product-view .block-margin .block-title { text-align: center; } #shopping-cart-table .product-sku { display: block; width: 100%; } #shopping-cart-table .product-sku .title { font-weight: bold; } .block.related .block-content .block-actions { display: none; } .block .products-grid .product-item .price-box .percentage-wrapper .title { font-weight: bold; } .block .products-grid .product-item .price-box .percentage-wrapper .percentage { margin: 5px 0px 5px 10px; } .checkout-cart-index .products-grid .product-item-info .product-item-details { min-height: 215px; } .checkout-index-index .opc-block-summary .discount-code .payment-option-title { padding-bottom: 10px; position: relative; } .checkout-index-index .opc-block-summary .discount-code .payment-option-title .action-toggle span { font-weight: bold; } .checkout-index-index .opc-block-summary .discount-code .payment-option-title .action-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; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; right: 0; top: 10px; } .checkout-index-index .opc-block-summary .discount-code .payment-option-content #discount-form .label { margin-bottom: 5px; display: block; } .checkout-index-index .opc-block-summary .discount-code .payment-option-content #discount-form .control { margin-bottom: 10px; } .checkout-index-index .opc-block-summary .discount-code._active .payment-option-title .action-toggle:after { content: '\e621'; } .minicart-items .item .product-item-details .product-item-sku { display: inline-block; color: #000; width: 100%; } .minicart-items .item .product-item-details .product-item-sku .title, .minicart-items .item .product-item-details .product-item-sku p { display: inline-block; } .minicart-items .item .product-item-details .product-item-sku .title { font-weight: bold; } .products-grid .product-items .product-item .product-item-name { height: 42px; overflow: hidden; } .products-grid .product-items .product-item .product-item-name a { color: #000; font-weight: bold; } .product.overview #testing-report-container { text-align: center; margin: 0 0 20px; float: left; width: 60%; } .product.overview #exclusive-technology-container { text-align: center; float: right; width: 39%; } .product.overview #safety-warning-container { text-align: center; margin: 20px 0; clear: both; } @media (max-width: 1100px) { .block .products-grid .product-items .product-item { width: 25%; } .page-header .box-header .header.content .header.content { margin: 0; } .page-header .cdz-main-menu .groupmenu li.level0:first-child > a.menu-link { padding-left: 0; } .page-header .cdz-main-menu .groupmenu li.level0:last-child > a.menu-link { padding-right: 0; } .block.upsell .products-grid .product-items .product-item, .block.related .products-grid .product-items .product-item, .block.crosssell .products-grid .product-items .product-item { width: 100%; } .cdz-main-menu .cdz-vertical-menu { display: none; } .cms-home #accordion li .tab h3 { margin: 20px 0px 0 14px; } .page-footer .footer-content-top .text-sign-up { line-height: 35px; font-size: 16px; } } @media (max-width: 991px) { .page-header .customstores-links { right: 30px; top: -15px; left: unset; } } @media (max-width: 960px) { .block .products-grid .product-items .product-item { width: 33.33%; } .page-header .box-header .header.content .header.content { display: inline-block; text-align: center; float: none; clear: both; width: 100%; } .page-header .box-header .header.content .header.content .header-main-menu { float: none; width: 100%; text-align: left; margin-bottom: -7px; display: inline-block; } .cms-index-index .container .left-navigation .menu-title { font-size: 14px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 { margin-bottom: -1px; } .cdz-main-menu .cdz-vertical-menu .groupmenu li.level0 > a.menu-link { padding: 10px; } .cdz-main-menu .cdz-menu.cdz-vertical-menu .level0 > a.menu-link span { padding: 0; } .cdz-vertical-menu .item.level0.parent > a.menu-link > span { padding: 0; } .page-footer .footer-link li { word-break: break-word; } .page-footer .footer-content-top .text-sign-up { font-size: 14px; } .container .left-navigation .menu-title { font-size: 14px; } } @media (max-width: 900px) { .cms-home #accordion li .tab h3 { margin: 20px 0px 0 7px; font-size: 14px; } } @media (min-width: 768px) { ul.account-links { display: block; } .cms-home .page-header .header-main-menu .nav-sections { margin: 15px 0 0; } .cms-home .container > .row .col-sm-6 { display: none; } .cms-home .container > .row .col-sm-18 { width: 100%; padding: 0; } .cms-home .container > .row .col-sm-18 .slideshow-wrapper { border-top: 1px solid #aeafaf; border-bottom: 1px solid #aeafaf; margin: 0 0 60px; } .cms-home .container > .row .col-sm-18 .slideshow-wrapper .block { margin: 0; padding: 0; } .cms-home .page-main { margin: 0; max-width: 100%; width: 100%; padding: 0; } } @media (max-width: 767px) { .cms-home .col-sm-18 { margin: 0 -20px; } .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-next, .cdz-slideshow .owl-carousel.owl-theme .owl-nav [class*='owl-'].owl-prev { top: 30%; } .cdz-menu .item li img { width: 100%; } .block .banners-wrapper a img { width: 100%; } .page-header .cdz-main-menu .groupmenu li.level0 > a.menu-link { padding: 10px 20px; } .page-header .cdz-main-menu .groupmenu li.level0:first-child > a.menu-link { padding-left: 20px; } .page-header .cdz-main-menu .groupmenu li.level0:last-child > a.menu-link { padding-right: 20px; } .page-header .customstores-links { top: 40px; left: unset; right: 0; } .block-static-block .products-grid .item-slider .product-item-details { min-height: 248px; } .block-static-block .products-grid .product-item .product-item-details .product-item-name { text-align: center; } .products-grid .product-item-info .product-item-details { min-height: 225px !important; } .products-grid .product-item-info .product-item-details .product-item-details-bottom { text-align: center; position: absolute; bottom: 20px; right: 0; left: 0; } .products-grid .product-item-info .product-item-details .product-item-details-bottom .product-reviews-summary { display: none; } .owl-carousel .owl-nav { top: -52px; } } @media (max-width: 640px) { .block .products-grid .product-items .product-item { width: 50%; } } @media (max-width: 590px) { .cms-home #accordion li { width: 8% !important; } .cms-home #accordion li.open { width: 84% !important; } .cms-home #accordion li .content { padding: 0 15px; } .cms-home #accordion li .content h3 { margin: 40px 0; } .cms-home #accordion li .content span { margin-top: 20px; } } @media (max-width: 480px) { .special-price-wrapper .title, .old-price-wrapper .title { font-size: 11px; } .special-price-wrapper .price-wrapper .price, .old-price-wrapper .price-wrapper .price { font-size: 14px; } .old-price-wrapper .old-price { margin-left: 0 !important; } .special-price-wrapper .special-price { margin-left: 0; } .percentage-wrapper .title { font-size: 11px; } .block .products-grid .product-item .old-price { margin-left: 0 !important; } .block .products-grid .product-item .price-box .percentage-wrapper .percentage { font-size: 14px; margin-left: 0; } .product-item .product-reviews-summary { display: none; } .product-item .price-box .price { font-size: 14px; } } @media (min-width: 1024px) { ul.account-links { margin: 22px 40px 0 25px; } } @media (min-width: 1100px) { ul.account-links { margin: 22px 80px 0 25px; } } 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; } /** * Webkul Software. * * @category Webkul * @package Webkul_Marketplace * @author Webkul * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com) * @license https://store.webkul.com/license.html */ /*new magento2 css starts*/ #wk-load-conf { display: none; } .unavailable, .available { background-color: rgba(0, 0, 0, 0); background-position: 10px 0; border: medium none; float: left; min-height: 11px; padding: 0 3px 0 30px; text-transform: capitalize; } .wk-mp-main { margin-bottom: 0; } /*commom classes start*/ .wk-mp-design { width: 100%; } .wk-mp-design .block-account .block-title { background-image: none; } .wk-mp-design .block { margin: 0; } .wk-mp-design .product-image img { width: 100%; } .btn-primary { background-color: #0C79D8; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px 4px 4px 4px; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF !important; display: inline-block; opacity: 0.8; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; text-transform: uppercase; padding: 6px 0px; font-weight: bold; font-size: 13px; width: 100%; } .wk-profile-links { display: inline-block; padding: 10px 0; width: 30%; } .wk-profile-links a:hover { text-decoration: none; } .wk-mp-fieldset { margin: 0; /*padding: 15px;*/ border-top: none; } .wk-mp-design .form-list .control { width: 100%; } .wk-mp-design .form-list .field { width: 100%; } .wk-mp-design .form-list input.input-text { width: 99%; } .wk-mp-design .form-list textarea { width: 99%; max-width: 99%; } .wk-mp-design .form-list select { width: 100%; } .wk-mp-design .form-list li.wide .control { width: 100%; } .wk-mp-design .form-list li.wide input.input-text { width: 99%; } .wk-mp-design .form-list li.wide textarea { width: 100%; } .wk-mp-design .form-list li.wide select { width: 100%; } .wk-mp-design .form-list .input-range input.input-text { width: 99%; } .wk-mp-design .form-list-narrow li.wide .control { width: 100%; } .wk-mp-design .form-list-narrow li.wide input.input-text, .wk-mp-design .form-list-narrow li.wide textarea { width: 99%; } .wk-mp-design .form-list-narrow li.wide select { width: 100%; } #wantptr { display: none; } .profileurl { display: inline-block; width: 100%; } /*commom classes end*/ #skuavail, #skunotavail { display: none; float: left; width: 100%; } .skuavailable { background-color: rgba(0, 0, 0, 0); background-position: 10px 0 ; border: medium none ; float: left; min-height: 11px; padding: 0 3px 0 30px ; text-transform: capitalize; background-size: contain; } .skunotavailable { background-color: rgba(0, 0, 0, 0); background-position: 10px 0 ; border: medium none ; float: left; min-height: 11px; padding: 0 3px 0 30px ; text-transform: capitalize; background-size: contain; } /*landing page css start*/ .wk-mp-landingpage { text-align: center; } .wk-mp-banner { background-size: 100% 100%; } .wk-mp-banner-container { width: 97.5%; border: 1px solid #eee; padding: 10px; } .wk-mp-banner img { width: 100%; } .wk-marketplace-label { font-weight: 600; letter-spacing: 1px; padding-top: 3.3%; } .wk-marketplace-label-span { display: inline-block; text-transform: uppercase; font-size: 1.3em; width: 100%; } .wk-marketplace-label-about { font-weight: 600; letter-spacing: 1px; } .wk-mp-icon { display: inline-block; width: 68%; } .wk-mp-icon img { display: inline-block; width: 100%; } .wk-mp-icon-wraper { display: inline-block; width: 22%; } .wk-mp-landing-sellers-wraper { width: 284px; display: inline-block; border: 1px solid #eee; margin-right: 10px; margin-bottom: 10px; } .wk-last-seller { margin-right: 0; } .wk-mp-landing-sellers { padding: 10px; } .wk-mp-landing-sellers-img1 { width: 100%; } .wk-mp-landing-sellers-img1 img { width: 130px; display: inline-block; border: 1px solid #eee; float: left; } .wk-mp-landing-sellers-img2 { width: 260px; border: 1px solid #eee; margin-bottom: 10px; display: inline-block; } .wk-mp-landing-sellers-img2 img { width: 100%; } .wk-mp-landing-sellers-logo { width: 30%; float: left; display: inline-block; border: 1px solid #eee; height: 75px; position: relative; } .rtl-layout .wk-mp-landing-sellers-logo { float: right; } .wk-mp-landing-sellers-logo img { width: 100%; } .wk-mp-landing-sellers-details { width: 64%; display: inline-block; text-align: left; vertical-align: top; text-transform: uppercase; } .wk-mp-landing-button { font-size: 18px; padding: 15px 20px; } .wk-mp-label3-container { margin-top: 10px; width: 100%; } .wk-mp-label3 { border: 1px solid #eee; padding: 10px; } .wk-mp-header { color: #FFFFFF; padding: 6.5%; text-align: center; } .wk-mp-header h1 { font-size: 3.9em; color: #FFFFFF; margin-bottom: 0.3em; font-weight: bold; word-wrap: break-word; } .wk-mp-header h2 { font-size: 32px; color: #FFFFFF; text-transform: inherit; } .wk-mp-header p { margin-bottom: 0; } /*end*/ /*product page seller block start*/ .wk-blockdetail { background: none repeat scroll 0 0 #F4F3F3; height: auto; padding: 4px; } .wk-blockdetail ul.partnerlinks li a { text-decoration: none; } .wk-blockdetail ul.partnerlinks li a:hover { text-decoration: underline; color: #333; } .wk-blockdetail ul.partnerlinks li { padding: 2px 0px; font-size: 12px; } .wk-blockdetail #twconnect, #fbconnect { display: inline-block; height: 35px; width: 35px; } .wk-blockdetail #twconnect:hover, #fbconnect:hover { box-shadow: -3px -2px 6px #333333; } .wk-blockdetail #twconnect { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/tw.png'); } .wk-blockdetail #fbconnect { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/fb.png'); } .wk-block-hover-div { background: none repeat scroll 0 0 #FFFFFF; display: none; right: -27%; min-height: 120px; position: absolute; top: -35px; width: 420px; z-index: 999; border: 1px solid #BCE8F1; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .wk-block-hover-div img { width: 100%; } @media only screen and (max-width: 1085px) { .wk-block-hover-div { right: -11px; width: 275px; } } @media only screen and (min-width: 1085px) and (max-width: 1191px) { .wk-block-hover-div { right: -61px; width: 275px; } } @media only screen and (min-width: 770px) and (max-width: 984px) { .profile-view { width: 325px; } } .wk-block-hover-div .arrow { height: 23px; position: absolute; right: -17px; top: 31px; width: 50px; } .wk-block-hover-div:after, .wk-block-hover-div:before { border: 1px solid transparent; content: " "; height: 0; right: 100%; position: absolute; width: 0; } .wk-block-hover-div:after { border-right-color: #FFFFFF; border-width: 7px; top: 36px; } .wk-block-hover-div:before { border-right-color: #BCE8F1; border-width: 10px; top: 34px; } .profile-view { position: relative; width: 436px; } /*wk-block new css start*/ .ask-que, #askque { display: inline-block; cursor: pointer; } .wk-block-font-bold-up { text-transform: uppercase; font-weight: bold; } .wk-block-title-css { font-weight: normal; margin: 0 5px 0 0; } .wk-block-title-css a { text-decoration: underline; } .wk-block-rating { display: inline-block; text-align: center; background: #11b400; color: #fff; letter-spacing: 1px; min-width: 16px; padding: 2px 6px; border-radius: 4px; } .product-options-bottom { padding: 9px; } .extra-info { max-width: 100%; width: 100%; } .add-to-cart, .out-of-stock { float: left; } .wk-seller-block { border-left: 1px solid #ccc; display: inline-block; width: 30%; position: relative; padding-left: 10px; margin-left: 8px; } .wk-seller-block:after, .wk-seller-block:before { border: 1px solid transparent; content: " "; height: 0; left: -1px; position: absolute; width: 0; margin-top: -11px; } .wk-seller-block:after { border-left-color: #FFFFFF; border-width: 7px; top: 36px; } .wk-seller-block:before { border-left-color: #CCCCCC; border-width: 9px; top: 34px; } @media only screen and (min-width: 1180px) { .wk-seller-block { width: 44%; } } .wk-seller-rating { padding: 15px; border-radius: 3px; border: 1px solid #ccc; background: #fffeeb; box-shadow: 0 2px 8px 2px #848484; font-size: 11px; position: absolute; text-align: left; max-width: 350px; z-index: 1; display: none; top: 67%; margin-left: -20%; width: 120%; } .wk-seller-rating:after, .wk-seller-rating:before { border: 1px solid transparent; content: " "; height: 0; bottom: -1px; position: absolute; width: 0; margin-top: -51px; margin-left: 22%; } .wk-seller-rating:after { border-bottom-color: #FFFFFF; border-width: 7px; top: 38px; margin-right: 22px; } .wk-seller-rating:before { border-bottom-color: #CCCCCC; border-width: 9px; border-width: 7px; top: 37px; } /*end*/ /*.profile-view:hover .wk-block-hover-div,.wk-block-hover-div .arrow:hover{display:block;}*/ /*end*/ /*seller list page start*/ .wk-srach-wrapper { width: 100%; display: inline-block; } .wk-search input { width: 100%; height: 40px; padding-right: 40px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; } .wk-search .control { position: relative; } .wk-search .button { position: absolute; top: 0; right: 0; height: 40px; } .wk-search .span { padding: 9px 8px; } .wk-search button.button span span { height: 20px; line-height: 20px; } .wk-mp-sellerlist-container li { padding-left: 0; padding-bottom: 1%; list-style: none; } .wk-mp-sellerlist-container .wk-mp-sellerlist-wrap { border: 1px solid #eee; display: inline-block; padding: 5px; } .wk-sellerlist-divide1 { display: inline-block; width: 40%; float: left; overflow: hidden; } .wk-sellerlist-divide1 img { width: 85%; float: left; border: 1px solid #eee; } .wk-sellerlist-divide2 { text-align: left; text-transform: uppercase; width: 60%; float: left; } @media only screen and (min-width: 480px) and (max-width: 480px) { .wk-mp-sellerlist-container .wk-mp-sellerlist-wrap { width: 100%; } .wk-mp-sellerlist-container li { padding-right: 0; float: none; } .wk-sellerlist-divide1 { height: auto; } } @media only screen and (min-width: 481px) and (max-width: 651px) { .wk-mp-sellerlist-container .wk-mp-sellerlist-wrap { width: 100%; } .wk-mp-sellerlist-container li { padding-right: 15px; float: left; width: 50%; } .wk-sellerlist-divide1 { height: auto; } .wk-mp-header h1 { font-size: 2.9em; } } @media only screen and (min-width: 652px) and (max-width: 1079px) { .wk-mp-sellerlist-container .wk-mp-sellerlist-wrap { width: 100%; } .wk-mp-sellerlist-container li { padding-right: 15px; float: left; width: 30%; } .wk-sellerlist-divide1 { height: 95px; } } @media only screen and (min-width: 1080px) { .wk-mp-sellerlist-container li { margin-right: 1%; float: left; width: 24%; } .wk-sellerlist-divide1 { height: 95px; } } /*end*/ /*seller prfile page left css start*/ .wk-logo-block { padding-bottom: 10px; } .bannerpicrs { border-bottom: 5px solid #fc9d36; height: 100%; width: 99%; } .wk-mp-design-inner { border: 1px solid #eee; padding: 10px; padding-bottom: 0; } .wk-mp-design-inner-last { margin-bottom: 10px; padding-bottom: 10px; } .wk-mp-display-block-css { display: inline-block; width: 100%; } .storename { font: bold 1em Helvetica Neue,Arial,Sans Serif; text-transform: uppercase; } .store-name { padding: 5px 0; } .wk-seller a { display: inline-block; } #info .section { padding: 0px 5px 5px 5px; border-bottom: 1px solid #eee; font-weight: bold; } .wk-icon { background-image: url("../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/Seller-Sprite.png"); background-repeat: no-repeat; background-color: transparent; height: 18px; width: 17px; float: left; margin-top: 3px; } .wk-storeloc-icon { background-position: -105px -96px; height: 17px; } a.cont-name { display: inline-block; padding-right: 5px; font-size: 15px; color: inherit; font-weight: normal; } .piccountry { width: 24px; display: inline-block; } .wk-contact-input-fields { width: 100%; max-width: 100%; margin-bottom: 10px; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .wk-mp-design-inner small { font-size: smaller; } .wk-mp-design-inner .wk-ordertitle-label { width: 29%; font-weight: bold; } /*seller prfile page left css end*/ /*start modal box*/ .ask-que { cursor: pointer; } #ask-data .errormail { bottom: 15px; display: none; left: 155px; position: absolute; color: #DF280A; font-weight: bold; } .wk-clear { clear: both; } .wk-dash-chart { margin-top: 10px; border: 1px solid #CCCCCC; } .modal-title { margin: 0; line-height: 1.42857143; font-size: 18px; font-family: inherit; font-weight: 500; display: inline-block; } #ask-data { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px 6px 6px 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); display: none; left: 50%; margin: -250px 0 0 -280px; outline: medium none; position: fixed; top: 88%; width: 510px; z-index: 1050; padding: 10px; } #ask-form { display: inline-block; width: 100%; } #ask-form textarea { height: 75px; width: 315px; } #ask-data .label { display: inline-block; font-size: 14px; font-weight: 600; margin-bottom: 7px; padding-left: 20px; text-align: left; width: 135px; vertical-align: top; } .wk-modal-btn { cursor: pointer; } .wk-btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .wk-btn-primary:hover, .wk-btn-primary:focus, .wk-btn-primary.focus, .wk-btn-primary:active, .wk-btn-primary.active, .open > .dropdown-toggle.wk-btn-primary { color: #fff; background-color: #3071a9; border-color: #285e8e; } .wk-btn-primary:active, .wk-btn-primary.active, .open > .dropdown-toggle.wk-btn-primary { background-image: none; } .wk-btn-primary.disabled, .wk-btn-primary[disabled], fieldset[disabled] .wk-btn-primary, .wk-btn-primary.disabled:hover, .wk-btn-primary[disabled]:hover, fieldset[disabled] .wk-btn-primary:hover, .wk-btn-primary.disabled:focus, .wk-btn-primary[disabled]:focus, fieldset[disabled] .wk-btn-primary:focus, .wk-btn-primary.disabled.focus, .wk-btn-primary[disabled].focus, fieldset[disabled] .wk-btn-primary.focus, .wk-btn-primary.disabled:active, .wk-btn-primary[disabled]:active, fieldset[disabled] .wk-btn-primary:active, .wk-btn-primary.disabled.active, .wk-btn-primary[disabled].active, fieldset[disabled] .wk-btn-primary.active { background-color: #428bca; border-color: #357ebd; } .wk-btn-default { color: #333; background-color: #fff; border-color: #ccc; } .wk-btn-default:hover, .wk-btn-default:focus, .wk-btn-default.focus, .wk-btn-default:active, .wk-btn-default.active, .open > .dropdown-toggle.wk-btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .wk-btn-default:active, .wk-btn-default.active, .open > .dropdown-toggle.wk-btn-default { background-image: none; } .wk-btn-default.disabled, .wk-btn-default[disabled], fieldset[disabled] .wk-btn-default, .wk-btn-default.disabled:hover, .wk-btn-default[disabled]:hover, fieldset[disabled] .wk-btn-default:hover, .wk-btn-default.disabled:focus, .wk-btn-default[disabled]:focus, fieldset[disabled] .wk-btn-default:focus, .wk-btn-default.disabled.focus, .wk-btn-default[disabled].focus, fieldset[disabled] .wk-btn-default.focus, .wk-btn-default.disabled:active, .wk-btn-default[disabled]:active, fieldset[disabled] .wk-btn-default:active, .wk-btn-default.disabled.active, .wk-btn-default[disabled].active, fieldset[disabled] .wk-btn-default.active { background-color: #fff; border-color: #ccc; } .wk-btn-default .badge { color: #fff; background-color: #333; } .wk-btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .form-control { width: 315px; padding: 6px 12px; margin-bottom: 10px; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .modal-body { position: relative; padding: 15px; width: 94%; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .wk-btn-primary .badge { color: #428bca; background-color: #fff; } .modal-header { border-bottom: 1px solid #EEEEEE; border-radius: 4px 4px 0 0; padding: 9px 15px; text-align: left; } .modal-header h3 { display: inline-block; font-size: 20px; opacity: 0.6; } .wk-close { color: #000000; cursor: pointer; float: right; font-size: 20px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF; } .wk-close:hover, .wk-close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .modal-footer:before, .modal-footer:after { content: ""; display: table; line-height: 0; } .modal-footer:before, .modal-footer:after { content: ""; display: table; line-height: 0; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .error-border { border-color: #FF0000; } .mail-procss { cursor: wait; opacity: 0.5; } /*end*/ /*profile page right bar css start*/ .wk-feedback-details .mpfeedback { width: 100%; border-right: 1px solid #ccc; } .mpfeedback .wk-span { width: 40%; } .mpfeedback span { float: left; } .mpfeedback .ratingslider-box { background: url("../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/rating-sprite.png") repeat-x scroll 0 103% transparent; float: left; margin-left: 3%; height: 20px; width: 70px; } .mpfeedback .ratingslider-box .rating { background: url("../../frontend/Codazon/fastest_drug_pharmacy/en_US/images/rating-sprite.png") repeat-x scroll 0 4px transparent; height: 20px; } .mpfeedback .price { width: 100%; display: inline-block; } .mpfeedback .value { width: 100%; display: inline-block; } .mpfeedback .quality { width: 100%; display: inline-block; } /*profile page right bar css end*/ /*Profile page content css start*/ .wk-social-icon { width: 44px; height: 44px; } .wk-social-icon-instagram { background-position: 0px 0px; } .wk-social-icon-pinterest { background-position: -46px 0px; } .wk-social-icon-fb { background-position: -92px 0px; } .wk-social-icon-tw { background-position: -138px 0px; } .wk-social-icon-gplus { background-position: 0px -46px; } .wk-social-icon-vimeo { background-position: -46px -46px; } .wk-social-icon-utube { background-position: -92px -46px; } .wk-social-icon-moleskin { background-position: -138px -46px; } .wk-profile-pro-css { width: 32.33333%; margin-right: 1%; float: left; text-align: center; } .wk-profile-image-box { border: 1px solid #eee; padding: 5px; } /*Profile page content css end*/ /*feedback page css start*/ .wk-orderbox-content1 { display: inline-block; width: 98%; border-bottom: 1px solid #eee; } .wk-orderbox-content2 { display: inline-block; width: 98%; } .wk-first-order { margin-top: 15px; } .wk-orderbox { border: 1px solid #ccc; display: inline-block; width: 100%; margin: 5px 0; border-radius: 3px; } .wk-orderbox-content1 { display: inline-block; width: 98%; border-bottom: 1px solid #ccc; } .wk-orderbox-content2 { display: inline-block; width: 98%; } .wk-orderbox-details { width: 78%; float: left; } .wk-orderbox-details a { color: #1e7ec8; text-decoration: none; } .wk-orderbox-total { width: 22%; float: left; text-align: right; } .wk-feedback-details { float: left; width: 26%; padding-bottom: 5px; } .wk-feedback-desc { float: left; width: 71%; padding: 5px 0px 5px 15px; } /*end*/ /*collection page content css start*/ .collection-banner > img { width: 100%; } /*end*/ @media only screen and (min-width: 0px) and (max-width: 640px) { #ask-data { width: 330px; left: 75%; } #ask-data .label { width: 36%; } } .marketplace-index-index.rtl-layout .wk-mp-banner .wk-mp-header { text-align: right; } .marketplace-index-index .wk-marketplace-label { text-transform: uppercase; color: #adadad; } .marketplace-index-index .wk-mp-landing-about h1 { text-transform: uppercase; font-size: 16px; } .marketplace-index-index .wk-mp-banner-container { width: 100%; } .marketplace-index-index .wk-mp-landing-sellers-wraper { width: 23%; margin: 0 2% 2% 0; } .marketplace-index-index .wk-mp-landing-sellers-wraper.wk_last_seller { margin-right: 0; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img1 > a { width: 50%; float: left; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img1 > a > img { width: 100%; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img2 { width: 100%; } .marketplace-index-index .wk-mp-landing-sellers-details .button { padding: 5px 10px; font-size: 11px; vertical-align: top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 5px; } .marketplace-index-index .wk-mp-icon-wraper .wk-mp-icon { width: 100px; height: 100px; line-height: 100px; text-align: center; color: #3fb0f2; border: 1px solid #cecece; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 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; margin-bottom: 20px; } .marketplace-index-index .wk-mp-icon-wraper .wk-mp-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: '\f007'; font-size: 30px; line-height: 100px; } .marketplace-index-index .wk-mp-icon-wraper .wk-mp-icon > img { display: none; } .marketplace-index-index .wk-mp-icon-wraper:nth-child(2) .wk-mp-icon:before { content: '\f055'; } .marketplace-index-index .wk-mp-icon-wraper:nth-child(3) .wk-mp-icon:before { content: '\f291'; } .marketplace-index-index .wk-mp-icon-wraper:nth-child(4) .wk-mp-icon:before { content: '\f1fe'; } .marketplace-index-index .wk-mp-banner { background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/css/source/layout/webkul/images/page-banner.jpg) 0 0 no-repeat !important; } .marketplace-index-index .wk-mp-banner .wk-mp-header { text-align: left; width: 60%; } .rtl-layout .marketplace-index-index .wk-mp-banner .wk-mp-header { text-align: right; } .marketplace-index-index .wk-mp-banner .wk-mp-header p { font-size: 12px; } .marketplace-index-index .wk-mp-banner .wk-mp-header h1 { font: 500 26px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: uppercase; margin-bottom: 20px; } .marketplace-index-index .wk-mp-banner .wk-mp-header h1.super-text { font-size: 48px; margin-bottom: 0; } .marketplace-index-index .wk-mp-banner .wk-mp-header .wk-mp-landing-button { border: 2px solid; color: #ffffff; background-color: transparent; border-color: #ffffff; } .marketplace-index-index .wk-mp-banner .wk-mp-header .wk-mp-landing-button:hover { color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .wk-seller-block { width: 100% !important; border: 0; padding: 7px 15px 15px 80px; margin: 0; background: #f7f7f7; } .wk-seller-block:after { display: none; } .wk-seller-block:before { position: absolute; top: 0; left: 0; width: 58px; height: 58px; background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/css/source/layout/webkul/images/i-sold-by.jpg) 0 0 no-repeat !important; background-size: 100% 100%; content: ''; z-index: 0; top: 10px; left: 15px; border: 0; margin: 0; } .wk-seller-block .wk-block-font-bold-up { color: #666666; } .wk-seller-block .wk-block-title-css { color: #f54337; font-size: 14px; padding-bottom: 0; } .wk-seller-block .wk-block-title-css a { color: #f54337; text-decoration: none; } .wk-seller-block .wk-block-title-css a:visited { color: #f54337; text-decoration: none; } .wk-seller-block .wk-block-title-css a:hover { color: #f54337; text-decoration: none; } .wk-seller-block .wk-block-title-css a:active { color: #f54337; text-decoration: none; } .wk-seller-block .wk-block-rating { background: #044de2; float: left; font-size: 10px; font-weight: 700; margin-top: 3px; } .wk-seller-block .ask_que { text-decoration: underline; float: right; margin-top: 5px; } .marketplace-seller-profile .wk-mp-design:first-child .wk-mp-design-inner-last:first-child > .wk-mp-profile-container.storename .store-name { color: #2962ff; font: 500 26px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-align: center; } .marketplace-seller-profile .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; margin-left: -10px; margin-right: -10px; } .marketplace-seller-profile .products.wrapper { padding-top: 10px; } .marketplace-seller-profile .products-list .product-item-info, .marketplace-seller-profile .products-grid .product-item-info { position: relative; } .marketplace-seller-profile .products-list .qs-btn-container, .marketplace-seller-profile .products-grid .qs-btn-container { display: none; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); 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; top: calc(50% - 16px); -webkit-top: calc(50% - 16px); -o-top: calc(50% - 16px); -moz-top: calc(50% - 16px); left: 50%; left: calc(50% - 16px); -webkit-left: calc(50% - 16px); -o-left: calc(50% - 16px); -moz-left: calc(50% - 16px); text-align: center; position: absolute; } .marketplace-seller-profile .products-list .qs-btn-container .qs-button, .marketplace-seller-profile .products-grid .qs-btn-container .qs-button { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .marketplace-seller-profile .products-list .product-item:hover .qs-btn-container, .marketplace-seller-profile .products-grid .product-item:hover .qs-btn-container { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .marketplace-seller-profile.page-layout-1column .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .marketplace-seller-profile.page-layout-1column .products-grid .product-items:not(.owl-carousel) > .product-item { width: 25%; padding-left: 10px; padding-right: 10px; } .marketplace-seller-profile.page-layout-1column .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .marketplace-seller-profile.page-layout-2columns .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .marketplace-seller-profile.page-layout-2columns .products-grid .product-items:not(.owl-carousel) > .product-item { width: 33.33333333%; padding-left: 10px; padding-right: 10px; } .marketplace-seller-profile.page-layout-2columns .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .marketplace-seller-profile.page-layout-3columns .products-grid .product-items:not(.owl-carousel) { margin-left: -10px; margin-right: -10px; overflow: hidden; } .marketplace-seller-profile.page-layout-3columns .products-grid .product-items:not(.owl-carousel) > .product-item { width: 50%; padding-left: 10px; padding-right: 10px; } .marketplace-seller-profile.page-layout-3columns .products-grid .product-items:not(.owl-carousel) > .product-item .product-item-info { width: 100%; height: 100%; } .marketplace-seller-profile .sidebar .wk-mp-design-inner > .row { margin: 0; } .marketplace-seller-profile .sidebar .wk-mp-design-inner { margin-bottom: 20px; } .marketplace-seller-profile .sidebar .wk-mp-design-inner .wk-mp-design-inner { border: 0; padding: 0; margin: 0; } .marketplace-seller-profile .sidebar .wk-mp-design-inner .button { padding: 5px 10px; font-size: 11px; vertical-align: top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 5px; } .marketplace-seller-profile #info .section { padding: 5px; font-weight: 500; border-top: 1px solid #dbdbdb; border-bottom: 0; width: 100%; } .marketplace-seller-profile #info .section a { padding: 5px 0; } .marketplace-seller-profile #info .section:first-child { border-top: 0; } 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: #dbdbdb; border-bottom: 1px solid #dbdbdb; 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: #121212; 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: #dbdbdb; 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: #3fb0f2; border-color: #3fb0f2; 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: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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_drug_pharmacy/en_US/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_drug_pharmacy/en_US/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot'); src: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/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: #3fb0f2; border: 1px solid #3fb0f2; 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: 3px; 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 #3fb0f2; color: #3fb0f2; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } 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: #3fb0f2; border: 1px solid #3fb0f2; 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: 3px; 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 #3fb0f2; color: #3fb0f2; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } 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%; } div[data-content-type='slider'] 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 #dbdbdb; 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: #999999; 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: #f2f2f2; 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; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.wishlist.share .g-recaptcha { margin-bottom: 40px; } .amslick-slider-container { /* phpcs:ignore Magento2.Less.SemicolonSpacing.NotAtEnd */ } .amslick-slider-container .slick-dots li button:focus, .amslick-slider-container .slick-dots li button:hover, .amslick-slider-container .slick-list:focus { outline: 0; } .amslick-slider-container .slick-list, .amslick-slider-container .slick-slider, .amslick-slider-container .slick-track { display: block; position: relative; } .amslick-slider-container .slick-loading .slick-slide, .amslick-slider-container .slick-loading .slick-track { visibility: hidden; } .amslick-slider-container .slick-list { margin: 0; overflow: hidden; padding: 0; } .amslick-slider-container .slick-list.dragging { cursor: pointer; cursor: hand; } .amslick-slider-container .slick-slider .slick-list, .amslick-slider-container .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .amslick-slider-container .slick-track { left: 0; margin: 0 auto; top: 0; } .amslick-slider-container .slick-track:after, .amslick-slider-container .slick-track:before { content: ''; display: table; } .amslick-slider-container .slick-track:after { clear: both; } .amslick-slider-container .slick-slide, .amslick-slider-container .slick-slide.slick-loading img { display: none; } .amslick-slider-container .slick-slide { float: left; height: 100%; min-height: 1px; vertical-align: middle; } .amslick-slider-container [dir=rtl] .slick-slide { float: right; } .amslick-slider-container .slick-slide.dragging img { pointer-events: none; } .amslick-slider-container .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .amslick-slider-container .slick-arrow.slick-hidden { display: none; } .amslick-slider-container .slick-loading .slick-list { background: 0 0; position: relative; } .amslick-slider-container .slick-loading .slick-list:before { animation: loading 1s infinite linear; border-color: rgba(0, 0, 0, 0.2); border-radius: 100%; border-style: solid; border-top-color: #5c5c5c; border-width: 3px; content: ''; display: block; height: 25px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 25px; } .amslick-slider-container .slick-next.slick-disabled, .amslick-slider-container .slick-prev.slick-disabled { opacity: 0.25; } .amslick-slider-container .slick-dotted.slick-slider { margin-bottom: 30px; } .amslick-slider-container .slick-dots { display: block; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; } .amslick-slider-container .slick-dots li { cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px; } .amslick-slider-container .slick-dots li button, .amslick-slider-container .slick-slider .slick-arrow { box-shadow: none; cursor: pointer; display: block; outline: 0; } .amslick-slider-container .slick-dots li button { background: 0 0; border: 0; color: transparent; font-size: 0; height: 20px; line-height: 0; padding: 5px; width: 20px; } .amslick-slider-container .slick-dots li button:focus:before, .amslick-slider-container .slick-dots li button:hover:before { opacity: 1; } .amslick-slider-container .slick-dots li button:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #000000; content: '•'; font-size: 16px; height: 20px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 20px; } .amslick-slider-container .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } .amslick-slider-container .slick-slider { -webkit-tap-highlight-color: transparent; box-sizing: border-box; padding: 0 20px; touch-action: pan-y; user-select: none; } .amslick-slider-container .slick-slider .slick-arrow { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important; border: none; color: transparent; font-size: 0; height: 22px; line-height: 0; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); transition: background .3s ease; width: 15px; } .amslick-slider-container .slick-slider .slick-arrow:before, .amslick-slider-container .slick-slider .slick-arrow:after { content: ''; } .amslick-slider-container .slick-slider .slick-arrow:hover { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat; } .amslick-slider-container .slick-slider .slick-arrow.slick-next { right: 0; } .amslick-slider-container .slick-slider .slick-arrow.slick-prev { left: 0; transform: rotate(180deg) translate(0, 50%); } .amslick-slider-container .slick-initialized .slick-slide { display: inline-block !important; float: none !important; height: auto; } .amslick-slider-container .product-items.slick-slider > .slick-list { padding: 15px 0; } .amslick-slider-container .product-items.slick-slider .slick-slide .product-item { display: block !important; margin: auto !important; max-width: 205px; } .amslick-slider-container .sidebar.sidebar-additional { width: 100%; } @keyframes loading { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359.9deg); } } .-am-blocked { pointer-events: none; } .checkout-index-index .page-header .minicart-wrapper { display: none; } .checkout-index-index .authentication-wrapper { margin-right: 9px; } .checkout-index-index .checkout-header { margin: 12px 0 20px; padding: 0 9px; width: 70%; } .checkout-index-index .checkout-header .title { margin: 0 auto 7px; } .checkout-index-index .checkout-header .description { font-size: 18px; } .checkout-index-index .opc-wrapper.am-opc-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; float: none; margin: 0; padding: 0; width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2columns .checkout-column, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .checkout-column { width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .shipping-address-item:nth-child(3n + 1):before { display: block; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .shipping-address-item:nth-child(2n + 1):before { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .shipping-address-item, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .shipping-address-item { width: 50%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .shipping-address-item:only-child, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .shipping-address-item:only-child { width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .table-checkout-shipping-method, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .table-checkout-shipping-method { min-width: 0; width: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper:before { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .step-content { margin: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .shipping-address { margin-bottom: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .discount-code { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .rewards-add { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper #co-payment-form .gift-code { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .form-login:not(:last-child) { border-bottom: none; padding-bottom: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .discount-code .payment-option-title { border: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement label { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement div.mage-error { -webkit-flex-basis: 100%; flex-basis: 100%; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-agreement .action-show { text-align: left; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content, .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content { padding: 0 22px 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content .action-apply { margin-right: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content .actions-toolbar > .primary { padding-right: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-block > li { list-style-type: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-payment-method .payment-methods .step-title { border-bottom: 1px solid #ccc; } .checkout-index-index .opc-wrapper.am-opc-wrapper .field.amcheckout-comment { margin-bottom: 10px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .label { word-break: break-all; word-wrap: break-word; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address { max-width: 500px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .billing-address-same-as-shipping-block { margin: 5px 0 10px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar { margin-top: 15px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .actions-toolbar .action.action-cancel { margin: 0 20px 0 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .primary { float: right; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-billing-address .field-select-billing .label { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-shipping-address .primary { float: right; } .checkout-index-index .am-submit-summary #checkout-payment-method-load .actions-toolbar { display: none; } .checkout-index-index .am-submit-summary #checkout-payment-method-load .payment-method-billing-address .actions-toolbar { display: block; } .checkout-index-index .am-submit-fixed #checkout-payment-method-load .actions-toolbar { background-color: #eaeaea; display: block; left: 50%; margin-left: auto; margin-right: auto; position: fixed; text-align: center; transform: translate(-50%); width: 1180px; z-index: 999; } .checkout-index-index .am-submit-fixed #checkout-payment-method-load .actions-toolbar > * { float: none; } .checkout-index-index .am-submit-fixed.-top #checkout-payment-method-load .actions-toolbar { bottom: auto; top: 0; } .checkout-index-index .am-submit-fixed.-bottom #checkout-payment-method-load .actions-toolbar { bottom: 0; } .checkout-index-index .checkout-block { -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; transition: box-shadow 0.5s; background: #ffffff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15); margin: 7px 9px 32px; padding: 24px 12px; } .checkout-index-index .checkout-block:hover { box-shadow: 0 1px 4px 1px rgba(25, 121, 195, 0.45); } .checkout-index-index .checkout-block .fieldset > br, .checkout-index-index .checkout-block .fieldset > hr { display: none; } .checkout-index-index .am-checkout { margin: 20px 0; padding: 12px; } .checkout-index-index .am-checkout .product-item .amcheckout-price-wrapper { font-size: 1.2rem; margin: 5px 0; } .checkout-index-index .am-checkout:not(.-modern) { background: #eaeaea; } .checkout-index-index .opc-block-summary { margin: -24px -12px 0; padding: 24px 12px; } .checkout-index-index .opc-block-summary .minicart-items-wrapper { margin: 0; } .checkout-index-index .additional-options { margin: 24px 7px 12px; } .checkout-index-index .additional-options .checkout-agreements .action-show { background: none; border: 0; border-radius: 0; color: #006bb4; display: inline; font-weight: 400; line-height: 1.42857143; padding: 0; text-decoration: none; } .checkout-index-index .additional-options .checkout-agreements .action-show:not(:focus) { box-shadow: none; } .checkout-index-index .additional-options .field { margin-top: 7px; } .checkout-index-index .amcheckout-form-login .mage-error:not([style*='display: none;']) + .field-error { display: none; } .checkout-index-index .additional-options .field._required .label:after { color: #e02b27; content: '*'; font-size: 1.2rem; margin: 0 0 0 5px; } .checkout-index-index .opc-block-summary .minicart-items input[type='number']::-webkit-inner-spin-button, .checkout-index-index .opc-block-summary .minicart-items input[type='number']::-webkit-outer-spin-button { appearance: auto; opacity: 1; height: auto; } .checkout-index-index .opc-block-summary .minicart-items input[type='number']:focus { -moz-appearance: spinner !important; } .checkout-index-index .opc-block-summary .minicart-items input.qty, .checkout-index-index .opc-block-summary .minicart-items span.non-editable-qty { width: 55px; } .checkout-index-index .opc-block-summary .minicart-items button { float: right; margin-top: 12px; } .checkout-index-index .opc-block-summary .minicart-items .delete { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoMTJ2MTJILTF6Ii8+PHBhdGggZmlsbD0iI2I1YjViNSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkPSJNNiA1bDQtNC0xLTEtNCA0LTQtNC0xIDEgNCA0LTQgNCAxIDEgNC00IDQgNCAxLTEtNC00eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+) no-repeat center; background-size: 7px; border: 1px #b6b6b6 solid; cursor: pointer; float: left; height: 14px; padding: 7px; width: 14px; border-radius: unset; margin-top: 0px; } .checkout-index-index .opc-block-summary .minicart-items .product-item-details { padding-left: 118px; } .checkout-index-index .opc-block-summary .minicart-items .product-image-container { margin-left: 16px; } @media (min-width: 900px) { .checkout-index-index .opc-wrapper.am-opc-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2columns .checkout-column { width: 50%; } .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .checkout-column { width: 33.3%; } } .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method { max-width: 600px; } .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method .col-price { min-width: unset; } .checkout-index-index .modal-popup:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap { left: 0; margin-left: auto; margin-right: auto; max-width: 500px; right: 0; width: 100%; } .checkout-index-index #recaptcha-checkout-place-order-wrapper .grecaptcha-badge { margin-bottom: 20px; } .checkout-payment-method .payment-methods { margin: 0; } .checkout-payment-method .payment-methods .actions-toolbar .primary { font-size: 1.8rem; line-height: 2.2rem; padding: 14px 17px; } .checkout-payment-method .payment-methods .actions-toolbar .action.primary { background: #006bb4; border: 1px solid #006bb4; } .checkout-payment-method .payment-methods .actions-toolbar .action.primary.disabled, .checkout-payment-method .payment-methods .actions-toolbar .action.primary[disabled] { background: #1979c3; border: 1px solid #1979c3; opacity: 0.5; } .checkout-payment-method .payment-methods .actions-toolbar .action.primary:hover { background: #015690; border: 1px solid #015690; } .checkout-payment-method.submit .payment-methods { margin: 0; } .fieldset.address { margin: 0 -7px; } .fieldset.address > .field { box-sizing: border-box; display: inline-block; padding: 0 7px; vertical-align: top; width: 100%; } .checkout-success .success-messages { font-size: 1.8rem; margin-bottom: 40px; } .account .column.main .order-details-items { margin-bottom: 0; } .account .column.main .order-details-items .order-items .data.table > tbody > tr:nth-child(even) > td { background: none; } .page-main .block.block-order-details { margin-bottom: 25px; } .page-main .block.block-order-details .order-date { border-bottom: 1px solid #c5c5c5; font-size: 1.6rem; padding-bottom: 25px; } .page-main .block.block-order-details-comments { margin-bottom: 35px; } .page-main .block.block-order-details-view { margin-bottom: 10px; } .page-main .block.block-order-details-view:nth-child(2) .block-title { display: none; } #registration { border-left: 3px solid #f58c12; margin: 20px 0 25px; padding: 0 0 0 12px; position: relative; width: 600px; } #registration br { display: none; } #registration form { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .opc-estimated-wrapper .minicart-wrapper { display: none; } .amcheckout-trust-badges { display: flex; justify-content: flex-start; margin-top: 10px; } .amcheckout-trust-seal { font-size: 8px; max-width: 137px; } .checkout-payment-method .amcheckout-trust-seal { font-size: 10px; margin: 0 auto 15px; max-width: 66%; text-align: center; } .am-checkout.-layout-3columns .checkout-payment-method .amcheckout-trust-seal { font-size: 12px; } .amcheckout-trust-seal .amcheckout-title, .amcheckout-trust-seal .amcheckout-description { margin-bottom: 0; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip { height: auto !important; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip .tooltipster-box { border: 1px solid #999999; border-radius: 0; color: inherit !important; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip .tooltipster-content { padding: 12px; background: #f4f4f4; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip .tooltipster-arrow { width: 12px; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { left: -3px; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { right: -2px; width: 14px; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-background { left: 3px; border-right-color: #f4f4f4; border-left-color: #f4f4f4; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border { top: 2px; width: 16px; height: 16px; background-color: #999999 !important; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { left: 15px; } .amcheckout-default-tooltip.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { left: -5px; z-index: -1; } .checkout-index-index .am-gift-message .edit-link { display: none; color: #1979c3; cursor: pointer; } .checkout-index-index .am-gift-message.checked .edit-link { display: inline; } ._amcheckout-selectable-container, .amcheckout-step-container .shipping-address-items, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-items, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .amcheckout-content > .amcheckout-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } ._amcheckout-selectable-item, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details, .amcheckout-step-container .shipping-address-items .shipping-address-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { display: block; justify-content: space-between; box-sizing: border-box; padding: 0 20px; width: 100%; border: 1px solid #f9f9f9; border-radius: 2px; background: #f9f9f9; cursor: pointer; } ._amcheckout-selectable-item:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:not(:last-of-type), .amcheckout-step-container .shipping-address-items .shipping-address-item:not(:last-of-type), .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:not(:last-of-type), .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:not(:last-of-type) { margin-bottom: 15px; } ._amcheckout-selectable-item:hover, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:hover, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:hover, .amcheckout-step-container .shipping-address-items .shipping-address-item:hover, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:hover, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:hover { box-shadow: 0 2px 8px rgba(56, 77, 108, 0.4); } ._amcheckout-selectable-item.-selected, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details.-selected, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details.-selected, .amcheckout-step-container .shipping-address-items .shipping-address-item.-selected, .amcheckout-step-container .shipping-address-items .shipping-address-item.selected-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method.-selected, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active { border-color: #1979c3; } @media all and (min-width: 768px) { ._amcheckout-selectable-item, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details, .amcheckout-step-container .shipping-address-items .shipping-address-item, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { width: 48%; } ._amcheckout-selectable-item:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:nth-last-child(-n + 2), .amcheckout-step-container .shipping-address-items .shipping-address-item:nth-last-child(-n + 2), .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:nth-last-child(-n + 2), .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:nth-last-child(-n + 2) { margin-bottom: 0; } } .am-checkout.-modern { background: none; box-sizing: border-box; padding: 0; } .am-checkout.-modern.-layout-1column { margin: auto; max-width: 750px; } .am-checkout.-modern .checkout-header { padding: 0; } .am-checkout.-modern .authentication-wrapper { margin-right: 0; } .am-checkout.-modern .authentication-wrapper .action-auth-toggle { background: #1979c3; border-radius: 2px; color: #ffffff; height: auto; padding: 5px 20px; transition: all .3s ease; } .am-checkout.-modern .authentication-wrapper .action-auth-toggle:hover { background: #429fe7; } .am-checkout.-modern .opc-estimated-wrapper { margin: 0 -15px 15px; } .am-checkout.-modern .amcheckout-trust-badges { justify-content: flex-start; } .am-checkout.-modern .checkout-payment-method .amcheckout-trust-seal { font-size: 12px; width: 66%; } .am-checkout.-modern .amcheckout-step-container .primary .action.checkout, .am-checkout.-modern .amcheckout-step-container .action.checkout.amasty { background: #315499; padding: 14px 30px; transition: all .3s ease; } .am-checkout.-modern .amcheckout-step-container .primary .action.checkout.disabled, .am-checkout.-modern .amcheckout-step-container .action.checkout.amasty.disabled, .am-checkout.-modern .amcheckout-step-container .primary .action.checkout[disabled], .am-checkout.-modern .amcheckout-step-container .action.checkout.amasty[disabled] { background: #315499; /* phpcs:ignore: Magento2.Less.ZeroUnits.ZeroUnitFound */ opacity: 0.5; } .am-checkout.-modern .amcheckout-step-container .primary .action.checkout:hover, .am-checkout.-modern .amcheckout-step-container .action.checkout.amasty:hover { background: #3d69c0; } .am-checkout.-modern.-layout-2columns .product-item-details .product-item-inner .amcheckout-price-wrapper, .am-checkout.-modern.-layout-3columns .product-item-details .product-item-inner .amcheckout-price-wrapper { order: inherit; text-align: start; } .amcheckout-main-container.-modern { clear: both; color: #363636; } .amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) { margin: 40px 0 0; } .amcheckout-step-container { font-size: 16px; } .amcheckout-step-container > li { list-style: none; } .amcheckout-step-container .amcheckout-title { background: #eeeeee; cursor: pointer; display: block; font-size: 20px; font-weight: 600; margin: 0; padding: 15px; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon { border: 2px solid #1979c3; border-radius: 50%; box-sizing: border-box; float: right; height: 24px; position: relative; transition: all .3s ease; width: 24px; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover, .amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover:before { border-color: #429fe7; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon:before { border-bottom: 2px solid #1979c3; border-right: 2px solid #1979c3; box-sizing: border-box; content: ''; display: block; height: 8px; left: 50%; position: absolute; top: 41%; transform: translate(-50%, -50%) rotate(45deg); transition: all .3s ease; width: 8px; } .amcheckout-step-container .amcheckout-title > .amcheckout-icon.-minus { transform: rotate(180deg); } .amcheckout-step-container .amcheckout-title-container + .amcheckout-content > .amcheckout-wrapper { padding: 20px 0; } .amcheckout-step-container .fieldset:last-child { margin-bottom: 0; } .amcheckout-step-container .fieldset > br, .amcheckout-step-container .fieldset > hr { display: none; } .amcheckout-step-container .fieldset > .field > .label, .amcheckout-step-container .fieldset > .fields > .field > .label { font-weight: normal; } .amcheckout-step-container .opc-block-summary { margin: 0; padding: 0; } .amcheckout-step-container .checkout-payment-method .field-select-billing, .amcheckout-step-container .checkout-payment-method .billing-address-form { max-width: inherit; } .amcheckout-step-container .checkout-payment-method .checkout-billing-address { margin-top: 15px; } .amcheckout-step-container .checkout-payment-method .amcheckout-trust-seal { font-size: inherit; max-width: unset; } .amcheckout-step-container .note { color: #717171; } .amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container), .amcheckout-step-container button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container) { background: #1979c3; border: none; border-radius: 2px; box-shadow: none; color: #ffffff; } .amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button):hover, .amcheckout-step-container button:not(.braintree-googlepay-button):hover { border: none; } .amcheckout-step-container .amcheckout-button.-new-address { margin-top: 20px; transition: all .3s ease; } .amcheckout-step-container .amcheckout-button.-new-address:hover { background: #429fe7; } .amcheckout-step-container .payment-method-content > .actions-toolbar > .primary .action.primary { float: none; font-size: 16px; margin: 0 15px 0 0; padding: 12px 16px; } .amcheckout-step-container .action-edit-address { margin-top: 15px; } .amcheckout-step-container .form-discount .actions-toolbar .action { min-height: 40px; } .amcheckout-step-container input[type='number']:focus { -moz-appearance: none !important; } .amcheckout-step-container input[type='text'], .amcheckout-step-container input[type='password'], .amcheckout-step-container input[type='url'], .amcheckout-step-container input[type='tel'], .amcheckout-step-container input[type='search'], .amcheckout-step-container input[type='number'], .amcheckout-step-container input[type='datetime'], .amcheckout-step-container input[type='email'], .amcheckout-step-container select { border: 1px solid #d4d4d4; border-radius: 2px; font-size: 16px; height: 40px; } .amcheckout-step-container .checkout-agreements .action-show { background: inherit; color: inherit; font-size: inherit; text-align: left; } .amcheckout-step-container .checkout-agreements .checkout-agreement .label { display: flex; } .amcheckout-step-container .checkout-agreements .action-show, .amcheckout-step-container .action.checkout.amasty { height: auto; } .amcheckout-step-container input[type='checkbox'], .amcheckout-step-container input[type='radio'] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; left: unset; top: unset; } .amcheckout-step-container input[type='checkbox'] + label, .amcheckout-step-container input[type='radio'] + label { cursor: pointer; display: flex; } .amcheckout-step-container input[type='checkbox'] + label span:only-child, .amcheckout-step-container input[type='radio'] + label span:only-child { flex: auto; } .amcheckout-step-container input[type='checkbox'] + label:before, .amcheckout-step-container input[type='radio'] + label:before { background: #ffffff !important; border: 2px solid #cccccc; box-sizing: border-box; content: ''; cursor: pointer; display: inline-block; height: 15px; margin: 3px 15px 0 0; min-height: 15px; min-width: 15px; width: 15px; } .amcheckout-step-container input[type='checkbox'] + label:hover:before, .amcheckout-step-container input[type='radio'] + label:hover:before, .amcheckout-step-container input[type='checkbox']:checked + label:before, .amcheckout-step-container input[type='radio']:checked + label:before, .amcheckout-step-container input[type='checkbox']:focus + label:before, .amcheckout-step-container input[type='radio']:focus + label:before { border-color: #1979c3; box-shadow: 0 2px 4px rgba(63, 156, 215, 0.4); } .amcheckout-step-container input[type='checkbox'] + label:before { border-radius: 2px; } .amcheckout-step-container input[type='checkbox']:checked + label:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzE5NzlDMyIvPjxwYXRoIGQ9Ik01IDEwbDQgNCA2LTciIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) center no-repeat !important; background-size: contain !important; border-width: 0; } .amcheckout-step-container input[type='radio'] + label:before { border-radius: 50%; transition: all .2s ease; } .amcheckout-step-container input[type='radio']:checked + label:before { border-width: 5px; } .amcheckout-step-container .amcheckout-form-login:last-child, .amcheckout-step-container .form-login:last-child { border-bottom: 1px solid #d4d4d4; margin-bottom: 30px; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email, .amcheckout-step-container .form-login .amcheckout-email { align-items: flex-start; display: flex; flex-wrap: wrap; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper, .amcheckout-step-container .form-login .amcheckout-email .amcheckout-wrapper { flex: auto; } .amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password { width: calc(50% - 7px); } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper .input-text, .amcheckout-step-container .form-login .amcheckout-email .amcheckout-wrapper .input-text { margin: 0; width: 100%; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .field-tooltip, .amcheckout-step-container .form-login .amcheckout-email .field-tooltip { align-items: center; display: flex; height: 40px; margin-left: 10px; position: relative; top: 0; } .amcheckout-step-container .amcheckout-form-login .amcheckout-email .note, .amcheckout-step-container .form-login .amcheckout-email .note { color: #363636; line-height: 40px; margin-left: auto; } .amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password { display: inline-block; } .amcheckout-step-container .amcheckout-form-login .actions-toolbar, .amcheckout-step-container .form-login .actions-toolbar { margin-bottom: 20px; } .amcheckout-step-container .amcheckout-shipping-address .checkout-billing-address { margin-top: 20px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-same-as-shipping-block, .amcheckout-step-container .amcheckout-shipping-address .billing-address-form, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-form { margin-bottom: 10px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-details, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details { padding: 20px; } .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:empty, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:empty { display: none; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button { margin-top: 20px; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-select { background: #ddf0ff; border: 1px solid #1474c2; color: #1979c3; float: right; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-select:hover { background: #1474c2; color: #ffffff; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit { background: none; color: #4e4e4e; font-size: 16px; padding-left: 0; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:hover, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:hover { color: #1979c3; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:before, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MTMgMGwtMS43MDYgMS43MTYgMi4zODggMi40TDE1IDIuNDAzIDEyLjYxMyAwek0xLjcgMTAuOThsMi4zODYgMi40IDguMTg3LTguMjMzLTIuMzg3LTIuNDAxTDEuNyAxMC45OHpNMCAxNWwyLjg5LS43NjMtMi4xMy0yLjE0NEwwIDE1eiIgZmlsbD0iIzRFNEU0RSIvPjwvc3ZnPg==) center no-repeat; background-size: contain; content: ''; display: inline-block; height: 13px; width: 13px; } .amcheckout-step-container .amcheckout-shipping-address .amcheckout-button.-edit:hover:before, .amcheckout-step-container .checkout-billing-address .amcheckout-button.-edit:hover:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MTMgMGwtMS43MDYgMS43MTYgMi4zODggMi40TDE1IDIuNDAzIDEyLjYxMyAwek0xLjcgMTAuOThsMi4zODYgMi40IDguMTg3LTguMjMzLTIuMzg3LTIuNDAxTDEuNyAxMC45OHpNMCAxNWwyLjg5LS43NjMtMi4xMy0yLjE0NEwwIDE1eiIgZmlsbD0iIzE5NzlDMyIvPjwvc3ZnPg==) center no-repeat; background-size: contain; } .amcheckout-step-container .shipping-address-items .shipping-address-item { line-height: 30px; padding: 20px; } .amcheckout-step-container .shipping-address-items .shipping-address-item.selected-item .amcheckout-button.-select { visibility: hidden; } .amcheckout-step-container .amcheckout-shipping-methods { display: block; max-width: inherit !important; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-header { display: none; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method { padding: 0 20px; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col { border: none; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip { position: relative; } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip.-error { /* phpcs:ignore Magento2.Less.SemicolonSpacing.NotAtEnd */ } .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip.-error .field-tooltip-action:before, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col-comment .field-tooltip.-error .field-tooltip-content { color: #c00815; } .amcheckout-step-container .selected-store-pickup { margin-top: 15px; } .amcheckout-step-container .selected-store-pickup .step-title { border-bottom: 1px solid #cccccc; font-size: 20px; padding: 10px 0; } .amcheckout-step-container .selected-store-pickup .step-content { padding: 10px 0; } .amcheckout-step-container .checkout-billing-address .actions-toolbar { margin-top: 15px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar > .primary { float: none; padding: 10px 20px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar > .primary .action { margin-top: 0; } .amcheckout-step-container .checkout-billing-address .actions-toolbar .action-cancel { background: none; color: #1474c2; } .amcheckout-step-container .amcheckout-delivery-date .field { width: 100%; } .amcheckout-step-container .amcheckout-delivery-date .field.timepicker { display: block; } .amcheckout-step-container .amcheckout-delivery-date .field.timepicker .control { width: 100%; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods { margin: 0; /* phpcs:ignore Magento2.Less.ClassNaming.NotAllowedSymbol */ } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-group + .payment-group .step-title { margin: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-group:not(:last-of-type) { margin-bottom: 40px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method { padding: 0; width: 100%; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:not(:last-of-type) { margin-bottom: 20px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title { border: none !important; padding: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label { align-items: flex-start; padding: 20px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label > *:not(:only-child):not(:last-of-type) { margin-right: 5px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label .action-help { margin-left: auto; text-align: right; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method .payment-method-content { display: none; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content { display: block; padding: 0 20px 0 45px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content > * { margin: 0; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content > * > * { margin: 0 0 20px; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content .amazon-button-container__cell { display: inline-block; vertical-align: middle; } .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-content .actions-toolbar > .primary { float: left; padding-left: 0; } .amcheckout-step-container .amcheckout-summary-container { background: none; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-title { background: #315499; color: #ffffff; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-title > .amcheckout-icon { background: #ffffff; } .amcheckout-step-container .amcheckout-summary-container .amcheckout-content > .amcheckout-wrapper { padding: 20px; } .amcheckout-step-container .amcheckout-summary-container .items-in-cart { border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; } .amcheckout-step-container .amcheckout-summary-container .items-in-cart > .title { padding: 10px 0; } .amcheckout-step-container .amcheckout-summary-container .product-item .delete { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE2NyAxNWg3LjU1OGwuOTUtOC45NThILjI2TDEuMTY3IDE1em01Ljg5LTEyLjc3MlYuNTEyQS41MS41MSAwIDAgMCA2LjU1MiAwaC0zLjIxYy0uMjggMC0uNTA1LjIzLS41MDUuNTEyVjIuMmMtMS4wODUuMTIzLTEuNzExLjMxNS0yLjgzNi43MjRWNC41bDEwIC4xMThWM3MtLjk1NC0uNTM0LTIuOTQyLS43NzJ6TTYuMDUgMi4xMzRhMTguMDggMTguMDggMCAwIDAtMi4yNTgtLjAxNXYtLjkwNWMwLS4xNC4xMTEtLjI1NS4yNTItLjI1NWgxLjc1MmMuMTQxIDAgLjI1NC4xMTUuMjU0LjI1NXYuOTJ6IiBmaWxsPSIjNTc1ODU1Ii8+PC9zdmc+) center no-repeat; background-size: contain; border: 0; bottom: 0; box-sizing: border-box; height: 15px; padding: 0; position: absolute; right: 5px; width: 10px; z-index: 1; } .amcheckout-step-container .amcheckout-summary-container .product-item .delete:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE2NyAxNWg3LjU1OGwuOTUtOC45NThILjI2TDEuMTY3IDE1em01Ljg5LTEyLjc3MlYuNTEyQS41MS41MSAwIDAgMCA2LjU1MiAwaC0zLjIxYy0uMjggMC0uNTA1LjIzLS41MDUuNTEyVjIuMmMtMS4wODUuMTIzLTEuNzExLjMxNS0yLjgzNi43MjRWNC41bDEwIC4xMThWM3MtLjk1NC0uNTM0LTIuOTQyLS43NzJ6TTYuMDUgMi4xMzRhMTguMDggMTguMDggMCAwIDAtMi4yNTgtLjAxNXYtLjkwNWMwLS4xNC4xMTEtLjI1NS4yNTItLjI1NWgxLjc1MmMuMTQxIDAgLjI1NC4xMTUuMjU0LjI1NXYuOTJ6IiBmaWxsPSIjMTk3OWMzIi8+PC9zdmc+) center no-repeat; background-size: contain; } .amcheckout-step-container .amcheckout-summary-container .product-item .delete:focus { box-shadow: 0 0 3px 1px #68a8e0; } .amcheckout-step-container .amcheckout-summary-container .product-item .action.checkout { float: left; margin-bottom: 10px; } .amcheckout-step-container .amcheckout-summary-container .product-item .product { padding-bottom: 15px; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container { border: 1px solid #d4d4d4; margin: 0; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-item-details { padding-left: 100px; } .amcheckout-step-container .amcheckout-summary-container .minicart-items .minicart-items-wrapper { padding: 15px 0 0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner { align-items: center; display: flex; flex-wrap: wrap; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner .amcheckout-price-wrapper { flex-basis: 100%; order: 1; text-align: end; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block { align-items: center; display: flex; flex: auto; flex-wrap: wrap; justify-content: space-between; margin: 0 20px 10px 0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .action.checkout { background: #f0f8ff; border: 1px solid #1474c2; border-radius: 2px; color: #1474c2; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .action.checkout:hover { background: #e6f3ff; color: #136eb8; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .action.checkout:focus { box-shadow: 0 0 3px 1px #68a8e0; } .amcheckout-step-container .amcheckout-summary-container .product-item-details .options { padding-right: 20px; } .amcheckout-step-container .amcheckout-summary-container .product-item-name { margin: 0; } .amcheckout-step-container .amcheckout-summary-container .details-qty { align-items: center; display: flex; flex-wrap: wrap; margin: 10px 0 0; } .amcheckout-step-container .amcheckout-summary-container .details-qty .label { margin-right: 10px; } .amcheckout-step-container .amcheckout-summary-container .details-qty .qty { height: 30px; } .amcheckout-step-container .amcheckout-summary-container .subtotal { width: auto; } .amcheckout-step-container .amcheckout-summary-container .field.configurable { width: 50%; } .amcheckout-step-container .amcheckout-summary-container .field.configurable:not(:last-of-type) { margin-bottom: 10px; } .amcheckout-step-container .amcheckout-summary-container .table-totals { border: none; font-size: 14px; width: 100%; } .amcheckout-step-container .amcheckout-summary-container .table-totals .grand .mark, .amcheckout-step-container .amcheckout-summary-container .table-totals .grand .amount { border-top: none; } .amcheckout-step-container .amcheckout-summary-container .item-options .label { display: block; margin-bottom: 10px; } .amcheckout-step-container .amcheckout-additional-options { background: #f9f9f9; border: 1px solid #f9f9f9; font-size: 0; margin: 0; padding: 0 20px; } .amcheckout-step-container .amcheckout-additional-options > * { font-size: 14px; } .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes, .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment { margin: 20px 0; } .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes > * { margin-bottom: 5px; } .amcheckout-step-container .amcheckout-additional-options .checkout-agreement .action-show { text-align: left; } .amcheckout-step-container .opc-payment-additional { padding: 0 20px; } .amcheckout-step-container .opc-payment-additional .payment-option-title, .amcheckout-step-container .opc-payment-additional .payment-option-content { padding-left: 0; padding-right: 0; } .amcheckout-step-container .opc-payment-additional .label { display: block; margin-bottom: 4px; } .amcheckout-step-container .opc-payment-additional .form-discount .label { display: none; } .amcheckout-step-container .amcheckout-trust-seal { font-size: 9px; max-width: 161px; } .amcheckout-step-container .amcheckout-trust-seal .amcheckout-title { background: none; cursor: inherit; font-size: inherit; font-weight: 400; padding: 0; } .amcheckout-main-container.-layout-2columns .amcheckout-column:not(:first-of-type) { margin-top: 40px; } .amcard-checkbox-container { position: relative; } .amcard-checkbox-container:first-child { margin-right: 30px; } .amcard-checkbox-container > .amcard-checkbox { display: none; } .amcard-checkbox-container > .amcard-name { line-height: 20px; margin-left: 23px; } .amcard-checkbox-container > .amcard-label { cursor: pointer; padding-left: 21px; } .amcard-checkbox-container > .amcard-label:before { background: #ffffff; border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; content: ''; height: 16px; left: 0; position: absolute; top: 2px; width: 16px; } .amcard-checkbox-container > .amcard-checkbox:checked + .amcard-label:before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMSIgZmlsbD0iIzE5NzlDMyIvPjxwYXRoIGQ9Ik0zLjc1IDcuNWwzIDMgNC41LTUuMjUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') no-repeat left; background-size: 16px; border: none; } .amcard-flex-container { display: flex; justify-content: space-between; } .amcard-flex-container.-checkbox { justify-content: flex-start; } .amcard-form-container { border-top: 1px solid #c1c1c1; margin-top: 25px; position: relative; } .amcard-form-container.-interior { border: none; } .amcard-form-container .amcard-title { color: #363636; display: block; font-size: 14px; font-weight: 600; line-height: 19px; margin: 20px 0 10px; } .amcard-form-container > .amcard-button { background: #eeeeee; border: 1px solid #dadada; border-radius: 2px; box-sizing: border-box; font-size: 14px; padding: 7px 10px; transition: background-color 0.3s ease; } .amcard-form-container > .amcard-button:hover { background-color: #1e79c2; box-shadow: 0 2px 4px rgba(45, 147, 226, 0.1); color: #ffffff; } .amcard-form-container .amcard-radio { display: none; } .amcard-form-container .amcard-input.-hidden { display: inline; height: 0; opacity: 0; position: absolute; width: 0; } .amcard-field-container { border: none; flex-basis: 48%; margin-top: 0; text-align: left; } .amcard-field-block { display: block; } .amcard-field-block > .amcard-button { border: 1px solid #d4d4d4; border-left: none; border-radius: 0 2px 2px 0; padding: 7px 17px; } .amcard-field-block.-datepicker .amcard-label { position: relative; } .amcard-field-block.-datepicker .amcard-label:before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljk4IDEwLjcwNWgxLjYzOFY5LjA2OUg0Ljk4djEuNjM2em0yLjMwNyAyLjE5aDEuNjM2di0xLjYzNkg3LjI4N3YxLjYzNXptLTIuMzA3IDBoMS42Mzh2LTEuNjM2SDQuOTh2MS42MzV6bTAtNC4zOGgxLjYzOFY2Ljg4SDQuOTh2MS42MzR6bTcuMDI4LTQuODIyYS42NzguNjc4IDAgMDAuNjc5LS42NzhWLjY3OGEuNjc4LjY3OCAwIDEwLTEuMzU4IDB2Mi4zMzdjMCAuMzc2LjMwMy42NzguNjc5LjY3OHptLTguMDE5IDBhLjY3OC42NzggMCAwMC42NzgtLjY3OFYuNjc4YS42NzguNjc4IDAgMTAtMS4zNTcgMHYyLjMzN2MwIC4zNzYuMzAzLjY3OC42NzkuNjc4em0tMS4zMTcgNy4wMTJINC4zMVY5LjA2OUgyLjY3MnYxLjYzNnptMCAyLjE5SDQuMzF2LTEuNjM2SDIuNjcydjEuNjM1em00LjYxNS0yLjE5aDEuNjM2VjkuMDY5SDcuMjg3djEuNjM2em00LjYxIDBoMS42MzlWOS4wNjloLTEuNjM4djEuNjM2em0wLTIuMTloMS42MzlWNi44OGgtMS42Mzh2MS42MzR6bTEuMDEzLTcuMzl2Ljc1NkExLjM2MiAxLjM2MiAwIDExMTAuNjQ1IDIuOWMwLS40MDcuMTgtLjc3MS40Ni0xLjAydi0uNzU0SDQuODkxdi43NTVhMS4zNjIgMS4zNjIgMCAxMS0xLjgwNCAwdi0uNzU1SDBWMTZoMTZWMS4xMjZoLTMuMDl6TTEuNTE3IDVoMTIuOTk2djkuNDgzSDEuNTE3VjV6bTUuNzcgMy41MTRoMS42MzZWNi44OEg3LjI4N3YxLjYzNHptMi4zMDcgMGgxLjYzNVY2Ljg4SDkuNTk0djEuNjM0em0wIDQuMzhoMS42MzV2LTEuNjM2SDkuNTk0djEuNjM2em0wLTIuMTloMS42MzVWOS4wN0g5LjU5NHYxLjYzNnoiIGZpbGw9IiM1NzU4NTUiLz48L3N2Zz4='); content: ''; cursor: pointer; height: 16px; left: 10px; position: absolute; top: 2px; width: 16px; } .amcard-field-block.-datepicker { margin-bottom: 20px; } .amcard-field-block > .amcard-field { background: #ffffff; border: 1px solid #d4d4d4; border-radius: 2px; box-sizing: border-box; } .amcard-field-block > .amcard-field::-webkit-input-placeholder { /* Edge */ color: #d4d4d4; } .amcard-field-block > .amcard-field:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #d4d4d4; } .amcard-field-block > .amcard-field::placeholder { color: #d4d4d4; } .amcard-field-block > .amcard-field:focus { z-index: 5; } .amcard-field-block > .amcard-field.mage-error { border-color: #ed8380; } .amcard-field-block.-datepicker .amcard-field { height: 32px; padding-left: 36px; } .amcard-field-block.-double { display: flex; } .amcard-field-block.-double > .amcard-field { border-radius: 2px 0 0 2px; } .amcard-price-container { display: flex; flex-wrap: wrap; } .amcard-price-container > .amcard-button { margin: 0 10px 5px 0; } .amcard-label-block { border-radius: 2px; cursor: pointer; position: relative; } .amcard-label-block > .amcard-name { margin-left: 25px; } .amcard-label-block > .amcard-radio:checked + .amcard-icon { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiIGZpbGw9IiMxOTc5QzMiLz48ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiBmaWxsPSIjZmZmIiByPSIzIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMi45MjQiIHk9IjIuOTI0IiB3aWR0aD0iOS4xNTEiIGhlaWdodD0iOS4xNTEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldC8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjc4OCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+'); border: none; } .amcard-label-block > .amcard-icon { border: 1px solid #c2c2c2; border-radius: 50%; cursor: pointer; height: 15px; position: absolute; top: 2px; width: 15px; } .amcard-label-block.-price { background-color: #f0f0f0; border: 1px solid #dadada; box-sizing: border-box; font-size: 14px; margin: 0 10px 5px 0; padding: 6px 8px; transition: background-color 0.3s ease, border 0.3s ease; } .amcard-label-block.-price.-active, .amcard-label-block.-price:hover { background-color: #1e79c2; border: 1px solid #1e79c2; box-shadow: 0 2px 4px rgba(45, 147, 226, 0.1); color: #ffffff; } .amcard-radio-container .amcard-label-block:not(:last-child) { margin-right: 30px; } .amcard-upload-container .amcard-label-block { background: #1e79c2; color: #ffffff; cursor: pointer; padding: 5px 13px 5px 38px; transition: background-color 0.3s ease-out; } .amcard-upload-container .amcard-label-block:hover { background: #2d93e5; } .amcard-upload-container .amcard-label-block:before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuODIxIDBsLS44MDMgMi4xNDNIMi4xNDNBMi4xMzggMi4xMzggMCAwMDAgNC4yODZ2Ni40MjhjMCAxLjE4Ny45NTYgMi4xNDMgMi4xNDMgMi4xNDNoMTAuNzE0QTIuMTM4IDIuMTM4IDAgMDAxNSAxMC43MTRWNC4yODZhMi4xMzggMi4xMzggMCAwMC0yLjE0My0yLjE0M2gtMS44NzVMMTAuMTggMEg0Ljgyek03LjUgMy43NWEzLjc2MiAzLjc2MiAwIDAxMy43NSAzLjc1IDMuNzYyIDMuNzYyIDAgMDEtMy43NSAzLjc1QTMuNzYyIDMuNzYyIDAgMDEzLjc1IDcuNSAzLjc2MiAzLjc2MiAwIDAxNy41IDMuNzV6bTAgMS42MDdBMi4xMyAyLjEzIDAgMDA1LjM1NyA3LjUgMi4xMyAyLjEzIDAgMDA3LjUgOS42NDMgMi4xMyAyLjEzIDAgMDA5LjY0MyA3LjUgMi4xMyAyLjEzIDAgMDA3LjUgNS4zNTd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+') no-repeat center; content: ''; height: 15px; left: 11px; position: absolute; top: 7px; width: 16px; } .amcard-customer-image > .amcard-container, .amcard-image-container > .amcard-container, .amcard-customer-image > .amcard-image, .amcard-image-container > .amcard-image { cursor: pointer; max-width: 100px; padding: 7px; } .amcard-customer-image > .amcard-container.-active, .amcard-image-container > .amcard-container.-active, .amcard-customer-image > .amcard-image.-active, .amcard-image-container > .amcard-image.-active, .amcard-customer-image > .amcard-container:hover, .amcard-image-container > .amcard-container:hover, .amcard-customer-image > .amcard-image:hover, .amcard-image-container > .amcard-image:hover { border: 1px solid #026bb3; border-radius: 2px; box-shadow: 0 4px 4px #e2f0fb; padding: 6px; } .amcard-upload-container { display: flex; margin: 10px 0; position: relative; } .amcard-upload-container .amcard-input { display: none; } .amcard-customer-image { background: #e8f6ff; display: flex; padding: 15px; } .amcard-customer-image > .amcard-container { align-items: center; cursor: pointer; display: flex; margin-right: 15px; max-width: 100px; } .amcard-customer-image .amcard-image { height: 100%; width: 100%; } .amcard-image-information { display: flex; flex-direction: column; justify-content: space-between; } .amcard-image-information > .amcard-description, .amcard-image-information > .amcard-title { margin: 0; } .amcard-image-information > .amcard-delete { align-self: flex-start; background: none; border: none; box-shadow: none; color: #1787e0; cursor: pointer; padding: 0 15px; position: relative; } .amcard-image-information > .amcard-delete:hover { text-decoration: underline; } .amcard-image-information > .amcard-delete:before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUzNCAxMmg2Ljk1MWwuODc0LTcuMTY2SC43TDEuNTM0IDEyek02Ljk1MiAxLjc4M1YuNDA5QzYuOTUyLjE4MyA2Ljc0MyAwIDYuNDg2IDBIMy41MzVjLS4yNTggMC0uNDY2LjE4My0uNDY2LjQxdjEuMzVjLS45OTcuMDk5LTIuMDM1LjI5LTMuMDY5LjYxN3YxLjI2aDEwVjIuMzQ0cy0xLjIyLS4zNy0zLjA0OS0uNTZoLjAwMXptLS45MjctLjA3NmExOS4xMDcgMTkuMTA3IDAgMDAtMi4wNzctLjAxMlYuOTcxYzAtLjExMi4xMDMtLjIwNC4yMzItLjIwNGgxLjYxMWMuMTMgMCAuMjM0LjA5Mi4yMzQuMjA0di43MzZ6IiBmaWxsPSIjMTc4N0UwIi8+PC9zdmc+') no-repeat center; content: ''; height: 10px; left: 0; position: absolute; top: 3px; width: 12px; } .amcard-preview-container { margin-top: 15px; } .amcard-preview-container > .amcard-button { background: none; border: 1px solid #4190c6; border-radius: 2px; box-sizing: border-box; color: #026bb3; font-size: 14px; padding: 6px 15px; transition: background-color 0.3s ease-out; } .amcard-preview-container > .amcard-button:hover { background: #026bb3; color: #ffffff; } .amcard-general-container { display: none; margin-bottom: 20px; } .amcard-general-container.-visible { display: block; } .amcard-general-container .amcard-warning { color: #e02b27; font-size: 12px; } .amcard-tooltip-container { background: #ffffff; border-radius: 6px; bottom: 25px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); display: none; left: 98px; padding: 10px; position: absolute; width: 200px; z-index: 10; } .amcard-question-container:hover .amcard-tooltip-container, .amcard-question-container:focus .amcard-tooltip-container { display: block; } .amcard-tooltip-container:after { background: #ffffff; bottom: -8px; content: ''; height: 18px; left: 20px; position: absolute; transform: rotate(45deg); width: 18px; } .amcard-tooltip-container > .amgiftcard-text { color: #575757; font-size: 12px; font-weight: 400; } .amcard-question-container { align-self: center; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4LjUiIGZpbGw9IiMzODlERkUiLz48cGF0aCBkPSJNNy40ODggMTAuMDc0YzAtLjYwNi4wNzUtMS4wODkuMjI2LTEuNDQ5LjE1LS4zNi40NDYtLjc1NC44ODktMS4xODMuNDQ2LS40MzMuNzI5LS43NC44NDctLjkyMi4xODItLjI3OC4yNzQtLjU4LjI3NC0uOTAzIDAtLjQyOC0uMTA3LS43NTQtLjMyMi0uOTc3LS4yMS0uMjI4LS41Mi0uMzQyLS45My0uMzQyLS4zOTEgMC0uNzA4LjExMi0uOTUuMzM1LS4yMzcuMjE5LS4zNTUuNTE3LS4zNTUuODk1SDUuNTA2Yy4wMDktLjgwNi4yODItMS40NDQuODItMS45MTQuNTQyLS40NyAxLjI1OC0uNzA0IDIuMTQ3LS43MDQuOTE2IDAgMS42MjkuMjMzIDIuMTQuNjk3LjUxNC40NjUuNzcyIDEuMTE1Ljc3MiAxLjk0OSAwIC43NDItLjM0NyAxLjQ3NC0xLjA0IDIuMTk0bC0uODQuODI3Yy0uMy4zNDItLjQ1Ni44NDEtLjQ2NSAxLjQ5N0g3LjQ4OHpNNy4zNzIgMTIuMmMwLS4yNjkuMDg0LS40ODUuMjUzLS42NS4xNjktLjE2OC4zOTYtLjI1Mi42ODQtLjI1Mi4yOTEgMCAuNTIxLjA4Ni42OS4yNmEuODcuODcgMCAwMS4yNTMuNjQyYzAgLjI1LS4wODIuNDYtLjI0Ni42My0uMTY0LjE2OC0uMzk3LjI1Mi0uNjk3LjI1Mi0uMzAxIDAtLjUzNC0uMDg0LS42OTgtLjI1M2EuODguODggMCAwMS0uMjM5LS42Mjl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+') no-repeat center; height: 17px; margin: 0 20px; width: 17px; } .amcard-carousel-container .slick-arrow { z-index: 10; } .amgiftcard-modal-container { pointer-events: auto; } .amcard-page-product .modal-inner-wrap { max-width: 900px; } .amcard-page-product .gallery-placeholder:not(.-active) .amasty-main-image, .amcard-page-product .gallery-placeholder:not(.-active) .gallery-placeholder__image { visibility: hidden; } .amcard-page-product .product-info-main .price-final_price .price-wrapper .price { color: #575757; font-size: 36px; font-weight: 600; line-height: 36px; } .amcard-page-product .amgiftcard-price-container .amgiftcard-price-multiple.-hide { display: none; } .amcard-page-product .amgiftcard-price-container .price-final_price.-hide { display: none; } .amcard-page-product .amgiftcard-price-container .price-final_price.-multiple .price-wrapper .price { font-size: 24px; line-height: 24px; } .amcard-page-product .amgiftcard-price-container .price-wrapper + .price-wrapper { margin-left: 5px; } .amcard-page-product .amcard-preview .header { display: flex; justify-content: center; } .amcard-page-product .amcard-preview .footer, .amcard-page-product .amcard-preview .header { background: #ffffff !important; } .amcard-page-product .amcard-preview .main { border-collapse: separate; border-radius: 10px; border-top: 6px solid #1787e0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); } .amcard-page-product .amcard-preview .logo { margin: 0; } .amcard-page-product .product-info-main .product-reviews-summary { float: none; } .amcard-page-product .product-info-main .product-info-price { border: 0; margin-bottom: 0; } .amcard-page-product .product-info-main .product-add-form { border: 0; clear: none; margin-bottom: 20px; padding-top: 0; } .gallery-placeholder.-amcard { align-items: center; display: flex; justify-content: center; } .ammodal-aside-container { pointer-events: auto; } .am-datepicker .ui-datepicker-header .ui-datepicker-title select { width: unset; } .am-datepicker .ui-datepicker-header .ui-datepicker-title { display: flex; } /** * Copyright © Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ .amazon-button-container { display: flex; flex-direction: row; justify-content: center; } .amazon-button-container .amazon-button-column { display: flex; flex-direction: column; position: relative; } .amazon-button-container .amazon-button-column-tooltip { width: 30px; } .amazon-button-container.amazon-button-product-page { justify-content: left; margin-bottom: 2em; } /* for the "Amazon Sign-in" button */ .amazon-sign-in-button-container { display: table; margin: 0 0 22px; } .amazon-sign-in-button-container__cell { display: table-cell; min-width: 45px; position: relative; } .amazon-sign-in-button-container img { display: block; } .amazon-sign-in-button-container .field-tooltip { margin: -12px 0 0; right: 5px; top: 50%; } .block-customer-login .amazon-sign-in-button-container .field-tooltip .field-tooltip-content { top: 38px; left: -245px; } .block-customer-login .amazon-sign-in-button-container .field-tooltip .field-tooltip-content:before { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #666666; top: -10px; left: 244px; } .block-customer-login .amazon-sign-in-button-container .field-tooltip .field-tooltip-content:after { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f4f4f4; top: -8px; left: 244px; } .cart-summary .amazon-button-container .checkout-methods-items { margin-top: 0; } .checkout-methods-items .amazon-button-container, .block-minicart .amazon-button-container { flex-wrap: wrap; } .checkout-methods-items .amazon-divider, .block-minicart .amazon-divider { flex-basis: 100%; } .checkout-methods-items .amazon-divider { margin-top: 0; } .checkout-methods-items .amazon-divider span { background: #f5f5f5; } .checkout-methods-items .amazon-button-column-tooltip .field-tooltip { display: block; } .product-info-main .amazon-button-container .field-tooltip { display: none; } #checkout .amazon-button-container { margin: 22px 0; justify-content: left; } #amazon-payment .payment-method-title { display: flex; align-items: center; } #amazon-payment .payment-method-title img { margin: 0 10px 0 4px; width: 74px; } #amazon-payment .checkout-billing-address { margin-top: 20px; } #amazon-payment .amazon-payment-action-container { padding-left: 10px; } #amazon-payment .actions-toolbar { margin-top: 20px; } .amazon-divider { border-bottom: 1px solid #cccccc; line-height: 0.1em; margin: 18px 0 20px; text-align: center; max-width: 500px; } .amazon-divider span { background: #fff; padding: 0 5px; } /** mini cart styling **/ .product-social-links, .amazon-minicart-container { width: 100%; display: block; text-align: center; } .product-social-links .field-tooltip .field-tooltip-content, .amazon-minicart-container .field-tooltip .field-tooltip-content { top: 38px; left: -245px; } .product-social-links .field-tooltip .field-tooltip-content:before, .amazon-minicart-container .field-tooltip .field-tooltip-content:before { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #666666; top: -10px; left: 244px; } .product-social-links .field-tooltip .field-tooltip-content:after, .amazon-minicart-container .field-tooltip .field-tooltip-content:after { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f4f4f4; top: -8px; left: 244px; } .amazon-minicart-container .amazon-button-container { display: inline-block; margin: 0px; } .amazon-checkout-now { border-top: 1px solid #c1c1c1; padding-top: 10px; margin-bottom: 10px; } .revert-checkout { margin-top: 20px; margin-bottom: 20px; display: block; } .centered-button { text-align: center; display: inline-block; } .catalog-product-view .centered-button { display: table; } .checkout-payment-method .amazon-sandbox-simulator { border-bottom: 1px solid #dbdbdb; } .checkout-payment-method .amazon-sandbox-simulator .payment-option-title { border-top: none; padding-top: 0; } .checkout-payment-method .amazon-sandbox-simulator .amazon-sandbox-simulator-scenario { margin-bottom: 10px; } .checkout-methods-items .amazon-minicart-container .amazon-divider { display: none; } .checkout-methods-items .centered-button { margin-bottom: 0; } @media all and (max-width: 768px) { .checkout-methods-items .centered-button { width: auto; } } .checkout-methods-items .field-tooltip { display: none; } .checkout-methods-items .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-methods-items .field-tooltip .field-tooltip-content:before, .checkout-methods-items .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0%; } .checkout-methods-items .field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .checkout-methods-items .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } @media all and (max-width: 768px) { .checkout-methods-items .field-tooltip .field-tooltip-content { right: -56px; top: 38px; left: auto; } .checkout-methods-items .field-tooltip .field-tooltip-content:before, .checkout-methods-items .field-tooltip .field-tooltip-content:after { right: 56px; } } .amazon-widget { max-width: 400px; height: 228px; } .amazon-widget--address { margin-top: 20px; } .amazon-addresses { margin-top: 20px; } .amazon-addresses .amazon-address { margin-bottom: 20px; } #checkout-step-shipping .amazon-divider { margin: 40px 0; } .checkout-payment-method .amazon-payment-method .payment-method-title { visibility: hidden; padding-bottom: 0; } /** Prevent movement after a soft decline to other payment steps **/ .opc-progress-bar-item._complete.lock-step { cursor: none; pointer-events: none; } .ap-promotional-message { padding-top: 10px; padding-bottom: 10px; } @media all and (max-width: 768px) { .amazon-minicart-container .amazon-button-container { width: auto; } .amazon-button-container.amazon-button-product-page { justify-content: center; margin-bottom: 2em; } } ._error .order-comment-input { outline: none; border: 2px solid #ed8380; } ._error .order-comment-input:focus { outline: none; border: 2px solid #ed8380; box-shadow: 0 0 3px #ed8380; } .checkout-payment-method .payment-option._collapsible.comment .payment-option-content { display: block; } .cart-order-comment { border-bottom: 1px solid #dbdbdb; clear: left; } .cart-order-comment .fieldset.order-comment { display: block; } .cart-order-comment .fieldset.order-comment > div { display: block; } 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: 500 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; background-color: transparent; padding: 0; margin-bottom: 20px; min-width: 100%; border-bottom: 1px solid #e1e1e1; } .brand-container .block-title > strong { font: 500 16px/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 #000000; 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 #e1e1e1; 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 #e1e1e1; 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 #e1e1e1; 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: #fc7070; color: #ffffff; border-color: #fc7070; } .brand-alphabet-list .char-item.active { background-color: #fc7070; color: #ffffff; border-color: #fc7070; } .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 #e1e1e1; margin-bottom: 20px; } .brand-alphabet-list .brand-list .label { display: inline-block; padding: 4px 12px; min-width: 100px; font-size: 18px; background-color: #000000; 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 #e1e1e1; 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 #e1e1e1; 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 #e1e1e1; 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: #fc7070; } /*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 #e1e1e1; 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: #fc7070; } .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 #e1e1e1; } @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; } .dd-account-subscriptions fieldset > .field { width: 48%; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/Dotdigitalgroup_Sms/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/Dotdigitalgroup_Sms/images/flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } .form-create-account .iti__flag-container, .form-address-edit .iti__flag-container, #connector-newsletter-form-validate .iti__flag-container { height: 32px; } /** * Common */ .klarna-payments-method-cell { display: table-cell; vertical-align: middle; } label.klarna-payments-method-cell > span { padding-left: 5px; } span.klarna-payments-method-cell > img { display: block; } /** * Desktop */ /** * Mobile */ .rewardssocial-buttons { order: -2; font-size: 11px; display: inline-block; width: 100%; line-height: 20px; margin-bottom: 10px; z-index: 2; position: relative; } .rewardssocial-buttons > div { margin-bottom: 5px; } .rewardssocial-buttons #facebook-message, .rewardssocial-buttons #facebook-share-message, .rewardssocial-buttons #twitter-message, .rewardssocial-buttons #referral-message, .rewardssocial-buttons #pinterest-message { display: none; position: absolute; background: #333; padding: 2px 5px; color: #fff; margin-top: -25px; } .rewardssocial-buttons .buttons-facebook-like:hover #facebook-message { display: block; } .rewardssocial-buttons .buttons-facebook-like .fb-like > span { width: 80px !important; height: 20px !important; } .rewardssocial-buttons .buttons-facebook-like .fb-like > span iframe { width: 100% !important; height: 100% !important; } .rewardssocial-buttons .buttons-pinterest-pin:hover #pinterest-message { display: block; } .rewardssocial-buttons .buttons-twitter-like:hover #twitter-message { margin-top: -50px; display: block; } .rewardssocial-buttons .buttons-referral-like > a { text-decoration: none; line-height: 18px; border-radius: 2px; padding: 0px 3px; font-weight: bold; color: #333; font-size: 11px; border: 1px solid #ccc; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); } .rewardssocial-buttons .buttons-referral-like:hover #referral-message { display: block; } .rewardssocial-buttons .fb_iframe_widget { margin-right: 10px; display: block; float: left; } .rewardssocial-buttons .mst-rewardssocial-tweet { margin-right: 10px; display: block; float: left; } .rewardssocial-buttons .referral { display: block; float: left; } .rewardssocial-buttons .status-message { float: left; margin-left: 10px; color: #666; } .rewardssocial-buttons .buttons-pinterest-pin > a { margin-right: 10px; float: left; } .rewards-notification-message { border-style: solid !important; border-width: 1px !important; min-height: 24px !important; padding: 8px 8px 6px 32px !important; color: #3d6611; border-color: #446423; background-color: #eff5ea; margin-bottom: 10px; } .rewards-notification-message li { margin-top: 2px; } .rewards-social-buttons { display: inline-block; float: left; } .rewards-social-buttons > .fb { position: relative; display: inline-block; margin-top: 0px; } .rewards-social-buttons > .tw { position: relative; display: inline-block; padding-top: 15px; } .rewards-social-buttons > .gp { position: relative; display: inline-block; margin-top: 5px; } .block-rewards-referral-list div.rewards-social-buttons { height: 20px; } .block-rewards-referral-list div.rewards-social-buttons div.tw { padding-top: 0px; position: relative; top: -2px; } .block-rewards-referral-list div.rewards-social-buttons div.fb { position: relative; top: -6px; } div.rewardssocial-buttons div.buttons-pinterest-pin, div.rewardssocial-buttons div.buttons-twitter-like { height: 20px; } div.rewardssocial-buttons div.buttons-facebook-like, div.rewardssocial-buttons div.buttons-pinterest-pin, div.rewardssocial-buttons div.buttons-referral-like { float: left; } div.rewardssocial-buttons div.buttons-twitter-like { float: left; margin-right: 10px; } div.rewardssocial-buttons div.buttons-twitter-like img { width: 20px; height: 20px; } div.rewardssocial-buttons div.buttons-fb-share { float: left; margin-right: 10px; height: 20px !important; } div.rewardssocial-buttons div.buttons-fb-share #rewards_fb_share { border-radius: 3px; font-size: 11px; height: 20px; padding: 0 10px 0 10px; background: #4267b2; border: 0px solid #4267b2; color: #fff; cursor: pointer; font-family: Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; margin: 0; -webkit-user-select: none; white-space: nowrap; display: inline-block; font-weight: bold; } div.rewardssocial-buttons div.buttons-fb-share #rewards_fb_share ._49vg { vertical-align: text-top; } div.rewardssocial-buttons div.buttons-fb-share #rewards_fb_share ._49vg img { margin-top: -10px; } div.rewardssocial-buttons div.buttons-fb-share #rewards_fb_share .title { vertical-align: top; } div.rewardssocial-buttons div.buttons-fb-share:hover #facebook-share-message { display: block; margin-top: -45px; } .green { color: #1AA941; } .red { color: #BB1212; } .yellow { color: #bbaa00; } .block-rewards-account-summary { margin-bottom: 2rem !important; border: none; } .block-rewards-account-summary .invite { background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Mirasvit_Rewards/images/referral.svg) no-repeat; background-size: contain; background-position: center; display: flex; justify-content: flex-end; height: 100%; } .block-rewards-account-summary .invite .column-referral { padding: 150px 50px; background: #f4f4f4; opacity: 0.9; border-radius: 6px; } .block-rewards-account-summary .unsubscribe { font-size: 14px !important; padding-top: 10px; } .block-rewards-account-summary .block-title.earn.subtitle > strong { font-weight: bold !important; } .block-rewards-account-summary .block-title.spend.subtitle > strong { font-weight: bold !important; } .block-rewards-account-summary .mst-referral-widget { text-align: center; } .block-rewards-account-summary .mst-referral-widget .block-title { font-size: 34px !important; } .block-rewards-account-summary .mst-referral-widget .block-content .block .block-content > span { font-size: 20px; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper { margin: 2rem auto; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper > strong { font-size: 20px; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper .buttons-set { text-align: right; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper .buttons-set > button { background: #eeeeee; border: solid 1px #cccccc; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper .buttons-set > button > span { color: #41362f; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper .field-name-lastname { text-align: left; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper .field-name-lastname > span { font-size: 20px; text-align: left; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper > table > thead { padding-bottom: 0; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper > table > tbody > tr > td { border-top: none; padding: 0 10px 6px; } .block-rewards-account-summary .mst-referral-widget .block-content .table-wrapper > table > tbody > tr > td ::-webkit-input-placeholder { color: #cccccc; } .block-rewards-account-summary .order-details-items .invitations { border: none; } .rewards-notification-block { list-style-type: none; padding: 0; background: #ecfdff; } .rewards-notification-block > li { padding: 1rem; } .rewards-referral-link { font-weight: 600; } .link.rewards .counter { color: #7d7d7d; white-space: nowrap; } .link.rewards .counter:before { content: "("; } .link.rewards .counter:after { content: ")"; } .mst-rewards-logo { height: 14px; } .mst-rewards-account-amount-wrapper { display: flex; align-items: flex-end; margin-bottom: 25px; } .mst-rewards-account-amount-wrapper .mst-rewards-account-amount { display: flex; align-items: flex-end; } .mst-rewards-account-amount-wrapper .mst-rewards-account-amount .points { font-size: 36px; font-weight: bold; line-height: 36px; } .mst-rewards-account-amount-wrapper .mst-rewards-account-amount .unit { color: #6d6d6d; margin-left: 5px; } .mst-rewards-account-amount-wrapper .mst-rewards-account-amount > img { height: 28px; } .mst-rewards-account-amount-wrapper .mst-rewards-account-subtitle { font-size: 16px; margin-bottom: 10px; font-weight: 600; } .mst-rewards-account-amount-wrapper .mst-rewards-logo { height: 36px; margin-left: 15px; } .form-discount .checkbox-group { margin-bottom: 10px; } .rewards-message-block { float: left; display: inline-block; width: 100%; } .rewards__checkout-cart-usepoints { margin-bottom: 1.5rem; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout #points_amount { border: 0; border-bottom: 1px solid silver; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout #points_amount:focus { border-bottom: 1px solid black; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout #points_amount:focus + label, .rewards__checkout-cart-usepoints.magestore-onepagecheckout #points_amount:valid + label { top: -12px; font-size: 12px; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout .button { background-color: black; color: white; margin: 5px; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout .input-box { position: relative; } .rewards__checkout-cart-usepoints.magestore-onepagecheckout .input-box label { position: absolute; top: 5px; color: #898989; } .rewards__checkout-cart-usepoints .input-box { position: relative; } .rewards__checkout-cart-usepoints .input-box label { position: absolute; top: 5px; left: 3px; color: #898989; } .rewards__checkout-cart-usepoints #points_amount:focus + label, .rewards__checkout-cart-usepoints #points_amount:valid + label { top: -18px; font-size: 12px; } .rewards__checkout-cart-usepoints .discount-form p { margin-bottom: 15px; } .rewards__checkout-cart-usepoints .discount-form .buttons-container { margin-top: 5px; } .rewards__checkout-cart-usepoints .discount-form .checkbox-group { clear: both; padding-top: 10px; } .rewards__checkout-cart-usepoints .amount { display: table; width: 100%; margin-bottom: .5rem; } .rewards__checkout-cart-usepoints .amount .field { display: table-cell; } .rewards__checkout-cart-usepoints .amount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .rewards__checkout-cart-usepoints .amount .actions-toolbar button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .rewards__checkout-cart-usepoints label.magestore-onestepcheckout-lab-fix { top: -2px !important; left: inherit; font-size: 14px !important; color: #898989 !important; } .rewards__checkout-cart-usepoints .magestore-onestepcheckout-button-fix { padding: 0 5px; width: 105px; height: 35px; background-color: black !important; } .rewards__checkout-cart-usepoints .magestore-onestepcheckout-button-fix span { color: white; } .checkbox-group label span.checkout-rewards-all-block { position: inherit; margin-left: 25px; } .checkbox-group label span.checkout-rewards-all-block span { position: inherit; display: inline-block; } .checkbox-group label span.checkout-rewards-all-block b { position: inherit; } .aw-onestep-sidebar-block .actions-toolbar.rewards-buttons-block { max-width: inherit !important; } .aw-onestep-sidebar-block .actions-toolbar.rewards-buttons-block .primary button { width: 49% !important; } .checkout-payment-method .payment-option-content .actions-toolbar.rewards-checkout-buttons-block { display: inline; width: inherit; } .checkout-payment-method .payment-option-content .actions-toolbar.rewards-checkout-buttons-block .button { margin-right: 10px; } .catalog-product-view .rewards__product-points { display: inline-block; font-size: 12px; color: #F96B25; } .catalog-product-view .rewards__product-points .price { font-size: 12px !important; line-height: 1em !important; } .product-items .product-item-info .rewards__product-points { font-size: 12px; color: #000; margin-top: -10px; } .product-items .product-item-info .rewards__product-points .price { font-size: 12px; color: #F96B25; } .rewards__product-earn-points.rewards__product-points .points-loader.loader { position: absolute; height: 17px; } .block-products-list .rewards__product-points { margin-top: -2rem; margin-bottom: 2rem; } .product-info-main .product-info-price { position: relative; } .product-info-main .product-info-price .rewards__product-points .price { font-size: 12px; color: #F96B25; } .product-info-main .product-info-price .product-info-stock-sku .stock { margin-top: 15px; } #amasty-shopby-product-list .product-item-details .rewards__product-points, .widget-product-grid .product-item-details .rewards__product-points { display: block; width: 100%; margin-top: 0px; font-size: 12px; color: #F96B25; } #amasty-shopby-product-list .product-item-details .rewards__product-points .price, .widget-product-grid .product-item-details .rewards__product-points .price { font-size: 12px; color: #F96B25; } .block-referral { width: 100%; text-align: center; margin-top: 25px; } .block-referral li { list-style-position: inside; } .block-title.earn.subtitle { margin-top: 25px; padding-top: 10px; } .block-content.dashed-border { border: 1px dashed #cccccc; padding: 5px; margin-bottom: 20px; } .block-rewards-account-summary .table-wrapper.orders-recent { border: none; } .rewards-account-share div.rewards-social-buttons { height: 20px; } .rewards-account-share div.rewards-social-buttons div.fb { top: 0px !important; float: left; } .rewards-account-share div.rewards-social-buttons div.fb .fb-like > span { height: 20px !important; } .rewards-account-share div.rewards-social-buttons div.fb .fb-like > span iframe { height: 20px !important; } .rewards-account-share div.rewards-social-buttons div.tw { top: 0px !important; height: 20px !important; float: left; margin-left: 4px; } .mst__expiring-points { margin-bottom: 1rem; } .mst__referral-widget { margin: 10px 0 25px 0; } .mst__referral-widget .mst__referral-widget-items { display: flex; flex-wrap: wrap; margin-top: 10px; grid-gap: 25px; align-items: center; } .rewards-account__tiers { margin-bottom: 3rem; } .rewards-account__tiers .tier-progress-bar { margin-top: 5rem; margin-bottom: 5rem; margin-left: 3rem; margin-right: 3rem; position: relative; height: 1.1rem; background: #ccc; border-radius: 100px; } .rewards-account__tiers .tier-progress-bar .points { width: auto; display: flex; justify-content: space-between; } .rewards-account__tiers .tier-progress-bar .points .tier-point { width: 2rem; height: 2rem; background: #ccc; border-radius: 100%; margin-top: -.5rem; position: relative; z-index: 1; } .rewards-account__tiers .tier-progress-bar .points .tier-point.closed { background: #fe5503; } .rewards-account__tiers .tier-progress-bar .points .tier-point .tier-logo { position: absolute; left: 50%; top: -6rem; color: #727272; margin-left: -1.5rem; width: 3rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rewards-account__tiers .tier-progress-bar .points .tier-point .label { position: absolute; left: 0; top: -3rem; color: #727272; font-weight: bold; font-size: 1.2rem; margin-left: -4.5rem; width: 11rem; text-align: center; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rewards-account__tiers .tier-progress-bar .points .tier-point .label[data-description]:hover { text-decoration: underline; cursor: pointer; } .rewards-account__tiers .tier-progress-bar .points .tier-point .number { position: absolute; left: 0; top: 2.5rem; margin-left: -3rem; width: 8rem; text-align: center; } .rewards-account__tiers .tier-progress-bar .points .tier-point .number > span { display: inline-block; background: #fe5503; color: #fff; border-radius: 12px; font-size: 1.1rem; padding: 0.1rem .5rem; white-space: nowrap; } .rewards-account__tiers .tier-progress-bar .closers { width: auto; display: flex; justify-content: space-between; } .rewards-account__tiers .tier-progress-bar .closers .closer { position: absolute; left: 0; top: .3rem; height: .5rem; padding: 0 2px; box-sizing: border-box; } .rewards-account__tiers .tier-progress-bar .closers .closer .progress { height: .5rem; background: #fe5503; } .rewards-account__tiers .to-next { margin-top: .5rem; text-align: center; font-size: 1.2rem; color: #666; margin-bottom: 0; } .rewards-account__tiers .to-next .open-popup { color: #727272; cursor: pointer; } .amcheckout-delivery-date .field { float: left; box-sizing: border-box; padding-top: 4px; width: 100%; } .amcheckout-delivery-date .field.comment { width: 100%; } .amcheckout-delivery-date .field.datepicker, .amcheckout-delivery-date .field.timepicker { display: flex; align-items: center; justify-content: space-between; } .amcheckout-delivery-date .field.datepicker .control, .amcheckout-delivery-date .field.timepicker .control { flex: none; width: 60%; } .amcheckout-delivery-date .field.datepicker .control .ui-datepicker-trigger { margin-left: 7px; } .amcheckout-delivery-date .field .label { display: block; margin: 12px 0; } .amcheckout-delivery-date .clearer, .amcheckout-delivery-date .field.downloads .field.choice { clear: both; } .amcheckout-delivery-date .field._required > .label:after { margin: 0 0 0 5px; color: #e02b27; content: '*'; font-size: 1.2rem; } .page-main .block.block-order-details .delivery { float: right; font-weight: 600; } .page-main .block.block-order-details .delivery .delivery-field { float: left; margin-left: 12px; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .opc-block-summary .vertex-message td, .cart-summary .vertex-message td { padding: 0; border-top: none; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .form-address-edit .actions-toolbar .vertex-update-address { margin-top: 10px; } .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } .extend_1, .owl-carousel.products .owl-controls .owl-nav .owl-prev, .owl-carousel.products .owl-controls .owl-nav .owl-next, .owl-carousel.products .owl-controls .owl-dot { cursor: pointer; cursor: hand; user-select: none; font-size: 0; } .products.products-grid, .custom-slider { position: relative; padding: 0 0 20px; } .owl-carousel.products { display: none; width: 100%; position: relative; z-index: 0; } .owl-carousel.products .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel.products .owl-animated-in { z-index: 0; } .owl-carousel.products .owl-animated-out { z-index: 1; } .owl-carousel.products .fadeOut { animation-name: fadeOut; } .owl-carousel.products .owl-stage { position: relative; } .owl-carousel.products .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel.products .owl-stage-outer { position: relative; overflow: hidden; padding: 20px 0; } :root .catalog-product-view .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev { width: 40px !important; top: 0 !important; left: 0 !important; background: none transparent !important; } :root .catalog-product-view .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev:hover { background: none transparent !important; } :root .catalog-product-view .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next { width: 40px !important; top: 0 !important; right: 0 !important; background: none transparent !important; } :root .catalog-product-view .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next:hover { background: none transparent !important; } .owl-carousel.products.owl-loaded { display: block; } .owl-carousel.products.owl-loading { opacity: 0; display: block; } .owl-carousel.products.owl-hidden { opacity: 0; } .owl-carousel.products .owl-item { position: relative; min-height: 1px; float: left; user-select: none; } .owl-carousel.products .owl-item img { display: block; width: 100%; transform-style: preserve-3d; } .owl-carousel.products .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel.products .owl-item .product-item { width: 100% !important; margin: 10px; } .owl-carousel.products .owl-grab { cursor: move; cursor: grab; } .owl-carousel.products.owl-rtl { direction: rtl; } .owl-carousel.products.owl-rtl .owl-item { float: right; } .owl-carousel.products .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel.products .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_fashion/en_US/Mageplaza_Core/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel.products .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel.products .owl-video-playing .owl-video-tn { display: none; } .owl-carousel.products .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel.products .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel.products .owl-video-frame { position: relative; z-index: 1; } .owl-carousel.products .owl-refresh .owl-item { display: none; } .owl-carousel.products.owl-text-select-on .owl-item { user-select: auto; } .owl-carousel.products .banner-item .content_slider { position: absolute; top: 25%; left: 50px; width: calc(100% - 120px); z-index: 1; color: #ffffff; } .owl-carousel.products .banner-item .content_slider .banner-title { width: 100%; color: #ffffff; font-size: 32px; text-transform: uppercase; text-align: center; display: inline-block; clear: both; } .owl-carousel.products .banner-item .content_slider .banner-description { width: 100%; clear: both; display: inline-block; text-align: center; padding: 15px 0; } .owl-carousel.products .banner-item .content_slider .buttons { width: 100%; clear: both; display: inline-block; text-align: center; } .owl-carousel.products .banner-item .content_slider .buttons a.action.primary { margin: 10px; } .owl-carousel.products .banner-item .content_slider .buttons .custom_content { margin: 10px 0 0; text-align: center; } .owl-carousel.products .product-item-details { float: left; width: 100%; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-theme.owl-carousel .owl-controls .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme.owl-carousel .owl-controls .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; border: 1px solid #d6d6d6; background: white; 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-carousel .owl-controls .owl-dot:hover span { background: #000000; } .owl-theme.owl-carousel .owl-controls .owl-dot.active span { background: #000000; border: 1px solid #000000; } .owl-theme.owl-carousel .product .price-container .price { padding-right: 3px; } .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #ffffff; font-size: 0px; margin: calc(-@size / 2) 0 0; padding: 0; background: rgba(255, 255, 255, 0.5); display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: 50%; width: 40px; height: 40px; text-indent: 100%; overflow: hidden; } [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-] { background: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: 15px; } [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: -55px; font-size: 0; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:before { position: absolute; top: 8px; left: 6px; z-index: 1; width: 26px; height: 25px; content: ""; background-color: black; text-indent: 0; border-top: none; transform: rotate(360deg); -webkit-mask-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/WeltPixel_OwlCarouselSlider/images/arrow.svg); mask-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/WeltPixel_OwlCarouselSlider/images/arrow.svg); } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:after { border-top: none; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: 15px; } [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: -55px; font-size: 0; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:before { position: absolute; top: 8px; left: 7px; z-index: 1; width: 26px; height: 25px; content: ""; background-color: black; border-top: none; transform: rotate(180deg); -webkit-mask-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/WeltPixel_OwlCarouselSlider/images/arrow.svg); mask-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/WeltPixel_OwlCarouselSlider/images/arrow.svg); } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:after { border-top: none; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #000000; color: #ffffff; text-decoration: none; } [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: transparent; color: #000000; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { background-color: #ffffff; } [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, [class*=owl-carousel-products-] .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { border-color: #000000; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots { position: absolute; width: 100%; bottom: 20px; } [class*=owl-carousel-products-] .owl-theme .owl-dots { position: relative; bottom: -20px; } .owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:before, .owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:after { background: #000000; } .no-js .owl-carousel { display: block; } #pre-div-ajax { position: relative; top: 80px; } #pre-div { background-color: #ffffff; bottom: 0; height: 100%; width: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 10000; } #pre-div .cssload-loader { position: relative; left: calc(50% - 31px); top: calc(50% - 31px); width: 62px; height: 62px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; perspective: 780px; } #pre-div .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #pre-div .cssload-inner.cssload-one { left: 0%; top: 0%; animation: cssload-rotate-one 1.15s linear infinite; -o-animation: cssload-rotate-one 1.15s linear infinite; -ms-animation: cssload-rotate-one 1.15s linear infinite; -webkit-animation: cssload-rotate-one 1.15s linear infinite; -moz-animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 3px solid #000000; } #pre-div .cssload-inner.cssload-two { right: 0%; top: 0%; animation: cssload-rotate-two 1.15s linear infinite; -o-animation: cssload-rotate-two 1.15s linear infinite; -ms-animation: cssload-rotate-two 1.15s linear infinite; -webkit-animation: cssload-rotate-two 1.15s linear infinite; -moz-animation: cssload-rotate-two 1.15s linear infinite; border-right: 3px solid #000000; } #pre-div .cssload-inner.cssload-three { right: 0%; bottom: 0%; animation: cssload-rotate-three 1.15s linear infinite; -o-animation: cssload-rotate-three 1.15s linear infinite; -ms-animation: cssload-rotate-three 1.15s linear infinite; -webkit-animation: cssload-rotate-three 1.15s linear infinite; -moz-animation: cssload-rotate-three 1.15s linear infinite; border-top: 3px solid #000000; } #pre-div .catalog-product-view .product-items .product-item-actions .actions-secondary { display: inline-block !important; } #pre-div .catalog-product-view .product-items .product-item-actions .action.tocompare { position: absolute !important; right: 0 !important; } #pre-div .catalog-product-view .product-items .product-item-actions .action.towishlist { position: absolute !important; left: 0 !important; } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-one { 0% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-one { 0% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-one { 0% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-two { 0% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-two { 0% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-two { 0% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-three { 0% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-three { 0% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-three { 0% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } .catalog-product-view.theme-pearl .column.main .block-content.content .block-actions .action.select { font-size: 18px; } .catalog-product-view .column.main .block-content.content .block-actions .action.select { margin-left: 10px; } .catalog-product-view .column.main .products-grid.products-related .product-item .product-item-info .product-item-details .field.choice.related { width: 80px; margin: 0 auto; float: none; position: static; } /* Mixins */ .css-code-ie-edge { /* IE10+ Edge CSS styles go here */ } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 5px; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e608" !important; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { overflow: visible !important; right: 30px !important; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 42px; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; left: 45px; } .css-code-ie-edge [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento { right: -55px !important; } .css-code-ie-edge .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before { background: transparent !important; color: #fff !important; } .css-code-ie-edge [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::before, .css-code-ie-edge [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::after { color: black !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ Edge CSS styles go here */ .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 5px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e608" !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { overflow: visible !important; right: 30px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 42px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; left: 45px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento { right: -55px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before { background: transparent !important; color: #fff !important; } [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::before, [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::after { color: black !important; } } @supports (-ms-ime-align:auto) { /* IE10+ Edge CSS styles go here */ .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 5px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e608" !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { overflow: visible !important; right: 30px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next::before { content: "\e7a4" !important; font-size: 41px !important; line-height: 23px !important; background: transparent; color: black; left: 42px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev.icon-angle-left-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento::before { content: "\e617" !important; font-family: "luma-icons"; font-size: 22px !important; line-height: 24px !important; left: 45px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next.icon-angle-right-magento { right: -55px !important; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before { background: transparent !important; color: #fff !important; } [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::before, [class*=owl-carousel-product].owl-theme .owl-controls .owl-nav [class*=owl-]:hover::after { color: black !important; } } .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; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 50%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 50%; } .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 #dbdbdb; 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 #dbdbdb; margin: 0 0 40px; padding: 10px 0 0; } .fotorama-video-container:after { background: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/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_drug_pharmacy/en_US/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_drug_pharmacy/en_US/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; } /*.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;} */ .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 #dbdbdb; clear: left; margin: 0 0 40px; padding-top: 20px; } .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: #999999; 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: #cccccc; 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 #999999; } .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: #999999; background-color: transparent; border-color: #999999; 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: #999999; 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: #999999; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 15px; padding-right: 15px; } .cart-summary { background: #ffffff; box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cart.table-wrapper { margin-bottom: 0; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; padding-top: 0; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #dbdbdb; 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 #dbdbdb; clear: left; } #block-discount { border: 1px solid #dbdbdb; border-radius: 5px; margin-top: 20px; padding: 20px; } #block-discount .content { box-shadow: none; } #block-discount button, #block-discount input { height: 41px; } #block-discount > .title { border-color: #dbdbdb; border-top: 0; } #block-discount > .title strong { border-bottom: 0; } .cart-empty { padding-left: 15px; padding-right: 15px; } .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; } } .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: #3b3b3b; } .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 16px/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: #3fb0f2; text-decoration: none; } .minicart-wrapper .block-minicart a:active { color: #3fb0f2; 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: #3fb0f2; } .minicart-wrapper .action.showcart { white-space: nowrap; display: inline-block; vertical-align: middle; border: 0px solid; color: #ffffff; border-color: #e7e7e7; background: #67696c; } .minicart-wrapper .action.showcart:before { padding: 7px 10px; min-height: 41px; display: inline-block; vertical-align: top; width: 40px; content: ''; border-right: 0px solid #e7e7e7; background-color: transparent; background-image: url("../../frontend/Codazon/fastest_drug_pharmacy/en_US/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: #FCB040; 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 #e7e7e7; 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 #e7e7e7; } .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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } .opc-wrapper .step-title { border-bottom: 1px solid #dbdbdb; } .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 #dbdbdb; border-top: 1px solid #dbdbdb; 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 #dbdbdb; 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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } .opc-block-summary { background-color: #ffffff; padding: 20px; box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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 #dbdbdb; 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 #dbdbdb; 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 #dbdbdb; padding: 10px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #121212; display: inline-block; text-decoration: none; font: 500 18px/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; } .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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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 #dbdbdb; } .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-options-item { border-bottom: 1px dashed #dbdbdb; padding-bottom: 15px; } .filter-options-item:last-child { border-bottom: 0; } .filter-options-title { cursor: pointer; margin: 0; overflow: hidden; padding: 15px 40px 0 0; position: relative; text-transform: uppercase; word-break: break-all; z-index: 1; color: #121212; font: 400 14px/1.55 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; display: block; text-decoration: none; } .filter-options-title: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 { position: absolute; right: 0; top: 18px; } .filter-options-title:hover { color: #000000; } .active > .filter-options-title:after { content: '\e621'; } .rtl-layout .filter-options-title { padding: 15px 0 0 40px; } .rtl-layout .filter-options-title:after { right: auto; left: 0; } .filter-options-content { margin: 0; padding: 10px 0; } .filter-options-content ol, .filter-options-content ul { padding-left: 0; margin-bottom: 0; } .filter-options-content .item { margin: 10px 0; line-height: 1.5em; } .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; } .rtl-layout .filter-options-content .item:before { content: '\f104'; } .filter-options-content 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 { color: #3fb0f2; text-decoration: none; } .filter-options-content a:hover .price { color: #3fb0f2; } .filter-options-content .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; } .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: #dbdbdb; 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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } .review-form .action.submit.primary:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: #999999; font: 400 13px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-size: 90%; text-transform: uppercase; } .product-reviews-summary .reviews-actions a { color: #999999; text-decoration: none; } .product-reviews-summary .reviews-actions a:visited { color: #999999; text-decoration: none; } .product-reviews-summary .reviews-actions a:hover { color: #3fb0f2; text-decoration: none; } .product-reviews-summary .reviews-actions a:active { color: #3fb0f2; 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: #f2f2f2; border: 1px solid #dbdbdb; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a { background: #f2f2f2; color: #999999; border: 1px solid #dbdbdb; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a:hover { background: #f2f2f2; text-decoration: none; } .order-details-items { border: 1px solid #dbdbdb; background: #ffffff; margin-bottom: 20px; padding: 10px; } .order-details-items .order-title { border-bottom: 1px solid #dbdbdb; 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 #dbdbdb; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #dbdbdb; } .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 #dbdbdb; } .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 #999999; } .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: #999999; display: block; } .block-collapsible-nav .item a { color: #999999; text-decoration: none; } .block-collapsible-nav .item a:visited { color: #999999; text-decoration: none; } .block-collapsible-nav .item a:hover { color: #121212; text-decoration: none; } .block-collapsible-nav .item a:active { color: #121212; text-decoration: none; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: #999999; color: #121212; font-weight: 600; } .block-collapsible-nav .item.current a { border-color: #999999; } body { background-color: #ffffff; } .ie9 .page-wrapper { background-color: #ffffff; min-height: 0; } .page-header { background-color: #ffffff; /*border-bottom: 1px solid @border-color__base;*/ } .page-header .panel.wrapper { background-color: #4f5053; color: #cccccc; } .header.panel { font: 400 13px/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 13px/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: #cccccc; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #cccccc; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #cccccc; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #cccccc; 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 13px/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 #999999; 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 #dbdbdb; } .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 #dbdbdb; } .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 #dbdbdb; } .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; } .account .amcard-codes-list .table-wrapper:last-child { margin-bottom: 20px; } .account .amcard-codes-list .messages { margin-bottom: 0; } .amcard-codes-list .amgiftcard-check, .amcard-field-container .amgiftcard-check, .amcard-codes-list .action-apply-gift, .amcard-field-container .action-apply-gift { display: inline; } .amcardacc-template-container .amcard-codes-list, .amcardacc-template-container .amcard-field-container { max-width: 360px; } .amcard-codes-list.-cart, .amcard-field-container.-cart { max-width: 500px; } .amcard-codes-list.-paypal, .amcard-field-container.-paypal { margin: 20px 0; } .amcard-codes-list .table .action, .amcard-field-container .table .action, .amcard-codes-list .amcard-delete, .amcard-field-container .amcard-delete { align-self: flex-start; background: none; border: none; box-shadow: none; color: #006bb4; cursor: pointer; padding: 0; position: relative; } .amcard-codes-list .table .action:hover, .amcard-field-container .table .action:hover, .amcard-codes-list .amcard-delete:hover, .amcard-field-container .amcard-delete:hover, .amcard-codes-list .table .action:focus, .amcard-field-container .table .action:focus, .amcard-codes-list .amcard-delete:focus, .amcard-field-container .amcard-delete:focus { text-decoration: underline; } .amcard-codes-list .amcard-check, .amcard-field-container .amcard-check, .amcard-codes-list .action-apply-gift .amcard-button, .amcard-field-container .action-apply-gift .amcard-button { margin-top: 10px; background: #3fb0f2; border: 1px solid #3fb0f2; box-shadow: none; color: #ffffff; cursor: pointer; padding: 10px 15px; position: static; } .amcard-codes-list .amcard-check:hover, .amcard-field-container .amcard-check:hover, .amcard-codes-list .action-apply-gift .amcard-button:hover, .amcard-field-container .action-apply-gift .amcard-button:hover, .amcard-codes-list .amcard-check:focus, .amcard-field-container .amcard-check:focus, .amcard-codes-list .action-apply-gift .amcard-button:focus, .amcard-field-container .action-apply-gift .amcard-button:focus { text-decoration: none; color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .amcard-codes-list .amcard-list-btn-container, .amcard-field-container .amcard-list-btn-container { display: inline-block; padding: 0 10px; } .amcard-codes-list .amcard-list-btn-container:not(:last-child), .amcard-field-container .amcard-list-btn-container:not(:last-child) { border-right: 2px solid #cccccc; } .amcard-field-block.-code { margin-top: 10px; } .amcard-field-block .amcard-button { font-weight: 600; transition: opacity 0.3s ease-out; } .amcard-field-block .amcard-button:hover { opacity: .9; } .amcard-field-block .amcard-button.-account { background: #3a77bd; color: #ffffff; } .amcard-field-block .amgcard-datalist-container + .amcard-button { align-self: flex-start; line-height: 16px; } .amcard-card-info { background: #e8f6ff; display: flex; margin-bottom: 10px; padding: 10px; } .amcard-card-info .amcard-field:not(:last-child) { margin-right: 20px; } .amcardacc-messages-container { display: none; } .amcardacc-messages-container.-visible { display: block; } .amcard-form-container .amcard-field.-validate { opacity: 0; position: absolute; width: 0; } .amgcard-datalist-container { position: relative; width: 100%; } .amgcard-datalist-container.-active .amgcard-datalist-ul { display: block; } .amgcard-datalist-container .amcard-input-arrow:after { border: 6px solid transparent; border-color: #333333 transparent transparent transparent; content: ''; height: 0; position: absolute; right: 10px; top: 14px; width: 0; } .amgcard-datalist-container.-active .amcard-input-arrow:after { border-color: transparent transparent #333333 transparent; top: 7px; } .amgcard-datalist-container .amcard-datalist-message { font-style: italic; } .amgcard-datalist-container .amcard-field.-datalist { height: 32px; } .amgcard-datalist-ul { background: #ffffff; border-radius: 2px; display: none; left: 0; list-style: none; margin: 5px 0 0 0; max-height: 200px; overflow: hidden; overflow-y: auto; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 10; } .amgcard-datalist-ul .amcard-datalist-li { color: #333333; cursor: pointer; display: block; margin-bottom: 0; padding: 6px 10px; transition: background-color 0.3s ease-in; } .amgcard-datalist-ul .amcard-datalist-li:hover { background-color: rgba(239, 239, 239, 0.9); } .cart-discount #amgiftcard-block-discount { border-radius: 5px; margin-top: 20px; padding: 20px; } .cart-discount .block .amcard-title { text-transform: uppercase; padding-bottom: 15px; padding-left: 20px; margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: top; border-bottom: 3px solid #282828; border: none; font: 500 18px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; } .cart-discount .block .amcard-field-block.-code { padding-left: 20px; } .cart-discount .block .amcard-check { margin-left: 20px; } .cart-discount .block .amcard-button { margin-top: 10px; background: #3fb0f2; border: 1px solid #3fb0f2; box-shadow: none; color: #ffffff; cursor: pointer; padding: 10px 15px; position: static; } .cart-discount .block .amcard-button:hover, .cart-discount .block .amcard-button:focus { text-decoration: none; color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .cart-discount .block .amcard-field.-datalist { height: 40px; } .cart-discount .block .amcard-codes-list { padding-left: 20px; } /* ============================================ * * 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: #FCB040; 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; z-index: 100; background: #FCB040; 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.cart-item-qty { width: 50px; height: 41px; } .cart-items .item .hover-sec .details-qty button { position: absolute; top: 23px; right: 5px; z-index: 3; height: 41px; } .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: 120px; 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: #FCB040; } .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 .footer-cart-actions #footer-cart-btn-cart { display: none !important; } ul.cdz-product-labels { position: absolute; top: 10px; right: 10px; z-index: 100; } ul.cdz-product-labels li.label-item { width: 40px; height: 40px; border-radius: 100%; background: #46b8f5; z-index: 10000; list-style: none; color: #FFF; display: table; font-size: 11px; text-transform: uppercase; font-weight: 600; text-shadow: 0 2px 1px #717171; margin-bottom: 5px; } ul.cdz-product-labels li.label-item .label-content { display: table-cell; vertical-align: middle; text-align: center; } ul.cdz-product-labels li.label-item.sale { background-color: #FCB040; } /*@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: #3b3b3b; } .old-price { margin-left: 10px; color: #3fb0f2; } .old-price .price { color: #3fb0f2; } .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 16px/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 16px/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: #999999; font: 400 13px/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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -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; } .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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; padding: 20px; margin-bottom: 40px; float: left; } .product-main-content { background: #ffffff; box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -webkit-box-shadow: 0px 0px 1px #8c8686; -o-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; text-transform: initial; color: #121212; } .product-info-main .product.attribute.sku, .product-info-main .product.attribute.sku { color: #999999; font: 400 13px/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 22px/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 22px/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, .product-info-main .stock.unavailable { color: #3fb0f2; font: 400 13px/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-info-main .product-social-links .fa-facebook { color: #3c5a99; } .product-info-main .product-social-links .fa-twitter { color: #38A1F3; } .product-info-main .product-social-links .fa-google-plus { color: #DD4B39; } .product-info-main .product-social-links .fa-pinterest-square { color: #BD081C; } .oos-button { width: 100%; margin-bottom: 30px !important; line-height: 2.2rem !important; padding: 14px 17px !important; font-size: 1.8rem !important; } .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: #3fb0f2; text-decoration: none; } .product-social-links a:active { color: #3fb0f2; 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 #dbdbdb; } .table-comparison .cell { width: 180px; padding: 15px; border: 1px solid #dbdbdb; } .table-comparison .cell .attribute.value { width: 100%; overflow: hidden; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #dbdbdb; } .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 13px/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 #dbdbdb; -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: #3fb0f2; border-color: #3fb0f2; 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-info-main .product-reviews-summary { float: left; clear: left; } .product-info-main .product-reviews-summary .rating-summary { margin-right: 2px; } .rating-summary .rating-result:before { color: #999999; } .rating-summary .rating-result > span:before { color: #FCB040; } .review-control-vote label::before { color: #FCB040; } .fotorama__thumb { background: none; } .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: #3fb0f2; border: 1px solid #3fb0f2; 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 #3fb0f2; color: #3fb0f2; } .block-event .slider-panel .slider .item .action.event:hover { background: #ffffff; border: 1px solid #3fb0f2; color: #3fb0f2; } .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: 769px) { .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: 768px) { .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 #dbdbdb; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #dbdbdb; padding: 10px 40px 10px 15px; 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; } .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: 15px; padding-right: 15px; } .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: #3fb0f2; 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: #3fb0f2; 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: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: 30px; } .product-style07 .product-buttons-inner button.tocart.primary:hover { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: 400 14px/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: #3fb0f2; border-color: #ebebeb; font: 400 14px/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"; } .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-title { margin-bottom: 20px; } .cdz-block-title .b-title { padding: 0 0 15px; min-width: 0; font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; } .cdz-block-title .b-title strong { font-size: 100%; } /*Block Sidebar*/ .page-main .sidebar .block:not(.block-static-block) .block-title { font: 400 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; font-weight: 600; border-bottom: 0; } .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 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif; border: 1px solid #999999; background: #f2f2f2; 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: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .product.data.items > .item.title.active > .switch, .tabs-list.product.data.items > .item.title.active > .switch { color: #3fb0f2; background-color: #ffffff; border-color: #3fb0f2; } .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: #dbdbdb; -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: #222222; background-color: #f2f2f2; border-color: #222222; } .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: #f2f2f2; color: #222222; background-color: #f2f2f2; border-color: #222222; } .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: #f2f2f2; } .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: #3fb0f2; border-color: #3fb0f2; } 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 #dbdbdb; 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: #3fb0f2; border-color: #3fb0f2; } 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; } .page-header .logo { float: none; display: inline-block; vertical-align: top; width: 100%; text-align: center; max-width: 100%; padding: 0 90px 0 50px; margin: 0 0 10px; min-height: 40px; z-index: 1; } .page-header .logo .small-logo { display: inline-none; vertical-align: top; margin: 10px 0; } .page-header .logo .main-logo { display: block; text-align: center; margin: 0 auto; } .rtl-layout .page-header .logo { padding: 0 50px 0 90px; } .page-header .search-wrapper { display: none; } .header-wrapper-middle { padding: 0 15px 15px; } .header-wrapper-middle .mobile-search-wrapper .mobile-search-form-container input[type="text"] { border: 1px solid #b9b9b9; border-radius: 0; } .header-wrapper-middle .mobile-search-wrapper .mobile-search-form-container .action.search:before { color: #093c71; } .mobile-search-wrapper .block-search .control { background: #ffffff; } .mobile-search-wrapper .mobile-search-content { display: block; } .mobile-search-wrapper .mobile-search-content .mobile-search-icon { display: none; } .mobile-search-wrapper .mobile-search-form-container { display: block; } .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; } .mobile-search-wrapper .mobile-search-form-container .action.search:before { color: #282828; } .mobile-search-wrapper .searchsuite-autocomplete { right: 0; left: 0; } .minicart-wrapper { margin: 0; position: static; } .minicart-wrapper .action.showcart { position: absolute; top: 10px; right: 15px; z-index: 5; } .rtl-layout .minicart-wrapper .action.showcart { right: auto; left: 15px; } .minicart-wrapper .action.showcart { background: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #4f5053; } .minicart-wrapper .action.showcart:before { background: transparent; 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: 18px; padding: 0; line-height: 40px; text-align: center; } .search-wrapper { display: none; } .header-wrapper-bottom { background: transparent; } .page-header { border-bottom: 0; } .nav-toggle:before, .nav-toggle span:after, .nav-toggle span:before { background: #093c71; } .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; } .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; } .bottom-footer-wrapper #siteseal { display: block; width: 300px; float: none; margin: 10px auto 0; } .cms-contacts .contact { width: 100%; } .cms-contacts .contact .title, .cms-contacts .contact .content { width: 100%; text-align: center; margin-left: 0; } .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; } .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 #dbdbdb; } .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 #dbdbdb; 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; } 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; } }*/ .marketplace-index-index .wk-marketplace-label { text-transform: uppercase; color: #adadad; } .marketplace-index-index .wk-mp-landing-about h1 { text-transform: uppercase; font-size: 16px; } .marketplace-index-index .wk-mp-banner-container { width: 100%; } .marketplace-index-index .wk-mp-landing-sellers-wraper { width: 47%; margin: 0 2% 2% 0; } .marketplace-index-index .wk-mp-landing-sellers-wraper.wk_last_seller { margin-right: 0; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img1 > a { width: 50%; float: left; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img1 > a > img { width: 100%; } .marketplace-index-index .wk-mp-landing-sellers-wraper .wk-mp-landing-sellers-img2 { width: 100%; } .marketplace-index-index .wk-mp-icon-wraper { width: 48%; margin-bottom: 20px; } .marketplace-index-index .wk-mp-icon-wraper .wk-marketplace-label-span { font-size: 1.1em; } .marketplace-index-index .wk-mp-icon-wraper .wk-mp-icon { width: 50px; height: 50px; line-height: 50px; } .marketplace-index-index .wk-mp-icon-wraper .wk-mp-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: '\f007'; font-size: 20px; line-height: 50px; } .marketplace-index-index .wk-mp-banner .wk-mp-header { width: 100%; } .marketplace-index-index .wk-mp-banner .wk-mp-header p { font-size: 12px; } .marketplace-index-index .wk-mp-banner .wk-mp-header h1.super-text { font-size: 22px; margin-bottom: 0; } .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; } .am-checkout .product-item .product-item-inner { flex-direction: column; } .amcard-field-container { padding: 0 1.5rem; } .cart-order-comment { border-bottom: 1px solid #dbdbdb; } .cart-order-comment .block > .title { border: 0; } .brand-main .brand-search-wrap, .featured-brands-block .brand-search-wrap { float: none; width: 100%; } .tier-progress-bar .tier-point .label, .tier-progress-bar .tier-point .number, .tier-progress-bar .tier-point .tier-logo { display: none; } .tier-progress-bar .tier-point:first-child .label, .tier-progress-bar .tier-point:last-child .label, .tier-progress-bar .tier-point:first-child .number, .tier-progress-bar .tier-point:last-child .number, .tier-progress-bar .tier-point:first-child .tier-logo, .tier-progress-bar .tier-point:last-child .tier-logo { display: block; } .block-margin.row { margin-right: -15px !important; } .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 100%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { 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; } .block-cart-failed .block-title { margin: 0 20px 20px; } .cart-summary, .cart.main.actions, .cart.table-wrapper { box-shadow: unset; } #block-discount { margin: 0; padding: 10px 0; border-radius: 0; } #block-discount .content { padding-top: 15px; } #block-discount-heading { font-weight: bold; } .cart-container { display: flex; flex-direction: column; } .cart-container .form-cart .actions.main { text-align: center; margin-top: -5px; position: relative; z-index: 2; } .cart-discount { order: -1; margin-bottom: 20px; border-bottom: 0; } .cart.table-wrapper { border-top: 1px solid #dbdbdb; } .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: -15px; margin-right: -15px; } .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 -15px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #dbdbdb; 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 -15px; } .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; } .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; } .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-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; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } .columns .column.main { max-width: 100%; } .owl-carousel .owl-item .product-item .product-item-info { background: none transparent !important; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } } @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 #dbdbdb; } .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, .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, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td: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, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper, .product.info.detailed .additional-attributes-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 #dbdbdb; 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 #dbdbdb; 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; } .checkout-payment-method .amazon-sandbox-simulator { border-top: 1px solid #dbdbdb; } .checkout-shipping-address .field-tooltip .field-tooltip-content { right: -65px; } .checkout-shipping-address .field-tooltip .field-tooltip-content:before, .checkout-shipping-address .field-tooltip .field-tooltip-content:after { right: 64px; } .cart-summary .checkout-methods-items .field-tooltip .field-tooltip-content { right: -35px; } .cart-summary .checkout-methods-items .field-tooltip .field-tooltip-content:before, .cart-summary .checkout-methods-items .field-tooltip .field-tooltip-content:after { right: 35px; } .block-minicart .field-tooltip { right: -115px; top: -45px; } .block-minicart .field-tooltip .field-tooltip-content { right: -21px; top: 46px; } .block-minicart .field-tooltip .field-tooltip-content:before, .block-minicart .field-tooltip .field-tooltip-content:after { right: 20px; } /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method > .payment-method-title { padding: 6.5px 0 6.5px 15px; } .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; } .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 #dbdbdb; 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 #dbdbdb; } .table.grouped > tbody { border-bottom: 1px solid #dbdbdb; } .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; } 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 #dbdbdb; 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: #3fb0f2; border-color: #3fb0f2; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:hover { border: 1px solid #3fb0f2 !important; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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: #121212; 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 #dbdbdb; 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; } .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 #3fb0f2 !important; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px !important; text-transform: uppercase; font: 400 13px/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 #3fb0f2 !important; color: #ffffff; background-color: #3fb0f2; border-color: #3fb0f2; } .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; } .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; } .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; } #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; } .amcard-card-info { flex-wrap: wrap; justify-content: space-between; } .amcard-card-info .amcard-field { flex: 0 50%; } .amcard-card-info .amcard-field:not(:last-child) { margin-right: 0; } } @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 #dbdbdb; } .table > tbody + tbody { border-top: 1px solid #dbdbdb; } .galleries .gallery-collection { width: 49%; margin-right: 2%; } .galleries .gallery-collection:nth-child(2n) { margin-right: 0; } .checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap { width: 500px; } .checkout-payment-method .amcheckout-trust-seal { font-size: inherit; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field { display: block; width: 50%; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field:nth-child(2n) { padding-left: 7px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.datepicker .control, .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.timepicker .control, .checkout-index-index .opc-wrapper.am-opc-wrapper .amcheckout-delivery-date .field.comment { width: 100%; } .owl-carousel .product-item .product-item-actions .actions-primary { display: inline-block; } .owl-carousel .product-item .product-item-actions .actions-primary + .actions-secondary { display: inline-block; width: auto; } .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; } .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); margin-right: -20px; 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: #3fb0f2; border-color: #3fb0f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; text-transform: uppercase; font: 400 13px/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: #3fb0f2; border-color: #3fb0f2; } .page-layout-1column .filter-options-item { border: 0; margin-right: 17px; display: inline-block; float: left; margin-bottom: 5px; width: 154px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dbdbdb; background: #ffffff; padding: 8px 15px; vertical-align: top; } .page-layout-1column .filter-options-item.active { position: relative; z-index: 2; } .page-layout-1column .filter-options-item.active:hover { z-index: 3; } .page-layout-1column .filter-options-item.active:after, .page-layout-1column .filter-options-item.active:before { border: 8px solid transparent; height: 0; width: 0; border-bottom-color: #000000; bottom: -1px; content: ''; display: block; left: 50%; margin-left: -20px; position: absolute; z-index: 3; } .page-layout-1column .filter-options-item.active:after { border-bottom-color: #ffffff; margin-top: 2px; z-index: 4; } .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 { background: #ffffff; -webkit-box-shadow: 0px 0px 1px #8c8686; -moz-box-shadow: 0px 0px 1px #8c8686; -ms-box-shadow: 0px 0px 1px #8c8686; box-shadow: 0px 0px 1px #8c8686; border: 1px solid #dbdbdb; padding: 5px 10px; position: absolute; top: 100%; left: 0; width: 220px; z-index: 2; } .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; } .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; } .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 #3fb0f2; 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: #3fb0f2; border-color: #3fb0f2; border: 1px solid #3fb0f2; 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: #3fb0f2; border-color: #3fb0f2; border: 1px solid #3fb0f2; 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: #3fb0f2; 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; } /*.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 }*/ } #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; } .block.crosssell .owl-stage .owl-item .product-item { width: 89% !important; } .block.crosssell .owl-stage .owl-item .product-item .product-item-actions { text-align: center; } .block.crosssell .owl-stage .owl-item .product-item .product-item-actions .actions-primary { display: block; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: block; clear: both; height: 0; } .checkout-onepage-success .success-custom-message { color: #FFF; text-align: center; background-color: #f4b334; padding: 10px 20px; font-size: 18px; border: 3px solid #3fb0f2; box-sizing: border-box; width: 100%; margin: 0 auto 30px; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; text-align: center; z-index: 99996; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-caption { padding: 12px; } .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* ============================================ * * 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_drug_pharmacy/en_US/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_drug_pharmacy/en_US/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; } } .webforms { margin-bottom: 1.5rem; } .webforms .field { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; } .webforms .fieldset { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; } .webforms .actions-toolbar { box-sizing: border-box; padding-left: 2rem; padding-right: 2rem; clear:both; } .webforms .inline-elements .choice{ display:inline-flex; } /* Success text */ .webforms-success-text { border: 1px solid #ccc; padding: 1rem 2rem; background: rgba(255, 212, 96, 0.26); margin-bottom: 2rem; } /* Starry script */ div.starry { width: auto; margin: -4px 0 10px 0; padding: 5px; width: auto; } div.standard_star { background-repeat: no-repeat; cursor: pointer; float: left; display: inline; background-image: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/images/stars.gif); } div.feedback { border: 1px solid #ddd; padding: 5px 3px 3px; display: inline; } /* Date of birth */ .customer-dob .dob-month, .customer-dob .dob-day, .customer-dob .dob-year { float: left; width: 8.5rem; } .customer-dob input.input-text { display: block; width: 7.4rem; } .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .customer-dob .dob-day, .customer-dob .dob-month { width: 6rem; } .customer-dob .dob-day input.input-text, .customer-dob .dob-month input.input-text { width: 4.6rem; } .customer-dob .dob-year { width: 14rem; } .customer-dob .dob-year input.input-text { width: 13.4rem; } /* Tooltip */ .ot-content { text-align: left; } .tooltip-icon { background-image: url('../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/images/tooltip.png'); background-size: 1.5rem 1.5rem; width: 1.5rem; height: 1.5rem; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0 0 0.2rem 0.5rem; } /* Select images */ .webforms figcaption { padding: 5px 0; margin: 5px; } /* Form */ .webforms-description-text { margin-bottom: 4rem; } .webforms-fields-comment { font-size: 90%; clear: both; margin-top: 1rem; } .please-wait { padding-top: 0.5rem; } .please-wait .loading-indicator { background: #fff url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/images/ajax-loader-big.gif) no-repeat; background-size: 1.8rem; display: inline-block; width: 1.8rem; height: 1.8rem; vertical-align: bottom; margin-bottom: 0.2rem; } /* reCaptcha */ .recaptcha{ clear:both; box-sizing: border-box; padding:0 2rem 2rem 2rem; width:100%; float:left; } /* Validation */ .validation-advice { margin-top: 0.7rem; font-size: 1.2rem; color: #e02b27; clear: both; } input.validation-failed, textarea.validation-failed { border-color: #ed8380; } /* Customer Account */ .webforms-customer-account-form { margin-top: 3rem; border: 1px solid #eee; padding: 2rem; } .webforms-customer-account-message { background: rgba(255, 212, 96, 0.26); padding: 3rem; } .block-webforms-form .actions-toolbar { margin: 17px 0; } /* Results */ .webforms-results-block { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cccccc; float: left; width: 100%; clear: both; } .webforms-results-field { margin-bottom: 5px; width: 100%; } .webforms-results-label { font-weight: bold; width: 100%; } .webforms-results-value { padding: 5px 0; } .webforms-results-value .webforms-image { float: left; margin-right: 2rem; } /* Star rating */ .stars { padding: 0 5px; width: 80px; display: inline; float: left; } .stars-bar { list-style: none; margin: 0px; padding: 0px !important; height: 16px; position: relative; background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/images/results_stars.png) top left repeat-x; } .stars-bar li { padding: 0px; margin: 0px; /*\*/ float: left; /* */ } .stars-bar li.stars-value { background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/images/results_stars.png) left bottom; position: absolute; height: 16px; display: block; z-index: 1; } .webforms-rating-summary { margin-bottom: 15px; } .webforms-results-table .col.id { width: 15%; } /* Auto-complete */ .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, .1); /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: #f0f0f0; } /* File preview */ .file-preview { list-style: none; padding: 0; margin: 0; } .file-preview h3 { font-size: 12px; } .file-preview li { margin: 0; padding: 10px 0; margin: 0; overflow: auto; position: relative; } .file-preview li img { border: solid 1px #999; border-radius: 3px; padding: 3px; margin: 0 10px 0 0; display: block; float: left; } .file-cancel { margin-top: 1rem; cursor: pointer; } .file-progress { font-size: 90%; color: #777; } /* Calendar */ .webforms-datepicker { margin-bottom: 1rem; } .webforms-calendar { position: relative; width: 20rem; display: inline-flex; margin-right: .5rem; margin-bottom: .5rem; } .webforms-calendar .ui-datepicker-trigger { margin-left: -3.2rem; height: 2.8rem; position: absolute; top: .4rem; right: .5rem; } .webforms-time { display: inline-block; } .webforms-time .hours, .webforms-time .minutes { display: inline; width: 6rem; } .multiselect { height: auto; background-image: none; } /* Date picker button */ @font-face { font-family: 'luma-icons'; src: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/VladimirPopov_WebForms/css/fonts/Luma-Icons.woff); } .webforms-datepicker ._has-datepicker ~ .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; margin-top: -4px; vertical-align: middle; } .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:focus, .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger.disabled, .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .webforms-datepicker ._has-datepicker ~ .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; } .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } /* Drop-zone */ .drop-zone { padding: 2rem .7rem; color: #777; border: .2rem dashed #ddd; border-radius: .4rem; opacity: .9; cursor: pointer; } .drop-zone-preview-container { margin-bottom: 10px; } .drop-zone:hover { background-color: #f5f5f5; } .drop-zone-label { display: inline-block !important; vertical-align: top !important } .icon-paperclip { color: rgb(240, 120, 0) !important; fill: rgb(240, 120, 0) !important; } .icon-paperclip svg { transform: rotate(45deg) scaleX(-1); } .text-center { text-align: center !important } .drop-zone-preview { background: #f8f8f8; border: .09167rem solid #dadada; border-radius: .33333rem; color: #999; padding: 5px; margin-bottom: 5px; line-height: inherit; position: relative; } .drop-zone-attachment { overflow: auto; height: auto; z-index: 2; width: 100% !important; position: relative; } .drop-zone-preview-icon-file { padding-right: .66667rem; float: left !important; } .drop-zone-preview-icon-file svg path { } .drop-zone-preview-file { width: 70%; float: left !important; } .drop-zone-preview-filename { max-width: 62%; color: #333; overflow: hidden !important; text-overflow: ellipsis !important; word-wrap: normal !important; white-space: nowrap !important; float: left !important; vertical-align: top !important; } .drop-zone-preview-filename-end { color: #333; } .drop-zone-preview-size, .drop-zone-error { clear: left; float: left !important; } .drop-zone-error { color: red; } .drop-zone-preview-icon-close { position: absolute; top: 50%; right: .41667rem; margin-top: -2.2rem !important; padding-top: 1rem; border: 0; cursor: pointer !important; float: right !important; } .drop-zone-preview-icon-close svg { fill: #999; } .drop-zone-progress, .drop-zone-progress-success { position: absolute; border-radius: .33333rem; background-color: #00ff08; opacity: .1; height: 100% !important; z-index: 1; top: 0; left: 0; display: block; } .drop-zone-progress-success { opacity: 0; } .webforms-gdpr { margin: 1.5rem 0; padding-left: 2rem; padding-right: 2rem; box-sizing: border-box; } .webforms-gdpr-checkbox { margin-top: 1.5rem; } @media screen and (min-width: 20em) { .wf-sm-row{ clear:left; } .wf-sm-1, .wf-sm-1-1, .wf-sm-1-2, .wf-sm-1-3, .wf-sm-2-3, .wf-sm-1-4, .wf-sm-3-4, .wf-sm-1-6, .wf-sm-5-6, .wf-sm-1-12, .wf-sm-2-12, .wf-sm-3-12, .wf-sm-4-12, .wf-sm-5-12, .wf-sm-6-12, .wf-sm-7-12, .wf-sm-8-12, .wf-sm-9-12, .wf-sm-10-12, .wf-sm-11-12, .wf-sm-12-12 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; float:left; } .wf-sm-1-12 { width: 8.3333%; *width: 8.3023%; } .wf-sm-1-6, .wf-sm-2-12 { width: 16.6667%; *width: 16.6357%; } .wf-sm-1-4, .wf-sm-3-12 { width: 25%; *width: 24.9690%; } .wf-sm-1-3, .wf-sm-4-12 { width: 33.3333%; *width: 33.3023%; } .wf-sm-5-12 { width: 41.6667%; *width: 41.6357%; } .wf-sm-1-2, .wf-sm-6-12 { width: 50%; *width: 49.9690%; } .wf-sm-7-12 { width: 58.3333%; *width: 58.3023%; } .wf-sm-2-3, .wf-sm-8-12 { width: 66.6667%; *width: 66.6357%; } .wf-sm-3-4, .wf-sm-9-12 { width: 75%; *width: 74.9690%; } .wf-sm-5-6, .wf-sm-10-12 { width: 83.3333%; *width: 83.3023%; } .wf-sm-11-12 { width: 91.6667%; *width: 91.6357%; } .wf-sm-1, .wf-sm-1-1, .wf-sm-12-12 { width: 100%; } } @media screen and (min-width: 48em) { .wf-md-row{ clear:left; } .wf-sm-row{ clear:unset; } .wf-md-1, .wf-md-1-1, .wf-md-1-2, .wf-md-1-3, .wf-md-2-3, .wf-md-1-4, .wf-md-3-4, .wf-md-1-6, .wf-md-5-6, .wf-md-1-12, .wf-md-2-12, .wf-md-3-12, .wf-md-4-12, .wf-md-5-12, .wf-md-6-12, .wf-md-7-12, .wf-md-8-12, .wf-md-9-12, .wf-md-10-12, .wf-md-11-12, .wf-md-12-12 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; float:left; } .wf-md-1-12 { width: 8.3333%; *width: 8.3023%; } .wf-md-1-6, .wf-md-2-12 { width: 16.6667%; *width: 16.6357%; } .wf-md-1-4, .wf-md-3-12 { width: 25%; *width: 24.9690%; } .wf-md-1-3, .wf-md-4-12 { width: 33.3333%; *width: 33.3023%; } .wf-md-5-12 { width: 41.6667%; *width: 41.6357%; } .wf-md-1-2, .wf-md-6-12 { width: 50%; *width: 49.9690%; } .wf-md-7-12 { width: 58.3333%; *width: 58.3023%; } .wf-md-2-3, .wf-md-8-12 { width: 66.6667%; *width: 66.6357%; } .wf-md-3-4, .wf-md-9-12 { width: 75%; *width: 74.9690%; } .wf-md-5-6, .wf-md-10-12 { width: 83.3333%; *width: 83.3023%; } .wf-md-11-12 { width: 91.6667%; *width: 91.6357%; } .wf-md-1, .wf-md-1-1, .wf-md-12-12 { width: 100%; } } @media screen and (min-width: 64em) { .wf-lg-row{ clear:left !important; } .wf-md-row, .wf-sm-row{ clear:unset; } .wf-lg-1, .wf-lg-1-1, .wf-lg-1-2, .wf-lg-1-3, .wf-lg-2-3, .wf-lg-1-4, .wf-lg-3-4, .wf-lg-1-6, .wf-lg-5-6, .wf-lg-1-12, .wf-lg-2-12, .wf-lg-3-12, .wf-lg-4-12, .wf-lg-5-12, .wf-lg-6-12, .wf-lg-7-12, .wf-lg-8-12, .wf-lg-9-12, .wf-lg-10-12, .wf-lg-11-12, .wf-lg-12-12 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; float:left; } .wf-lg-1-12 { width: 8.3333%; *width: 8.3023%; } .wf-lg-1-6, .wf-lg-2-12 { width: 16.6667%; *width: 16.6357%; } .wf-lg-1-4, .wf-lg-3-12 { width: 25%; *width: 24.9690%; } .wf-lg-1-3, .wf-lg-4-12 { width: 33.3333%; *width: 33.3023%; } .wf-lg-5-12 { width: 41.6667%; *width: 41.6357%; } .wf-lg-1-2, .wf-lg-6-12 { width: 50%; *width: 49.9690%; } .wf-lg-7-12 { width: 58.3333%; *width: 58.3023%; } .wf-lg-2-3, .wf-lg-8-12 { width: 66.6667%; *width: 66.6357%; } .wf-lg-3-4, .wf-lg-9-12 { width: 75%; *width: 74.9690%; } .wf-lg-5-6, .wf-lg-10-12 { width: 83.3333%; *width: 83.3023%; } .wf-lg-11-12 { width: 91.6667%; *width: 91.6357%; } .wf-lg-1, .wf-lg-1-1, .wf-lg-12-12 { width: 100%; } }.opentip-container, .opentip-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .opentip-container { position: absolute; max-width: 300px; z-index: 100; -webkit-transition: -webkit-transform 1s ease-in-out; -moz-transition: -moz-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; -ms-transition: -ms-transform 1s ease-in-out; transition: transform 1s ease-in-out; pointer-events: none; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .opentip-container.ot-fixed.ot-hidden.stem-top.stem-center, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-center { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .opentip-container.ot-fixed.ot-hidden.stem-top.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-right { -webkit-transform: translateY(-5px) translateX(5px); -moz-transform: translateY(-5px) translateX(5px); -o-transform: translateY(-5px) translateX(5px); -ms-transform: translateY(-5px) translateX(5px); transform: translateY(-5px) translateX(5px); } .opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right { -webkit-transform: translateY(5px) translateX(5px); -moz-transform: translateY(5px) translateX(5px); -o-transform: translateY(5px) translateX(5px); -ms-transform: translateY(5px) translateX(5px); transform: translateY(5px) translateX(5px); } .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left { -webkit-transform: translateY(5px) translateX(-5px); -moz-transform: translateY(5px) translateX(-5px); -o-transform: translateY(5px) translateX(-5px); -ms-transform: translateY(5px) translateX(-5px); transform: translateY(5px) translateX(-5px); } .opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -o-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } .opentip-container.ot-fixed.ot-hidden.stem-top.stem-left, .opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left, .opentip-container.ot-fixed.ot-hiding.stem-top.stem-left { -webkit-transform: translateY(-5px) translateX(-5px); -moz-transform: translateY(-5px) translateX(-5px); -o-transform: translateY(-5px) translateX(-5px); -ms-transform: translateY(-5px) translateX(-5px); transform: translateY(-5px) translateX(-5px); } .opentip-container.ot-fixed .opentip { pointer-events: auto; } .opentip-container.ot-hidden { display: none; } .opentip-container .opentip { position: relative; font-size: 13px; line-height: 120%; padding: 9px 14px; color: #4f4b47; text-shadow: -1px -1px 0px rgba(255,255,255,0.2); } .opentip-container .opentip .header { margin: 0; padding: 0; } .opentip-container .opentip .ot-close { pointer-events: auto; display: block; position: absolute; top: -12px; left: 60px; color: rgba(0,0,0,0.5); background: rgba(0,0,0,0); text-decoration: none; } .opentip-container .opentip .ot-close span { display: none; } .opentip-container .opentip .ot-loading-indicator { display: none; } .opentip-container.ot-loading .ot-loading-indicator { width: 30px; height: 30px; font-size: 30px; line-height: 30px; font-weight: bold; display: block; } .opentip-container.ot-loading .ot-loading-indicator span { display: block; -webkit-animation: otloading 2s linear infinite; -moz-animation: otloading 2s linear infinite; -o-animation: otloading 2s linear infinite; -ms-animation: otloading 2s linear infinite; animation: otloading 2s linear infinite; text-align: center; } .opentip-container.style-dark .opentip, .opentip-container.style-alert .opentip { color: #f8f8f8; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } .opentip-container.style-glass .opentip { padding: 15px 25px; color: #317cc5; text-shadow: 1px 1px 8px rgba(0,94,153,0.3); } .opentip-container.ot-hide-effect-fade { -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out; transition: transform 0.5s ease-in-out, opacity 1s ease-in-out; opacity: 1; -ms-filter: none; filter: none; } .opentip-container.ot-hide-effect-fade.ot-hiding { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .opentip-container.ot-show-effect-appear.ot-going-to-show, .opentip-container.ot-show-effect-appear.ot-showing { -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out; transition: transform 0.5s ease-in-out, opacity 1s ease-in-out; } .opentip-container.ot-show-effect-appear.ot-going-to-show { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .opentip-container.ot-show-effect-appear.ot-showing { opacity: 1; -ms-filter: none; filter: none; } .opentip-container.ot-show-effect-appear.ot-visible { opacity: 1; -ms-filter: none; filter: none; } @-moz-keyframes otloading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes otloading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes otloading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes otloading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes otloading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* WHATSOCK, 2016 */ /* Specific styles for ARIA Calendar */ #datepicker-demo { background: #E0E0E0; padding: 1rem; margin: 1rem 0 2rem; } #datepicker-demo em {display: block; font-size: 90%;} #date, #party { width: 90%; max-width: 25em; vertical-align: 20px; } a.accCalendar { display: inline-block; background: transparent; } div.calendar { text-align: center; color: #FFF; background: #2E3135; padding: 0.5rem; border-radius: 0.3rem; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } table.calendar { border-collapse: separate; border-spacing: 1px; } table.calendar td, table.calendar th { padding: 0.3em 0.5em; border-radius: 0.15rem; } td.empty { background: rgba(255, 255, 255, .07); } th.week {} td.nav, td.day {cursor: pointer;} td.day { text-shadow: 0 1px 0 rgba(255, 255, 255, .5); color: #000; background: #63B7C2; } td.day:hover {background: #E2A037;} td.selected {background: #E2A037;} div.calendar *:focus, div.commentAdd *:focus { background: #E2A037; } td.month { font-weight: 600; color: #63B7C2; text-shadow: 0 1px 0 #000; } td.comment {position: relative;} td.comment span::after { display: block; position: absolute; width: 7px; height: 7px; top: 0.2rem; right: 0.2rem; content: ""; background: #49182E; border-radius: 7px; } td.comment.selected { background: #E2A037; } td.disabled, td.disabled:hover { color: #CCC; background: #bdbdbd; cursor: auto; } td.disabled.selected {background: #C2C2C2;} div.commentTooltip { width: 271px; padding: 0.5rem; color: #FFF; background: #3D4043; font-size: 0.8em; font-weight: bold; max-height: 50px; overflow-x: hidden; overflow-y: auto; word-wrap: break-word; text-align: left; } div.commentAdd { background: #2E3135; border-radius: 0.3rem; } div.commentAdd button { font-size: 100%; text-transform: uppercase; color: #FFF; background: #2E3135; padding: 0.5rem; margin-top: -5px; border: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } div.commentAdd textarea { width: 270px; height: 2em; overflow: auto; word-wrap: break-word; text-align: left; padding: 0.2em; margin: 0.5rem 0.5rem 0; } /********************** Masonry Responsive Image Gallery - 1.0.3 *********************/ .image-gallery-outer .image-detail > ul[id^="masonry-loop-"]{ padding-left:0px; } .imagegallery-index-index .page-title-wrapper, .gallery-index-index .page-title-wrapper { display:none; } .image-gallery *{ box-sizing:border-box; -webkit-box-sizing:border-box; } .category-desc .title{margin-bottom:15px;} .image-detail .gallery-item{ list-style-type:none; margin:0; /* display: inline-block; */ display: block; width: 33.33%; padding : 3px; box-sizing:border-box; -webkit-box-sizing:border-box; } .image-detail{ padding-top :12px; } .category-title{ display:block; text-align:center; } .category-title a{ font-size: 16px; line-height: 2; } .category-desc {padding:0 0 15px 0;} .cat-img {padding:0 0 15px 0;} .cat-img img{width:100%; height:auto;} .image-gallery{overflow:hidden;padding:0;background:#FFF;margin:0 -10px;} .gallery-item .img-box{ /* margin:10px; */ border:2px solid #262626; } a.imagegallery, a.imagegallery img{display:block;} a.imagegallery img{width:100%;} .img-box-inner{ position:relative; text-align:center; overflow:hidden; } a.imagegallery img{ -webkit-transition: 0.5s all 0s; -moz-transition: 0.5s all 0s; -ms-transition: 0.5s all 0s; -o-transition: 0.5s all 05; transition: 0.5s all 0s; } a.imagegallery img:hover{ -webkit-transform:scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02);; -o-transform: scale(1.02);; transform: scale(1.02);; } .gallery-desc-box { display:block; padding:0; position:absolute; top:0%; left:0%; text-align:center; height:100%; width:100%; color:#FFF; font-size:14px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; background:rgba(126, 128, 126, 0.8) none repeat scroll 0 0; opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); z-index: -1; } .gallery-desc-box .gallery-content { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0; width:100%; text-align:center; } .img-box-inner:hover .gallery-desc-box{ opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); z-index: 1; } .gallery-desc-box .gallery-title{ margin:0; font-size:20px; text-transform:capitalize; color:#FFF; letter-spacing:1px; } .gallery-desc-box .gallery-title p{margin:0;} .gallery-desc-box .gallery-title a{ color:#FFF; } .gallery-desc{ padding:5px; } .gallery-desc-box .gallery-title a:hover{text-decoration:underline;} a.image-link {display:inline-block;margin-top:0px;font-size:0;text-indent:-99px;} a.image-link .fa{ border: 2px solid #fff; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; border-radius: 33px; color: #fff; font-size: 18px; padding:0px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; display:block; background:url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/view-image.png) no-repeat left top; width:45px; height:45px; } a.image-link .fa:hover{ background-position:left bottom; border:2px solid #000; } .gallery-desc-box:hover .fa{ transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } #masonry-loop { /* -moz-column-count: 3; -moz-column-gap: 0px; -webkit-column-count: 3; -webkit-column-gap: 0px; column-count: 3; column-gap: 0px; */ width: auto; padding : 0px; margin:0 -6px; } #masonry-loop .gallery-item { width: 33.33%; box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 3px; margin-bottom: 7px; } .gallery-desc p{ margin-top: 0rem; margin-bottom: 0rem; } @media (max-width: 1240px) { } @media (max-width: 1022px) { .gallery-desc{display:none;} .gallery-desc-box .gallery-title{font-size:14px;padding:0 0 10px 0;} .gallery-item .img-box{ margin:0; } .breadcrumbs{ display:block; } #masonry-loop { -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count:2; column-gap: 0px; width: 100%; padding : 0px; } .gallery-desc-box{ font-size: 12px; } } @media (max-width: 767px) { .gallery-desc{ padding:0px; } .gallery-item, #masonry-loop .gallery-item{ width:50%; } .image-gallery{ position: absolute; left: 0; margin:0; } .mfp-gallery .mfp-title{ display: none; } .gallery-desc{display:none;} .gallery-desc-box .gallery-title{padding:0 5px 10px 5px;} } @media (max-width: 600px) { .image-detail .gallery-item{width:50%;} } @media (max-width: 479px) { .gallery-item, #masonry-loop .gallery-item{ width:100%; padding-right: 0px; } a.image-link .fa{ border: 2px solid #fff; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; border-radius: 33px; color: #fff; font-size: 12px; padding: 0px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; display: block; background: url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/view-image.png) no-repeat left top; /* width: 40px; height: 40px; */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } a.image-link { display: inline-block; margin-top: 0px; font-size: 0; height:42px; width:42px; } .gallery-desc-box{ text-align: center; color: #FFF; font-size: 14px; } .gallery-desc-box .gallery-title{ margin: 0; font-size: 14px; text-transform: capitalize; color: #FFF; letter-spacing: 1px; } .cat-img img{width:100%; height:auto;} #masonry-loop { -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count:1; column-gap: 0px; width: 100%; padding : 0px; } } @media (max-width: 350px) { .image-detail .gallery-item{width:100%;} }/*--------------- magnif poup ------------------------ */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); display:none !important; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; cursor: default; -webkit-backface-visibility: hidden; background:rgba(11,11,11,0.8); } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close{ overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #000000; right: 5px; top:5px; text-align: center; padding: 0; width: 30px; height: 30px; cursor: pointer !important; background: #fff; line-height: 30px; border:none !important; } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover{ background-color: #000000; color: #fff; } .mfp-counter { position: absolute; bottom: 0; background-color: #fff; padding: 0px 5px; right: 5px; color: #000; font-size: 9px; line-height: 17px; } button.mfp-arrow{ width: 40px; height: 40px; -webkit-appearance: none; position: absolute; top: 48%; cursor: pointer; z-index: 2000; padding:0px; border:none !important; box-shadow:none; -webkit-box-shadow:none; } button.mfp-arrow-left{ background:url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/left-arrow.png) center center no-repeat #8f8f8f; left: 0; } button.mfp-arrow-right{ background:url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/right-arrow.png) center center no-repeat #8f8f8f; right: 0; } button.mfp-arrow-left:hover{background:url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/left-arrow.png) center center no-repeat #000;} button.mfp-arrow-right:hover{background:url(../../frontend/Codazon/fastest_drug_pharmacy/en_US/Vsourz_Imagegallery/images/right-arrow.png) center center no-repeat #000;} .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); top: 0; bottom: 0; left: 0; right: 0; background: #fff; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: normal; color: #000; word-wrap: break-word; position: absolute; left: 0; background: #fff; padding: 5px 10px; bottom: 20px; border-radius: 0 3px 3px 0; margin-right: 10px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } .mfp-title{font-size: 12px; padding: 3px 7px;} } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } html,body {-webkit-backface-visibility:hidden;} /* text-based popup styling */ .white-popup { position: relative; background: #FFF; padding: 25px; width:auto; max-width: 400px; margin: 0 auto; } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } &.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: scale(1); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: scale(0.8); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); } &.mfp-bg { opacity: 0; transition: all 0.5s; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } &.mfp-bg { opacity: 0; transition: all 0.3s; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: translateX(0); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: translateX(50px); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { .mfp-content { vertical-align:top; } /* start state */ .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } &.mfp-bg { opacity: 0; transition: all 0.2s; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: translateY(0); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: translateY(-50px); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== 3d unfold ====== */ .mfp-3d-unfold { .mfp-content { perspective: 2000px; } /* start state */ .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } &.mfp-bg { opacity: 0; transition: all 0.5s; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } &.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } /* animate in */ &.mfp-ready { .mfp-with-anim { opacity: 1; transform: scale(1); } &.mfp-bg { opacity: 0.8; } } /* animate out */ &.mfp-removing { .mfp-with-anim { transform: scale(1.3); opacity: 0; } &.mfp-bg { opacity: 0; } } } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade { // before-open state .mfp-content, &.mfp-bg { opacity: 0; transition: opacity .5s ease-out; } // open state &.mfp-ready { .mfp-content { opacity: 1; } &.mfp-bg { opacity: 0.8; // background opacity } } // closed state &.mfp-removing { &.mfp-bg { opacity: 0; } } } /* preview styles */ html { font-family: "Calibri", "Trebuchet MS", "Helvetica", sans-serif; } h3 { margin-top: 0; font-size: 24px; } } h4 { margin: 24px 0 0 0; } .bottom-text { margin-top: 40px; border-top: 2px solid #CCC; a { border-bottom: 1px solid #CCC; } p { max-width: 650px; } } .cms-page-view .product-item-info , .cms-index-index .product-item-info{ width: auto; text-align: center; } .owl-carousel .product-item-info { width: auto; } .products.products-grid, .custom-slider { position: relative; padding: 0 0 20px; } .extend_1, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; user-select: none; } .owl-carousel { display: none; width: 100%; position: relative; z-index: 0; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .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; padding: 20px 0; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; } .owl-carousel .owl-item .owl-lazy { /*opacity: 0;*/ transition: opacity 400ms ease; } .owl-carousel .owl-item .product-item { width: 100% !important; } .owl-carousel .owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .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_drug_pharmacy/en_US/WeltPixel_OwlCarouselSlider/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel.owl-text-select-on .owl-item { user-select: auto; } .owl-carousel .banner-item .content_slider { position: absolute; top: 25%; left: 50px; width: calc(100% - 120px); z-index: 1; color: #fff; } .owl-carousel .banner-item .content_slider.banner-type-3 { position: relative; top: 0; left: 0px; width: 100%; } .owl-carousel .banner-item .content_slider .banner-title { width: 100%; color: #fff; font-size: 32px; text-transform: uppercase; text-align: center; display: inline-block; clear: both; } .owl-carousel .banner-item .content_slider .banner-description { width: 100%; clear: both; display: inline-block; text-align: center; padding: 15px 0; } .owl-carousel .banner-item .content_slider .buttons { width: 100%; clear: both; display: inline-block; text-align: center; } .owl-carousel .banner-item .content_slider .buttons a.action.primary { margin: 10px; } .owl-carousel .banner-item .content_slider .buttons .custom_content { margin: 10px 0 0; text-align: center; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 0px; margin: calc(-40px / 2) 0 0; padding: 0; background: rgba(255, 255, 255, 0.5); display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: 50%; width: 40px; height: 40px; text-indent: 100%; overflow: hidden; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-] { background: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: 15px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: -55px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: 15px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: -55px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #000000; color: #fff; text-decoration: none; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: transparent; color: #000000; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { border-color: #fff; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { border-color: #000000; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots { position: absolute; width: 100%; bottom: 20px; } [class*=owl-carousel-products-].owl-theme .owl-dots { position: relative; bottom: -20px; } .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:hover span { background: #000000; } .owl-theme .owl-dots .owl-dot.active span { background: #000000; } .no-js .owl-carousel { display: block; } #pre-div-ajax{ position: relative; top: 80px } #pre-div { background-color: #fff; bottom: 0; height: 100%; width: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 10000; } .cssload-loader { position: absolute; left: calc(50% - 31px); top: calc(50% - 31px); width: 62px; height: 62px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; perspective: 780px; } .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .cssload-inner.cssload-one { left: 0%; top: 0%; animation: cssload-rotate-one 1.15s linear infinite; -o-animation: cssload-rotate-one 1.15s linear infinite; -ms-animation: cssload-rotate-one 1.15s linear infinite; -webkit-animation: cssload-rotate-one 1.15s linear infinite; -moz-animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 3px solid rgb(0,0,0); } .cssload-inner.cssload-two { right: 0%; top: 0%; animation: cssload-rotate-two 1.15s linear infinite; -o-animation: cssload-rotate-two 1.15s linear infinite; -ms-animation: cssload-rotate-two 1.15s linear infinite; -webkit-animation: cssload-rotate-two 1.15s linear infinite; -moz-animation: cssload-rotate-two 1.15s linear infinite; border-right: 3px solid rgb(0,0,0); } .cssload-inner.cssload-three { right: 0%; bottom: 0%; animation: cssload-rotate-three 1.15s linear infinite; -o-animation: cssload-rotate-three 1.15s linear infinite; -ms-animation: cssload-rotate-three 1.15s linear infinite; -webkit-animation: cssload-rotate-three 1.15s linear infinite; -moz-animation: cssload-rotate-three 1.15s linear infinite; border-top: 3px solid rgb(0,0,0); } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-one { 0% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-one { 0% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-one { 0% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-two { 0% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-two { 0% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-two { 0% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-three { 0% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-three { 0% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-three { 0% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }