.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);
}