@charset "UTF-8";
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.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; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; } .owl-carousel .owl-item img {
display: inline;
width: auto;
height: auto;
max-width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.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 {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-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 {
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; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
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(//doolit.de/wp-content/plugins/doolit/owl-carousel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.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;
height: 100%;
width: 100%; }.owl-carousel .owl-stage-outer {
width:100% !important;
}
.owl-carousel .owl-wrapper-outer{
z-index:1 !important;
} #sa_invalid_postid {
width:100% !important;
padding:20px 0px !important;
font-size:16px !important;
line-height:22px !important;
color:crimson !important;
} .sa_owl_theme ul.owl-stage {
margin:0px !important;
padding:0px !important;
}
.sa_owl_theme ul.owl-stage li.owl-item {
display:block !important;
list-style-type:none !important;
} .sa_owl_theme .owl-dots {
position:absolute;
width:100%;
display:block !important;
padding:10px 0px 0px !important;
bottom:-22px !important;
text-align:center !important;
font-size:12px !important;
line-height:12px !important;
}
.sa_owl_theme .owl-dots .owl-dot {
display: inline-block !important;
}
.sa_owl_theme .owl-dots .owl-dot span {
display:inline-block !important;
border-style:none !important;
background-color:rgba(0,0,0,0.2) !important;
width:10px !important;
height:10px !important;
border-radius:50% !important;
margin:0px 3px !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_theme .owl-dots .active span {
background-color:rgba(0,0,0,0.5) !important;
}
.sa_owl_theme .owl-dots .owl-dot span:hover {
background-color:rgba(0,0,0,0.5) !important;
}
.owl-pagination-true {
margin-bottom:22px !important;
} .sa_owl_theme .owl-nav {
display:block !important;
}
.autohide-arrows .owl-nav {
display:none !important;
}
.autohide-arrows:hover .owl-nav {
display:block !important;
}
.sa_owl_theme .owl-nav div,
.sa_owl_theme .owl-nav button {
position:absolute;
top:50%;
padding:2px 0px !important;
display:inline-block;
margin-top:-20px !important;
line-height:30px !important;
height:40px !important;
width:30px !important;
color:transparent !important;
text-shadow:none !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_theme .owl-nav .owl-prev {
left:10px;
}
.sa_owl_theme .owl-nav .owl-next {
right:10px;
}
.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
display:none !important;
} .white .sa_owl_theme .owl-nav .owl-prev {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/icon_prev.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-nav .owl-next {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/icon_next.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-nav .owl-prev:hover,
.white .sa_owl_theme .owl-nav .owl-next:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black .sa_owl_theme .owl-nav .owl-prev {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_icon_prev.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-nav .owl-next {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_icon_next.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-nav .owl-prev:hover,
.black .sa_owl_theme .owl-nav .owl-next:hover {
background-color:rgba(255,255,255,0.8) !important;
} .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {
width:auto;
height:auto;
position:absolute;
border-radius:0px !important;
z-index:2;
cursor:pointer;
background:transparent !important;
}
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
display:block;
float:left;
width:40px;
height:40px;
}
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-webkit-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-moz-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-o-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
} .white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/slide_link.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/lightbox_zoom.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/lightbox_video.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_slide_link.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_lightbox_zoom.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_lightbox_video.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background-color:rgba(255,255,255,0.8) !important;
} .sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide {
position:absolute;
width:100%;
height:100%;
border-radius:0px !important;
z-index:2;
cursor:pointer;
background:transparent !important;
}
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_video_icon {
display:block;
width:100%;
height:100%;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_slide_link_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_zoom_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_video_icon:hover {
background-color:rgba(0,0,0,0.2);
} .white .sa_hero_slider,
.black .sa_hero_slider {
height:100vh !important;
}
.white .sa_hero_slider .owl-stage-outer,
.black .sa_hero_slider .owl-stage-outer,
.white .sa_hero_slider .owl-stage-outer .owl-stage,
.black .sa_hero_slider .owl-stage-outer .owl-stage,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container {
height:100% !important;
} .white,
.black {
position:relative !important;
}
.white > .showcase_nav,
.black > .showcase_nav {
display:block !important;
z-index:2 !important;
}
.white > .showcase_nav.autohide_arrows,
.black > .showcase_nav.autohide_arrows {
display:none !important;
}
.white:hover > .showcase_nav,
.black:hover > .showcase_nav {
display:block !important;
}
.showcase_nav div,
.showcase_nav button {
position:absolute;
top:50%;
border-style:none !important;
padding:2px 0px !important;
display:inline-block;
margin-top:-20px !important;
line-height:30px !important;
height:40px !important;
width:30px !important;
cursor:pointer !important;
z-index:2 !important;
color:transparent !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.showcase_nav .owl-prev {
left:10px;
}
.showcase_nav .owl-next {
right:10px;
}
.white > .disabled .owl-prev,
.white > .disabled .owl-next,
.black > .disabled .owl-prev,
.black > .disabled .owl-next {
display:none !important;
}
.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
display:none !important;
} .white > .showcase_nav .owl-prev {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/icon_prev.png) no-repeat center center !important;
}
.white > .showcase_nav .owl-next {
background:rgba(0,0,0,0.3) url(//doolit.de/wp-content/plugins/doolit/images/icon_next.png) no-repeat center center !important;
}
.white > .showcase_nav .owl-prev:hover,
.white > .showcase_nav .owl-next:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black > .showcase_nav .owl-prev {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_icon_prev.png) no-repeat center center !important;
}
.black > .showcase_nav .owl-next {
background:rgba(255,255,255,0.3) url(//doolit.de/wp-content/plugins/doolit/images/black_icon_next.png) no-repeat center center !important;
}
.black > .showcase_nav .owl-prev:hover,
.black > .showcase_nav .owl-next:hover {
background-color:rgba(255,255,255,0.8) !important;
}
@media only screen and (max-width:999px) {
.showcase_tablet { width:var(--widthtab) !important; left:var(--lefttab) !important; }
.showcase_hide_tablet { width:100% !important; left:0px !important; }
}
@media only screen and (max-width:767px) {
.showcase_mobile { width:var(--widthmob) !important; left:var(--leftmob) !important; }
.showcase_hide_mobile { width:100% !important; left:0px !important; }
} .sa_owl_theme .owl-item .sa_vert_center_wrap {
position:relative;
}
.sa_owl_theme .owl-item .sa_vert_center_wrap .sa_vert_center {
position:absolute;
top:50%;
transform:translate(0px,-50%);
width:100%;
} .sa_owl_thumbs_wrap {
display:block !important;
z-index:2 !important;
text-align:center !important;
}
.sa_owl_thumbs_wrap .owl-thumbs {
display:block !important;
margin:auto !important;
text-align:center !important;
font-size:0px !important;
line-height:0px !important;
}
.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item {
display:inline-block !important;
cursor:pointer;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_thumbs_wrap .owl-thumbs .active,
.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item:hover {
opacity:1.0 !important;
}
.sa_thumbs_inside_bottom,
.sa_thumbs_inside_top {
position:absolute !important;
width:100% !important;
}
.sa_thumbs_inside_bottom {
bottom:0px !important;
}
.sa_thumbs_inside_top {
top:0px !important;
}
.sa_thumbs_inside_left,
.sa_thumbs_inside_right {
position:absolute !important;
top:0px !important;
height:100% !important;
padding:0px !important;
box-sizing:content-box !important;
padding-top:0px !important;
padding-bottom:0px !important;
overflow:hidden !important;
}
.sa_thumbs_inside_left .owl-thumbs,
.sa_thumbs_inside_right .owl-thumbs {
position:absolute !important;
top:50% !important;
transform:translate(0px,-50%) !important;
max-height:100% !important;
box-sizing:content-box !important;
width:100% !important;
padding-right:20px !important;
overflow-y:scroll !important;
overflow-x:hidden !important;
}
.sa_thumbs_outside_bottom {
position:relative !important;
width:100% !important;
}
@media only screen and (max-width:999px) {
.white .sa_thumbs_hide_tablet,
.black .sa_thumbs_hide_tablet { display:none !important; }
}
@media only screen and (max-width:767px) {
.white .sa_thumbs_hide_mobile,
.black .sa_thumbs_hide_mobile { display:none !important; }
} .sa_custom_popup {
position:relative;
padding:20px;
width:auto;
margin:20px auto;
}
.mfp-hide {
display: none !important;
}
 .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.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.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{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.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{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-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)}}@keyframes pulse{from,to{-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)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}}.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,to{-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)}}@keyframes tada{from,to{-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)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-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)}}@keyframes wobble{from,to{-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)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-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{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;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}@-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}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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}:root {
--woolentor-white:#ffffff;
--woolentor-primary-color: #2563eb;
--woolentor-primary-hover: #1d4ed8;
--woolentor-success-color: #10b981;
--woolentor-warning-color: #f59e0b;
--woolentor-danger-color: #ef4444;
--woolentor-gray-50: #f9fafb;
--woolentor-gray-100: #f3f4f6;
--woolentor-gray-200: #e5e7eb;
--woolentor-gray-300: #d1d5db;
--woolentor-gray-400: #9ca3af;
--woolentor-gray-500: #6b7280;
--woolentor-gray-600: #4b5563;
--woolentor-gray-700: #374151;
--woolentor-gray-800: #1f2937;
--woolentor-gray-900: #111827;
--woolentor-border-radius: 12px;
--woolentor-border-radius-sm: 8px;
--woolentor-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--woolentor-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--woolentor-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--woolentor-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
--woolentor-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--woolentor-transition-fast: all 0.15s ease;
}
.wp-embed-responsive .wp-block {
outline: 0;
}
.woolentor-product-grid a{
text-decoration: none !important;
} .woolentor-product-grid-modern {
display: grid;
gap: 25px;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
transition: all 0.3s ease;
} .woolentor-product-grid-modern.woolentor-layout-grid {
display: grid;
grid-auto-rows: 1fr;
}
.woolentor-product-grid-modern.woolentor-layout-list {
display: flex;
flex-direction: column;
gap: 20px;
} .woolentor-columns-1 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: 1fr;
}
.woolentor-columns-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(2, 1fr);
}
.woolentor-columns-3 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(3, 1fr);
}
.woolentor-columns-4 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(4, 1fr);
}
.woolentor-columns-5 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(5, 1fr);
}
.woolentor-columns-6 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(6, 1fr);
} .woolentor-same-height-grid.woolentor-layout-grid .woolentor-product-card{
height: 100%;
}
.woolentor-same-height-grid.woolentor-layout-grid .woolentor-product-card .woolentor-product-actions{
margin-top: auto;
} .woolentor-product-filters {
background: var(--woolentor-white);
border-radius: 12px;
padding: 24px;
margin-bottom: 32px;
box-shadow: var(--woolentor-shadow-sm);
}
.woolentor-filter-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.woolentor-view-controls {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.woolentor-view-controls .woolentor-filter-sort .woocommerce-ordering{
margin: 0;
}
.woolentor-view-controls .woolentor-filter-sort .woocommerce-ordering select.orderby{
padding: 8px 12px;
border: 1px solid #e5e7eb;
border-radius: 8px;
font-size: 14px;
color: #111827;
cursor: pointer;
transition: all 0.3s ease;
}
.woolentor-layout-switcher {
display: flex;
gap: 4px;
padding: 4px;
border-radius: 8px;
background: #e5e7eb;
}
.woolentor-layout-btn {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
color: #4b5563;
padding: 0;
}
.woolentor-layout-btn:focus{
background: transparent;
color: #4b5563;
}
.woolentor-layout-btn.woolentor-active, .woolentor-layout-btn:hover {
background: #2563eb;
color: var(--woolentor-white);
}
.woolentor-layout-btn svg {
width: 18px;
height: 18px;
stroke: currentColor;
} .woolentor-product-filters.woolentor-style-two {
border-radius: 0;
background: #f5f4f2;
box-shadow: none;
border-bottom: 1px solid #d4d4d4;
padding: 40px;
}
.woolentor-style-two .woolentor-layout-switcher {
background: transparent;
border-radius: 0;
align-items: center;
justify-content: center;
padding: 0;
gap: 40px;
}
.woolentor-style-two .woolentor-layout-btn{
width: auto;
height: auto;
font-family: 'Cormorant Garamond', serif;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
background: none;
border: none;
color: #6a6a6a;
cursor: pointer;
padding: 10px 20px;
position: relative;
transition: all 0.3s ease;
}
.woolentor-style-two .woolentor-layout-btn.woolentor-active, .woolentor-style-two .woolentor-layout-btn:hover{
color:#1a1a1a
}
.woolentor-style-two .woolentor-layout-btn.woolentor-active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #1a1a1a;
} .woolentor-product-card {
background: #ffffff;
border-radius: var(--woolentor-border-radius);
position: relative;
transition: var(--woolentor-transition);
border: 1px solid var(--woolentor-gray-200);
} .woolentor-product-item {
transition: all 0.3s ease;
min-width: 0;
} .woolentor-grid-card .woolentor-list-view-content {
display: none !important;
}
.woolentor-list-card .woolentor-grid-view-content {
display: none !important;
}
.woolentor-grid-card .woolentor-grid-view-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.woolentor-list-card .woolentor-list-view-content {
display: flex;
flex-direction: row;
width: 100%;
align-items: center;
} .woolentor-grid-card {
display: flex;
flex-direction: column;
height: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border-radius: 16px;
overflow: visible;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: #ffffff;
position: relative;
} .woolentor-list-card {
display: flex;
flex-direction: row;
align-items: center;
min-height: 200px;
padding: 20px;
box-shadow: var(--woolentor-shadow-sm);
} .woolentor-card-hover-lift .woolentor-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.woolentor-card-hover-scale .woolentor-product-card:hover {
transform: scale(1.02);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.woolentor-card-hover-shadow .woolentor-product-card:hover {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
} .woolentor-image-hover-zoom .woolentor-product-image img:hover,
.woolentor-image-hover-zoom .woolentor-product-image .woolentor-product-img:hover {
transform: scale(1.1);
}
.woolentor-image-hover-fade .woolentor-product-image:hover img,
.woolentor-image-hover-fade .woolentor-product-image:hover .woolentor-product-img {
opacity: 0.8;
}
.woolentor-image-hover-grayscale .woolentor-product-image img,
.woolentor-image-hover-grayscale .woolentor-product-image .woolentor-product-img {
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.woolentor-image-hover-grayscale .woolentor-product-image:hover img,
.woolentor-image-hover-grayscale .woolentor-product-image:hover .woolentor-product-img {
filter: grayscale(0%);
} .woolentor-product-image {
position: relative;
overflow: hidden;
}
.woolentor-product-secondary-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
width: 100%;
}
.woolentor-product-secondary-img a{
width: 100%;
height: 100%;
}
.woolentor-product-card:hover .woolentor-product-secondary-img {
opacity: 1;
visibility: visible;
transform: scale(1.09);
}
.woolentor-product-image .woolentor-product-secondary-img img{
transform: scale(1) !important;
} .woolentor-grid-card .woolentor-product-image {
flex-shrink: 0;
background: #f5f5f5;
align-items: center;
justify-content: center;
border-radius: 16px 16px 0 0;
}
.woolentor-grid-card .woolentor-product-image img,
.woolentor-grid-card .woolentor-product-image .woolentor-product-img {
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
} .woolentor-list-card .woolentor-product-image {
flex-shrink: 0;
margin-right: 20px;
border-radius: var(--woolentor-border-radius-sm);
overflow: hidden;
box-shadow: var(--woolentor-shadow-sm);
width: 30%;
}
.woolentor-list-card .woolentor-product-image img,
.woolentor-list-card .woolentor-product-image .woolentor-product-img {
width: 100%;
object-fit: cover;
transition: var(--woolentor-transition);
} .woolentor-badges {
position: absolute;
display: flex;
flex-direction: column;
gap: 6px;
z-index: 10;
left: 15px;
top: 15px;
} .woolentor-badge-pos-top-left .woolentor-badges {
top: 12px;
left: 12px;
}
.woolentor-badge-pos-top-right .woolentor-badges {
top: 12px;
right: 12px;
left: auto;
}
.woolentor-badge-pos-top-center .woolentor-badges {
top: 12px;
left: 50%;
transform: translateX(-50%);
} .woolentor-badge {
padding: 6px 14px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 6px;
color: #ffffff;
display: inline-block;
line-height: 1;
} .woolentor-sale-badge {
background: #e74c3c;
}
.woolentor-new-badge {
background: #10b981;
}
.woolentor-trending-badge {
background: #f59e0b;
}
.woolentor-badge-style-solid .woolentor-sale-badge {
background: #e74c3c;
}
.woolentor-badge-style-solid .woolentor-new-badge {
background: #10b981;
}
.woolentor-badge-style-solid .woolentor-trending-badge {
background: #f59e0b;
}
.woolentor-badge-style-gradient .woolentor-sale-badge {
background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
box-shadow: 0 4px 8px rgba(238, 90, 36, 0.3);
}
.woolentor-badge-style-gradient .woolentor-new-badge {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}
.woolentor-badge-style-gradient .woolentor-trending-badge {
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
box-shadow: 0 4px 8px rgba(245, 158, 11, 0.3);
}
.woolentor-badge-style-outline .woolentor-badge {
background: rgba(255, 255, 255, 0.9);
border: 2px solid;
backdrop-filter: blur(8px);
}
.woolentor-badge-style-outline .woolentor-sale-badge {
border-color: var(--woolentor-danger-color);
color: var(--woolentor-danger-color);
}
.woolentor-badge-style-outline .woolentor-new-badge {
border-color: var(--woolentor-success-color);
color: var(--woolentor-success-color);
}
.woolentor-badge-style-outline .woolentor-trending-badge {
border-color: var(--woolentor-warning-color);
color: var(--woolentor-warning-color);
} .woolentor-quick-actions {
position: absolute;
top: 12px;
right: 12px;
display: flex;
flex-direction: column;
gap: 8px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
transform: translateX(10px);
z-index: 15;
}
.woolentor-grid-card:hover .woolentor-quick-actions,
.woolentor-product-image:hover .woolentor-quick-actions {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.woolentor-quick-action {
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.98);
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: #333;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
padding: 0;
}
.woolentor-quick-action a{
color: #333;
text-decoration: none;
}
.woolentor-quick-action svg{
margin: 0;
}
.woolentor-quick-action:hover {
background: #ffffff;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.woolentor-quick-action svg {
width: 18px;
height: 18px;
stroke-width: 2;
color: #333;
display: block;
} .woolentor-quick-actions .woolentor-wishlist-btn {
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.98);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.woolentor-quick-actions .woolentor-wishlist-btn:hover {
background: #ffffff;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
} .woolentor-quick-actions .woolentor-wishlist-btn .wishlist,
.woolentor-quick-actions .woolentor-wishlist-btn .yith-wcwl-add-to-wishlist,
.woolentor-quick-actions .woolentor-wishlist-btn .tinvwl_add_to_wishlist_button {
display: contents;
}
.woolentor-quick-actions .woolentor-wishlist-btn a {
display: flex;
align-items: center;
justify-content: center;
color: #333;
text-decoration: none;
width: 100%;
height: 100%;
} .woolentor-quick-actions .woolentor-wishlist-btn .ht-product-action-tooltip,
.woolentor-quick-actions .woolentor-wishlist-btn .wishsuite-tooltip,
.woolentor-quick-actions .woolentor-wishlist-btn span:not(svg *) {
display: none !important;
} .woolentor-quick-actions .woolentor-wishlist-btn svg {
width: 18px;
height: 18px;
display: block;
color: currentColor;
overflow: visible;
} .woolentor-quick-actions .woolentor-wishlist-btn .ajax-loading,
.woolentor-quick-actions .woolentor-wishlist-btn .fa-spinner {
display: none !important;
} .woolentor-style-modern .woolentor-quickview-btn,
.woolentor-style-modern .woolentorquickview{
color: #333;
}
.woolentor-style-modern .woolentor-quickview-btn svg,
.woolentor-style-modern .woolentorquickview svg {
width: 18px;
height: 18px;
display: block !important;
color: currentColor !important;
stroke: currentColor !important;
fill: none !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible;
margin-right: 0;
}
.woolentor-style-modern .woolentor-quickview-btn svg path,
.woolentor-style-modern .woolentor-quickview-btn svg circle,
.woolentor-style-modern .woolentorquickview svg path,
.woolentor-style-modern .woolentorquickview svg circle {
stroke: currentColor !important;
fill: none !important;
stroke-width: 2 !important;
visibility: visible !important;
opacity: 1 !important;
} .woolentor-quick-action.woolentorquickview {
color: #333;
} .woolentor-product-content {
flex: 1;
display: flex;
flex-direction: column;
} .woolentor-grid-card .woolentor-product-content {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
line-height: 1;
width: 100%;
} .woolentor-list-card .woolentor-product-content {
padding: 0;
}
.woolentor-content-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.woolentor-content-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 0;
padding-top: 20px;
border-top: 1px solid #ddd;
width: 100%;
} .woolentor-product-title {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin: 0 0 8px;
color: var(--woolentor-gray-900);
} .woolentor-product-categories {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 4px;
}
.woolentor-product-category {
font-size: 12px;
color: #999;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 500;
transition: color 0.2s ease;
}
.woolentor-product-category:not(:first-child):before {
content: '•';
margin: 0 6px;
color: #ddd;
}
.woolentor-product-category:hover {
color: var(--woolentor-primary-color);
text-decoration: none;
}
.woolentor-grid-card .woolentor-product-title {
font-size: 16px;
font-weight: 600;
color: #1f2937;
margin-bottom: 12px;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.woolentor-grid-card .woolentor-product-categories {
margin: 0 0 10px;
}
.woolentor-product-title a {
color: inherit;
text-decoration: none;
transition: var(--woolentor-transition-fast);
}
.woolentor-product-title a:hover {
color: var(--woolentor-primary-color);
} .woolentor-product-description {
margin: 0;
}
.woolentor-product-description p {
color: var(--woolentor-gray-600);
font-size: 14px;
line-height: 1.5;
margin: 0;
} .woolentor-product-features {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 12px 0;
}
.woolentor-feature {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: var(--woolentor-gray-600);
padding: 4px 8px;
background: var(--woolentor-gray-50);
border-radius: 16px;
}
.woolentor-feature svg {
color: var(--woolentor-success-color);
flex-shrink: 0;
} .woolentor-layout-grid .woolentor-product-rating{
margin-bottom: 12px;
}
.woolentor-product-rating {
display: flex;
align-items: center;
gap: 4px;
}
.woolentor-product-stars {
display: flex;
gap: 2px;
}
.woolentor-product-stars .star{
width: 14px;
height: 14px;
color: #fbbf24;
}
.woolentor-product-stars .star.empty {
color: #e5e7eb;
}
.woolentor-product-stars .empty-half{
transform: scale(0.80);
}
.woolentor-product-grid-modern .woolentor-review-count,
.woolentor-grid-card .woolentor-review-count {
font-size: 12px;
color: #9ca3af;
font-weight: 400;
display: inline-block !important;
line-height: 1;
position: relative;
}
.woolentor-product-rating .rating-info .review-count{
margin-left: 0;
} .woolentor-product-price {
font-size: 20px;
font-weight: 700;
color: var(--woolentor-primary-color);
margin: 8px 0;
}
.woolentor-grid-card .woolentor-product-price {
font-size: 20px;
align-items: center;
font-weight: 700;
margin: 0 0 20px;
color: #1f2937;
gap: 8px;
}
.woolentor-grid-card .woolentor-product-price del {
font-size: 16px;
color: #9ca3af;
font-weight: 400;
margin: 0;
}
.woolentor-grid-card .woolentor-product-price ins {
text-decoration: none;
color: #1f2937;
}
.woolentor-discount-percentage {
background: #fee2e2;
color: #e74c3c;
font-size: 12px;
font-weight: 600;
padding: 2px 6px;
border-radius: 4px;
margin-left: 4px;
}
.woolentor-product-price del {
color: var(--woolentor-gray-400);
font-weight: 400;
margin-right: 8px;
font-size: 0.9em;
}
.woolentor-product-price ins {
text-decoration: none;
} .woolentor-price-stock {
display: flex;
flex-direction: column;
gap: 8px;
width: 40%;
}
.woolentor-price-stock .woolentor-product-price{
margin: 0;
} .woolentor-stock-status {
font-size: 13px;
font-weight: 500;
}
.woolentor-in-stock {
color: var(--woolentor-success-color);
display: flex;
align-items: center;
gap: 6px;
}
.woolentor-out-of-stock {
color: var(--woolentor-danger-color);
display: flex;
align-items: center;
gap: 6px;
}
.woolentor-stock-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: currentColor;
display: inline-block;
animation: pulse 2s infinite;
}
.woolentor-out-of-stock .woolentor-stock-dot {
animation: none;
opacity: 0.6;
}
.woolentor-low-stock {
color: var(--woolentor-warning-color);
font-weight: 600;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.7;
transform: scale(1.1);
}
} .woolentor-quantity-selector {
display: flex;
align-items: center;
border: 1px solid var(--woolentor-gray-300);
border-radius: var(--woolentor-border-radius-sm);
overflow: hidden;
width: fit-content;
}
.woolentor-qty-btn {
background: var(--woolentor-gray-50);
border: none;
width: 32px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: var(--woolentor-transition-fast);
color: var(--woolentor-gray-600);
font-size: 16px;
font-weight: 600;
padding: 0;
}
.woolentor-qty-btn:hover {
background: var(--woolentor-gray-200);
color: var(--woolentor-gray-800);
}
.woolentor-qty-input {
border: none;
width: 50px !important;
height: 32px !important;
text-align: center;
font-size: 14px;
font-weight: 500;
background: #ffffff;
outline: none;
line-height: 1;
border-top-width: 0 !important;
border-bottom-width: 0 !important;
}
.woolentor-qty-input::-webkit-outer-spin-button,
.woolentor-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woolentor-qty-input[type=number] {
-moz-appearance: textfield;
} .woolentor-product-actions {
display: flex;
align-items: center;
gap: 12px;
}
.woolentor-grid-card .woolentor-product-actions {
margin-top: auto;
flex-shrink: 0;
width: 100%;
} .woolentor-list-card .woolentor-product-actions .woolentor-cart-btn, .woolentor-cart-btn, .woolentor-product-actions .button, .woolentor-product-actions .add_to_cart_button {
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
color: #ffffff;
padding: 12px 24px;
border-radius: var(--woolentor-border-radius-sm);
text-decoration: none;
text-align: center;
font-size: 14px;
font-weight: 600;
transition: all 0.2s ease;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
gap: 5px;
}
.woolentor-product-actions .add_to_cart_button:hover {
background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
transform: translateY(-1px) !important;
}
.woolentor-grid-card .woolentor-cart-btn,
.woolentor-grid-card .woolentor-product-actions .button,
.woolentor-grid-card .woolentor-product-actions .add_to_cart_button {
width: 100%;
padding: 12px 20px;
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
transition: all 0.2s ease;
color: white;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.woolentor-cart-btn svg {
width: 16px;
height: 16px;
}
.woolentor-product-actions a.added_to_cart {
display: none;
}
.woolentor-grid-card .woolentor-cart-btn:hover,
.woolentor-grid-card .woolentor-product-actions .button:hover,
.woolentor-grid-card .woolentor-product-actions .add_to_cart_button:hover {
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
transform: translateY(-1px);
}
.woolentor-cart-btn:hover,
.woolentor-product-actions .button:hover,
.woolentor-product-actions .add_to_cart_button:hover {
background: var(--woolentor-primary-hover);
border-color: var(--woolentor-primary-hover);
transform: translateY(-1px);
box-shadow: var(--woolentor-shadow-md);
} a.woolentor-cart-btn.button.add_to_cart_button.ajax_add_to_cart.added:after,
a.woolentor-cart-action.added:after { 
font-family: 'WooCommerce'; content: '\e017'; margin-left: .53em; vertical-align: bottom; 
} 
a.woolentor-cart-btn.button.add_to_cart_button.ajax_add_to_cart.loading,
a.woolentor-cart-action.loading { 
opacity: .25; 
} 
a.woolentor-cart-btn.button.add_to_cart_button.ajax_add_to_cart.loading:after,
a.woolentor-cart-action.loading:after { 
display: inline-block; 
content: ""; 
position: relative; 
top: 0; 
right: -.5em;
left: auto; 
width: .8em; 
height: .8em; 
background-color: var(--woolentor-white,var(--woolentor-gray-100)); 
border-radius: 100%; 
animation: WoolentorDotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8);
line-height: 1rem;
} 
@keyframes WoolentorDotPulse { 
0% { 
transform: scale(.1); opacity: 0; 
} 
50% { 
opacity: 1; 
} 
100% { 
transform: scale(1.2); opacity: 0; 
} 
} .woolentor-wishlist-btn {
background: #ffffff;
color: var(--woolentor-gray-600);
border: 0;
width: 44px;
height: 44px;
border-radius: var(--woolentor-border-radius-sm);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: var(--woolentor-transition);
flex-shrink: 0;
}
.woolentor-wishlist-btn:hover {
color: var(--woolentor-danger-color);
border-color: var(--woolentor-danger-color);
background: rgba(239, 68, 68, 0.1);
}
.woolentor-wishlist-btn.added {
color: var(--woolentor-danger-color);
border-color: var(--woolentor-danger-color);
background: rgba(239, 68, 68, 0.1);
}
.woolentor-wishlist-btn.loading {
opacity: 0.6;
pointer-events: none;
} .woolentor-out-of-stock {
opacity: 0.7;
position: relative;
}
.woolentor-out-of-stock::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.3);
z-index: 1;
pointer-events: none;
}
.woolentor-out-of-stock .woolentor-cart-btn,
.woolentor-out-of-stock .add_to_cart_button {
background: var(--woolentor-gray-400);
border-color: var(--woolentor-gray-400);
cursor: not-allowed;
pointer-events: none;
}
.woolentor-out-of-stock .woolentor-cart-btn:hover,
.woolentor-out-of-stock .add_to_cart_button:hover {
transform: none;
box-shadow: none;
} .woolentor-product-grid .woolentor-no-products {
grid-column: 1 / -1;
text-align: center;
padding: 15px 20px;
color: var(--woolentor-gray-400);
font-size: 16px;
font-style: italic;
}
.woolentor-product-grid .woolentor-no-products p{
margin: 0;
} @media (max-width: 768px) {
.woolentor-product-grid-modern {
gap: 20px;
}
.woolentor-grid-card .woolentor-product-content {
padding: 16px;
}
.woolentor-product-title {
font-size: 16px;
}
.woolentor-grid-card .woolentor-product-title {
font-size: 14px;
}
.woolentor-grid-card .woolentor-product-categories {
margin: 3px 0 6px;
}
.woolentor-product-category {
font-size: 11px;
padding: 1px 6px;
}
.woolentor-product-price {
font-size: 18px;
}
.woolentor-grid-card .woolentor-product-price {
font-size: 16px;
} .woolentor-list-card {
flex-direction: column;
min-height: auto;
padding: 16px;
}
.woolentor-list-card .woolentor-product-image {
margin-right: 0;
margin-bottom: 16px;
align-self: center;
width: 100%;
}
.woolentor-content-footer {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.woolentor-price-stock {
order: 2;
}
.woolentor-product-actions {
order: 1;
}
}
@media (max-width: 480px) {
.woolentor-product-grid-modern.woolentor-layout-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.woolentor-grid-card .woolentor-product-content {
padding: 14px;
}
.woolentor-product-title {
font-size: 15px;
}
.woolentor-grid-card .woolentor-product-title {
font-size: 13px;
margin-bottom: 8px;
}
.woolentor-product-price {
font-size: 16px;
}
.woolentor-grid-card .woolentor-product-price {
font-size: 15px;
}
.woolentor-product-actions {
gap: 8px;
margin-top: 12px;
flex-direction: column;
align-items: flex-start;
}
.woolentor-filter-row{
flex-direction: column;
gap: 10px;
}
.woolentor-cart-btn,
.woolentor-product-actions .button,
.woolentor-product-actions .add_to_cart_button {
padding: 10px 16px;
font-size: 13px;
min-height: 40px;
}
.woolentor-wishlist-btn {
width: 40px;
height: 40px;
}
.woolentor-list-card .woolentor-product-image img {
width: 160px;
height: 100px;
}
.woolentor-quick-actions {
right: 8px;
}
.woolentor-quick-action {
width: 36px;
height: 36px;
}
} .woolentor-product-card:focus-within {
outline: none;
outline-offset: 0;
}
.woolentor-product-title a:focus,
.woolentor-cart-btn:focus,
.woolentor-wishlist-btn:focus,
.woolentor-quick-action:focus {
outline: none;
outline-offset: 0;
} .woolentor-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media (prefers-contrast: high) {
.woolentor-product-card {
border: 2px solid;
}
.woolentor-badge {
border: 2px solid;
}
.woolentor-cart-btn,
.woolentor-wishlist-btn {
border-width: 2px;
}
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.woolentor-stock-dot {
animation: none;
}
} .woolentor-pagination {
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.woolentor-pagination ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap:wrap;
gap: 8px;
align-items: center;
}
.woolentor-pagination ul li {
margin: 0;
padding: 0;
}
.woolentor-pagination ul li a,
.woolentor-pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 12px;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #6b7280;
text-decoration: none;
font-size: 14px;
font-weight: 500;
border-radius: 6px;
transition: all 0.2s ease;
}
.woolentor-pagination ul li a:hover {
background: #f9fafb;
border-color: #d1d5db;
color: #374151;
}
.woolentor-pagination ul li span.current,
.woolentor-pagination ul li a.current {
background: var(--woolentor-primary-color, #3858f6);
border-color: var(--woolentor-primary-color, #3858f6);
color: #ffffff;
}
.woolentor-pagination ul li.prev a,
.woolentor-pagination ul li.next a {
font-weight: 400;
}
.woolentor-pagination ul li span.dots {
border: none;
background: transparent;
pointer-events: none;
} .woolentor-ajax-load-more {
text-align: center;
margin-top: 40px;
padding: 20px;
}
.woolentor-load-more-btn {
background: var(--woolentor-primary-color, #3858f6);
color: #ffffff;
border: 1px solid var(--woolentor-primary-color);
padding: 12px 32px;
border-radius: var(--woolentor-border-radius);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: var(--woolentor-transition);
display: inline-flex;
align-items: center;
justify-content: center;
}
.woolentor-load-more-btn:hover:not(:disabled) {
background: var(--woolentor-primary-hover);
border-color: var(--woolentor-primary-hover);
transform: translateY(-2px);
box-shadow: var(--woolentor-shadow-lg);
}
.woolentor-load-more-btn:disabled {
background: var(--woolentor-gray-400);
border-color: var(--woolentor-gray-400);
cursor: not-allowed;
transform: none;
opacity: 0.6;
}
.woolentor-ajax-loader {
margin: 0;
display: none;
padding: 0;
background-color: transparent !important;
}
.woolentor-ajax-loader .spinner {
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid var(--woolentor-gray-300);
border-left-color: var(--woolentor-primary-color);
border-radius: 50%;
animation: woolentorspin 1s linear infinite;
}
@keyframes woolentorspin {
to { transform: rotate(360deg); }
} .woolentor-infinite-scroll {
text-align: center;
} .woolentor-content-align-flex-start .woolentor-product-content{
text-align: left;
}
.woolentor-content-align-center .woolentor-product-content{
text-align: center;
}
.woolentor-content-align-flex-end .woolentor-product-content{
text-align: right;
} @media print {
.woolentor-product-grid-modern.woolentor-layout-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.woolentor-product-grid-modern.woolentor-layout-list{
gap: 15px;
}
.woolentor-product-card {
break-inside: avoid;
box-shadow: none;
border: 1px solid #000;
background: #fff;
}
.woolentor-grid-card {
height: auto;
}
.woolentor-product-actions,
.woolentor-quick-actions,
.woolentor-badges {
display: none;
}
.woolentor-product-price {
color: #000 !important;
}
} @media (min-width: 1200px) and (max-width: 1400px) {
} @media (min-width: 992px) and (max-width: 1200px) {
} @media (min-width: 768px) and (max-width: 991px) { .woolentor-columns-tablet-1 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: 1fr;
}
.woolentor-columns-tablet-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(2, 1fr);
}
.woolentor-columns-tablet-3 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(3, 1fr);
}
.woolentor-columns-tablet-4 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(4, 1fr);
}
.woolentor-columns-tablet-5 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(5, 1fr);
}
.woolentor-columns-tablet-6 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(6, 1fr);
}
} @media (max-width: 767px) {
.woolentor-list-card .woolentor-list-view-content{
flex-direction: column;
} .woolentor-columns-mobile-1 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: 1fr;
}
.woolentor-columns-mobile-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(2, 1fr);
}
.woolentor-columns-mobile-3 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(3, 1fr);
}
.woolentor-columns-mobile-4 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(4, 1fr);
}
.woolentor-columns-mobile-5 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(5, 1fr);
}
.woolentor-columns-mobile-6 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"]{
grid-template-columns: repeat(6, 1fr);
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
}.woolentor-product-grid-luxury {
display: grid;
gap: 80px;
width: 100%;
} .woolentor-luxury-card {
position: relative;
background: transparent;
cursor: pointer;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: none;
border-radius: 0;
padding-bottom: 10px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.woolentor-luxury-card:hover {
transform: translateY(-5px);
} .woolentor-luxury-card .woolentor-product-image {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 32px;
} .woolentor-ratio-1-1 .woolentor-luxury-card .woolentor-product-image {
padding-top: 100%; }
.woolentor-ratio-3-4 .woolentor-luxury-card .woolentor-product-image {
padding-top: 133.33%; }
.woolentor-ratio-4-5 .woolentor-luxury-card .woolentor-product-image {
padding-top: 125%; }
.woolentor-ratio-9-16 .woolentor-luxury-card .woolentor-product-image {
padding-top: 177.78%; }
.woolentor-luxury-card .woolentor-product-image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.woolentor-luxury-card .woolentor-product-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woolentor-luxury-card .woolentor-product-image .woolentor-product-badge img{
position: static;
}
.woolentor-luxury-card:hover .woolentor-product-image img {
transform: scale(1.08);
} .woolentor-luxury-card .woolentor-badges {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
align-items: flex-start;
}
.woolentor-luxury-card .woolentor-category-badge {
display: inline-block;
padding: 6px 16px;
background: rgba(236, 232, 225, 0.95);
color: #6b6b6b;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
border-radius: 20px;
font-weight: 500;
backdrop-filter: blur(10px);
} .woolentor-luxury-card .woolentor-sale-indicator {
position: absolute;
top: 20px;
right: 20px;
width: 48px;
height: 48px;
background: #e74c3c;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.5px;
z-index: 10;
} .woolentor-luxury-card .woolentor-new-badge-indicator {
position: absolute;
top: 20px;
right: 20px;
padding: 6px 14px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid #e0e0e0;
color: #2c2c2c;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.4px;
backdrop-filter: blur(10px);
font-weight: 500;
z-index: 10;
line-height: 1;
} .woolentor-luxury-card .woolentor-quick-actions {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 8px;
opacity: 0;
transition: all 0.3s ease;
z-index: 10;
flex-direction: row;
top: auto;
transform: translateX(0) translateY(10px);
}
.woolentor-luxury-card:hover .woolentor-quick-actions {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.woolentor-luxury-card .woolentor-quick-action {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.woolentor-luxury-card .woolentor-quick-action:hover {
background: #2c2c2c;
color: #fff;
}
.woolentor-luxury-card .woolentor-quick-action:hover a{
color: #fff;
}
.woolentor-luxury-card .woolentor-quick-action svg {
width: 18px;
height: 18px;
stroke: #2c2c2c;
}
.woolentor-luxury-card .woolentor-quick-action:hover svg {
stroke: white;
}
.woolentor-luxury-card .woolentor-quickview-btn svg, .woolentor-luxury-card .woolentorquickview svg {
width: 18px;
height: 18px;
display: block !important;
color: currentColor !important;
stroke: currentColor !important;
fill: none !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible;
margin-right: 0;
}
.woolentor-style-luxury .woolentor-quick-actions .woolentor-wishlist-btn:hover a {
color: #fff;
}
.woolentor-luxury-card .htcompare-btn{
justify-content: center;
align-items: center;
} .woolentor-luxury-card .woolentor-wishlist-btn a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
} .woolentor-luxury-card .woolentor-product-content {
text-align: center;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
} .woolentor-luxury-card .woolentor-product-category-badge {
display: inline-block;
padding: 5px 14px;
background: #f0ebe5;
color: #7a7a7a;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.2px;
border-radius: 16px;
margin-bottom: 16px;
font-weight: 400;
} .woolentor-luxury-card .woolentor-product-title {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 24px;
font-weight: 400;
color: #1a1a1a;
margin-bottom: 12px;
line-height: 1.3;
letter-spacing: -0.3px;
transition: color 0.3s ease;
}
.woolentor-luxury-card .woolentor-product-title a {
color: inherit;
text-decoration: none;
}
.woolentor-luxury-card:hover .woolentor-product-title {
color: #4a4a4a;
} .woolentor-luxury-card .woolentor-product-subtitle {
font-size: 13px;
color: #999;
margin-bottom: 16px;
font-weight: 300;
letter-spacing: 0.3px;
} .woolentor-luxury-card .woolentor-product-rating {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.woolentor-luxury-card .woolentor-product-stars {
display: flex;
gap: 3px;
}
.woolentor-luxury-card .woolentor-product-stars .star {
width: 12px;
height: 12px;
color: #d4a574;
}
.woolentor-luxury-card .woolentor-product-stars .star.empty {
color: #e8e8e8;
}
.woolentor-luxury-card .woolentor-rating-text {
font-size: 11px;
color: #999;
letter-spacing: 0.3px;
} .woolentor-luxury-card .woolentor-product-price {
display: flex;
justify-content: center;
align-items: baseline;
gap: 10px;
margin-bottom: 24px;
font-size: 18px;
color: #2c2c2c;
font-weight: 400;
letter-spacing: 0.5px;
}
.woolentor-luxury-card .woolentor-product-price del {
font-size: 15px;
color: #b8b8b8;
font-weight: 300;
}
.woolentor-luxury-card .woolentor-product-price ins {
text-decoration: none;
color: #e74c3c;
} .woolentor-luxury-card .woolentor-product-actions {
gap: 0;
}
.woolentor-luxury-card a.woolentor-cart-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 32px;
background: transparent;
color: #2c2c2c;
border: 1px solid #2c2c2c;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.5px;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative !important;
overflow: hidden !important;
font-weight: 500;
text-decoration: none !important;
}
.woolentor-luxury-card .woolentor-cart-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #2c2c2c;
transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: -1;
}
.woolentor-luxury-card .woolentor-cart-btn:hover::before {
left: 0;
}
.woolentor-luxury-card .woolentor-cart-btn:hover {
color: white;
border-color: #2c2c2c;
background: transparent;
box-shadow: none;
}
.woolentor-luxury-card .woolentor-product-actions .add_to_cart_button:hover {
background: transparent !important;
transform: translateY(0) !important;
color: #fff;
}
.woolentor-luxury-card .woolentor-cart-arrow {
transition: transform 0.3s ease;
font-size: 16px;
}
.woolentor-luxury-card .woolentor-cart-btn:hover .woolentor-cart-arrow {
transform: translateX(3px);
} .woolentor-luxury-card .woolentor-view-details {
display: block;
margin-top: 12px;
font-size: 12px;
color: #999;
text-decoration: none;
transition: color 0.3s ease;
letter-spacing: 0.5px;
}
.woolentor-luxury-card .woolentor-view-details:hover {
color: #2c2c2c;
} @keyframes fadeInLuxury {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woolentor-luxury-card {
animation: fadeInLuxury 0.8s ease-out backwards;
}
.woolentor-product-item:nth-child(1) .woolentor-luxury-card { animation-delay: 0.1s; }
.woolentor-product-item:nth-child(2) .woolentor-luxury-card { animation-delay: 0.2s; }
.woolentor-product-item:nth-child(3) .woolentor-luxury-card { animation-delay: 0.3s; }
.woolentor-product-item:nth-child(4) .woolentor-luxury-card { animation-delay: 0.4s; }
.woolentor-product-item:nth-child(5) .woolentor-luxury-card { animation-delay: 0.5s; }
.woolentor-product-item:nth-child(6) .woolentor-luxury-card { animation-delay: 0.6s; } @media (max-width: 1200px) {
.woolentor-product-grid-luxury {
gap: 60px;
}
}
@media (max-width: 968px) {
.woolentor-product-grid-luxury {
gap: 60px;
}
.woolentor-luxury-card .woolentor-product-title {
font-size: 22px;
}
}
@media (max-width: 640px) {
.woolentor-product-grid-luxury {
gap: 60px;
}
.woolentor-luxury-card .woolentor-product-title {
font-size: 20px;
}
.woolentor-luxury-card .woolentor-product-image {
margin-bottom: 24px;
}
.woolentor-luxury-card .woolentor-product-content {
padding: 0 10px;
}
} .woolentor-luxury-card.woolentor-out-of-stock {
opacity: 0.6;
}
.woolentor-luxury-card.woolentor-out-of-stock .woolentor-product-image::after {
content: 'Out of Stock';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.95);
color: #2c2c2c;
padding: 10px 20px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 500;
z-index: 5;
} .woolentor-card-hover-lift .woolentor-luxury-card:hover {
transform: translateY(-5px);
}
.woolentor-card-hover-none .woolentor-luxury-card:hover {
transform: none;
} .woolentor-image-hover-zoom .woolentor-luxury-card:hover .woolentor-product-image img {
transform: scale(1.08);
}
.woolentor-image-hover-none .woolentor-luxury-card:hover .woolentor-product-image img {
transform: none;
} .woolentor-badge-pos-top-left .woolentor-luxury-card .woolentor-badges {
top: 20px;
left: 20px;
right: auto;
}
.woolentor-badge-pos-top-right .woolentor-luxury-card .woolentor-badges {
left: auto;
right: 20px;
align-items: flex-end;
}
.woolentor-badge-pos-top-center .woolentor-luxury-card .woolentor-badges {
left: 50%;
transform: translateX(-50%);
}
.woolentor-badge-pos-top-left .woolentor-luxury-card .woolentor-sale-indicator,
.woolentor-badge-pos-top-left .woolentor-luxury-card .woolentor-new-badge-indicator {
top: 20px;
right: 20px;
left: auto;
} .show-on-mobile-two-column{
display: none;
} @media (max-width: 767px) {
.woolentor-columns-mobile-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"] .woolentor-luxury-card .woolentor-quick-action {
width: 30px;
height: 30px;
}
.woolentor-columns-mobile-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"] .show-on-mobile-two-column{
display: flex !important;
position: static;
}
.woolentor-columns-mobile-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"] .woolentor-sale-indicator:not(.show-on-mobile-two-column),
.woolentor-columns-mobile-2 .woolentor-product-grid .woolentor-products-wrapper > [class*="woolentor-columns-"] .woolentor-new-badge-indicator:not(.show-on-mobile-two-column){
display: none !important;
}
}:root {
--woolentor-editorial-bg: #FAFAFA;
--woolentor-editorial-card-bg: #FFFFFF;
--woolentor-editorial-text-primary: #0A0A0A;
--woolentor-editorial-text-secondary: #666666;
--woolentor-editorial-text-muted: #999999;
--woolentor-editorial-accent: #C9A14A;
--woolentor-editorial-border: #E5E5E5;
--woolentor-editorial-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.05);
--woolentor-editorial-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.12);
--woolentor-editorial-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wp-embed-responsive .wp-block {
outline: 0;
} .woolentor-product-grid-editorial {
display: grid;
gap: 48px;
padding: 0;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
background-color: var(--woolentor-editorial-bg);
} .woolentor-product-grid-editorial .woolentor-product-item {
position: relative;
} .woolentor-editorial-grid-card{
height: 100%;
}
.woolentor-product-grid-editorial .woolentor-editorial-card {
background: var(--woolentor-editorial-card-bg);
border-radius: 0;
overflow: hidden;
transition: var(--woolentor-editorial-transition);
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
} .woolentor-product-grid-editorial .woolentor-product-image {
position: relative;
width: 100%;
overflow: hidden;
background: var(--woolentor-editorial-bg);
box-shadow: var(--woolentor-editorial-shadow-soft);
} .woolentor-product-grid-editorial.grid-aspect-1-1 .woolentor-editorial-grid-card .woolentor-product-image {
padding-top: 100%; }
.woolentor-product-grid-editorial.grid-aspect-3-4 .woolentor-editorial-grid-card .woolentor-product-image {
padding-top: 133.33%; }
.woolentor-product-grid-editorial.grid-aspect-4-5 .woolentor-editorial-grid-card .woolentor-product-image {
padding-top: 125%; }
.woolentor-product-grid-editorial.grid-aspect-9-16 .woolentor-editorial-grid-card .woolentor-product-image {
padding-top: 177.78%; } .woolentor-editorial-grid-card .woolentor-product-image > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
} .woolentor-editorial-grid-card .woolentor-product-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woolentor-editorial-grid-card .woolentor-product-image .woolentor-product-badge img{
position: static;
} .woolentor-image-hover-zoom .woolentor-editorial-grid-card:hover .woolentor-product-image img {
transform: scale(1.08);
} .woolentor-editorial-grid-card .woolentor-product-image .woolentor-secondary-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 1;
}
.woolentor-editorial-grid-card:hover .woolentor-secondary-image {
opacity: 1;
} .woolentor-editorial-grid-card .woolentor-product-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
opacity: 0;
transition: all 0.4s ease;
z-index: 2;
}
.woolentor-editorial-grid-card:hover .woolentor-product-overlay {
background: rgba(0, 0, 0, 0.3);
opacity: 1;
} .woolentor-editorial-grid-card .woolentor-view-detail {
background: transparent;
border: 1px solid white;
color: white;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transform: translateY(10px);
transition: all 0.4s ease;
opacity: 0;
line-height: 1;
}
.woolentor-editorial-grid-card:hover .woolentor-view-detail {
transform: translateY(0);
opacity: 1;
}
.woolentor-editorial-grid-card .woolentor-view-detail:hover {
background: white;
color: var(--woolentor-editorial-text-primary);
} .woolentor-editorial-grid-card .woolentor-quick-actions {
display: flex;
position: static;
flex-direction: row;
gap: 12px;
opacity: 0;
transform: translateY(10px);
transition: all 0.4s ease 0.1s;
}
.woolentor-editorial-grid-card:hover .woolentor-quick-actions {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.woolentor-product-grid-editorial .woolentor-quick-action,.woolentor-product-grid-editorial a.woolentor-quick-action  {
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.95) !important;
border: none !important;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
color: var(--woolentor-editorial-text-primary) !important;
padding: 0 !important;
}
.woolentor-product-grid-editorial .woolentor-quick-action a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
transition: none;
}
.woolentor-product-grid-editorial .woolentor-quick-action svg {
width: 18px;
height: 18px;
color: inherit;
transition: none;
margin-right: 0;
}
.woolentor-product-grid-editorial .woolentor-quick-action:hover {
background: var(--woolentor-editorial-accent);
color: white;
transform: scale(1.1) translateY(-2px);
}
.woolentor-product-grid-editorial a.woolentor-cart-action:hover{
color: white;
background: var(--woolentor-editorial-accent);
}
.woolentor-product-grid-editorial .htcompare-btn svg {
fill: transparent;
stroke: currentColor;
}
.woolentor-product-grid-editorial .woolentor-quickview-btn svg{
fill: none;
}
.woolentor-quick-actions .added_to_cart{
display: none;
}
.woolentor-product-grid-editorial .woolentor-quick-action.added svg,.woolentor-product-grid-editorial .woolentor-quick-action.loading svg{
display: none;
}
.woolentor-product-grid-editorial .woolentor-quick-action.loading::after {
right: 0 !important;
top: 5px !important;
}
.woolentor-product-grid-editorial .woolentor-quick-action.added::after {
transform: translateX(0) translateY(0) !important;
left: 3px;
bottom: 13px;
border: none;
opacity: 1;
top: auto;
} .woolentor-product-grid-editorial .woolentor-quick-action::before {
content: attr(data-tooltip);
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%) translateY(5px);
background: rgba(0, 0, 0, 0.9);
color: white;
padding: 6px 12px;
border-radius: 4px;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
letter-spacing: 0.02em;
line-height: 1;
}
.woolentor-product-grid-editorial .woolentor-quick-action::after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(5px);
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.9);
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
display: block;
}
.woolentor-product-grid-editorial .woolentor-quick-action:hover::before,
.woolentor-product-grid-editorial .woolentor-quick-action:hover::after {
opacity: 1;
transform: translateX(-50%) translateY(0);
} .woolentor-product-grid-editorial .woolentor-product-content {
padding: 25px 25px;
display: flex;
flex-direction: column;
gap: 8px;
flex-grow: 1;
line-height: 1;
} .woolentor-product-grid-editorial .woolentor-product-categories {
margin-bottom: 4px;
}
.woolentor-product-grid-editorial .woolentor-product-category {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--woolentor-editorial-accent);
font-weight: 500;
} .woolentor-product-grid-editorial .woolentor-product-title {
margin: 0 0 8px 0;
font-size: 22px;
font-weight: 600;
line-height: 1.3;
font-family: 'Playfair Display', Georgia, serif;
}
.woolentor-product-grid-editorial .woolentor-product-title a {
color: var(--woolentor-editorial-text-primary);
transition: color 0.3s ease;
}
.woolentor-product-grid-editorial .woolentor-product-title a:hover {
color: var(--woolentor-editorial-accent);
} .woolentor-product-grid-editorial .woolentor-product-description {
margin-bottom: 8px;
}
.woolentor-product-grid-editorial .woolentor-product-description p {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: var(--woolentor-editorial-text-secondary);
} .woolentor-product-grid-editorial .woolentor-product-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.woolentor-product-grid-editorial .woolentor-product-stars {
display: flex;
gap: 2px;
}
.woolentor-product-grid-editorial .woolentor-product-stars .star {
width: 14px;
height: 14px;
color: var(--woolentor-editorial-accent);
}
.woolentor-product-grid-editorial .woolentor-product-stars .star.empty {
color: var(--woolentor-editorial-border);
}
.woolentor-product-grid-editorial .woolentor-review-count {
font-size: 12px;
color: var(--woolentor-editorial-text-muted);
} .woolentor-product-grid-editorial .woolentor-product-price {
font-size: 16px;
font-weight: 400;
color: var(--woolentor-editorial-text-secondary);
margin-bottom: 8px;
}
.woolentor-product-grid-editorial .woolentor-product-price del {
color: var(--woolentor-editorial-text-muted);
margin-right: 8px;
}
.woolentor-product-grid-editorial .woolentor-product-price ins {
text-decoration: none;
color: var(--woolentor-editorial-text-primary);
} .woolentor-product-grid-editorial .woolentor-stock-status {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--woolentor-editorial-text-muted);
margin-top: auto;
}
.woolentor-product-grid-editorial .woolentor-stock-status .stock-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #4CAF50;
}
.woolentor-product-grid-editorial .woolentor-stock-status.out-of-stock .stock-dot {
background: #ef4444;
} .woolentor-card-hover-lift .woolentor-editorial-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.woolentor-card-hover-lift .woolentor-editorial-card:hover {
transform: translateY(-8px);
box-shadow: var(--woolentor-editorial-shadow-hover);
} @media (max-width: 1024px) {
.woolentor-product-grid-editorial {
gap: 32px;
}
.woolentor-product-grid-editorial .woolentor-product-title {
font-size: 20px;
}
}
@media (max-width: 768px) {
.woolentor-product-grid-editorial {
gap: 24px;
}
.woolentor-product-grid-editorial .woolentor-product-content {
padding: 24px 15px;
}
.woolentor-product-grid-editorial .woolentor-product-title {
font-size: 18px;
}
.woolentor-product-grid-editorial .woolentor-quick-actions {
flex-wrap: wrap;
}
} .woolentor-no-products {
text-align: center;
padding: 40px 20px;
color: var(--woolentor-editorial-text-secondary);
font-size: 16px;
} .woolentor-product-grid-editorial + .woolentor-pagination {
margin-top: 64px;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woolentor-product-grid-editorial .woolentor-product-item {
animation: fadeInUp 0.6s ease both;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(1) {
animation-delay: 0.1s;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(2) {
animation-delay: 0.2s;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(3) {
animation-delay: 0.3s;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(4) {
animation-delay: 0.4s;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(5) {
animation-delay: 0.5s;
}
.woolentor-product-grid-editorial .woolentor-product-item:nth-child(6) {
animation-delay: 0.6s;
}  .woolentor-product-grid-editorial.woolentor-layout-grid {
display: grid;
grid-auto-rows: 1fr;
}
.woolentor-product-grid-editorial.woolentor-layout-list {
display: flex;
flex-direction: column;
gap: 24px;
} .woolentor-editorial-grid-card .woolentor-list-view-content {
display: none !important;
}
.woolentor-editorial-list-card .woolentor-grid-view-content {
display: none !important;
}
.woolentor-editorial-grid-card .woolentor-grid-view-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.woolentor-editorial-list-card .woolentor-list-view-content {
display: flex;
flex-direction: row;
width: 100%;
align-items: stretch;
} .woolentor-product-grid-editorial .woolentor-editorial-list-card {
display: flex;
flex-direction: row;
align-items: stretch;
background: var(--woolentor-editorial-card-bg);
box-shadow: var(--woolentor-editorial-shadow-soft);
overflow: hidden;
border: 1px solid var(--woolentor-editorial-border);
transition: var(--woolentor-editorial-transition);
}
.woolentor-product-grid-editorial .woolentor-editorial-list-card:hover {
box-shadow: var(--woolentor-editorial-shadow-hover);
border-color: transparent;
} .woolentor-editorial-list-card .woolentor-product-image {
position: relative;
flex-shrink: 0;
width: 320px;
background: var(--woolentor-editorial-bg);
overflow: hidden;
} .woolentor-product-grid-editorial.list-aspect-1-1 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 0;
height: 320px;
}
.woolentor-product-grid-editorial.list-aspect-4-3 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 0;
height: 240px;
}
.woolentor-product-grid-editorial.list-aspect-16-9 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 0;
height: 180px;
}
.woolentor-product-grid-editorial.list-aspect-3-4 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 0;
height: 426px;
}
.woolentor-editorial-list-card .woolentor-product-image > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.woolentor-editorial-list-card .woolentor-product-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .woolentor-editorial-list-card .woolentor-product-content {
flex: 1;
padding: 48px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.woolentor-editorial-list-card .woolentor-content-header {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 8px;
}
.woolentor-editorial-list-card .woolentor-product-categories {
margin-bottom: 0;
}
.woolentor-editorial-list-card .woolentor-product-title {
font-size: 32px;
font-weight: 600;
margin: 0;
line-height: 1.2;
}
.woolentor-editorial-list-card .woolentor-product-description {
margin-bottom: 16px;
}
.woolentor-editorial-list-card .woolentor-product-description p {
font-size: 16px;
line-height: 1.7;
color: var(--woolentor-editorial-text-secondary);
}
.woolentor-editorial-list-card .woolentor-product-rating {
margin-bottom: 12px;
}
.woolentor-editorial-list-card .woolentor-product-stars .star {
width: 16px;
height: 16px;
}
.woolentor-editorial-list-card .woolentor-content-footer {
display: flex;
align-items: center;
gap: 24px;
margin-top: auto;
padding-top: 24px;
border-top: 1px solid var(--woolentor-editorial-border);
}
.woolentor-editorial-list-card .woolentor-product-price {
font-size: 24px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
}
.woolentor-editorial-list-card .woolentor-discount-percentage {
display: inline-block;
margin-left: 12px;
padding: 4px 12px;
background: rgba(239, 68, 68, 0.1);
color: #ef4444;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
}
.woolentor-editorial-list-card .woolentor-stock-status {
font-size: 13px;
margin-top: 0;
}
.woolentor-editorial-list-card .woolentor-stock-status .stock-dot {
width: 8px;
height: 8px;
animation: pulse 2s infinite;
}
.woolentor-editorial-list-card .woolentor-stock-status.out-of-stock .stock-dot {
animation: none;
opacity: 0.6;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.7;
transform: scale(1.1);
}
} .woolentor-editorial-list-card .woolentor-product-actions {
margin-top: 0;
}
.woolentor-editorial-list-card a.woolentor-cart-btn {
background-color: transparent;
color: var(--woolentor-editorial-text-primary);
padding: 14px 32px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
border: 1px solid var(--woolentor-editorial-text-primary);
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
text-decoration: none;
border-radius: 0;
}
.woolentor-editorial-list-card a.woolentor-cart-btn:hover {
background-color: var(--woolentor-editorial-accent);
background: var(--woolentor-editorial-accent) !important;
border-color: var(--woolentor-editorial-accent);
color: #FFFFFF;
} .woolentor-editorial-list-card .woolentor-badges {
position: absolute;
top: 24px;
left: 24px;
z-index: 3;
display: flex;
flex-direction: column;
gap: 8px;
} .woolentor-editorial-list-card .woolentor-product-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.4s ease;
z-index: 4;
} .woolentor-product-item:hover .woolentor-editorial-list-card .woolentor-product-overlay,
.woolentor-editorial-list-card:hover .woolentor-product-overlay {
opacity: 1;
} .woolentor-editorial-list-card .woolentor-quick-actions {
display: flex;
gap: 12px;
transform: translateY(10px);
transition: all 0.4s ease;
} .woolentor-product-item:hover .woolentor-editorial-list-card .woolentor-quick-actions,
.woolentor-editorial-list-card:hover .woolentor-quick-actions {
transform: translateY(0);
opacity: 1;
visibility: visible;
} .woolentor-editorial-list-card .woolentor-quick-action {
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.95);
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
color: var(--woolentor-editorial-text-primary);
}
.woolentor-editorial-list-card .woolentor-quick-action a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
}
.woolentor-editorial-list-card .woolentor-quick-action svg {
width: 18px;
height: 18px;
}
.woolentor-editorial-list-card .woolentor-quick-action:hover {
background: var(--woolentor-editorial-accent);
color: white;
transform: scale(1.1) translateY(-2px);
}
.woolentor-editorial-list-card .woolentor-quick-action.active {
background: var(--woolentor-editorial-accent);
color: white;
} .woolentor-editorial-list-card .woolentor-quick-action::before {
content: attr(data-tooltip);
position: absolute;
left: auto;
right: calc(100% + 7px);
top: 50%;
bottom: auto;
transform: translateY(-50%) translateX(-5px);
background: rgba(0, 0, 0, 0.9);
color: white;
padding: 6px 12px;
border-radius: 4px;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
letter-spacing: 0.02em;
line-height: 1;
}
.woolentor-editorial-list-card .woolentor-quick-action::after {
content: '';
position: absolute;
left: auto;
right: calc(100% + -3px);
top: 50%;
bottom: auto;
transform: translateY(-50%) translateX(-5px);
border: 5px solid transparent;
border-left-color: rgba(0, 0, 0, 0.9);
border-top-color: transparent;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
display: block;
}
.woolentor-editorial-list-card .woolentor-quick-action:hover::before,
.woolentor-editorial-list-card .woolentor-quick-action:hover::after {
opacity: 1;
transform: translateY(-50%) translateX(0);
} @media (max-width: 1024px) {
.woolentor-editorial-list-card .woolentor-product-image {
width: 280px;
}
.woolentor-product-grid-editorial.list-aspect-1-1 .woolentor-editorial-list-card .woolentor-product-image {
height: 280px;
}
.woolentor-product-grid-editorial.list-aspect-4-3 .woolentor-editorial-list-card .woolentor-product-image {
height: 210px;
}
.woolentor-product-grid-editorial.list-aspect-16-9 .woolentor-editorial-list-card .woolentor-product-image {
height: 157px;
}
.woolentor-product-grid-editorial.list-aspect-3-4 .woolentor-editorial-list-card .woolentor-product-image {
height: 373px;
}
.woolentor-editorial-list-card .woolentor-product-content {
padding: 32px;
}
.woolentor-editorial-list-card .woolentor-product-title {
font-size: 28px;
}
}
@media (max-width: 768px) {
.woolentor-editorial-list-card .woolentor-list-view-content {
flex-direction: column;
}
.woolentor-editorial-list-card .woolentor-product-image {
width: 100%;
height: auto;
padding-top: 125%; }
.woolentor-product-grid-editorial.list-aspect-1-1 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 100%;
height: auto;
}
.woolentor-product-grid-editorial.list-aspect-4-3 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 75%;
height: auto;
}
.woolentor-product-grid-editorial.list-aspect-16-9 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 56.25%;
height: auto;
}
.woolentor-product-grid-editorial.list-aspect-3-4 .woolentor-editorial-list-card .woolentor-product-image {
padding-top: 133.33%;
height: auto;
}
.woolentor-editorial-list-card .woolentor-product-content {
padding: 24px;
}
.woolentor-editorial-list-card .woolentor-product-title {
font-size: 22px;
}
.woolentor-editorial-list-card .woolentor-product-description p {
font-size: 14px;
}
.woolentor-editorial-list-card .woolentor-product-price {
font-size: 20px;
}
.woolentor-editorial-list-card .woolentor-content-footer {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}.woolentor-product-grid-magazine {
--magazine-bg-primary: #faf9f7;
--magazine-bg-secondary: #f5f4f2;
--magazine-text-primary: #1a1a1a;
--magazine-text-secondary: #6a6a6a;
--magazine-accent: #1a1a1a;
--magazine-border: #d4d4d4;
--magazine-hover: #2a2a2a;
--magazine-white: #ffffff;
} .woolentor-product-grid-magazine {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 40px;
position: relative;
} .woolentor-product-grid-magazine.woolentor-layout-grid {
display: grid;
grid-template-columns:repeat(12, 1fr) !important;
}
.woolentor-product-grid-magazine.woolentor-layout-list {
display: flex;
flex-direction: column;
}   .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+1) { grid-column: span 5; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+2) { grid-column: span 7; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+3) { grid-column: span 6; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+4) { grid-column: span 6; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+5) { grid-column: span 7; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+6) { grid-column: span 5; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n+7) { grid-column: span 4; } .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8n) { grid-column: span 8; } .woolentor-product-grid-magazine .woolentor-product-card {
position: relative;
background: transparent;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: 0px solid transparent;
overflow: hidden;
height: 100%;
display: inherit;
border-radius: 0;
}
.woolentor-product-grid-magazine .woolentor-product-card:hover {
box-shadow: none;
transform: translateY(0);
}
.woolentor-product-grid-magazine .woolentor-quickview-btn svg{
fill: none !important;
color: currentColor;
margin-right: 0;
} .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-list-view-content {
display: none;
} .woolentor-product-grid-magazine .woolentor-grid-view-content .woolentor-product-image {
position: relative;
overflow: hidden;
background: var(--magazine-bg-secondary);
} .woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(odd) .woolentor-product-image {
aspect-ratio: 3/4;
}
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(even) .woolentor-product-image {
aspect-ratio: 4/3;
}
.woolentor-product-grid-magazine .woolentor-product-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.woolentor-product-grid-magazine .woolentor-product-card:hover .woolentor-product-image img {
transform: scale(1.05);
} .woolentor-product-grid-magazine .woolentor-product-number {
position: absolute;
top: 20px;
left: 20px;
font-size: 72px;
font-weight: 300;
color: rgba(255, 255, 255, 0.6);
line-height: 1;
z-index: 2;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
} [class*="woolentor-badge-pos-wlpro_"] .woolentor-badges {
right: 12px;
left: auto;
} .woolentor-product-grid-magazine .woolentor-quick-actions {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 3;
top: auto;
transform: translateY(0) translateX(0);
opacity: 1;
visibility: visible;
}
.woolentor-product-grid-magazine .woolentor-quick-action {
width: 44px;
height: 44px;
background: var(--magazine-white);
border: 1px solid var(--magazine-border);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
opacity: 0;
transform: translateY(10px);
}
.woolentor-product-grid-magazine .woolentor-product-card:hover .woolentor-quick-action {
opacity: 1;
transform: translateY(0);
}
.woolentor-product-grid-magazine .woolentor-quick-action:hover {
background: var(--magazine-accent);
border-color: var(--magazine-accent);
color: var(--magazine-white);
}
.woolentor-product-grid-magazine .woolentor-quick-action:hover a{
color: var(--magazine-white);
}
.woolentor-product-grid-magazine .woolentor-quick-action:hover svg {
stroke: currentColor;
color: currentColor;
} .woolentor-product-grid-magazine .woolentor-grid-view-content .woolentor-product-content {
padding: 30px 25px;
}
.woolentor-product-grid-magazine .woolentor-product-categories {
margin-bottom: 12px;
}
.woolentor-product-grid-magazine .woolentor-product-category {
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--magazine-text-secondary);
font-weight: 400;
text-decoration: none;
transition: color 0.3s ease;
}
.woolentor-product-grid-magazine .woolentor-product-category:hover {
color: var(--magazine-accent);
}
.woolentor-product-grid-magazine .woolentor-product-title {
font-size: clamp(20px, 2vw, 28px);
font-weight: 500;
margin-bottom: 15px;
line-height: 1.3;
color: var(--magazine-text-primary);
font-family: 'Playfair Display', Georgia, serif;
}
.woolentor-product-grid-magazine .woolentor-product-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.woolentor-product-grid-magazine .woolentor-product-title a:hover {
color: var(--magazine-text-secondary);
}
.woolentor-product-grid-magazine .woolentor-product-description {
font-size: 16px;
color: var(--magazine-text-secondary);
line-height: 1.7;
margin-bottom: 20px;
font-weight: 300;
}
.woolentor-product-grid-magazine .woolentor-product-price {
font-size: 24px;
font-weight: 500;
color: var(--magazine-text-primary);
margin-bottom: 20px;
font-family: 'Playfair Display', Georgia, serif;
margin-top: 0;
}
.woolentor-product-grid-magazine .woolentor-product-actions .woolentor-discover-btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--magazine-text-primary);
text-decoration: none;
border-bottom: 1px solid var(--magazine-accent);
transition: all 0.3s ease;
background: none;
border-top: none;
border-left: none;
border-right: none;
padding: 0 0 5px 0;
border-radius: 0;
min-height: auto;
font-weight: normal;
outline: none;
}
.woolentor-product-grid-magazine .woolentor-product-actions .woolentor-discover-btn:hover {
border-bottom-width: 2px;
letter-spacing: 3px;
background: none !important;
box-shadow: none !important;
color: var(--magazine-text-primary);
} .woolentor-product-grid-magazine.woolentor-layout-list .woolentor-grid-view-content {
display: none;
}
.woolentor-product-grid-magazine.woolentor-layout-list .woolentor-product-item {
margin-bottom: 80px;
padding-bottom: 60px;
border-bottom: 1px solid var(--magazine-border);
}
.woolentor-product-grid-magazine.woolentor-layout-list .woolentor-product-item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.woolentor-product-grid-magazine .woolentor-list-view-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
} .woolentor-product-grid-magazine.woolentor-layout-list .woolentor-product-item:nth-child(even) .woolentor-list-view-content {
direction: rtl;
}
.woolentor-product-grid-magazine.woolentor-layout-list .woolentor-product-item:nth-child(even) .woolentor-list-view-content > * {
direction: ltr;
} .woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-image {
position: relative;
overflow: hidden;
background: var(--magazine-bg-secondary);
aspect-ratio: 4/5;
}
.woolentor-product-grid-magazine .woolentor-list-product-number {
position: absolute;
top: -40px;
left: -20px;
font-size: 180px;
font-weight: 300;
color: rgba(0, 0, 0, 0.03);
line-height: 1;
z-index: 1;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
} .woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-content {
position: relative;
z-index: 2;
}
.woolentor-product-grid-magazine .woolentor-content-header {
margin-bottom: 30px;
}
.woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-categories {
font-size: 13px;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--magazine-text-secondary);
margin-bottom: 15px;
font-weight: 400;
}
.woolentor-product-grid-magazine .woolentor-separator {
margin: 0 10px;
}
.woolentor-product-grid-magazine .woolentor-editorial-label {
color: var(--magazine-text-secondary);
}
.woolentor-product-grid-magazine .woolentor-editorial-badge {
display: inline-block;
background: var(--magazine-accent);
color: var(--magazine-white);
padding: 6px 18px;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 20px;
}
.woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-title {
font-size: clamp(32px, 4vw, 48px);
font-weight: 500;
margin-bottom: 20px;
line-height: 1.2;
}
.woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-description {
font-size: 18px;
color: var(--magazine-text-secondary);
line-height: 1.8;
margin-bottom: 30px;
font-weight: 300;
} .woolentor-product-grid-magazine .woolentor-product-details {
display: flex;
gap: 30px;
margin-bottom: 30px;
padding-top: 20px;
border-top: 1px solid var(--magazine-border);
}
.woolentor-product-grid-magazine .woolentor-detail-item {
flex: 1;
}
.woolentor-product-grid-magazine .woolentor-detail-label {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--magazine-text-secondary);
margin-bottom: 8px;
font-weight: 400;
}
.woolentor-product-grid-magazine .woolentor-detail-value {
font-size: 18px;
color: var(--magazine-text-primary);
font-weight: 500;
font-family: 'Playfair Display', Georgia, serif;
} .woolentor-product-grid-magazine .woolentor-product-price-standalone {
font-size: 28px;
font-weight: 500;
color: var(--magazine-text-primary);
margin-bottom: 30px;
font-family: 'Playfair Display', Georgia, serif;
} .woolentor-product-grid-magazine .woolentor-content-footer {
margin-top: 30px;
}
.woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-actions {
display: flex;
gap: 20px;
align-items: center;
}
.woolentor-product-grid-magazine a.woolentor-primary-btn {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
background: var(--magazine-accent);
color: var(--magazine-white);
border: none;
padding: 16px 30px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
min-height: auto;
font-weight: normal;
border-radius: 0;
}
.woolentor-product-grid-magazine a.woolentor-primary-btn:hover {
background: var(--magazine-hover) !important;
letter-spacing: 2px;
}
.woolentor-product-grid-magazine .woolentor-secondary-btn {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
background: none;
color: var(--magazine-text-primary);
border: 1px solid var(--magazine-accent);
padding: 15px 40px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
line-height: 1;
}
.woolentor-product-grid-magazine .woolentor-secondary-btn:hover {
background: var(--magazine-accent);
color: var(--magazine-white);
}
.woolentor-product-grid-magazine .woolentor-list-wishlist-btn {
width: 48px;
height: 48px;
background: var(--magazine-white);
border: 1px solid var(--magazine-border);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.woolentor-product-grid-magazine .woolentor-list-wishlist-btn a{
color: var(--magazine-accent);
}
.woolentor-product-grid-magazine .woolentor-list-wishlist-btn:hover a{
color: var(--magazine-white);
}
.woolentor-product-grid-magazine .woolentor-list-wishlist-btn:hover {
background: var(--magazine-accent);
border-color: var(--magazine-accent);
color: var(--magazine-white);
}
.woolentor-product-grid-magazine .woolentor-list-wishlist-btn:hover svg {
stroke: currentColor;
fill: currentColor;
} .woolentor-product-grid-magazine.woolentor-layout-grid-list-tab .woolentor-list-view-content {
display: none;
}
.woolentor-product-grid-magazine.woolentor-layout-grid-list-tab.woolentor-list-active .woolentor-grid-view-content {
display: none;
}
.woolentor-product-grid-magazine.woolentor-layout-grid-list-tab.woolentor-list-active .woolentor-list-view-content {
display: grid;
}
.woolentor-product-grid-magazine.woolentor-layout-grid-list-tab.woolentor-list-active {
display: flex;
flex-direction: column;
}
.woolentor-product-grid-magazine.woolentor-layout-grid-list-tab.woolentor-list-active .woolentor-product-item {
margin-bottom: 80px;
padding-bottom: 60px;
border-bottom: 1px solid var(--magazine-border);
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woolentor-product-grid-magazine .woolentor-product-card {
animation: fadeInUp 0.6s ease forwards;
opacity: 0;
} .woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+1) .woolentor-product-card { animation-delay: 0.1s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+2) .woolentor-product-card { animation-delay: 0.2s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+3) .woolentor-product-card { animation-delay: 0.3s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+4) .woolentor-product-card { animation-delay: 0.4s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+5) .woolentor-product-card { animation-delay: 0.5s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+6) .woolentor-product-card { animation-delay: 0.6s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n+7) .woolentor-product-card { animation-delay: 0.7s; }
.woolentor-product-grid-magazine .woolentor-product-item:nth-child(8n) .woolentor-product-card { animation-delay: 0.8s; } @media (max-width: 1200px) {
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(1),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(2),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(3),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(4),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(5),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(6),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(7),
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item:nth-child(8) {
grid-column: span 6;
}
.woolentor-product-grid-magazine .woolentor-list-view-content {
gap: 40px;
}
.woolentor-product-grid-magazine .woolentor-list-product-number {
font-size: 140px;
}
}
@media (max-width: 768px) {
.woolentor-product-grid-magazine {
gap: 30px;
}
.woolentor-product-grid-magazine.woolentor-layout-grid {
grid-template-columns: 1fr !important;
gap: 40px;
}
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-item{
grid-column: span 12 !important;
}
.woolentor-product-grid-magazine.woolentor-layout-grid .woolentor-product-image {
aspect-ratio: 3/4 !important;
}
.woolentor-product-grid-magazine .woolentor-product-number {
font-size: 48px;
top: 15px;
left: 15px;
}
.woolentor-product-grid-magazine .woolentor-quick-action {
opacity: 1;
transform: translateY(0);
}
.woolentor-product-grid-magazine .woolentor-list-view-content {
grid-template-columns: 1fr;
gap: 30px;
}
.woolentor-product-grid-magazine.woolentor-layout-list .woolentor-product-item:nth-child(even) .woolentor-list-view-content {
direction: ltr;
}
.woolentor-product-grid-magazine .woolentor-list-product-number {
font-size: 100px;
top: -20px;
left: -10px;
}
.woolentor-product-grid-magazine .woolentor-product-details {
flex-direction: column;
gap: 15px;
}
.woolentor-product-grid-magazine .woolentor-list-view-content .woolentor-product-actions {
flex-direction: column;
width: 100%;
}
.woolentor-product-grid-magazine .woolentor-primary-btn,
.woolentor-product-grid-magazine .woolentor-secondary-btn {
width: 100%;
text-align: center;
}
}.hfe-counter-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
} .hfe-counter-wrapper[style*="flex-direction: column"] {
align-items: center; justify-content: center; }
.hfe-counter-wrapper[style*="flex-direction: row"] {
justify-content: center; align-items: center; }
.hfe-counter-content {
display: flex;
align-items: center;
justify-content: center;
}
.hfe-counter-number {
font-weight: bold;
font-size: 48px;
line-height: 1;
}
.hfe-counter-title {
font-size: 18px;
line-height: 1.2;
margin: 0;
}
.hfe-counter-prefix,
.hfe-counter-suffix {
font-size: inherit;
line-height: inherit;
} .hfe-counter-title {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .hfe-counter-content {
flex-shrink: 0;
} .hfe-counter-wrapper[style*="flex-direction: row"] .hfe-counter-title,
.hfe-counter-wrapper[style*="flex-direction: row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
.hfe-counter-wrapper[style*="flex-direction: row-reverse"] .hfe-counter-title,
.hfe-counter-wrapper[style*="flex-direction: row-reverse"] .hfe-counter-content {
flex: 1;
min-width: 0;
} .hfe-counter-wrapper:not([style*="column"]) .hfe-counter-title,
.hfe-counter-wrapper:not([style*="column"]) .hfe-counter-content {
flex: 1;
min-width: 0;
} .hfe-counter-content {
display: flex !important;
align-items: center;
justify-content: center;
} @media (max-width: 1024px) {
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-title,
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
}
@media (max-width: 767px) {
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-title,
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
} @media (max-width: 767px) {
.hfe-counter-number {
font-size: 36px;
}
.hfe-counter-title {
font-size: 16px;
}
} ul.hfe-nav-menu,
.hfe-nav-menu li,
.hfe-nav-menu ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.hfe-nav-menu li.menu-item {
position: relative;
}
.hfe-flyout-container .hfe-nav-menu li.menu-item {
position: relative;
background: unset;
}
.hfe-nav-menu .sub-menu li.menu-item {
position: relative;
background: inherit;
}
.hfe-nav-menu__theme-icon-yes button.sub-menu-toggle {
display: none;
}
div.hfe-nav-menu,
.elementor-widget-hfe-nav-menu .elementor-widget-container{
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hfe-nav-menu .parent-has-no-child .hfe-menu-toggle {
display: none;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu,
.hfe-submenu-action-hover .hfe-layout-vertical .hfe-nav-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 16;
visibility: hidden;
opacity: 0;
text-align: left;
-webkit-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:focus > .sub-menu {
visibility: visible;
opacity: 1;
}
.hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:focus > .sub-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu .menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
visibility: hidden;
opacity: 0;
}
.hfe-flyout-container .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 0;
}
.hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 100%;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.hfe-nav-menu:before,
.hfe-nav-menu:after {
content: '';
display: table;
clear: both;
} .hfe-nav-menu__align-right .hfe-nav-menu {
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end; }
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end; }
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper,
.rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: right;
}
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper,
.rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: left;
}
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: center;
}
.hfe-nav-menu__align-left .hfe-nav-menu {
margin-right: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start; }
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start; }
.hfe-nav-menu__align-center .hfe-nav-menu {
margin-left: auto;
margin-right: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; }
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; }
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
}
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
width: 100%; 
}
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
flex-grow: 1; }
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; } .hfe-active-menu + nav li:not(:last-child) a.hfe-menu-item,
.hfe-active-menu + nav li:not(:last-child) a.hfe-sub-menu-item {
border-bottom-width: 0;
} .hfe-nav-menu a.hfe-menu-item,
.hfe-nav-menu a.hfe-sub-menu-item {
line-height: 1;
text-decoration: none;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.hfe-nav-menu a.hfe-menu-item:hover,
.hfe-nav-menu a.hfe-sub-menu-item:hover {
text-decoration: none;
}
.hfe-nav-menu .sub-menu {
min-width: 220px;
margin: 0;
z-index: 9999;
}
.hfe-nav-menu__layout-horizontal {
font-size: 0;
}
.hfe-nav-menu__layout-horizontal li.menu-item,
.hfe-nav-menu__layout-horizontal > li.menu-item {
font-size: medium;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu{
-webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
} .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: '+'; 
}
.hfe-submenu-icon-none .hfe-nav-menu .parent-has-child .sub-arrow {
display: none; 
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before,.hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: '-'; 
}
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: ''; 
}
.rtl .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.rtl .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
} .hfe-nav-menu-icon {
padding: 0.35em;
border: 0 solid;
}
.hfe-nav-menu-icon svg {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 25px;
}
.hfe-nav-menu-icon i:focus {
outline: 0;
}
.hfe-has-submenu-container a.hfe-menu-item:focus,
.hfe-has-submenu-container a.hfe-sub-menu-item:focus {
outline: 0;
} .hfe-nav-menu .menu-item-has-children:focus,
.hfe-nav-menu .menu-item-has-children .sub-menu:focus,
.hfe-nav-menu .menu-item-has-children-container:focus {
outline: 0;
}
.hfe-nav-menu .menu-item-has-children-container {
position: relative;
}
.hfe-nav-menu__layout-expandible .sub-menu,
.hfe-nav-menu__layout-vertical .sub-menu,
.hfe-flyout-wrapper .sub-menu {
position: relative;
height: 0;
}
.hfe-nav-menu__submenu-arrow .hfe-menu-toggle:before,
.hfe-nav-menu__submenu-plus .hfe-menu-toggle:before,
.hfe-nav-menu__submenu-classic .hfe-menu-toggle:before {
font-family: 'Font Awesome 5 Free';
z-index: 1;
font-size: inherit;
font-weight: inherit;
line-height: 0;
}
.hfe-menu-item-center .hfe-nav-menu li a.hfe-menu-item,
.hfe-menu-item-center .hfe-nav-menu li a.hfe-sub-menu-item {
margin-right: 0px;
}
.hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-menu-item,
.hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-sub-menu-item {
margin-right: 0px;
}
.hfe-nav-menu__toggle-icon:before {
content: '\f0c9';
font-family: 'fontAwesome';
z-index: 1;
font-size: 24px;
font-weight: inherit;
font-style: normal;
line-height: 0;
}
.hfe-active-menu .hfe-nav-menu__toggle-icon:before {
content: '\f00d';
}
.hfe-nav-menu__layout-expandible {
-webkit-transition-property: display;
transition-property: display;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 );
transition-timing-function: cubic-bezier( 0, 1, 0.5, 1 );
}
.hfe-nav-menu__layout-expandible {
visibility: hidden;
opacity: 0; 
}
.hfe-nav-menu__layout-expandible .sub-menu {
visibility: hidden;
opacity: 0; 
}
.hfe-active-menu + .hfe-nav-menu__layout-expandible {
visibility: visible;
opacity: 1; 
height: auto;
}
.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-expandible,
.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
position: absolute;
top: 100%;
}
.hfe-nav-menu__layout-expandible .menu-item-has-children .menu-item-has-children .sub-menu,
.hfe-nav-menu__layout-vertical .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 0;
}
.hfe-layout-expandible nav {
height: 0;
}
.hfe-nav-sub-menu-icon, .hfe-nav-menu__icon {
display: inline-block;
line-height: 1;
}
.hfe-nav-menu__toggle {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 22px;
cursor: pointer;
border: 0 solid;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #494c4f;
position: relative;
line-height: 1;
}
.hfe-nav-menu__toggle-icon {
display: inline-block;
font-size: inherit;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hfe-nav-menu .sub-arrow {
font-size: 14px;
line-height: 1;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
margin-top: -10px;
margin-bottom: -10px;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
margin-left: 10px;
}
.hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-arrow,
.hfe-layout-expandible .sub-arrow,
.hfe-flyout-wrapper .sub-arrow
{
padding: 10px;
}
.hfe-nav-menu .child-item,
.hfe-nav-menu__layout-vertical .hfe-nav-menu .child-item {
font-size: 14px;
line-height: 1;
padding: 10px 0 10px 10px;
margin-top: -10px;
margin-bottom: -10px;
position: absolute;
right: 0;
margin-right: 20px;
}
.hfe-layout-horizontal .hfe-nav-menu__toggle,
.hfe-layout-vertical .hfe-nav-menu__toggle {
visibility: hidden;
opacity: 0;
display: none;
}
.hfe-nav-menu-icon {
display: inline-block;
line-height: 1;
text-align: center;
}
.hfe-nav-menu__layout-expandible .saved-content,
.hfe-nav-menu__layout-expandible .sub-menu,
.hfe-nav-menu__layout-expandible .child,
.hfe-nav-menu__layout-vertical .saved-content,
.hfe-nav-menu__layout-vertical .sub-menu,
.hfe-nav-menu__layout-vertical .child,
.hfe-flyout-container .saved-content,
.hfe-flyout-container .sub-menu,
.hfe-flyout-container .child {
left: 0 !important;
width: 100% !important; 
}
.hfe-flyout-container .hfe-nav-menu .sub-menu {
background: unset;
}
.hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover,
.hfe-nav-menu__layout-expandible .hfe-menu-toggle:hover,
.hfe-flyout-wrapper .hfe-menu-toggle:hover {
border:1px dotted;
}
.hfe-nav-menu__layout-vertical .hfe-menu-toggle,
.hfe-nav-menu__layout-expandible .hfe-menu-toggle,
.hfe-flyout-wrapper .hfe-menu-toggle {
border:1px dotted transparent;
} .hfe-nav-menu .menu-item a:before,
.hfe-nav-menu .menu-item a:after {
display: block;
position: absolute;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1); }
.hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-nav-menu .menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
opacity: 0; }
.hfe-nav-menu .menu-item a.hfe-menu-item:hover:before,
.hfe-nav-menu .menu-item a.hfe-menu-item:hover:after,
.hfe-nav-menu .menu-item a.hfe-menu-item:focus:before,
.hfe-nav-menu .menu-item a.hfe-menu-item:focus:after,
.hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:before,
.hfe-nav-menu .menu-item a.hfe-menu-item.highlighted:after,
.hfe-nav-menu .current-menu-item:before,
.hfe-nav-menu .current-menu-item:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:after {
height: 3px;
width: 100%;
left: 0;
background-color: #55595c;
z-index: 2;
}
.hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
height: 0;
width: 0;
left: 50%;
}
.hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
top: 10px;
}
.hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
bottom: 10px;
}
.hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
top: -10px;
}
.hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
bottom: -10px;
}
.hfe-pointer__double-line.hfe-animation__none, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__underline.hfe-animation__none, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item, .hfe-pointer__overline.hfe-animation__none, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-pointer__double-line.hfe-animation__none:before, .hfe-pointer__double-line.hfe-animation__none:after, .hfe-pointer__double-line.hfe-animation__none:hover, .hfe-pointer__double-line.hfe-animation__none:focus, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__double-line.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__underline.hfe-animation__none:before, .hfe-pointer__underline.hfe-animation__none:after, .hfe-pointer__underline.hfe-animation__none:hover, .hfe-pointer__underline.hfe-animation__none:focus, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__underline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__overline.hfe-animation__none:before, .hfe-pointer__overline.hfe-animation__none:after, .hfe-pointer__overline.hfe-animation__none:hover, .hfe-pointer__overline.hfe-animation__none:focus, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__overline.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item:before {
content: '';
top: 0;
}
.hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
width: 10px;
left: -20px;
}
.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after {
content: '';
bottom: 0;
}
.hfe-pointer__double-line.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
width: 10px;
left: -webkit-calc( 100% + 20px);
left: calc( 100% + 20px);
} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 3px solid #55595c;
}
.hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before {
content: '';
}
.hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
.hfe-pointer__framed.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:before {
-webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
transition: opacity 0.2s, -webkit-transform 0.4s;
transition: opacity 0.2s, transform 0.4s;
transition: opacity 0.2s, transform 0.4s, -webkit-transform 0.4s;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after {
width: 3px;
height: 3px;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:before {
border-width: 0 0 3px 3px;
-webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 3px 3px 0 0;
-webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after {
width: 100%;
height: 100%;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:before {
-webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__draw .current-menu-item:after {
-webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after {
width: 3px;
height: 3px;
}
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:before {
border-width: 3px 0 0 3px;
}
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 0 3px 3px 0;
}
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__framed.hfe-animation__corners .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:before, .hfe-pointer__framed.hfe-animation__corners .current-menu-item:after {
width: 100%;
height: 100%;
-webkit-transition: opacity 0.002s, width 0.4s, height 0.4s;
transition: opacity 0.002s, width 0.4s, height 0.4s;
}
.hfe-pointer__framed.hfe-animation__none, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-pointer__framed.hfe-animation__none:before, .hfe-pointer__framed.hfe-animation__none:after, .hfe-pointer__framed.hfe-animation__none:hover, .hfe-pointer__framed.hfe-animation__none:focus, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__framed.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus {
-webkit-transition-duration: 0s;
transition-duration: 0s;
} .hfe-pointer__background .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:after {
content: '';
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hfe-pointer__background .menu-item.parent a.hfe-menu-item:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #55595c;
z-index: -1;
}
.hfe-pointer__background .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background .menu-item.parent a.hfe-menu-item:focus, .hfe-pointer__background .menu-item.parent a.hfe-menu-item.highlighted, .hfe-pointer__background .current-menu-item {
color: #fff;
}
.hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:before {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__grow .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__grow .current-menu-item:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shrink .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shrink .current-menu-item:before {
-webkit-transition: opacity 0.15s, -webkit-transform 0.4s;
transition: opacity 0.15s, -webkit-transform 0.4s;
transition: opacity 0.15s, transform 0.4s;
transition: opacity 0.15s, transform 0.4s, -webkit-transform 0.4s;
}
.hfe-pointer__background.hfe-animation__sweep-left .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
left: 100%;
}
.hfe-pointer__background.hfe-animation__sweep-right .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
right: 100%;
}
.hfe-pointer__background.hfe-animation__sweep-up .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
top: 100%;
}
.hfe-pointer__background.hfe-animation__sweep-down .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
bottom: 100%;
}
.hfe-pointer__background.hfe-animation__shutter-out-vertical .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
bottom: 50%;
top: 50%;
}
.hfe-pointer__background.hfe-animation__shutter-out-horizontal .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
right: 50%;
left: 50%;
}
.hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #55595c;
z-index: -1;
}
.hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:before {
top: 0;
bottom: 100%;
}
.hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:after {
top: 100%;
bottom: 0;
}
.hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:before {
bottom: 50%;
}
.hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-vertical .current-menu-item:after {
top: 50%;
}
.hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:before {
right: 0;
left: 100%;
}
.hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:after {
right: 100%;
left: 0;
}
.hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:before, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:before {
left: 50%;
}
.hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:hover:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item:focus:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .menu-item.parent a.hfe-menu-item.highlighted:after, .hfe-pointer__background.hfe-animation__shutter-in-horizontal .current-menu-item:after {
right: 50%;
}
.hfe-pointer__background.hfe-animation__none, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-pointer__background.hfe-animation__none:before, .hfe-pointer__background.hfe-animation__none:after, .hfe-pointer__background.hfe-animation__none:hover, .hfe-pointer__background.hfe-animation__none:focus, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__background.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus {
-webkit-transition-duration: 0s;
transition-duration: 0s;
} .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__skew .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
}
.hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__shrink .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__float .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__sink .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__rotate .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg);
}
.hfe-pointer__text.hfe-animation__none, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-pointer__text.hfe-animation__none:before, .hfe-pointer__text.hfe-animation__none:after, .hfe-pointer__text.hfe-animation__none:hover, .hfe-pointer__text.hfe-animation__none:focus, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:before, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:after, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text.hfe-animation__none .menu-item.parent a.hfe-menu-item:focus {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hfe-flyout-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999998;
background: rgba(0,0,0,.6);
cursor: pointer;
-webkit-backface-visibility: hidden;
} .hfe-pointer__underline .menu-item.parent a.hfe-menu-item.elementor-button:after,
.hfe-pointer__overline .menu-item.parent a.hfe-menu-item.elementor-button:before,
.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:after,
.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item.elementor-button:before {
height: 0px;
}
.hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:before,
.hfe-pointer__framed .menu-item.parent a.hfe-menu-item.elementor-button:after{
border-width: 0px;
}
.hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:hover,
.hfe-pointer__text.hfe-animation__grow .menu-item.parent a.hfe-menu-item.elementor-button:focus
{
-webkit-transform: none;
transform: none;
}
.hfe-flyout-close,
.hfe-flyout-close svg {
position: absolute;
top: 0;
right: 0;
margin: 5px;
width: 23px;
height: 23px;
line-height: 23px;
font-size: 23px;
display: block;
cursor: pointer;
}
.hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
top: 0;
bottom: 0;
left: -100%;
right: auto;
height: 100%; width: 300px;
max-width: 100%;
max-width: 100vw;
}
.hfe-flyout-wrapper .hfe-side {
display: none;
position: fixed;
z-index: 999999;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
}
.hfe-flyout-wrapper .hfe-side.hfe-flyout-show {
display: block;
}
.hfe-flyout-content.push {
color: #ffffff;
}
.hfe-flyout-content ul li {
color: #ffffff;
} .hfe-flyout-wrapper .hfe-side.hfe-flyout-right {
top: 0;
bottom: 0;
left: auto;
right: -100%; height: 100%; width: 300px; max-width: 100%;
}
.hfe-flyout-wrapper .hfe-side.hfe-flyout-left {
top: 0;
bottom: 0;
left: -100%; right: auto;
height: 100%; width: 300px; max-width: 100%;
max-width: 100vw;
}
.hfe-flyout-wrapper .hfe-side.top {
top: -100%; bottom: auto;
left: 0;
right: 0;
width: 100%;
width: 100vw;
height: 300px; max-height: 100%;
}
.hfe-flyout-wrapper .hfe-side.bottom {
top: auto;
bottom: -100%; left: 0;
right: 0;
width: 100%;
width: 100vw;
height: 300px; max-height: 100%;
} .hfe-flyout-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
line-height: 1.4em;
color: #fff;
} @media (max-width:1024px) {
.hfe-flyout-content {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.hfe-flyout-content::-webkit-scrollbar {
display: none;
}
.admin-bar .hfe-side {
margin-top: 32px;
} .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu {  
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover > ul.sub-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hfe-nav-menu .hfe-has-submenu .sub-menu li.menu-item:first-child,
.hfe-nav-menu .hfe-has-submenu .sub-menu li.menu-item:last-child {
overflow: visible !important;
}
.elementor-widget-navigation-menu:not(.hfe-nav-menu__align-justify):not(.hfe-menu-item-space-between) a.hfe-menu-item.elementor-button {
display: inline-flex;
} 
.hfe-nav-menu li.hfe-button-wrapper {
align-self: center;
} @media only screen and ( max-width: 1024px ) {
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li,
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu{
width: 100%;
margin-right:0px;
}
.hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle,
.hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle {
display: block;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
visibility: visible;
opacity: 1;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
visibility: hidden;
opacity: 0;
height: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical {
visibility: visible;
opacity: 1;
height: auto;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
position: relative;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
position: absolute;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle,
.hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle
{
visibility: visible;
opacity: 1;
display: block;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
float: none;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu {
visibility: hidden;
opacity: 0;
-webkit-transition: none;
transition: none;
}
.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover {
border:1px dotted;
}
.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle {
border:1px dotted transparent;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu {
position: relative;
height: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .sub-menu {
position: relative;
height: 0;
top: 0;
}
.hfe-nav-menu__breakpoint-tablet .saved-content,
.hfe-nav-menu__breakpoint-tablet .sub-menu,
.hfe-nav-menu__breakpoint-tablet .child {
left: 0 !important;
width:auto !important;  
}
.hfe-nav-menu .sub-menu {
min-width: auto;
margin: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
padding: 10px;
}
.hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-tablet.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: '-'; 
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu .sub-menu{
-webkit-box-shadow: none;
box-shadow: none;
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before,
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before,
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before,
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before,
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{
content: ''
} .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu,
.hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu,
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu,
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu {
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before {
background-color: unset!important; 
}
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{
border: 0px!important;
}
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text  .menu-item.parent a.hfe-menu-item:focus{
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
.hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item,
.hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item,
.hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.hfe-button-wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; 
}
} @media only screen and ( max-width: 767px ) {
.hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item,
.hfe-nav-menu__breakpoint-mobile.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-sub-menu-item 
.hfe-nav-menu__breakpoint-tablet.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.hfe-button-wrapper { 
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-horizontal .hfe-nav-menu__toggle,
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
visibility: visible;
opacity: 1;
display: block;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal li.menu-item,
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu {
width: 100%
}
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle {
display: inline-block;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu {
position: relative;
height: 0;
top: 0;
}
.hfe-nav-menu .sub-menu {
min-width: auto;
margin: 0;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__breakpoint-none .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu {
visibility: hidden;
opacity: 0;
-webkit-transition: none;
transition: none;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
float: none;
}
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-layout-vertical .hfe-nav-menu__toggle.hfe-active-menu {
display: block;
}
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-nav-menu__layout-vertical {
visibility: hidden;
opacity: 0;
height: 0;  
}
.hfe-nav-menu__breakpoint-mobile .hfe-layout-horizontal .hfe-nav-menu__toggle,
.hfe-nav-menu__breakpoint-mobile .hfe-layout-vertical .hfe-nav-menu__toggle
{
visibility: visible;
opacity: 1;
display: block;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal {
visibility: hidden;
opacity: 0;
height: 0;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical {
float: none;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .sub-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
visibility: visible;
opacity: 1;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical {
visibility: hidden;
opacity: 0;
height: 0;
}
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-vertical {
visibility: visible;
opacity: 1;
height: auto;
}
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
position: relative;
}
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
position: absolute;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 0;
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-mobile.hfe-submenu-icon-plus .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: '-'; 
}
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i:before{
content: ''
}
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{
content: ''; 
}
.hfe-nav-menu__breakpoint-none.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a.hfe-menu-item .sub-arrow i:before{
content: ''
}
.hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle:hover{
border:1px dotted;
}
.hfe-nav-menu__breakpoint-mobile .hfe-menu-toggle{
border:1px dotted transparent;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu .sub-menu{
-webkit-box-shadow: none;
box-shadow: none;
} .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-1 .hfe-nav-menu {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
padding: 10px;
}
.hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-1 .hfe-nav-menu {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-2 .hfe-nav-menu {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-2 .hfe-nav-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .hfe-nav-menu__breakpoint-mobile.hfe-nav-toggle-yes .hfe-effect-3 .hfe-nav-menu {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hfe-nav-menu__breakpoint-mobile .menu-is-active.hfe-effect-3 .hfe-nav-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hfe-nav-menu__breakpoint-mobile .saved-content,
.hfe-nav-menu__breakpoint-mobile .sub-menu,
.hfe-nav-menu__breakpoint-mobile .child,
.hfe-nav-menu__breakpoint-tablet .saved-content,
.hfe-nav-menu__breakpoint-tablet .sub-menu,
.hfe-nav-menu__breakpoint-tablet .child{
left: 0 !important;
width: auto !important; 
}
.hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children ul.sub-menu,
.hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu,
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children ul.sub-menu,
.hfe-submenu-animation-slide_down .hfe-layout-horizontal .menu-item-has-children:hover ul.sub-menu {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}   
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before {
background-color: unset!important; 
}
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before{
border: 0px!important;
}
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-tablet .hfe-pointer__text .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text  .menu-item.parent a.hfe-menu-item:focus,
.elementor-widget-hfe-nav-menu.hfe-nav-menu__breakpoint-mobile .hfe-pointer__text  .menu-item.parent a.hfe-menu-item:hover, .hfe-pointer__text .menu-item.parent a.hfe-menu-item:focus {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
}
.hfe-toggle-no .hfe-layout-expandible .hfe-nav-menu__toggle {
display: none;
} .hfe-icon {
display: inline-block;
vertical-align: middle; } .hfe-icon svg {
width: 1em;
height: 1em;
} .hfe-cart-menu-wrap-custom {
display: inline-block;
line-height: 1;
}
.hfe-cart-menu-wrap-custom .hfe-cart-count, 
.hfe-cart-menu-wrap-custom .hfe-cart-count:after {
border-color: #75c32c;
color: #75c32c;
}
.hfe-cart-menu-wrap-custom .hfe-cart-count {
font-weight: bold;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
min-width: 2.1em;
min-height: 2.1em;
font-size: 0.860em;
line-height: 1.8;
border-radius: 0.3em 0.3em 0.3em 0.3em;
border-width: 2px;
border-style: solid;
padding: 12px 24px;
} .hfe-cart-menu-wrap-default {
display: inline-block;
line-height: 1;
}
.hfe-cart-menu-wrap-default .hfe-cart-count, 
.hfe-cart-menu-wrap-default .hfe-cart-count:after {
border-color: #75c32c;
color: #75c32c;
}
.hfe-cart-menu-wrap-default .hfe-cart-count {
font-weight: bold;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
min-width: 2.1em;
min-height: 2.1em;
font-size: 0.860em;
line-height: 1.8;
border-radius: 0em 0em 0.3em 0.3em;
border-width: 2px;
border-style: solid;
padding: 0 .4em;
}
.hfe-cart-menu-wrap-default .hfe-cart-count:after {
bottom: 100%;
margin-bottom: 0;
height: .8em;
width: .8em;
left: 50%;
transform: translateX(-50%);
top: -.6em;
content: ' ';
position: absolute;
pointer-events: none;
border-width: 2px;
border-style: solid;
border-top-left-radius: 10em;
border-top-right-radius: 10em;
border-bottom: 0;
}
.elementor-widget-hfe-cart:not(.hfe-menu-cart--show-subtotal-yes) .hfe-menu-cart__toggle .elementor-button-text {
display: none; 
}
.elementor-widget-hfe-cart.toggle-icon--bag-light .hfe-menu-cart__toggle .elementor-button-icon i:before {
content: '\e8e3'; 
}
.elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon i:before {
content: '\e8e4'; 
}
.elementor-widget-hfe-cart.toggle-icon--bag-solid .hfe-menu-cart__toggle .elementor-button-icon i:before {
content: '\e8e5'; 
}
.hfe-menu-cart__toggle .elementor-button {
background: transparent;
border-radius: 0;
color: #818a91;
border: 1px solid;
border-color: inherit;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
}
.hfe-menu-cart__toggle .elementor-button-text {
margin-right: 0.3em; 
}
.hfe-menu-cart__toggle .elementor-button-icon {
position: relative;
-webkit-transition: color 0.1s;
-o-transition: color 0.1s;
transition: color 0.1s; 
}
.hfe-menu-cart--items-indicator-bubble .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before {
content: attr(data-counter);
display: block;
position: absolute;
min-width: 1.6em;
height: 1.6em;
line-height: 1.5em;
top: -0.7em;
right: -0.7em;
border-radius: 100%;
color: #fff;
background-color: #d9534f;
text-align: center;
font-size: 10px; 
}
.hfe-menu-cart--items-indicator-plain .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before {
content: attr(data-counter);
display: inline-block;
font-weight: normal; 
}
.hfe-menu-cart--empty-indicator-hide .hfe-menu-cart__toggle .elementor-button .elementor-button-icon[data-counter="0"]:before {
content: none;
display: none; 
}
.hfe-menu-cart__toggle .elementor-button-icon {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15;
}
.hfe-menu-cart__toggle.hfe-button-wrapper .elementor-button {
color:#4d4848;
} .hfe-search-button-wrapper {
display: block;
cursor: pointer;
vertical-align: middle;
text-align: right;
}
.hfe-search-form__container {
display: flex;
overflow: hidden;
}
.hfe-search-form__input {
flex-basis: 100%;
}
.hfe-search-icon-toggle i.fa-search {
display: inline-block;
position: absolute;
width: 20px;
box-sizing: content-box;
padding: 10px;
}
.hfe-search-icon-toggle i:before {
vertical-align: middle;
} .hfe-search-button-wrapper input[type=search] {
border: 0;
padding: 10px;
cursor: pointer;
border-radius: 0;
transition: all .5s;
box-sizing: border-box;
outline: none;
}
.hfe-search-button-wrapper button {
border: none;
border-radius: 0;
padding: 0;
}
.hfe-search-button-wrapper input[type=search]:focus {
cursor: auto;
border: none;
box-shadow: none;
}
.hfe-search-icon-toggle input:-moz-placeholder,
.hfe-search-icon-toggle input::-webkit-input-placeholder {
color: transparent;
}
.hfe-search-layout-icon .hfe-search-icon-toggle .hfe-search-form__input {
background-color: unset;
height: 100%;
}
.hfe-search-button-wrapper.hfe-input-focus {
display: flex;
}
.hfe-search-form__container .hfe-search-submit {
min-width: 3%;
position:relative;
}
.hfe-search-form__container button#clear,
.hfe-search-icon-toggle button#clear {
visibility: hidden;
position: absolute;
right:0; 
top:0;
padding: 0 8px;
font-style: normal;
user-select: none;
cursor: pointer;
bottom:0;
margin-right:10px;
background-color: transparent;
}
.hfe-search-button-wrapper input[type="search"]::-webkit-search-decoration,
.hfe-search-button-wrapper input[type="search"]::-webkit-search-cancel-button,
.hfe-search-button-wrapper input[type="search"]::-webkit-search-results-button,
.hfe-search-button-wrapper input[type="search"]::-webkit-search-results-decoration { 
display: none; 
}
.hfe-search-form__container button#clear-with-button{
visibility: hidden;
position: absolute;
top: 0;
padding: 0 8px;
font-style: normal;
font-size: 1.2em;
user-select: none;
cursor: pointer;
bottom:0;
background-color: transparent;
}
.hfe-search-button-wrapper, 
.hfe-search-form__container,
.hfe-search-icon-toggle,
.hfe-search-button-wrapper .hfe-search-icon-toggle i,
.hfe-search-button-wrapper .hfe-search-icon-toggle i:before {
position: relative;
}
.hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input {
position: absolute;
width: 0;
right: 0;
background-color: transparent;
}
.hfe-search-icon-toggle {
width: 100%!important;
}
.hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{
position: absolute;
width: 250px;
right: 0;
}
.hfe-search-layout-text .hfe-search-form__container,
.hfe-search-layout-icon_text .hfe-search-form__container,
.hfe-search-layout-text .hfe-search-form__container .hfe-search-form__input,
.hfe-search-layout-icon_text .hfe-search-form__container .hfe-search-form__input {
width: 100%;
}
.hfe-search-icon-toggle {
line-height: 1.5;
} .hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,
.hfe-pointer__overline.hfe-animation__slide .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before  {
width: 100%;
left: 0;
opacity:1;
}
.hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,.hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
bottom: 0px;
opacity:1;
}
.hfe-pointer__double-line.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-out .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__drop-in .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
top: 0px;
opacity: 1;
}
.hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__underline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__overline.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
height: 3px;
width: 100%;
left: 0;
opacity: 1;
}
.hfe-pointer__framed.hfe-animation__grow .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__shrink .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hfe-pointer__framed.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:before, .hfe-pointer__underline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, .hfe-pointer__double-line.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
opacity:1;
}
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, 
.hfe-pointer__framed.hfe-animation__corners .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after,
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):before, 
.hfe-pointer__framed.hfe-animation__draw .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {
border-width:3px;
width:100%;
opacity:1;
height:100%;
} .hfe-scroll-to-top-wrap.hfe-scroll-to-top-hide {
display: none;
}
.hfe-scroll-to-top-wrap.edit-mode,
.hfe-scroll-to-top-wrap.single-page-off {
display: none !important;
}
.hfe-scroll-to-top-button {
position:fixed;
right:15px;
bottom:15px;
z-index:9999;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
-ms-flex-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
width:50px;
height:50px;
border-radius:50px;
background-color:#000000;
color:#fff;
text-align:center;
opacity:1;
cursor:pointer;
-webkit-transition:all .3s;
transition:all .3s;
}
.hfe-scroll-to-top-button i {
color:#fff;
font-size:16px;
} ul.hfe-breadcrumbs {
display:block;
margin:0;
padding:0;
list-style:none
}
ul.hfe-breadcrumbs li {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
ul.hfe-breadcrumbs li:last-child {
margin:0;
}
ul.hfe-breadcrumbs li a,
ul.hfe-breadcrumbs li span.hfe-breadcrumbs-separator-icon,
ul.hfe-breadcrumbs li span.hfe-breadcrumbs-text{
display:block;
}
ul.hfe-breadcrumbs li span.hfe-breadcrumbs-text{
-webkit-transition:all .4s;
transition:all .4s;
}
span.hfe-breadcrumbs-home-icon{
margin-right:10px;
align-content: center;
}
.hfe-breadcrumbs-first a {
align-content: center;
}
.hfe-breadcrumbs-separator-icon i, 
.hfe-breadcrumbs-separator-icon svg,
.hfe-breadcrumbs-home-icon i,
.hfe-breadcrumbs-home-icon svg {
width: 1em;
height: 1em;
position: relative;
display: block;
}
ul.hfe-breadcrumbs-show-home li.hfe-breadcrumbs-first {
display: inline-flex;
} ul.hfe-post-info-items {
list-style: none;
margin: 0;
padding: 0;
}
ul.hfe-post-info-inline.hfe-post-info-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
li.hfe-post-info-item {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
li.hfe-post-info-item,
li.hfe-post-info-item > a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.hfe-post-info-inline.hfe-post-info-items .hfe-post-info-item {
margin-right: 8px;
margin-left: 8px;
}
.hfe-post-info-inline .hfe-post-info-item:not(:last-child):after {
position: relative;
right: -8px;
}
.hfe-post-info-inline.hfe-post-info-items {
margin-right: -8px;
margin-left: -8px;
}
.hfe-post-info-icon svg {
display: block;
}
.hfe-post-info-layout-traditional .hfe-post-info-item:not(:last-child):after {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.hfe-post-info-layout-traditional .hfe-post-info-item:not(:last-child) {
position: relative;
} .hfe-icon-wrap .hfe-icon svg {
height: 100%;
width: 100%;
}
body .elementor .hfe-button-wrapper a {
text-decoration: none;
}
.hfe-button-wrapper {
border-radius: 3px;
}
.hfe-reading-progress-bar{
height: 4px;
} .hfe-posts-grid {
display: grid;
}
.hfe-post-image img {
width: 100%;
height: auto;
display: block;
}
.hfe-post-title a {
text-decoration: none;
}
.hfe-post-title {
margin-top: 0px;
}
.hfe-read-more {
text-decoration: none;
}
.hfe-post-meta {
font-size: 12px;
line-height: 1.3em;
}
.hfe-post-title {
font-size: 20px;
}.hfe-woo-products-wrapper {
width: 100%;
}
.hfe-woo-products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 35px 20px;
}
.hfe-product-item {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.hfe-product-image {
position: relative;
overflow: hidden;
}
.hfe-product-image img {
width: 100%;
height: auto;
display: block;
}
.hfe-product-content {
padding: 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.hfe-product-category {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 8px;
opacity: 0.75;
font-weight: 500;
color: #666;
}
.hfe-product-title {
margin: 0 0 12px 0;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
flex-grow: 1;
}
.hfe-product-title a {
color: #333;
text-decoration: none;
}
.hfe-product-title h2 {
margin: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}
.hfe-product-title .hfe-loop-product__link {
display: block;
}
.hfe-product-rating {
margin-bottom: 12px;
}
.hfe-product-rating .review-rating {
display: flex;
align-items: center;
min-height: 16px;
}
.hfe-product-rating .star-rating {
font-size: 14px;
color: #ffa500;
display: inline-block;
}
.hfe-product-price {
margin-bottom: 16px;
font-weight: 700;
font-size: 18px;
}
.hfe-product-price .price {
color: #333;
}
.hfe-product-price .price del {
opacity: 0.6;
margin-right: 8px;
font-weight: 400;
}
.hfe-product-description {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.6;
color: #666;
flex-grow: 1;
}
.hfe-product-add-to-cart {
margin-top: auto;
}
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button {
width: auto;
min-width: 100px;
padding: 12px 20px;
border: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:hover,
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:focus,
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:active,
.hfe-woo-products-wrapper .hfe-product-add-to-cart a.button:link {
text-decoration: none;
}
.hfe-woo-products-notice,
.hfe-woo-products-empty {
text-align: center;
padding: 40px 20px;
background: #f8f9fa;
border-radius: 4px;
color: #666;
} .hfe-product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.hfe-product-content {
flex: 1;
display: flex;
flex-direction: column;
} .hfe-content-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
} @media (max-width: 1024px) {
.hfe-content-tablet-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-tablet-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-tablet-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-tablet-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-tablet-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-tablet-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
}
} @media (max-width: 767px) {
.hfe-content-mobile-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-mobile-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-mobile-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-mobile-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-mobile-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-mobile-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
}
} @media (max-width: 1200px) {
.hfe-woo-products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.hfe-woo-products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px 15px;
}
.hfe-product-content {
padding: 16px;
}
.hfe-product-title {
font-size: 15px;
}
.hfe-product-price {
font-size: 16px;
}
}
@media (max-width: 480px) {
.hfe-woo-products-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.hfe-product-content {
padding: 18px;
}
}.wp-embed-responsive .wp-block{
outline: 0;
} .woolentor_myaccount_page {
overflow: hidden;
}
.woolentor_myaccount_page .woocommerce-MyAccount-content .form-row {
display: block;
}
.woolentor-user-area {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.woolentor-user-image {
margin-right: 20px;
}
.woolentor-user-image img {
border-radius: 100% !important;
}
.woolentor-user-info span {
display: block;
}
.woolentor-username {
font-size: 20px;
}
.woolentor-logout {
font-size: 14px;
}
.woolentor_myaccount_page .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #ddd;
}
.woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #ddd;
padding: 12px 0;
line-height: 1.5;
}
.woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li a{
transition: 0.4s;
}
.woocommerce-account .woolentor_myaccount_menu_pos_vtop .woocommerce-MyAccount-navigation,.woocommerce-account .woolentor_myaccount_menu_pos_vbottom .woocommerce-MyAccount-navigation{
width: 100%;
float: none;
}
.woolentor_myaccount_menu_pos_vtop .woocommerce-MyAccount-navigation ul,.woolentor_myaccount_menu_pos_vbottom .woocommerce-MyAccount-navigation ul{
border:none;
}
.woolentor_myaccount_menu_pos_vtop .woocommerce-MyAccount-navigation ul li,.woolentor_myaccount_menu_pos_vbottom .woocommerce-MyAccount-navigation ul li{
display: inline-block;
border-bottom: 0;
padding: 12px 10px;
}
.woocommerce-account .woolentor_myaccount_menu_pos_vtop .woocommerce-MyAccount-content,.woocommerce-account .woolentor_myaccount_menu_pos_vbottom .woocommerce-MyAccount-content{
width: 100%;
float: none;
}
.woocommerce-account .woolentor_myaccount_menu_pos_hright .woocommerce-MyAccount-navigation,.woolentor_myaccount_menu_pos_hleft .woocommerce-MyAccount-content{
float: right;
}
.woocommerce-account .woolentor_myaccount_menu_pos_hright .woocommerce-MyAccount-content,.woolentor_myaccount_menu_pos_hleft .woocommerce-MyAccount-navigation{
float: left;
}
.woolentor_block_my_account,.woolentor_block_my_account_navigation{
overflow: hidden;
}
.woolentor_block_my_account_navigation .woocommerce-MyAccount-navigation {
width: 100% !important;
float: none !important;
}
.woolentor_myaccount_menu_type_vertical ul li{
display: inline-block;
border: none !important;
}
.woolentor_myaccount_menu_type_vertical ul{
border-top: 0 !important;
}
.woolentor_block_my_account_navigation .woolentor-user-area:not(:first-child){
display: none;
}
.woolentor-customer-logout a{
display: inline-block;
} .woolentor_block_product_grid .ht-product-ratting i {
font-family: 'FontAwesome';
}
[class*="woolentorblock-"] .woolentor-products-wrapper .wishsuite-button.wishlist span.wishsuite-btn-text {
position: absolute;
left: 100%;
top: 50%;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 10px;
line-height: 1;
color: #f1f1f1;
background-color: #282828;
padding: 5px 10px;
border-radius: 50px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
margin-left: -10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 99;
}#wp-admin-bar-woolentor_template_builder > .ab-item {
display: flex !important;
align-items: center;
}
#wp-admin-bar-woolentor_template_builder .ab-item img {
width: 16px;
margin-right: 3px;
}
.wlb-marker-wrapper .wlb_image_pointer .wlb_pointer_box h4 {
margin: 0 0 7px 0;
}
.editor-styles-wrapper .ht-feature-content h4,
.editor-styles-wrapper .ht-feature-content p {
margin-top: 0;
margin-bottom: 0;
}
[class*="woolentor-"] i {
font-style: normal;
}
[class*="woolentor-"] *, [class*="woolentor-"] *::before, [class*="woolentor-"] *::after {
box-sizing: border-box;
}
.woolentor-text-align-left {
text-align: left !important;
}
.woolentor-text-align-right {
text-align: right !important;
}
.woolentor-text-align-center {
text-align: center !important;
} [class*="woolentorblock-"] a,
.block-editor__container[class*="woocommerce"] {
text-decoration: none !important;
} body .wp-block-group.is-vertical {
flex-direction: column;
}
body .wp-block-group.is-layout-flex.is-content-justification-space-between {
justify-content: space-between;
} [class*="woolentor"].alignfull {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
padding: 0 15px;
}
[class*="woolentor"].alignwide {
margin-left: -100px;
margin-right: -100px;
max-width: var(--wp--style--global--wide-size) !important;
width: unset;
}
[class*="woolentor"].alignfull .alignfull,
[class*="woolentor"].alignfull .alignwide {
width: 100%;
margin-left: auto;
margin-right: auto;
}
[class*="woolentor"].alignwide .alignfull,
[class*="woolentor"].alignwide .alignwide {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.wp-block-column [class*="woolentor"].alignfull,
.wp-block-column [class*="woolentor"].alignwide {
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 1200px) {
[class*="woolentor"].alignfull {
margin-left: -2.4em;
margin-right: -2.4em;
}
}
@media (max-width: 768px) {
[class*="woolentor"].alignfull {
margin-left: -2.14em;
margin-right: -2.14em;
}
}
@media (max-width: 544px) {
[class*="woolentor"].alignfull {
margin-left: -1em;
margin-right: -1em;
}
}
[class*="woolentor"].alignwide {
margin-left: -20px;
margin-right: -20px;
}
.wp-block-column [class*="woolentor"].alignfull,
.wp-block-column [class*="woolentor"].alignwide {
margin-left: auto;
margin-right: auto;
width: 100%;
} .woolentor-product-image {
position: relative;
} .woolentor-before-shop {
display: block;
overflow: hidden;
}
.woolentor-archive-sale-badge-hide ul.products li.product span.onsale {
display: none !important;
}
.woolentor-archive-sale-badge-left ul.products li.product span.onsale {
right: auto;
left: 0;
}
.woolentor-archive-sale-badge-right ul.products li.product span.onsale {
left: auto;
right: 0;
} [class*="woolentor-products-columns-"] ul.products::before,
[class*="woolentor-products-columns-"] ul.products::after {
display: none !important;
}
[class*="woolentor-products-columns-"] ul.products {
display: grid !important;
column-gap: 20px;
list-style: none;
}
.woocommerce [class*="woolentor-products-columns-"] ul.products::before {
display: none !important;
}
.edit-post-visual-editor [class*="woolentor-products-columns-"] img {
width: 100%;
}
.woocommerce [class*="woolentor-products-columns-"] ul.products li.product,
.woocommerce-page
[class*="woolentor-products-columns-"]
ul.products
li.product {
float: none;
width: 100% !important;
margin-right: 0 !important;
}
[class*="woolentor-products-columns-"] ul.products li.product.first {
clear: none !important;
}
.woolentor-products-columns-1 ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-products-columns-2 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-3 ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-4 ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-5 ul.products {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-6 ul.products {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-7 ul.products {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-8 ul.products {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-9 ul.products {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-10 ul.products {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
} .woolentor-grid:not(.woolentor-grid-slider) {
display: grid;
column-gap: 20px;
} .woolentor-grid-slider {
margin-right: -15px;
margin-left: -15px;
}
.woolentor-grid-slider .woolentor-grid-column {
padding-left: 15px;
padding-right: 15px;
}
.woolentor-grid.product-slider .slick-list {
margin-right: -7.5px;
margin-left: -7.5px;
}
.woolentor-grid.product-slider .slick-slide {
padding-left: 7.5px;
padding-right: 7.5px;
}
.woolentor_block_product_grid .fa-star-half-alt:before {
content: "\f089";
} .woolentor-grid.woolentor-no-gutters,
.woolentor-grid.wlno-gutters {
column-gap: 0px;
row-gap: 0px;
}
.woocommerce.woolentor-grid::before {
display: none !important;
}
.woolentor-grid-columns-1 .woolentor-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-grid-columns-2 .woolentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-3 .woolentor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-4 .woolentor-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-5 .woolentor-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-6 .woolentor-grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-7 .woolentor-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-8 .woolentor-grid {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-9 .woolentor-grid {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-10 .woolentor-grid {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
} .woolentor-row .product-slider [class*="woolentor-col-"] {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.product-slider .slick-arrow {
background: transparent none repeat scroll 0 0;
border: 2px solid #ddd;
color: #ddd;
font-size: 20px;
height: 40px;
left: -30px;
line-height: inherit;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
z-index: 99;
transition: 0.4s;
}
.product-slider .slick-arrow.slick-next {
right: -30px;
left: auto;
}
.product-slider .slick-arrow:hover {
border-color: #333;
color: #333;
}
.product-slider .slick-dots {
bottom: 0px;
display: flex;
left: 50%;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
transform: translateX(-50%);
}
.product-slider .slick-dots li {
line-height: 12px;
margin: 0 4px;
}
.product-slider .slick-dots li button {
background-color: transparent;
border: 1px solid #4e4f4f;
border-radius: 50px;
height: 13px;
padding: 0;
text-indent: -9999px;
width: 13px;
line-height: 13px;
}
.product-slider .slick-dots li.slick-active button {
background-color: #282828;
border-color: #282828;
} [class*="woolentorblock-"] .ht-products .wishsuite-button.wishlist {
line-height: 35px;
}
[class*="woolentorblock-"]
.ht-products
.wishsuite-button.wishlist
span.wishsuite-btn-text {
position: absolute;
left: 100%;
top: 50%;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 10px;
line-height: 1;
color: #f1f1f1;
background-color: #282828;
padding: 5px 10px;
border-radius: 50px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
margin-left: -10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 99;
}
[class*="woolentorblock-"]
.ht-products
.wishsuite-button.wishlist
span.wishsuite-btn-text {
margin-right: -10px;
-webkit-transform: translateY(-65%);
-ms-transform: translateY(-65%);
transform: translateY(-65%);
}
.ht-product-inner .ht-product-categories.hide-category-before {
padding-left: 0 !important;
}
.ht-product-inner .ht-product-categories.hide-category-before::before {
display: none !important;
} .woolentor-product-tab-area img {
width: 100%;
height: auto;
} .woolentor_block_product_grid [class*="woolentor-"] i.fa-heart {
font-family: "FontAwesome";
}
.woolentor_block_product_grid [class*="woolentor-"] i.far.fa-heart:before {
content: "\f08a";
} .woolentor-product-curvy
.wl_single-product-item.wl_left-item
.product-thumbnail {
height: auto;
} [class*="woolentorblock-"] .woolentor_slider_range .ui-slider-handle.ui-state-default.ui-corner-all{
top: -0.5em;
} .woocommerce-page .woolentor_block_cart_table table.shop_table .variation dt {
float: none;
}
.woocommerce-page .woolentor_block_cart_table table.shop_table .variation dd {
display: inline-block;
} .woocommerce:not(.woocommerce-js)
.woolentor_block_cross_sell
.products
.star-rating,
.woocommerce:not(.woocommerce-js)
.woolentor_block_archive_default
.products
.star-rating {
display: inline-block;
}
.woolentor-content-align-center .wishsuite-button {
justify-content: center;
}
.woolentor-content-align-right .wishsuite-button {
justify-content: flex-end;
} .woolentor-heading-right #payment div.payment_box::before {
right: 0;
left: auto !important;
} .woocommerce-page.woocommerce-checkout
form
.woolentor_block_checkout_order_review
#order_review {
float: none;
width: 100%;
}
.woocommerce-page.woocommerce-checkout
form
.woolentor_block_checkout_order_review
#order_review_heading {
float: none;
width: auto;
}
.woocommerce-page .woolentor_block_checkout_order_review table.shop_table {
width: 100%;
} .woolentor_block_recently_viewed_product .woolentor-recently-viewed-product {
margin-bottom: 0;
}
.woolentor_block_recently_viewed_product .woolentor-recently-view-title {
font-size: 18px !important;
line-height: 1.2 !important;
margin-bottom: 10px !important;
} .woolentor-advance-product-image-area .wl-thumbnails-image-area {
display: flex;
flex-flow: row wrap;
position: relative;
}
.woolentor-advance-product-image-area.wlpro-product-thumbnails
.woolentor-thumbnails,
.woolentor-advance-product-image-area.wlpro-product-thumbnails
.woolentor-learg-img {
width: 100%;
}
.woolentor-advance-product-image-area .product-slider .slick-arrow.slick-next {
right: 15px;
left: auto;
}
.woolentor-advance-product-image-area .ht-product-label {
position: absolute;
right: 15px;
top: 15px;
z-index: 9;
}
.thumbnails-tab-position-bottom.wlpro-product-thumbnails
ul.woolentor-thumbanis-image,
.thumbnails-tab-position-top.wlpro-product-thumbnails
ul.woolentor-thumbanis-image {
width: 100%;
}
.wlpro-product-thumbnails .woocommerce-product-gallery__image {
width: 100%;
} .wlpro-product-videothumbnails.woolentor-block-product-image-zoom{
overflow: visible;
}
.woolentor-block-product-image-zoom .wl-product-details-thumbs{
margin-left: -5px;
margin-right: -5px;
} .wl-nonequantity-txt.wl-addto-cart
form.cart
.wl-quantity-wrap
.wl-quantity-cal {
margin-left: 0 !important;
}
.woocommerce .woolentor-product-addtocart .quantity .qty {
width: auto;
} [class*="woolentorblock-"] .wl-single-product-navigation a{
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.4s;
margin-left: 0;
}
[class*="woolentorblock-"] .wl-single-product-navigation a+a{
margin-left: 12px;
} .woolentor_current_theme_oceanwp
[class*="woolentor-products-columns-"]
ul.products.grid {
display: grid !important;
}
.woolentor_current_theme_oceanwp
[class*="woolentor-products-columns-"]
ul.products.list {
display: block !important;
} @media (min-width: 1200px) and (max-width: 1400px) {
} @media (min-width: 992px) and (max-width: 1200px) { [class*="woolentor-products-columns-"] ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-1 ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-products-columns-laptop-2 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-3 ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-4 ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-5 ul.products {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-6 ul.products {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-7 ul.products {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-8 ul.products {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-9 ul.products {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-laptop-10 ul.products {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
[class*="woolentor-products-columns-laptop-"] ul.products li.product.first {
clear: none !important;
} [class*="woolentor-grid-columns-"] .woolentor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-1 .woolentor-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-grid-columns-laptop-2 .woolentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-3 .woolentor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-4 .woolentor-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-5 .woolentor-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-6 .woolentor-grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-7 .woolentor-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-8 .woolentor-grid {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-9 .woolentor-grid {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-laptop-10 .woolentor-grid {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
} @media (min-width: 768px) and (max-width: 991px) { [class*="woolentor-products-columns-"] ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-1 ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-products-columns-tablet-2 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-3 ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-4 ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-5 ul.products {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-6 ul.products {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-7 ul.products {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-8 ul.products {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-9 ul.products {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-tablet-10 ul.products {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
[class*="woolentor-products-columns-tablet-"] ul.products li.product.first {
clear: none !important;
} [class*="woolentor-grid-columns-"] .woolentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-1 .woolentor-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-grid-columns-tablet-2 .woolentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-3 .woolentor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-4 .woolentor-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-5 .woolentor-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-6 .woolentor-grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-7 .woolentor-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-8 .woolentor-grid {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-9 .woolentor-grid {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-tablet-10 .woolentor-grid {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
} @media (max-width: 767px) { [class*="woolentor-products-columns-"] ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-products-columns-mobile-1 ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-products-columns-mobile-2 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-3 ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-4 ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-5 ul.products {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-6 ul.products {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-7 ul.products {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-8 ul.products {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-9 ul.products {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-products-columns-mobile-10 ul.products {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
[class*="woolentor-products-columns-mobile-"] ul.products li.product.first {
clear: none !important;
} [class*="woolentor-grid-columns-"] .woolentor-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-grid-columns-mobile-1 .woolentor-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.woolentor-grid-columns-mobile-2 .woolentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-3 .woolentor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-4 .woolentor-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-5 .woolentor-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-6 .woolentor-grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-7 .woolentor-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-8 .woolentor-grid {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-9 .woolentor-grid {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.woolentor-grid-columns-mobile-10 .woolentor-grid {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
}.wp-embed-responsive .wp-block{
outline: 0;
}
.wl-row.slick-slider{
margin-right: 0;
margin-left: 0;
}
.wl-single-brand {
text-align: center;
margin-bottom: 20px;
}
.slick-slide .wl-single-brand{
margin-bottom: 0;
}
.slick-slide .wl-single-brand img {
display: inline-block;
} [class*="ht-category-wrap"] [class*="ht-category-image-"]{
overflow: hidden;
}
.ht-category-wrap .ht-category-image{
overflow: hidden;
margin-bottom: 20px;
}
.ht-category-wrap .ht-category-image a {
display: block;
position: relative;
}
.ht-category-wrap .ht-category-image a img {
width: 100%;
}
.ht-category-wrap .ht-category-image a.ht-category-border::before {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
content: "";
border: 1px solid #fff;
transition: all 0.5s ease 0s;
transform: scale(1);
}
.ht-category-wrap .ht-category-image a.ht-category-border-2::before {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
content: "";
border: 1px solid #fff;
transition: all 0.5s ease 0s;
transform: scale(0.9);
opacity: 0;
visibility: hidden;
}
.ht-category-wrap .ht-category-image-3 {
border-radius: 100%;
border: 1px solid #e1e1e1;
transition: all 0.3s ease 0s;
margin-bottom: 20px;
}
.ht-category-wrap .ht-category-image-3 a img {
width: 100%;
}
.ht-category-wrap.ht-category-bg-padding {
background: #f8f8f8;
padding: 25px 30px 30px;
}
.ht-category-wrap .ht-category-image-zoom a img {
transition: all 0.5s ease 0s;
}
.ht-category-wrap .ht-category-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.ht-category-wrap .ht-category-content h3 {
margin: 0;
font-size: 20px;
}
.ht-category-wrap .ht-category-content h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content span {
display: inline-block;
line-height: 1;
position: relative;
font-size: 16px;
}
.ht-category-wrap .ht-category-content span::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(100% + 10px);
width: 50px;
height: 1px;
content: "";
background-color: #ccc;
}
.ht-category-wrap .ht-category-content-3 {
position: relative;
z-index: 9;
max-width: 80%;
margin: -43px auto 0;
padding: 15px 10px 14px;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg1 {
background-color: #f4ede7;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg2 {
background-color: #e8f5f2;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg3 {
background-color: #e3e4f5;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg4 {
background-color: #faf5e5;
}
.ht-category-wrap .ht-category-content-3 h3 {
font-size: 18px;
line-height: 1;
margin: 0;
text-align: center;
}
.ht-category-wrap .ht-category-content-3 h3 span {
font-size: 14px;
margin-left: 5px;
}
.ht-category-wrap .ht-category-content-3 h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content-3 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-4{
text-align: center;
}
.ht-category-wrap .ht-category-content-4 h3 {
font-size: 16px;
display: inline-block;
position: relative;
margin: 0;
letter-spacing: 0.5px;
}
.ht-category-wrap .ht-category-content-4 span {
position: absolute;
top: -8px;
right: -33px;
font-size: 14px;
}
.ht-category-wrap .ht-category-content-4 h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content-4 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-5{
text-align: center;
}
.ht-category-wrap .ht-category-content-5 h3 {
font-size: 14px;
text-transform: uppercase;
margin: 0;
font-weight: 500;
letter-spacing: 0.5px;
}
.ht-category-wrap .ht-category-content-5 h3 span {
margin-left: 5px;
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-5 h3 a {
color: #000000;
display: inline-block;
border-bottom: 1px solid transparent;
}
.ht-category-wrap .ht-category-content-5 h3 a:hover {
color: #dc9a0e;
border-bottom: 1px solid #dc9a0e;
}
.ht-category-wrap:hover .ht-category-image a.ht-category-border::before {
transform: scale(0.95);
}
.ht-category-wrap:hover .ht-category-image a.ht-category-border-2::before {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.ht-category-wrap:hover .ht-category-image-3 {
border: 1px solid #dc9a0e;
}
.ht-category-wrap:hover .ht-category-image-zoom a img {
transform: scale(1.1);
}
.ht-category-wrap-2 {
position: relative;
overflow: hidden;
padding: 48px 20px 42px;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}
.ht-category-wrap-2::before {
position: absolute;
z-index: 2;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
content: "";
opacity: 0;
visibility: hidden;
transform: scale(0.9);
transition: all 0.7s ease 0s;
border: 4px solid transparent;
pointer-events: none;
}
.ht-category-wrap-2{
text-align: center;
}
.ht-category-wrap-2 .ht-category-image-2 {
margin-top: 39px;
display: inline-block;
}
.ht-category-wrap-2 .ht-category-image-2 a {
display: block;
text-align: center;
}
.ht-category-wrap-2 .ht-category-image-2 a img {
max-width: 100%;
transition: all 0.7s ease 0s;
}
.ht-category-wrap-2 .ht-category-content-2 h3 {
font-size: 22px;
text-transform: capitalize;
line-height: 1;
margin: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ht-category-wrap-2 .ht-category-content-2 h3 span {
font-size: 14px;
margin: 0 0 0 8px;
}
.ht-category-wrap-2 .ht-category-content-2 h3 a {
color: #444;
display: block;
}
.ht-category-wrap-2 .ht-category-content-2 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap-2 .ht-category-content-2 h3::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -14px;
margin: 0 auto;
background-color: #D3D3D3;
width: 90px;
height: 2px;
}
.ht-category-wrap-2 .ht-category-content-2.hide-title-after h3::before{
display: none;
}
.ht-category-wrap-2:hover::before {
opacity: 1;
visibility: visible;
transform: scale(1);
border: 4px solid #dc9a0e;
}
.ht-category-wrap-2:hover .ht-category-image-2 a img {
transform: scale(1.2);
}  .wlb-marker-style-1 {
padding: 245px 0;
}
.wlb-marker-style-1 .wlb_image_pointer {
width: 36px;
height: 36px;
border-radius: 100%;
border: 3px solid #ed552d;
background-color: #fff;
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 32px;
}
.wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box {
background: #fff;
width: 240px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translate3d(50%, -100%, 0);
transform: translate3d(50%, -100%, 0);
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 10;
padding: 20px;
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
text-align: center;
}
.wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box h4 {
font-size: 20px;
margin-bottom: 7px;
}
.wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box p {
font-size: 13px;
line-height: 24px;
margin: 0;
}
.wlb-marker-style-1 .wlb_image_pointer:hover .wlb_pointer_box {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-110%) translateX(50%);
transform: translateY(-110%) translateX(50%);
}
.wlb-marker-style-1 .wlb_image_pointer::before {
content: "\f129";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
color: #ed552d;
font-size: 18px;
width: 100%;
height: 100%;
}
.wlb-marker-style-1 .wlb_image_pointer {
position: absolute;
left: 66%;
top: 15%;
} .wlb-marker-style-2 {
padding: 245px 0;
}
.wlb-marker-style-2 .wlb_image_pointer {
width: 46px;
height: 46px;
border-radius: 100%;
border: 5px solid #dddddd;
background-color: #fff;
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 38px;
}
.wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box {
background: #fff;
width: 240px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translate3d(50%, -100%, 0);
transform: translate3d(50%, -100%, 0);
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 10;
padding: 20px;
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
text-align: center;
}
.wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box h4 {
font-size: 20px;
margin-bottom: 7px;
}
.wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box p {
font-size: 13px;
line-height: 24px;
margin: 0;
}
.wlb-marker-style-2 .wlb_image_pointer:hover .wlb_pointer_box {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-110%) translateX(50%);
transform: translateY(-110%) translateX(50%);
}
.wlb-marker-style-2 .wlb_image_pointer::before {
content: "\f067";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
color: #ed552d;
font-size: 18px;
width: 100%;
height: 100%;
transition: 0.4s ease-in-out;
}
.wlb-marker-style-2 .wlb_image_pointer:hover::before {
transform: translateX(-50%) translateY(-50%) rotate(47deg);
}
.wlb-marker-style-2 .wlb_image_pointer {
position: absolute;
left: 50%;
top: 26%;
} .wlb-marker-style-3 {
padding: 245px 0;
}
.wlb-marker-style-3 .wlb_image_pointer {
width: 46px;
height: 46px;
border-radius: 100%;
background-color: #000000;
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 49px;
z-index: 2;
}
.wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box {
background: #000000;
width: 240px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translate3d(50%, -100%, 0);
transform: translate3d(50%, -100%, 0);
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 10;
padding: 20px;
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
text-align: center;
}
.wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box h4 {
font-size: 20px;
margin-bottom: 7px;
color: #ffffff;
}
.wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box p {
font-size: 13px;
line-height: 24px;
margin: 0;
color: #ffffff;
}
.wlb-marker-style-3 .wlb_image_pointer:hover .wlb_pointer_box {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-110%) translateX(50%);
transform: translateY(-110%) translateX(50%);
}
.wlb-marker-style-3 .wlb_image_pointer::before {
content: "\f067";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
color: #ffffff;
font-size: 18px;
width: 100%;
height: 100%;
transition: 0.4s ease-in-out;
}
.wlb-marker-style-3 .wlb_image_pointer::after {
position: absolute;
left: 2px;
background: #000;
content: "";
right: 2px;
top: 2px;
bottom: 2px;
border-radius: 100%;
border: 2px solid #fff;
z-index: -1;
}
.wlb-marker-style-3 .wlb_image_pointer:hover::before {
transform: translateX(-50%) translateY(-50%) rotate(47deg);
}
.wlb-marker-style-3 .wlb_image_pointer {
position: absolute;
left: 50%;
top: 26%;
} .wlb-marker-style-4 {
padding: 245px 0;
}
.wlb-marker-style-4 .wlb_image_pointer {
width: 46px;
height: 46px;
border-radius: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 38px;
border: 5px solid #d88d78;
z-index: 2;
}
.wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 240px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translate3d(50%, -100%, 0);
transform: translate3d(50%, -100%, 0);
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 10;
padding: 20px;
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
text-align: center;
}
.wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box h4 {
font-size: 20px;
margin-bottom: 7px;
}
.wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box p {
font-size: 13px;
line-height: 24px;
margin: 0;
color: #18012c;
}
.wlb-marker-style-4 .wlb_image_pointer:hover .wlb_pointer_box {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-110%) translateX(50%);
transform: translateY(-110%) translateX(50%);
}
.wlb-marker-style-4 .wlb_image_pointer::before {
content: "\f067";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
color: #d88d78;
font-size: 18px;
width: 100%;
height: 100%;
transition: 0.4s ease-in-out;
}
.wlb-marker-style-4 .wlb_image_pointer:hover::before {
transform: translateX(-50%) translateY(-50%) rotate(47deg);
}
.wlb-marker-style-4 .wlb_image_pointer {
position: absolute;
left: 83%;
top: 37%;
} .wlb-marker-style-5 {
padding: 245px 0;
}
.wlb-marker-style-5 .wlb_image_pointer {
width: 46px;
height: 46px;
border-radius: 4px;
background: #000;
position: relative;
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 47px;
z-index: 2;
}
.wlb-marker-style-5 .wlb_image_pointer .effect-1 {
position: relative;
}
.wlb-marker-style-5 .wlb_image_pointer .effect-1::before,
.wlb-marker-style-5 .wlb_image_pointer .effect-1::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: '';
border: 1px solid #f10;
border-radius: 50%;
-webkit-transform: scale(0.35) translateY(-50%) translateX(-50%);
-ms-transform: scale(0.35) translateY(-50%) translateX(-50%);
transform: scale(0.35) translateY(-50%) translateX(-50%);
opacity: 0;
-webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite;
animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite;
}
.wlb-marker-style-5 .wlb_image_pointer .effect-1::before {
width: 32px;
height: 32px;
left: 50%;
top: 50%;
z-index: -1;
}
.wlb-marker-style-5 .wlb_image_pointer .effect-1::after {
width: 32px;
height: 32px;
z-index: -1;
border-color: rgba(255, 255, 255, 0.4);
-webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite;
animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite;
}
.wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box {
background: #000000;
width: 240px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translate3d(50%, -100%, 0);
transform: translate3d(50%, -100%, 0);
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 10;
padding: 20px;
-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
text-align: center;
}
.wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box h4 {
font-size: 20px;
margin-bottom: 7px;
color: #fff;
}
.wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box p {
font-size: 13px;
line-height: 24px;
margin: 0;
color: #fff;
}
.wlb-marker-style-5 .wlb_image_pointer:hover .wlb_pointer_box {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-110%) translateX(50%);
transform: translateY(-110%) translateX(50%);
}
.wlb-marker-style-5 .wlb_image_pointer::before {
content: "\f067";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: FontAwesome;
color: #ffffff;
font-size: 18px;
width: 100%;
height: 100%;
transition: 0.4s ease-in-out;
}
.wlb-marker-style-5 .wlb_image_pointer:hover::before {
transform: translateX(-50%) translateY(-50%) rotate(47deg);
}
.wlb-marker-style-5 .wlb_image_pointer {
position: absolute;
left: 83%;
top: 37%;
} @-webkit-keyframes marker-ripple-animation {
0% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.7);
opacity: 0;
}
}
@keyframes marker-ripple-animation {
0% {
transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 1;
}
100% {
transform: translate3d(-50%, -50%, 0) scale(1.7);
opacity: 0;
}
} svg.woolentor-banner-default{
fill-opacity: 0.1;
}
.wlspcial-banner .banner-thumb a {
overflow: hidden;
position: relative;
display: block;
}
.wlspcial-banner .banner-thumb a::before {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 0;
}
.wlspcial-banner .banner-thumb a::after {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
content: "";
height: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
transition: all 0.5s ease 0s;
width: 0;
}
.wlspcial-banner .banner-thumb a img {
width: 100%;
}
.wlspcial-banner:hover .banner-thumb a::before {
height: 100%;
opacity: 0.3;
width: 100%;
}
.wlspcial-banner:hover .banner-thumb a::after {
height: 100%;
opacity: 0.3;
width: 100%;
}
.wlspcial-banner {
position: relative;
}
.wlspcial-banner .banner-content{
position: absolute;
z-index: 2;
width: 100%;
text-align: center;
}
.wlspcial-banner .banner-content a {
color: #383838;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.4s ease 0s;
text-decoration: none;
display: inline-block;
}
.woolentor-banner-content-pos-center .banner-content{
top: 50%;
right: 0;
left: auto;
transform: translateY(-50%);
}
.woolentor-banner-content-pos-bottom .banner-content {
bottom: 0;
padding-bottom: 40px;
}
.woolentor-banner-content-pos-top .banner-content {
top: 0;
padding-top: 40px;
}
.wlspcial-banner.woolentor-banner-content-pos-right .banner-content {
top: 50%;
right: 0;
width: auto;
transform: translateY(-50%);
}
.wlspcial-banner.woolentor-banner-content-pos-left .banner-content {
top: 50%;
left: 0;
width: auto;
transform: translateY(-50%);
}
.wlbanner-badgeimage {
position: absolute;
top: 0;
left: 0;
display: inline-block;
}
.wlbanner-badgeimage img{
width: 100%;
} .ht-feature-wrap {
position: relative;
text-align: center;
}
.ht-feature-style-1 .ht-feature-inner {
border: 1px solid #e8e8e8;
padding: 25px 15px 20px;
transition: all 0.3s ease 0s;
}
.ht-feature-wrap .ht-feature-content h4 {
display: block;
font-size: 18px;
font-weight: 500;
margin-bottom: 6px;
line-height: 1;
color: #000000;
}
.ht-feature-wrap .ht-feature-content p {
font-size: 15px;
color: #6d6d6d;
margin: 0;
}
.ht-feature-wrap .ht-feature-img {
margin-bottom: 20px;
display: inline-block;
}
.ht-feature-wrap .ht-feature-img img {
max-width: 100%;
transition: all 0.5s ease 0s;
}
.ht-feature-wrap .ht-feature-img i {
font-size: 32px;
color: #dc9a0e;
display: inline-block;
}
.ht-feature-wrap .ht-feature-img svg{
width: 32px;
height: 32px;
}
.ht-feature-style-2 .ht-feature-inner{
display: flex;
align-items: center;
border: none;
padding: 0;
text-align: left;
}
.ht-feature-style-2 .ht-feature-content{
padding-left: 30px;
margin-left: 24px;
border-left: 1px solid #ddd9d2;
}
.ht-feature-wrap.ht-feature-style-2:hover .ht-feature-img {
animation: 500ms ease-in-out 0s normal none 1 running rubberBand;
}
.ht-feature-style-2 .ht-feature-content {
padding-left: 30px;
width: 100%;
}
.ht-feature-style-2 .ht-feature-content h4,.ht-feature-style-5 .ht-feature-content h4 {
font-size: 20px;
margin: 0 0 12px;
line-height: 1;
color: #000000;
}
.ht-feature-style-2 .ht-feature-content p {
margin: 0;
font-size: 15px;
color: #6d6d6d;
}
.ht-feature-style-2 .ht-feature-img{
margin: 0;
}
.ht-feature-wrap.ht-feature-style-1:hover .ht-feature-inner {
border: 1px solid #dc9a0e;
}
.ht-feature-wrap.ht-feature-style-1:hover .ht-feature-img img,
.ht-feature-style-5:hover .ht-feature-img{
animation: 500ms ease-in-out 0s normal none 1 running tada;
}
.ht-feature-style-3 .ht-feature-img{
display: inline-block;
border: 1px solid #000000;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease 0s;
}
.ht-feature-style-3 .ht-feature-img img{
border-radius: 100%;
}
.woolentor-blocks.ht-feature-style-3 .ht-feature-img{
line-height: 48px;
}
.ht-feature-style-3 .ht-feature-img i{
font-size: 20px;
color: #000000;
}
.ht-feature-style-3:hover .ht-feature-img{
background-color: #dc9a0e;
border: 1px solid #dc9a0e;
transform: rotate(360deg);
}
.ht-feature-style-3:hover .ht-feature-img i{
color: #ffffff;
}
.ht-feature-style-3 .ht-feature-content h4,.ht-feature-style-4 .ht-feature-content h4 {
display: block;
font-size: 18px;
font-weight: 500;
margin-bottom: 14px;
line-height: 1;
color: #000000;
}
.ht-feature-style-3 .ht-feature-content p,.ht-feature-style-4 .ht-feature-content p {
color: #6d6d6d;
line-height: 27px;
margin: 0 auto;
font-size: 15px;
width: 82%;
}
.ht-feature-style-4{
text-align: left;
}
.ht-feature-style-4 .ht-feature-content {
border-top: 1px solid #ebebeb;
margin-top: 25px;
padding-top:25px; 
}
.ht-feature-style-4 .ht-feature-content p{
width: 100%;
}
.ht-feature-style-4 .ht-feature-img{
display: inline-block;
background-color: #e9ecef;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease 0s;
margin: 0;
overflow: hidden;
}
.ht-feature-style-4 .ht-feature-img i {
font-size: 20px;
color: #000000;
}
.ht-feature-style-4:hover .ht-feature-img{
background-color: #dc9a0e;
transform: rotateY(180deg);
}
.ht-feature-style-4:hover .ht-feature-img i{
color: #ffffff;
}
.ht-feature-style-5 .ht-feature-img {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
width: 120px;
}
.ht-feature-style-5 .ht-feature-img img {
max-width: 100%;
} .woolentor-product-tab-area {
position: relative;
z-index: 35;
}
.product-slider {
width: 100%;
}
.product-item {
padding-bottom: 10px;
margin-bottom: 30px;
}
.product-item mark, .product-item ins {
background: transparent;
}
.product-item .product-inner .image-wrap {
position: relative;
text-align: center;
overflow: hidden;
}
.product-item .product-inner .image-wrap .wishlist, .product-item .product-inner .image-wrap .tinv-wraper {
display: block;
position: absolute;
right: 20px;
top: 20px;
margin-top: 0;
}
.product-item .product-inner .image-wrap .tinv-wraper a, .ht-product-action .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
margin: 0;
}
.ht-product-list-action .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
margin-top: 0;
}
.product-item .product-inner .image-wrap .tinv-wraper a .tinvwl_add_to_wishlist-text, .ht-product-action .tinv-wraper a .tinvwl_add_to_wishlist-text {
display: none;
}
.ht-product-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .ht-product-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus::before {
font-size: 26px;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
left: 20px;
margin: 0;
position: absolute;
top: 4px;
}
.product-item .content {
padding-top: 10px;
}
.content h4.title {
margin: 0;
}
.product-item .product-inner .content .title {
font-size: 20px;
margin-bottom: 10px;
}
.product-item .actions {
background: #333 none repeat scroll 0 0;
border-radius: 20px;
color: #fff;
display: flex;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translateX(-50%);
transition: all 0.4s ease 0s;
width: 150px;
opacity: 0;
visibility: hidden;
}
.product-item .actions>* {
flex: 1 0 auto;
}
.product-item .product-inner .image-wrap .actions.style_two {
width: 85%;
border-radius: 0;
bottom: 0;
top: auto;
}
.product-item .woocommerce.compare-button a.button {
background-color: #333;
border-radius: 20px;
}
.product-item .product-inner .image-wrap .style_two .wishlist {
position: static;
}
.yith-wcwl-add-button {
position: relative;
}
.style_two .yith-wcwl-add-to-wishlist .ajax-loading {
margin-left: 0;
top: 11px;
}
.product-item .woocommerce.product.compare-button, .product-item .actions .htcompare-btn {
border-left: 1px solid #999;
}
.product-item .actions .htcompare-btn {
border-radius: 0;
}
.product-item:hover .actions {
opacity: 1;
transform: translateX(-50%) translateY(-50%);
visibility: visible;
}
.product-item .actions a, .product-item .woocommerce.compare-button a.button {
color: #fff;
display: block !important;
font-weight: normal;
line-height: inherit;
padding: 7px 5px;
text-indent: -999999px;
position: relative;
background: transparent;
}
.wishsuite-button.wltooltip_no span.wishsuite-btn-text {
display: none;
}
.product-item .actions a::before {
color: #fff;
content: "";
font-family: fontawesome;
height: 100%;
left: 0;
position: absolute;
text-indent: 0;
top: 5px;
width: 100%;
}
.product-item .actions .compare-button a::before, .product-item .actions .htcompare-btn::before {
content: "\f021";
}
.product-item .product-inner .image-wrap .style_two .wishlist a::before {
content: "\f08a";
}
.product-item .product-inner .image-wrap .style_two .wishlist .yith-wcwl-wishlistexistsbrowse a::before, .product-item .product-inner .image-wrap .style_two .wishlist .yith-wcwl-wishlistaddedbrowse a::before {
content: "\f004";
}
.product-item .product-inner .actions.style_two a {
text-indent: 0;
}
.product-item .product-inner .actions.style_two a::before {
display: none;
}
.product-item .product-inner .actions.style_two .tinv-wishlist a::before {
display: block;
font-size: 20px;
line-height: 28px;
}
.product-item .product-inner .actions.style_two .tinv-wishlist a {
text-indent: -999999px;
margin: 0;
}
.product-item.product_style_three .product-inner .image-wrap {
overflow: visible;
}
.product_information_area {
background: #fff none repeat scroll 0 0;
bottom: -90px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
left: 0;
opacity: 0;
position: absolute;
text-align: left;
transition: all 0.4s ease 0s;
visibility: hidden;
width: 100%;
z-index: 9;
}
.product_information_area .content {
padding-bottom: 15px;
text-align: center;
}
.product-item .product-inner .image-wrap .product_information_area .actions.style_two {
border-radius: 0;
bottom: 0;
opacity: 1;
overflow: hidden;
padding: 0 30px;
position: static;
top: auto;
transform: translateX(0px);
visibility: visible;
width: 100%;
}
.product-item:hover .product_information_area {
bottom: -103px;
opacity: 1;
visibility: visible;
}
.woocommerce span.onsale, span.onsale {
background-color: #23252a;
border-radius: 3px;
color: #fff;
font-size: 14px;
font-weight: 500;
left: 15px;
top: 15px;
line-height: 1;
min-height: inherit;
min-width: inherit;
padding: 5px 10px;
position: absolute;
}
.product-item a.button.added {
display: none !important;
}
.product-item .actions .htcompare-btn.added {
display: block !important;
}
.product-item .actions .htcompare-btn.loading {
padding: 0;
}
.product-item .actions a.htcompare-btn.loading::after {
right: 20px;
}
.product-item .product-inner .image-wrap .actions a.added_to_cart {
text-indent: -99999px;
}
.product-item .product-inner .image-wrap .actions a.added_to_cart::before {
content: "";
font-family: WooCommerce;
font-size: 20px;
left: auto;
position: absolute;
text-indent: 0;
top: 0;
display: block;
}
.product-item a.button.added::after, .product-item a.button.loading::after {
color: #fff;
content: "";
display: block;
font-family: "fontawesome";
margin: 0 auto;
position: absolute;
text-indent: 0;
top: 5px;
} .ht-tab-menus {
margin: 0;
padding: 0;
list-style: none;
}
.ht-tab-menus {
margin-bottom: 45px;
}
.ht-tab-menus li {
display: inline-block;
margin-right: 20px;
}
.ht-tab-menus li:last-child {
margin-right: 0;
}
.ht-tab-menus li a {
border: 1px solid transparent;
border-radius: 50px;
padding: 5px 15px;
text-transform: capitalize;
}
.ht-tab-menus li a:focus {
outline: none;
}
.ht-tab-menus li a.htactive {
border-color: #e5e5e5;
}
.ht-tab-pane {
display: none;
}
.ht-tab-pane.htactive {
display: block;
}
.product_attribute ul {
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
text-align: left;
}
.product_information_area .attribute_label {
font-weight: 600;
}
.product_attribute {
margin-top: 25px;
padding: 0 30px;
}
.product_attribute ul li {
display: inline-block;
line-height: 1;
margin: 0 10px 0 0;
}
.product_attribute ul li.color_attribute {
border-radius: 100%;
height: 15px;
width: 15px;
}
.product-slider .slick-arrow {
background: transparent none repeat scroll 0 0;
border: 2px solid #ddd;
color: #ddd;
font-size: 20px;
height: 40px;
left: -30px;
line-height: inherit;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
z-index: 99;
transition: 0.4s;
}
.product-slider .slick-arrow.slick-next {
right: -30px;
left: auto;
}
.product-slider .slick-arrow:hover {
border-color: #333;
color: #333;
}
.product-slider .slick-dots {
bottom: 0px;
display: flex;
left: 50%;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
transform: translateX(-50%);
}
.product-slider .slick-dots li {
line-height: 12px;
margin: 0 4px;
}
.product-slider .slick-dots li button {
background-color: transparent;
border: 1px solid #4e4f4f;
border-radius: 50px;
height: 13px;
padding: 0;
text-indent: -9999px;
width: 13px;
line-height: 13px;
}
.product-slider .slick-dots li.slick-active button {
background-color: #282828;
border-color: #282828;
} .woolentor-banner {
align-items: center;
display: flex;
flex-flow: row wrap;
overflow: hidden;
}
.woolentor-banner-img, .woolentor-content {
width: 50%;
float: left;
}
.woolentor-content {
padding-left: 70px;
}
.woolentor-banner .banner_subtitle {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.woolentor-banner .banner_title {
font-size: 28px;
font-weight: normal;
margin: 35px 0;
}
.woolentor-banner .banner_button {
border-bottom: 1px solid #000;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.woolentor-content-align-right .woolentor-banner-img {
order: 1;
padding-left: 50px;
}
.woolentor-content-align-right .woolentor-content {
order: 2;
padding-left: 40px;
}
.woolentor-content-align-right.woolentor-banner .banner_title {
margin: 20px 0;
}
.woolentor-content-align-bottom .woolentor-banner-img {
order: 1;
padding-left: 0;
width: 100%;
}
.woolentor-content-align-bottom .woolentor-content {
order: 2;
padding: 30px 0;
text-align: center;
width: 100%;
}
.woolentor-content-align-bottom .banner_title {
margin: 0 0 20px;
} .woolentor-banner-layout-2 {
display: block;
position: relative;
}
.woolentor-banner-layout-2 .woolentor-content {
padding-left: 0;
}
.woolentor-banner-layout-2 .woolentor-banner-img {
float: none;
width: 100%;
}
.woolentor-banner-layout-2 .woolentor-content {
padding-left: 50px;
position: absolute;
top: 50px;
left: 0;
width: 100%;
}
.woolentor-banner-layout-2 .woolentor-content h2 {
margin: 0;
}
.woolentor-banner-layout-2.woolentor-content-align-bottom .woolentor-content {
bottom: 50px;
padding: 0 0 0 50px;
top: auto;
text-align: left;
}
.woolentor-banner-layout-2.woolentor-content-align-right .woolentor-content {
left: auto;
padding-right: 50px;
padding-left: 0;
right: 0;
text-align: right;
}
.woolentor-banner-layout-2.woolentor-content-align-right .woolentor-banner-img {
padding-left: 0px;
}
.woocommerce.product-slider div.product.ht-product {
float: left;
} .htwoolentor-faq-card {
margin-bottom: 12px;
}
.htwoolentor-faq-card .htwoolentor-faq-head {
font-size: 17px;
font-weight: 500;
line-height: 1.625;
position: relative;
display: flex;
padding: 19px 25px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #333333;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
}
.htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head .htwoolentor-faq-head-icon.htwoolentor-faq-close-icon, .htwoolentor-faq .htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-icon.htwoolentor-faq-open-icon {
display: block;
}
.htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head .htwoolentor-faq-head-icon.htwoolentor-faq-open-icon, .htwoolentor-faq .htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-icon.htwoolentor-faq-close-icon {
display: none;
}
.htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head .htwoolentor-faq-head-icon svg :not([stroke="none"]) {
fill: #FFFFFF;
}
.htwoolentor-faq .htwoolentor-faq-card.is-active .htwoolentor-faq-head .htwoolentor-faq-head-icon svg :not([fill="none"]) {
stroke: #FFFFFF;
}
.htwoolentor-faq .htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-icon svg [fill="none"] {
fill: transparent !important;
}
.htwoolentor-faq .htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-icon svg [stroke="none"] {
stroke: transparent !important;
}
@media only screen and (max-width: 767px) {
.htwoolentor-faq-card .htwoolentor-faq-head {
padding: 15px 15px;
font-size: 16px;
line-height: 1.5;
}
}
.htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-indicator {
position: relative;
width: 14px;
height: 14px;
margin-left: 10px;
}
.htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-indicator::before, .htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-indicator::after {
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 2px;
content: "";
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: translateY(-50%);
border-radius: 10px;
background-color: #3D3D3D;
}
@media only screen and (max-width: 767px) {
.htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-indicator {
margin-left: 15px;
}
}
.htwoolentor-faq-card .htwoolentor-faq-head .htwoolentor-faq-head-indicator::after {
transform: translateY(-50%) rotate(90deg);
}
.htwoolentor-faq-card .htwoolentor-faq-body {
overflow: hidden;
}
.htwoolentor-faq-card .htwoolentor-faq-body .htwoolentor-faq-content {
padding: 16px 25px 4px;
}
@media only screen and (max-width: 767px) {
.htwoolentor-faq-card .htwoolentor-faq-body .htwoolentor-faq-content {
padding: 16px 15px 4px;
}
}
.htwoolentor-faq-card .htwoolentor-faq-body .htwoolentor-faq-content p {
font-size: 15px;
line-height: 30px;
margin: 0;
}
.htwoolentor-faq-card.is-active .htwoolentor-faq-head {
color: #FFFFFF;
border-color: #dc9a0e;
background-color: #dc9a0e;
}
.htwoolentor-faq-card.is-active .htwoolentor-faq-head .htwoolentor-faq-head-indicator::after {
background-color: #ffffff;
transform: translateY(-50%);
} .wl_single-product-item a {
color: inherit;
display: inline-block;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
.wl_single-product-item {
margin-top: 0 !important;
margin-left: auto;
margin-right: auto;
border: 1px solid #eeeffb;
border-radius: 10000px 10000px 20px 20px;
background: #f7f7f7;
}
.wl_single-product-item .product-thumbnail {
border: 15px solid #fff;
text-align: center;
border-radius: 50000px; position: relative;
z-index: 9;
background: #fff;
}
.wl_single-product-item .product-thumbnail .images { width: 100%;
-webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
border-radius: 50%;
}
.wl_single-product-item .product-thumbnail .images img {
display: inline-block;
border-radius: 100%;
width: 100%;
}
.woolentor_block_cart_table .wl_cart_table{
width: 100%;
}
@media only screen and (max-width: 767px) {
.wl_single-product-item .product-thumbnail {
height: 100% !important;
}
}
@media only screen and (max-width: 575px) {
.wl_single-product-item .product-thumbnail {
height: 100% !important;
}
}
.wl_single-product-item .product-content {
margin-top: -124px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wl_single-product-item .product-content .product-content-top {
padding: 140px 20px 10px;
}
.wl_single-product-item .product-content .product-content-top .title {
font-weight: 600;
font-size: 18px;
margin: 0;
text-transform: inherit;
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top .title a {
color: #fff
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top p {
font-weight: 400;
font-size: 14px;
}
.wl_single-product-item .product-content .product-content-top .title a {
color: #333
}
.wl_single-product-item .product-content .product-content-top .title a:hover {
color: #0A3ACA
}
.wl_single-product-item .product-content .product-content-top .product-price {
color: #0A3ACA;
font-weight: 500;
margin-bottom: 15px;
margin-top: 10px;
font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.wl_single-product-item .product-content .product-content-top .product-price {
margin-bottom: 5px;
margin-top: 5px;
}
}
.wl_single-product-item .product-content .product-content-top .reading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.wl_single-product-item .product-content .action {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #4E7CFF;
padding: 10px 30px;
border-radius: 0 0 5px 5px;
margin: 0;
list-style: none;
}
.wl_single-product-item .product-content .action li {
margin: 0;
position: relative;
line-height: 0
}
.wl_single-product-item .product-content .action li a, .wl_single-product-item .product-content .action .action-item {
width: 40px;
height: 40px;
line-height: 40px;
background: #285FFC;
text-align: center;
border-radius: 5px;
color: #ffffff;
}
.wl_single-product-item .product-content .action li .yith-wcwl-wishlistaddedbrowse.hide a, .wl_single-product-item .product-content .action li a.add_to_wishlist {
padding: 0 !important;
}
.wl_single-product-item .product-content .action .action-item:hover {
background: #2B2B4C;
}
.wl_single-product-item.wl_left-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
border-radius: 500px 0 0 500px;
}
@media only screen and (max-width: 575px) {
.wl_single-product-item.wl_left-item {
display: inherit;
border-radius: 500px 500px 5px 5px;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
}
.wl_single-product-item.wl_left-item .product-thumbnail {
height: 270px;
width: 340px;
line-height: 200px;
}
.wl_single-product-item.wl_left-item .product-thumbnail .images {
height: 100%;
width: 100%;
-webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
border-radius: 50%;
}
@media only screen and (max-width: 575px) {
.wl_single-product-item.wl_left-item .product-thumbnail {
height: 270px;
width: 270px;
}
}
.wl_single-product-item.wl_left-item .product-content {
margin-top: 0px;
margin-left: -144px;
width: 100%;
}
@media only screen and (max-width: 575px) {
.wl_single-product-item.wl_left-item .product-content {
margin-top: 0px;
margin-left: 0px;
}
}
.wl_single-product-item.wl_left-item .product-content .product-price {
margin-bottom: 5px;
margin-top: 5px;
}
.wl_single-product-item.wl_left-item .product-content .product-content-top {
padding: 30px 20px 12px 165px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
.wl_single-product-item.wl_left-item .product-content .product-content-top {
padding: 10px 20px 10px 170px;
}
}
@media only screen and (max-width: 575px) {
.wl_single-product-item.wl_left-item .product-content .product-content-top {
padding: 10px 20px 12px 10px;
}
}
.wl_single-product-item.wl_left-item .product-content .action {
padding: 10px 30px 10px 150px;
border-radius: 0 0 5px 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
.wl_single-product-item.wl_left-item .product-content .action {
padding: 10px 20px 10px 150px;
}
}
@media only screen and (max-width: 575px) {
.wl_single-product-item.wl_left-item .product-content .action {
padding: 10px 20px;
}
}
.wl_single-product-item.wl_dark-item .product-thumbnail {
border: 15px solid #707070;
}
.wl_single-product-item.wl_dark-item .product-thumbnail .images {
-webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2);
}
.wl_single-product-item.wl_dark-item .product-content {
background: #2B2B4C;
color: #ffffff;
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top {
padding: 140px 20px 10px;
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top .title {
color: #ffffff;
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top .product-price {
color: #ffffff;
}
.wl_single-product-item.wl_dark-item .product-content .product-content-top .reading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #75828E;
}
.ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-left: -3px;
margin-right: -3px;
}
.ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting .ht-product-user-ratting, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: absolute;
left: 5px;
top: 0;
z-index: 3;
margin-left: -5px;
margin-right: -5px;
}
.ht-products .ht-product.ht-product-content-allcenter .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting, .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting {
position: inherit;
}
.ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price {
margin-bottom: 25px;
}
.ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting {
margin-top: 8px;
}
.ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting .ht-product-user-ratting i, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i {
color: #dc9a0e;
}
.ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting i, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {
color: #aaaaaa;
}
.wl_single-product-item .action li .woolentor-compare.compare::before {
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
color: #fff;
font-size: 18px;
width: 100%;
height: 100%;
}
.wl_single-product-item .product-content .action li a:hover {
background: #2B2B4C;
}
.wl_single-product-item .product-content .action span.ht-product-action-tooltip {
display: none;
}
.wl_single-product-item .product-content .yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.wl_single-product-item .product-content .yith-wcwl-add-button>a i {
margin-right: 0;
} .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .btn_cart {
position: relative;
}
.wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.action-item.added, .wl_single-product-item .product-content .action .action-item.added {
display: none;
}
.wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward {
font-size: 0;
margin-right: 30px;
}
.wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward {
font-size: 0;
margin-right: 30px;
}
.wl_single-product-item .product-content .action a.added_to_cart.wc-forward {
text-indent: -9999px;
}
.wl_single-product-item .product-content .action .action-item.loading:before {
position: absolute;
text-indent: 0;
content: "\e01c";
font-family: WooCommerce;
left: 0;
right: 0;
}
.wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_single-product-item .product-content .action a.added_to_cart.wc-forward:after {
position: absolute;
text-indent: 0;
content: "\e017";
font-family: WooCommerce;
left: 0;
right: 0;
font-size: 18px;
}
.wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after {
font-size: 18px;
background: #fff;
display: inline-table;
height: 34px;
line-height: 34px;
border-radius: 50%;
padding: 0 9px;
margin-right: 70px;
color: #333;
}
.wl_product-accordion .card-body .product-content .product-acontent-bottom .action .action-item.added, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .action-item.added {
display: none;
}
.wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.added_to_cart.wc-forward {
height: 35px;
padding: 0 9px;
line-height: 35px;
background: transparent;
text-align: center;
border-radius: 35px;
border: 1px solid #0A3ACA;
color: #333;
margin-right: 10px
}
.woolentor-compare.compare{
-webkit-text-indent: -99999px;
text-indent: -99999px;
}
.wl_product-accordion .action .woocommerce.product.compare-button a:before,
.wl_horizontal-hover-accordion .action .woocommerce.product.compare-button a:before,
.wl_single-product-item .action li .woolentor-compare.compare::before {
content: "\f0ec";
position: absolute;
font-family: FontAwesome !important;
font-size: 18px;
text-indent: 0;
}
.wl_product-accordion .action .woocommerce.product.compare-button a:before {
top: 0;
}
.wl_horizontal-hover-accordion .action .woocommerce.product.compare-button a:before {
text-indent: 0;
left: 0;
right: 0;
color: #000;
border: 1px solid #0A3ACA;
width: 37px;
height: 37px;
line-height: 35px;
border-radius: 50%;
text-align: center;
}
.woocommerce.woolentor-product-curvy .wl_single-product-item .product-content .action li a:not(.added){ display: flex !important;
line-height: 40px !important;
align-items: center;
justify-content: center;
}  [class*="woolentor-grid-"].woolentor-block-slider{
margin: 0 -15px;
}
.ht-product.woolentor-slider-item {
padding: 0 15px;
}