.payment_method_wocommerce_yape_peru img {
max-height: 60px !important;
margin-top: 15px;
float: none !important;
}
.popup-wrapper{
background:rgba(0,0,0,.4); display:none;
height:100%;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:10000;
}
.popup-wrapper .helper{
display:inline-block;
height:100%;
vertical-align:middle;
}
.popup-wrapper > div {
background-color: #fff;
box-shadow: 10px 10px 60px #555;
display: inline-block;
height: auto;
max-width: 400px;
min-height: 100px;
vertical-align: middle;
width: 60%;
position: relative;
border-radius: 8px;
padding: 15px 15px;
}
.popup-wrapper .first-step img {
margin-bottom: 20px;
width: 75%;
margin: 0px auto 0px auto;
}
.popup-wrapper .first-step p {
font-size: 15px;
}
.popup-wrapper .first-step .price {
font-size: 20px;
display: block;
margin: 0px 0px 20px 0px;
color: #000;
line-height: 40px;
}
.popup-wrapper .first-step .amount{
font-size: 40px;
display: block;
}
.popup-wrapper .error{
width: 100%;
padding: 7px;
border: 1px solid #ff0000;
color: #ff0000;
font-size: 14px;
margin-bottom: 15px;
display: none;
}
.popup-wrapper .loader{
display: none;
width: 25px;
height: auto;
margin: 0 auto;
position: absolute;
right: 60px;
bottom: 23px;
}
.popupCloseButton {
background-color: #fff;
border: 3px solid #999;
border-radius: 50px;
cursor: pointer;
display: inline-block;
font-family: arial;
font-weight: bold;
position: absolute;
top: -20px;
right: -20px;
font-size: 22px;
line-height: 36px;
width: 40px;
height: 40px;
text-align: center;
}
.popupCloseButton:hover {
background-color: #ccc;
}
.popup-wrapper .btn_submit {
background-color: #01b2b2;
color: #ffffff;
padding: 10px;
width: 100%;
text-decoration: none;
text-transform: capitalize;
border-radius: 5px;
} .box{
font-size: 1.25rem; background-color: #f1f1f1;
position: relative;
padding: 35px 20px;
margin-bottom: 15px;
}
.box.has-advanced-upload{
outline: 2px dashed #92b0b3;
outline-offset: -10px;
-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover{
outline-offset: -20px;
outline-color: #c8dadf;
background-color: #fff;
}
.box__dragndrop,
.box__icon {
display: none;
}
.box.has-advanced-upload .box__dragndrop {
display: inline;
}
.box.has-advanced-upload .box__icon {
width: 100%;
height: 80px;
fill: #92b0b3;
display: block;
margin-bottom: 40px;
}
.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
visibility: hidden;
}
.box__input label{
color: gray;
font-size: 20px;
}
.box__uploading,
.box__success,
.box__error {
display: none;
}
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
display: block;
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY( -50% );
transform: translateY( -50% );
}
.box__uploading {
font-style: italic;
}
.box__success {
-webkit-animation: appear-from-inside .25s ease-in-out;
animation: appear-from-inside .25s ease-in-out;
}
@-webkit-keyframes appear-from-inside
{
from    { -webkit-transform: translateY( -50% ) scale( 0 ); }
75%     { -webkit-transform: translateY( -50% ) scale( 1.1 ); }
to      { -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside
{
from    { transform: translateY( -50% ) scale( 0 ); }
75%     { transform: translateY( -50% ) scale( 1.1 ); }
to      { transform: translateY( -50% ) scale( 1 ); }
}
.box__restart {
font-weight: 700;
}
.box__restart:focus,
.box__restart:hover {
color: #39bfd3;
}
.box .box__file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.box .box__file + label {
max-width: 80%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
}
.box .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
color: #39bfd3;
}
.box .box__file:focus + label,
.box .box__file.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.box .box__file + label * {  }
.no-js .box__file + label {
display: none;
}
.no-js .box__button {
display: block;
}
.box__button {
background-color: transparent !important;
color: #01b2b2 !important;
border: 1px solid #01b2b2;
font-size: 14px;
padding: 15px;
text-decoration: none;
text-transform: capitalize;
border-radius: 5px;
padding: 8px 16px;
margin: 25px auto 0;
display: block;
}
.box__button:hover,
.box__button:focus {
text-decoration: none;
}
.second-step, .popup-price-wrapper {
display: none;
}
.popup-wrapper .first-step .telephone-number {
display: block;
color: #000;
font-size: 18px;
}
.popup-wrapper .first-step .telephone-number a{
display: block;
border-radius: 8px;
border: dashed 1px #96588a;
background: #ccc;
font-weight: bold;
padding: 10px;
outline: none !important;
text-decoration: none
}
.popup-wrapper .first-step .message-limit-amount {
color: #e2401c;
display: none;
}
@media screen and (max-width: 480px) {
.popup-wrapper > div{
width: 86%;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@font-face {
font-family: Ubuntu;
src: url(https://www.vitamania.pe/gluconature/wp-content/themes/GlucoNature/fonts/Ubuntu-Regular.ttf);
}
@font-face {
font-family: Ubuntu;
src: url(https://www.vitamania.pe/gluconature/wp-content/themes/GlucoNature/fonts/Ubuntu-Italic.ttf);
font-style: italic;
}
@font-face {
font-family: Ubuntu;
src: url(https://www.vitamania.pe/gluconature/wp-content/themes/GlucoNature/fonts/Ubuntu-Bold.ttf);
font-weight: 700;
}
@font-face {
font-family: Ubuntu;
src: url(https://www.vitamania.pe/gluconature/wp-content/themes/GlucoNature/fonts/Ubuntu-BoldItalic.ttf);
font-weight: 700;
font-style: italic;
}
:root {
--fontMain: "Ubuntu", sans-serif;
--main: #6fbfe2;
--seccondary: #333;
--text: #000;
--light: #fff;
--light-alpha: rgba(255, 255, 255, 0.8);
--outstanding: #48e83a;
--gradient: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 50.61%,
rgba(0, 0, 0, 0.56) 98.43%
),
#6fbfe2;
--gradient2: linear-gradient(
360deg,
rgba(0, 0, 0, 0) 49.41%,
rgba(0, 0, 0, 0.56) 92.96%
),
#6fbfe2;
}* {
box-sizing: border-box;
}
:focus {
outline: none;
}
body {
font-family: "Ubuntu", sans-serif !important;
color: #000;
font-size: 1rem;
padding: 0;
line-height: 150%;
margin: 0;
min-height: 100vh;
display: grid;
grid-template-rows: 1fr auto;
grid-template-areas:
"main"
"footer";
}
img {
max-width: 100%;
height: auto;
}
::placeholder {
color: #999;
}
.alignleft {
float: left;
margin: 0 1.5rem 1.5rem 0;
}
.alignright {
float: right;
margin: 0 0 1.5rem 1.5rem;
}
.centered,
.aligncenter {
display: block;
margin: 0 auto 1.85rem;
} h1 {
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
margin: 0;
}
h3 {
font-size: 1.75rem;
font-weight: 700;
line-height: 120%;
}
h4 {
font-size: 1.5rem;
font-weight: 700;
line-height: 120%;
margin: 0;
}
h5 {
font-size: 1.25rem;
font-weight: 700;
line-height: 120%;
}
.display-3 {
font-size: 4rem;
line-height: 120%;
font-weight: 700;
}
P {
margin: 0 0 1rem;
} .container {
max-width: 1320px;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
margin: 0 auto;
} nav.menu {
position: absolute;
width: 100%;
background: var(--light-alpha);
backdrop-filter: blur(0.5rem);
display: flex;
padding: 1.4rem 1.7rem;
justify-content: center;
align-items: center;
z-index: 99;
}
nav.menu ul {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
flex: 1 0 0;
list-style: none;
margin: 0;
padding: 0;
}
nav.menu ul li a,
nav.menu ul li.current-menu-item a {
color: var(--text);
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-decoration: none;
transition: color ease-in 0.3s;
}
nav ul li a:hover {
color: var(--main);
}
.panel-btn {
position: fixed;
z-index: 999;
bottom: 1vh;
right: 1vw;
width: 4rem;
height: 4rem;
border-radius: 50%;
padding: 0;
display: none;
justify-content: center;
align-items: center;
background-color: var(--main);
}
main {
grid-area: main;
} .button {
padding: 1rem 1.5rem;
border-radius: 0rem 1.5rem;
background: var(--gradient);
color: var(--light);
text-align: center;
font-size: 1.5rem;
font-weight: 700;
line-height: 120%; text-decoration: none;
transition: all ease-in 0.3s;
border: none;
}
.button:hover {
background: var(--gradient2);
} .color-main {
color: var(--main);
} .banner {
min-height: 100vh;
background-size: cover;
background-position: center;
padding: 9rem 0 4.5rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.banner .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.banner .container .content {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner .container .content .button {
transform: translateY(-70%);
}
.banner .container .content .icons {
display: flex;
align-items: center;
gap: 1rem;
}
.banner .container .image {
width: 25%;
text-align: right;
}
.banner .container .content .banner-block {
border-radius: 0rem 3rem;
background: var(--light-alpha);
display: flex;
width: 100%;
padding: 1.5rem;
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
}
.banner .container .content .banner-block .banner-block-inner {
border-radius: 0rem 3rem;
border: 0.3rem solid var(--main);
display: flex;
padding: 1.5rem 1.5rem 2rem 1.5rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.6rem;
align-self: stretch;
}
.banner .container .content .banner-block .banner-block-inner .display-3 {
color: var(--main);
}
.banner .container .content .banner-block .banner-block-inner h4 {
color: var(--seccondary);
}
.banner .container .content .banner-block .banner-block-inner .prices {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.banner .container .content .banner-block .banner-block-inner .prices .offer {
color: var(--outstanding);
} .icons-w {
display: flex;
padding: 3rem 0rem;
justify-content: center;
align-items: center;
align-self: stretch;
background: var(--gradient);
color: var(--light);
}
.icons-w .container {
display: flex;
max-width: 1320px;
padding: 0rem 0.75rem;
align-items: flex-start;
gap: 1.5rem;
flex: 1 0 0;
}
.icons-w .container .icon-w-block {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
flex: 1 0 0;
}
.icons-w .container .icon-w-block .texts {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.3rem;
align-self: stretch;
text-align: center;
}
.icons-w .container .icon-w-block .texts h1,
.icons-w .container .icon-w-block .texts h4 {
font-weight: 400;
} .products {
padding: 3rem 1rem;
display: flex;
max-width: 1320px;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
justify-content: center;
}
.products .product a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
flex: 1 0 0;
text-decoration: none;
color: var(--seccondary);
transition: color ease-in 0.3s;
}
.products .product a:hover {
color: var(--main);
}
.products .product h3 {
margin: 0;
}
.products .product .price {
display: flex;
justify-content: center;
gap: 0.5rem;
align-items: center;
}
.products .product .price .offer {
font-size: 1.7rem;
color: var(--outstanding);
font-weight: 700;
} .videos {
display: flex;
padding: 3rem 0rem;
justify-content: center;
align-items: center;
align-self: stretch;
background: var(--gradient);
color: var(--light);
text-align: center;
}
.videos .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
flex: 1 0 0;
}
.videos .container .texts {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
align-self: stretch;
}
.videos .container p {
margin: 0;
}
.videos .container .videos-grid {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
}
.videos .container .videos-grid .grid-block {
position: relative;
width: 100%;
padding-bottom: 27.25%; height: 0;
overflow: hidden;
}
.videos .container .videos-grid .grid-block iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .testimonials {
padding: 3rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
align-self: stretch;
}
.testimonials h1 {
text-align: center;
}
.testimonials .testimonials-list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
}
.testimonials .testimonials-list .testimonial {
display: flex;
padding-bottom: 1rem;
justify-content: center;
align-items: center;
gap: 1.5rem;
align-self: stretch;
border-bottom: 2px solid var(--main);
}
.testimonials .testimonials-list .testimonial:nth-last-child(1) {
border-bottom: none;
}
.testimonials .testimonials-list .testimonial .text {
width: 100%;
}
.testimonials .testimonials-list .testimonial .text p {
margin: 0 0 1rem;
}
.testimonials .testimonials-list .testimonial .text p:nth-last-child(1) {
margin: 0;
} .certifications {
display: flex;
padding: 3rem 0rem;
justify-content: center;
align-items: center;
align-self: stretch;
background: var(--gradient2);
color: var(--light);
}
.certifications .container {
display: flex;
align-items: flex-start;
gap: 1.5rem;
flex: 1 0 0;
}
.certifications .container .certificated {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
flex: 1 0 0;
text-align: center;
} .faq {
padding: 3rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
align-self: stretch;
}
.faq .faqs {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}
.faq .faqs .question {
width: 100%;
}
.faq .faqs .question input {
display: none;
}
.faq .faqs .question label {
cursor: pointer;
display: flex;
padding-bottom: 1rem;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-bottom: 2px solid var(--main);
}
.faq .faqs .question label img {
transform: rotate(0);
transition: all ease-in-out 0.3s;
}
.faq .faqs .question .content {
overflow: hidden;
height: auto;
max-height: 0;
transition: all ease-in-out 0.3s;
padding-top: 1rem;
}
.faq .faqs .question .content p {
margin: 0 0 1rem;
}
.faq .faqs .question input:checked + label + .content {
max-height: 500px;
}
.faq .faqs .question input:checked + label > img {
transform: rotate(180deg);
} .title {
background: var(--gradient);
padding: 9rem 0 4.5rem;
color: var(--light);
text-align: center;
} .stores {
background: var(--gradient);
color: var(--light);
padding: 3rem 0;
text-align: center;
}
.stores .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
flex: 1 0 0;
}
.stores .container .logos-stores {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
} .container.wc {
padding: 4rem 1rem;
}
p.woocommerce-result-count,
.woocommerce-ordering {
display: none;
}
.woocommerce ul.products li.product a img {
margin: 0;
}
h2.woocommerce-loop-product__title {
font-size: 1.75rem !important;
font-weight: 700;
line-height: 120%;
padding: 0 !important;
}
bdi {
font-size: 1rem !important;
color: var(--text) !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button {
background-color: var(--main);
color: var(--light);
transition: all ease 0.3s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button:hover {
background-color: var(--light);
color: var(--main);
}
button.button {
background: var(--main);
color: var(--light) !important;
transition: all ease 3s;
}
button.button:hover {
background: var(--light);
color: var(--main) !important;
}
a.shipping-calculator-button {
color: var(--main);
text-decoration: none;
transition: all ease 0.3s;
}
a.shipping-calculator-button:hover {
color: var(--text);
text-decoration: none;
}
td.product-name a,
a.showcoupon,
a.woocommerce-privacy-policy-link {
color: var(--main);
text-decoration: none;
transition: color ease 0.3s;
}
td.product-name a:hover,
a.showcoupon:hover,
a.woocommerce-privacy-policy-link:hover {
color: var(--text);
text-decoration: none;
}
.coupon {
display: flex;
}
.quantity input[type="number"] {
height: 100%;
padding: 8px;
}
a.checkout-button.button.alt.wc-forward,
.checkout button#place_order {
background: var(--main);
color: var(--light);
transition: all ease 0.3s;
}
a.checkout-button.button.alt.wc-forward:hover,
.checkout button#place_order:hover {
background: var(--light);
color: var(--main);
}
.checkout input[type="text"],
.checkout select,
.checkout input[type="tel"],
.checkout input[type="email"],
.wpcf7-form input[type="text"],
.wpcf7-form select,
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"] {
height: 30px;
padding: 0 16px;
width: 100%;
color: var(--text);
}
.checkout textarea#order_comments,
.wpcf7-form textarea {
height: 112px;
padding: 16px;
width: 100%;
}
.wpcf7-form h4 {
margin-bottom: 1.5rem;
} footer {
grid-area: footer;
background-color: var(--seccondary);
color: var(--light);
display: flex;
padding: 3rem 0.75rem;
flex-direction: column;
align-items: center;
gap: 1rem;
align-self: stretch;
}
footer a {
color: var(--light);
text-decoration: none;
transition: color ease-in 0.3s;
}
footer a:hover {
color: var(--main);
}
footer .logos {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 1.5rem;
} .stores-float {
position: absolute;
width: 100%;
top: 74px;
background: var(--gradient);
color: var(--light);
padding: 10px 0 8px;
font-size: 16px;
font-weight: bold;
animation: all ease-in 0.3s;
}
.stores-float:hover {
background: var(--main);
}
.stores-float a {
color: var(--light);
}
.stores-float .container {
display: flex;
justify-content: end;
align-items: center;
gap: 24px;
}
.stores-float .float-logos {
gap: 24px;
display: flex;
}
.stores-float img {
height: 40px;
}
.custom-spacer {
height: 130px !important;
}
@media (max-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (max-width: 1120px) {
.banner .container .content .banner-block .banner-block-inner .display-3 {
font-size: 3rem;
}
.banner .container .content {
width: 75%;
}
}
@media (max-width: 991px) {
.custom-spacer {
height: 60px !important;
}
.stores-float {
top: 0;
}
.container {
max-width: 960px;
}
.panel-btn {
display: flex;
}
nav {
min-height: 100vh;
background-color: var(--main);
transform: translateY(-100%);
transition: transform ease-in 0.3s;
position: fixed;
}
nav.is-active {
transform: translateY(0);
}
nav ul {
flex-direction: column;
gap: 2rem;
}
nav ul li a:hover,
nav ul li a.active {
color: var(--light);
}
.banner,
.title {
padding: 4.5rem 0 4.5rem;
}
}
@media (max-width: 768px) {
.custom-spacer {
height: 32px !important;
}
.stores-float .container {
justify-content: center;
}
.container {
max-width: 720px;
}
.banner .container .content {
width: 100%;
}
.banner .container .content .banner-block .banner-block-inner .display-3,
.banner .container .content .banner-block .banner-block-inner h1 {
font-size: 1.7rem;
}
.banner .container .image {
position: absolute;
right: 0;
bottom: -87px;
}
.icons-w .container {
flex-direction: column;
align-items: center;
}
.products {
flex-direction: column;
align-items: center;
}
.videos .container .videos-grid {
flex-direction: column;
}
.videos .container .videos-grid .grid-block {
padding-bottom: 52.25%; }
.certifications .container {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 576px) {
.banner .container .content .banner-block .banner-block-inner .prices,
.stores-float .container {
gap: 12px;
font-size: 14px;
}
.stores-float .float-logos {
gap: 12px;
}
.stores-float img {
height: 24px;
}
}
@media (max-width: 320px) {
.stores-float img {
height: 18 px;
}
} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button.alt {
background-color: var(--main);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button.alt:hover {
background-color: var(--seccondary);
}
a {
text-decoration: none;
}
.stores a.btnf {
background: var(--light);
color: var(--main);
padding: 16px;
display: block;
border-radius: 16px;
transition: all 0.3s;
}
.stores a.btnf:hover {
background: var(--main);
color: var(--light);
}body.compensate-for-scrollbar{overflow:hidden}.nfancybox-active{height:auto}.nfancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.nfancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:999999}.nfancybox-container *{box-sizing:border-box}.nfancybox-bg,.nfancybox-inner,.nfancybox-outer,.nfancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.nfancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.nfancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.nfancybox-is-open .nfancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.nfancybox-caption,.nfancybox-infobar,.nfancybox-navigation .nfancybox-button,.nfancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.nfancybox-show-caption .nfancybox-caption,.nfancybox-show-infobar .nfancybox-infobar,.nfancybox-show-nav .nfancybox-navigation .nfancybox-button,.nfancybox-show-toolbar .nfancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.nfancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nfancybox-toolbar{right:0;top:0}.nfancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.nfancybox-is-open .nfancybox-stage{overflow:hidden}.nfancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.nfancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.nfancybox-is-sliding .nfancybox-slide,.nfancybox-slide--current,.nfancybox-slide--next,.nfancybox-slide--previous{display:block}.nfancybox-slide--image{overflow:hidden;padding:44px 0}.nfancybox-slide--image:before{display:none}.nfancybox-slide--html{padding:6px}.nfancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.nfancybox-slide--image .nfancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.nfancybox-can-zoomOut .nfancybox-content{cursor:zoom-out}.nfancybox-can-zoomIn .nfancybox-content{cursor:zoom-in}.nfancybox-can-pan .nfancybox-content,.nfancybox-can-swipe .nfancybox-content{cursor:grab}.nfancybox-is-grabbing .nfancybox-content{cursor:grabbing}.nfancybox-container [data-selectable=true]{cursor:text}.nfancybox-image,.nfancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.nfancybox-spaceball{z-index:1}.nfancybox-slide--iframe .nfancybox-content,.nfancybox-slide--map .nfancybox-content,.nfancybox-slide--pdf .nfancybox-content,.nfancybox-slide--video .nfancybox-content{height:100%;overflow:visible;padding:0;width:100%}.nfancybox-slide--video .nfancybox-content{background:transparent}.nfancybox-slide--map .nfancybox-content{background:#e5e3df}.nfancybox-slide--iframe .nfancybox-content{background:#fff}.nfancybox-iframe,.nfancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.nfancybox-iframe{left:0;position:absolute;top:0}.nfancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.nfancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.nfancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.nfancybox-button,.nfancybox-button:link,.nfancybox-button:visited{color:#ccc}.nfancybox-button:hover{color:#fff}.nfancybox-button:focus{outline:none}.nfancybox-button.nfancybox-focus{outline:1px dotted}.nfancybox-button[disabled],.nfancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.nfancybox-button div{height:100%}.nfancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.nfancybox-button svg path{fill:currentColor;stroke-width:0}.nfancybox-button--fsenter svg:nth-child(2),.nfancybox-button--fsexit svg:first-child,.nfancybox-button--pause svg:first-child,.nfancybox-button--play svg:nth-child(2){display:none}.nfancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.nfancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.nfancybox-close-small:hover{color:#fff;opacity:1}.nfancybox-slide--html .nfancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.nfancybox-slide--image.nfancybox-is-scaling .nfancybox-content{overflow:hidden}.nfancybox-is-scaling .nfancybox-close-small,.nfancybox-is-zoomable.nfancybox-can-pan .nfancybox-close-small{display:none}.nfancybox-navigation .nfancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.nfancybox-navigation .nfancybox-button div{padding:7px}.nfancybox-navigation .nfancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.nfancybox-navigation .nfancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.nfancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.nfancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.nfancybox-caption--separate{margin-top:-50px}.nfancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.nfancybox-caption a,.nfancybox-caption a:link,.nfancybox-caption a:visited{color:#ccc;text-decoration:none}.nfancybox-caption a:hover{color:#fff;text-decoration:underline}.nfancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.nfancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.nfancybox-fx-slide.nfancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.nfancybox-fx-slide.nfancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.nfancybox-fx-slide.nfancybox-slide--current{opacity:1;transform:translateZ(0)}.nfancybox-fx-fade.nfancybox-slide--next,.nfancybox-fx-fade.nfancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.nfancybox-fx-fade.nfancybox-slide--current{opacity:1}.nfancybox-fx-zoom-in-out.nfancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.nfancybox-fx-zoom-in-out.nfancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.nfancybox-fx-zoom-in-out.nfancybox-slide--current{opacity:1;transform:scaleX(1)}.nfancybox-fx-rotate.nfancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.nfancybox-fx-rotate.nfancybox-slide--next{opacity:0;transform:rotate(1turn)}.nfancybox-fx-rotate.nfancybox-slide--current{opacity:1;transform:rotate(0deg)}.nfancybox-fx-circular.nfancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.nfancybox-fx-circular.nfancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.nfancybox-fx-circular.nfancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.nfancybox-fx-tube.nfancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.nfancybox-fx-tube.nfancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.nfancybox-fx-tube.nfancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.nfancybox-slide{padding-left:6px;padding-right:6px}.nfancybox-slide--image{padding:6px 0}.nfancybox-close-small{right:-6px}.nfancybox-slide--image .nfancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.nfancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.nfancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.nfancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.nfancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.nfancybox-share p{margin:0;padding:0}.nfancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.nfancybox-share__button:link,.nfancybox-share__button:visited{color:#fff}.nfancybox-share__button:hover{text-decoration:none}.nfancybox-share__button--fb{background:#3b5998}.nfancybox-share__button--fb:hover{background:#344e86}.nfancybox-share__button--pt{background:#bd081d}.nfancybox-share__button--pt:hover{background:#aa0719}.nfancybox-share__button--tw{background:#1da1f2}.nfancybox-share__button--tw:hover{background:#0d95e8}.nfancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.nfancybox-share__button svg path{fill:#fff}.nfancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.nfancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.nfancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.nfancybox-show-thumbs .nfancybox-thumbs{display:block}.nfancybox-show-thumbs .nfancybox-inner{right:212px}.nfancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.nfancybox-thumbs-x .nfancybox-thumbs__list{overflow:hidden}.nfancybox-thumbs-y .nfancybox-thumbs__list::-webkit-scrollbar{width:7px}.nfancybox-thumbs-y .nfancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.nfancybox-thumbs-y .nfancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.nfancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.nfancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.nfancybox-thumbs__list a:focus:before{opacity:.5}.nfancybox-thumbs__list a.nfancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.nfancybox-thumbs{width:110px}.nfancybox-show-thumbs .nfancybox-inner{right:110px}.nfancybox-thumbs__list a{max-width:calc(100% - 10px)}}@font-face {
font-family: nswiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--nswiper-navigation-size: 30px;
}
.nswiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
width: 100%;
}
.nswiper.nickx-slider-for {
height: 80%;
}
.nswiper.nickx-slider-nav {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.nickx_product_images_with_video.v-left .nswiper.nickx-slider-nav,
.nickx_product_images_with_video.v-right .nswiper.nickx-slider-nav {
height: 100%;
width: 120px;
padding: 0;
max-height: none;
min-height: 0;
}
.nswiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
transform: translate3d(0px, 0, 0);
}
.nswiper-vertical>.nswiper-wrapper {
flex-direction: column;
}
.grid div#nickx-gallery .nswiper-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(102px, 0fr));
grid-gap: 5px;
}
.nswiper-horizontal {
touch-action: pan-y;
}
.nswiper-vertical {
touch-action: pan-x;
}
.nswiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform, opacity;
display: flex;
align-items: start;
justify-content: center;
text-align: center;
user-select: none;
}
.nswiper.nickx-slider-nav .nswiper-slide {
max-height: 210px;
max-width: 210px;
overflow: hidden;
}
.nickx-slider-nav .nswiper-slide {
opacity: 0.7;
}
.nickx-slider-nav .nswiper-slide-thumb-active,
.nickx-slider-nav .nickx-thumbnail:hover {
opacity: 1;
}
.nswiper-slide img,
.nswiper-slide video,
.nswiper-slide iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.nswiper-slide video,
.nswiper-slide iframe {
border-radius: 3px;
max-height: 676px !important;
}
.nswiper-slide iframe[data-ratio^="1.7777"] {
max-width: 380px !important;
}
.nswiper-slide-active iframe {
display: block !important;
}
.nswiper-autoheight,
.nswiper-autoheight .nswiper-slide {
height: auto;
}
.nswiper-autoheight .nswiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.nswiper-button-next,
.nswiper-button-prev {
position: absolute;
top: var(--nswiper-navigation-top-offset, 50%);
width: calc(var(--nswiper-navigation-size) / 44 * 27);
height: var(--nswiper-navigation-size);
margin-top: calc(0px - (var(--nswiper-navigation-size) / 2));
z-index: 999 !important;
pointer-events: auto !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #000;
padding: 20px 10px;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-weight: bold;
}
.nswiper-button-prev,
.nswiper-rtl .nswiper-button-next {
left: var(--nswiper-navigation-sides-offset, 10px);
right: auto;
}
.nswiper-button-next,
.nswiper-rtl .nswiper-button-prev {
right: var(--nswiper-navigation-sides-offset, 10px);
left: auto;
}
.nswiper-button-next:after,
.nswiper-button-prev:after {
font-family: nswiper-icons;
font-size: var(--nswiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.nswiper-button-prev:after,
.nswiper-rtl .nswiper-button-next:after {
content: 'prev';
}
.nswiper-button-next:after,
.nswiper-rtl .nswiper-button-prev:after {
content: 'next';
}
.nswiper-navigation-disabled .nswiper-button-next,
.nswiper-navigation-disabled .nswiper-button-prev {
display: none !important;
}
.nickx-slider-for:hover .main_arrow,
.nickx-slider-nav:hover .thumb_arrow {
opacity: 1;
}
.nickx-slider-for:hover .nswiper-button-next.nswiper-button-disabled,
.nickx-slider-nav:hover .nswiper-button-next.nswiper-button-disabled,
.nickx-slider-nav:hover .nswiper-button-prev.nswiper-button-disabled,
.nickx-slider-for:hover .nswiper-button-prev.nswiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.thumb_arrow {
padding: 5px;
font-size: 10px;
}
.thumb_arrow:after {
font-size: 20px !important;
font-weight: bold;
}
.nswiper-vertical .thumb_arrow {
top: auto;
bottom: auto;
left: 50% !important;
right: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
transform: translateX(-50%) rotate(90deg) !important;
-webkit-transform: translateX(-50%) rotate(90deg) !important;
-ms-transform: translateX(-50%) rotate(90deg) !important;
}
.nswiper-vertical .nswiper-button-next.thumb_arrow {
bottom: -5px !important;
top: auto !important;
}
.nswiper-vertical .nswiper-button-prev.thumb_arrow {
top: -5px !important;
bottom: auto !important;
}
.grid div#nickx-gallery .thumb_arrow {
display: none;
}
.nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .thumb_arrow,
.nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .main_arrow {
display: none;
} .images.nickx_product_images_with_video span.nickx-popup,
.show_lightbox span.nickx-popup_trigger {
background-image: url(//www.vitamania.pe/gluconature/wp-content/plugins/product-video-gallery-slider-for-woocommerce/public/css/magnifying-glass-zoom-in.svg);
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
width: 30px;
}
.images.nickx_product_images_with_video span.nickx-popup {
bottom: 10px;
display: none;
padding: 15px 0;
right: 13px;
z-index: 10;
}
.show_lightbox span.nickx-popup_trigger {
display: block;
overflow: hidden;
padding-top: 25px;
z-index: 2;
}
div.overlay-div {
display: none;
}
.show_lightbox .nswiper-slide-active span.nickx-popup,
.tc_video_slide.nswiper-slide-active div.overlay-div {
display: block;
} .nickx_product_images_with_video.v-left,
.nickx_product_images_with_video.v-right {
display: flex;
flex-direction: row-reverse;
gap: 10px;
}
.nickx_product_images_with_video.v-right {
flex-direction: row !important;
}
.video-thumbnail {
position: relative;
cursor: pointer;
}
.video-thumbnail .video_icon_img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 1;
}
.nickx-slider-for {
position: relative;
}
.zoomContainer {
z-index: 1 !important;
}
.nickx-slider-for .zoomContainer {
top: 0 !important;
left: 0 !important;
}
.admin-bar .fancybox-container {
z-index: 999999;
}
.single-product.woocommerce span.onsale {
z-index: 9;
}
.images.nickx_product_images_with_video {
max-width: 650px;
}
.images.nickx_product_images_with_video .fluid-width-video-wrapper {
padding-top: 100% !important;
}
span#product_gallery_shortcode .images.nickx_product_images_with_video {
width: 100% !important;
}
.woocommerce.woocommerce-page .wp-block-column .images.nickx_product_images_with_video {
width: 100%;
float: none;
} @media (max-width: 767px) {
.nickx_product_images_with_video.yes.v-left,
.nickx_product_images_with_video.yes.v-right {
flex-direction: column;
}
.nickx_product_images_with_video.yes.v-left .nswiper.nickx-slider-nav,
.nickx_product_images_with_video.yes.v-right .nswiper.nickx-slider-nav {
width: 100%;
height: 20%;
padding: 10px 0;
}
}