.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}.jp-card.jp-card-ie-10.jp-card-flipped,.jp-card.jp-card-ie-11.jp-card-flipped{transform:0deg}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front{transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back{transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after{left:18%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc{transform:rotateY(180deg);left:5%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny{left:84%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after{left:-480%;transform:rotateY(180deg)}.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back{display:none}.jp-card-logo{height:36px;width:60px;font-style:italic}.jp-card-logo,.jp-card-logo:before,.jp-card-logo:after{box-sizing:border-box}.jp-card-logo.jp-card-amex{text-transform:uppercase;font-size:4px;font-weight:bold;color:white;background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);border:1px solid #EEE}.jp-card-logo.jp-card-amex:before,.jp-card-logo.jp-card-amex:after{width:28px;display:block;position:absolute;left:16px}.jp-card-logo.jp-card-amex:before{height:28px;content:"american";top:3px;text-align:left;padding-left:2px;padding-top:11px;background:#267AC3}.jp-card-logo.jp-card-amex:after{content:"express";bottom:11px;text-align:right;padding-right:2px}.jp-card.jp-card-amex.jp-card-flipped{transform:none}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before{background-color:#108168}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex{opacity:1}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc{visibility:visible}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after{opacity:1}.jp-card-logo.jp-card-discover{background:#f60;color:#111;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:10px;text-align:center;overflow:hidden;z-index:1;padding-top:9px;letter-spacing:.03em;border:1px solid #EEE}.jp-card-logo.jp-card-discover:before,.jp-card-logo.jp-card-discover:after{content:" ";display:block;position:absolute}.jp-card-logo.jp-card-discover:before{background:white;width:200px;height:200px;border-radius:200px;bottom:-5%;right:-80%;z-index:-1}.jp-card-logo.jp-card-discover:after{width:8px;height:8px;border-radius:4px;top:10px;left:27px;background-color:#f60;background-image:radial-gradient(  #f60,#fff);content:"network";font-size:4px;line-height:24px;text-indent:-7px}.jp-card .jp-card-front .jp-card-logo.jp-card-discover{right:12%;top:18%}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before{background-color:#86B8CF}.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover{opacity:1}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after{transition:400ms;content:" ";display:block;background-color:#f60;background-image:linear-gradient(#f60,#ffa366,#f60);height:50px;width:50px;border-radius:25px;position:absolute;left:100%;top:15%;margin-left:-25px;box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.5)}.jp-card-logo.jp-card-unionpay{width:60px;display:block;height:40px;background:#e21836;-webkit-transform:skew(-15deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);border-radius:5px;font-size:10px;z-index:1;line-height:33px;color:#fff;text-align:center;font-family:"Sans-serif", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans", "Gulim", "\5B8B\4F53";font-weight:bold}.jp-card-logo.jp-card-unionpay:after,.jp-card-logo.jp-card-unionpay:before{display:block;margin:0 auto;position:absolute;height:40px;top:0;z-index:-1}.jp-card-logo.jp-card-unionpay:before{content:" ";width:28px;background:#00447c;left:14px;border-top-left-radius:5px;border-bottom-left-radius:5px}.jp-card-logo.jp-card-unionpay:after{content:"银联";width:26px;background:#007b84;left:34px;border-radius:5px;font-size:10px;line-height:54px;text-indent:-17px}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-back:before,.jp-card.jp-card-unionpay.jp-card-identified .jp-card-front:before{background-color:#987c00}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-logo.jp-card-unionpay{opacity:1}.jp-card-logo.jp-card-visa{text-transform:uppercase;color:white;text-align:center;font-weight:bold;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-visa:before,.jp-card-logo.jp-card-visa:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visa:before{position:absolute;left:-4px;width:0;height:0;border-style:solid;border-width:0 12px 6px 0;border-color:transparent #ffffff transparent transparent}.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa{opacity:1;box-shadow:none}.jp-card-logo.jp-card-visaelectron{background:white;text-transform:uppercase;color:#1A1876;text-align:center;font-weight:bold;font-size:15px;line-height:18px}.jp-card-logo.jp-card-visaelectron:before,.jp-card-logo.jp-card-visaelectron:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visaelectron:before{background:#1A1876}.jp-card-logo.jp-card-visaelectron:after{background:#E79800}.jp-card-logo.jp-card-visaelectron .elec{float:right;font-family:arial;font-size:9px;margin-right:1px;margin-top:-5px;text-transform:none}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron{opacity:1}.jp-card-logo.jp-card-mastercard{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:9px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-mastercard:before,.jp-card-logo.jp-card-mastercard:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-mastercard:before{left:0;background:#EB001B;z-index:-1;opacity:0.9}.jp-card-logo.jp-card-mastercard:after{right:0;background:#FF5F00;z-index:-2}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard{box-shadow:none}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before{background-color:#0061A8}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard{opacity:1}.jp-card-logo.jp-card-maestro{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:14px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-maestro:before,.jp-card-logo.jp-card-maestro:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-maestro:before{left:0;background:#EB001B;z-index:-2}.jp-card-logo.jp-card-maestro:after{right:0;background:#00A2E5;z-index:-1;opacity:0.8}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro{box-shadow:none}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before{background-color:#0B2C5F}.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro{opacity:1}.jp-card-logo.jp-card-dankort{width:60px;height:36px;padding:3px;border-radius:8px;border:#000 1px solid;background-color:#fff}.jp-card-logo.jp-card-dankort .dk{position:relative;width:100%;height:100%;overflow:hidden}.jp-card-logo.jp-card-dankort .dk:before{background-color:#ED1C24;content:'';position:absolute;width:100%;height:100%;display:block;border-radius:6px}.jp-card-logo.jp-card-dankort .dk:after{content:'';position:absolute;top:50%;margin-top:-7.7px;right:0;width:0;height:0;border-style:solid;border-width:7px 7px 10px 0;border-color:transparent #ED1C24 transparent transparent;z-index:1}.jp-card-logo.jp-card-dankort .d,.jp-card-logo.jp-card-dankort .k{position:absolute;top:50%;width:50%;display:block;height:15.4px;margin-top:-7.7px;background:white}.jp-card-logo.jp-card-dankort .d{left:0;border-radius:0 8px 10px 0}.jp-card-logo.jp-card-dankort .d:before{content:'';position:absolute;top:50%;left:50%;display:block;background:#ED1C24;border-radius:2px 4px 6px 0px;height:5px;width:7px;margin:-3px 0 0 -4px}.jp-card-logo.jp-card-dankort .k{right:0}.jp-card-logo.jp-card-dankort .k:before,.jp-card-logo.jp-card-dankort .k:after{content:'';position:absolute;right:50%;width:0;height:0;border-style:solid;margin-right:-1px}.jp-card-logo.jp-card-dankort .k:before{top:0;border-width:8px 5px 0 0;border-color:#ED1C24 transparent transparent transparent}.jp-card-logo.jp-card-dankort .k:after{bottom:0;border-width:0 5px 8px 0;border-color:transparent transparent #ED1C24 transparent}.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before{background-color:#0055C7}.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort{opacity:1}.jp-card-logo.jp-card-elo{height:50px;width:50px;border-radius:100%;background:black;color:white;text-align:center;text-transform:lowercase;font-size:21px;font-style:normal;letter-spacing:1px;font-weight:bold;padding-top:13px}.jp-card-logo.jp-card-elo .e,.jp-card-logo.jp-card-elo .l,.jp-card-logo.jp-card-elo .o{display:inline-block;position:relative}.jp-card-logo.jp-card-elo .e{transform:rotate(-15deg)}.jp-card-logo.jp-card-elo .o{position:relative;display:inline-block;width:12px;height:12px;right:0;top:7px;border-radius:100%;background-image:linear-gradient( #ff0 50%,red 50%);transform:rotate(40deg);text-indent:-9999px}.jp-card-logo.jp-card-elo .o:before{content:"";position:absolute;width:49%;height:49%;background:black;border-radius:100%;text-indent:-99999px;top:25%;left:25%}.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before{background-color:#6F6969}.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo{opacity:1}.jp-card-logo.jp-card-jcb{border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px;background-color:white;font-style:normal;color:white;width:50px;padding:2px 0 0 2px}.jp-card-logo.jp-card-jcb>div{width:15px;margin-right:1px;display:inline-block;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.6);border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px}.jp-card-logo.jp-card-jcb>div:before,.jp-card-logo.jp-card-jcb>div:after{content:" ";display:block;height:8px}.jp-card-logo.jp-card-jcb>div.j{background-color:#000063;background-image:linear-gradient(to right,#000063,#008cff)}.jp-card-logo.jp-card-jcb>div.c{background-color:#630000;background-image:linear-gradient(to right,#630000,#ff008d)}.jp-card-logo.jp-card-jcb>div.b{background-color:#006300;background-image:linear-gradient(to right,#006300,lime)}.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before,.jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before{background-color:#CB8000}.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb{opacity:1;box-shadow:none}.jp-card-logo.jp-card-dinersclub{font-family:serif;height:40px;width:100px;color:white;font-size:17px;font-style:normal;letter-spacing:1px}.jp-card-logo.jp-card-dinersclub::before,.jp-card-logo.jp-card-dinersclub::after{display:block;position:relative}.jp-card-logo.jp-card-dinersclub::before{content:'Diners Club'}.jp-card-logo.jp-card-dinersclub::after{content:'International';text-transform:uppercase;font-size:0.6em}.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo{box-shadow:none !important}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before{background-color:#999}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub{opacity:1}.jp-card-logo.jp-card-hipercard{height:20px;width:100px;color:white;font-size:21px;font-style:italic;font-weight:bold}.jp-card-logo.jp-card-hipercard::before,.jp-card-logo.jp-card-hipercard::after{display:block;position:relative}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-hipercard.jp-card-identified .jp-card-back:before{background-color:#770304}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-logo.jp-card-hipercard{opacity:1;box-shadow:none}.jp-card-logo.jp-card-troy{text-transform:lowercase;color:#fff;text-align:center;font-weight:700;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-troy:before,.jp-card-logo.jp-card-troy:after{content:\"\";display:block;width:26%;height:6%;background:#22b8c3;right:32%;top:24%;position:absolute;transform:rotate(105deg)}.jp-card.jp-card-troy.jp-card-identified .jp-card-front:before,.jp-card.jp-card-troy.jp-card-identified .jp-card-back:before{background-color:#01adba}.jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy{opacity:1;box-shadow:none}.jp-card-container{perspective:1000px;width:350px;max-width:100%;height:200px;margin:auto;z-index:1;position:relative}.jp-card{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;position:relative;width:100%;height:100%;min-width:315px;border-radius:10px;transform-style:preserve-3d;transition:all 400ms linear}.jp-card>*,.jp-card>*:after,.jp-card>*:before{box-sizing:border-box;font-family:inherit}.jp-card.jp-card-flipped{transform:rotateY(180deg)}.jp-card .jp-card-back,.jp-card .jp-card-front{backface-visibility:hidden;transform-style:preserve-3d;transition:all 400ms linear;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:10px;background:#ddd}.jp-card .jp-card-back:before,.jp-card .jp-card-front:before{content:" ";display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;border-radius:10px;transition:all 400ms ease}.jp-card .jp-card-back:after,.jp-card .jp-card-front:after{content:" ";display:block}.jp-card .jp-card-back .jp-card-display,.jp-card .jp-card-front .jp-card-display{color:#fff;font-weight:normal;opacity:0.5;transition:opacity 400ms linear}.jp-card .jp-card-back .jp-card-display.jp-card-focused,.jp-card .jp-card-front .jp-card-display.jp-card-focused{opacity:1;font-weight:700}.jp-card .jp-card-back .jp-card-cvc,.jp-card .jp-card-front .jp-card-cvc{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:14px}.jp-card .jp-card-back .jp-card-shiny,.jp-card .jp-card-front .jp-card-shiny{width:50px;height:35px;border-radius:5px;background:#ccc;position:relative}.jp-card .jp-card-back .jp-card-shiny:before,.jp-card .jp-card-front .jp-card-shiny:before{content:" ";display:block;width:70%;height:60%;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#d9d9d9;position:absolute;top:20%}.jp-card .jp-card-front .jp-card-logo{position:absolute;opacity:0;right:5%;top:8%;transition:400ms}.jp-card .jp-card-front .jp-card-lower{width:80%;position:absolute;left:10%;bottom:30px}@media only screen and (max-width: 480px){.jp-card .jp-card-front .jp-card-lower{width:90%;left:5%}}.jp-card .jp-card-front .jp-card-lower .jp-card-cvc{visibility:hidden;float:right;position:relative;bottom:5px}.jp-card .jp-card-front .jp-card-lower .jp-card-number{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:24px;clear:both;margin-bottom:30px}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;letter-spacing:0;position:relative;float:right;width:25%}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after,.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:7px;white-space:pre;display:block;opacity:0.5}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{content:attr(data-before);margin-bottom:2px;font-size:7px;text-transform:uppercase}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after{position:absolute;content:attr(data-after);text-align:right;right:100%;margin-right:5px;margin-top:2px;bottom:0}.jp-card .jp-card-front .jp-card-lower .jp-card-name{text-transform:uppercase;font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:20px;max-height:45px;position:absolute;bottom:0;width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.jp-card .jp-card-back{transform:rotateY(180deg)}.jp-card .jp-card-back .jp-card-bar{background-color:#444;background-image:linear-gradient(#444,#333);width:100%;height:20%;position:absolute;top:10%}.jp-card .jp-card-back:after{content:" ";display:block;background-color:#fff;background-image:linear-gradient(#fff,#fff);width:80%;height:16%;position:absolute;top:40%;left:2%}.jp-card .jp-card-back .jp-card-cvc{position:absolute;top:40%;left:85%;transition-delay:600ms}.jp-card .jp-card-back .jp-card-shiny{position:absolute;top:66%;left:2%}.jp-card .jp-card-back .jp-card-shiny:after{content:"This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";position:absolute;left:120%;top:5%;color:white;font-size:7px;width:230px;opacity:0.5}.jp-card.jp-card-identified{box-shadow:0 0 20px rgba(0,0,0,0.3)}.jp-card.jp-card-identified .jp-card-back,.jp-card.jp-card-identified .jp-card-front{background-color:#000;background-color:rgba(0,0,0,0.5)}.jp-card.jp-card-identified .jp-card-back:before,.jp-card.jp-card-identified .jp-card-front:before{transition:all 400ms ease;background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);opacity:1}.jp-card.jp-card-identified .jp-card-back .jp-card-logo,.jp-card.jp-card-identified .jp-card-front .jp-card-logo{box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before,.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}@media (max-width: 450px){.card-wrapper{max-width:80vw;width:100%;margin:20px auto;overflow-x:hidden}.card-wrapper>.jp-card-container{transform:scale(0.625);transform-origin:left center}}

@charset "UTF-8";
* {
  outline-color: #333333 !important;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

body {
  font-family: "avenir-roman", sans-serif;
  color: #333333;
  font-size: 1.6rem;
  padding-top: 97px;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0.6rem;
}
body::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
body::-webkit-scrollbar-thumb {
  background-color: #F77B77;
  outline: none;
  border-radius: 0rem;
}
body ::-moz-selection {
  background-color: #F77B77;
  color: #FFFFFF;
}
body ::selection {
  background-color: #F77B77;
  color: #FFFFFF;
}
body main {
  overflow-x: hidden;
}
body main#top {
  min-height: calc(100vh - 270px);
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
}
img.px {
  image-rendering: pixelated;
}
img.aa {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

p, a, li, span, small,
label, button, strong,
h1, h2, h3, h4, h5, h6 {
  text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.01);
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Bebas Neue", cursive;
}

a {
  color: #FFFFFF;
}

h1 {
  font-size: 7rem;
}

h2 {
  font-size: 4rem;
}

h3 {
  font-size: 2rem;
}

p {
  font-size: 16px;
}

/* Animations */
svg.animate path {
  animation: svg-animate 4s forwards infinite;
}

@keyframes svg-animate {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animate {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}
/* Helpers */
.up {
  text-transform: uppercase;
}

[disabled]:hover {
  cursor: not-allowed;
}

/* Buttons */
button {
  all: unset;
}

@media (max-width: 992px) {
  /* portrait && landscape */
  body {
    padding-top: 94px;
  }
  html {
    font-size: 9px !important;
  }
  body {
    padding-top: 25px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  /* tablets && small laptops */
}
.btn {
  font-size: 1.6rem;
  padding: 8px 16px;
}

a.btn-comprar {
  color: #FFFFFF;
  text-decoration: none;
}
a.btn-comprar:hover {
  background-position: right;
}

/*Star Rating Widget */
.starrating > input {
  display: none;
} /* Remove radio buttons */
.starrating > label:before {
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 30px;
  font-family: FontAwesome;
  display: inline-block;
}

.starrating > label {
  color: #222222;
} /* Start color when not clicked */
.starrating > input:checked ~ label {
  color: #ffca08;
} /* Set yellow color when star checked */
.starrating > input:hover ~ label {
  color: #ffca08;
} /* Set yellow color when star hover */
.modal-backdrop {
  z-index: 0;
}

/* colors */
.text-orange {
  color: #F77B77;
}

/* components */
.section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
  align-items: center;
}
.section-header a {
  color: #85D6CB;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.section-header a:hover {
  color: #F77B77;
}

.title-wrapper {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}
.title-wrapper .title {
  color: #FFFFFF;
  font-family: "Bebas Neue", cursive;
  font-size: 7rem;
  line-height: 5.7rem;
}
@media (max-width: 767.98px) {
  .title-wrapper .title {
    font-size: 3rem;
    line-height: 3.7rem;
  }
}

.padding-section {
  padding: 6rem 0;
}

.breadcrumb-container {
  background: #e1e1e1;
}
@media (max-width: 991.98px) {
  .breadcrumb-container {
    margin-top: 7rem;
  }
}
.breadcrumb-container .breadcrumbs-link {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.breadcrumb-container .breadcrumbs-link img {
  padding-right: 15px;
}
.breadcrumb-container .breadcrumbs-link a {
  font-size: 2rem;
  color: #424040;
}
.breadcrumb-container .breadcrumbs-link a:last-child {
  color: #F77B77;
}
.breadcrumb-container .breadcrumbs-link a:not(:last-child):after {
  padding: 0 30px;
  content: url(/img/icons/Icon-arrow-dropdown.png);
}

#accordion {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
#accordion > div + div {
  padding-top: 10px;
}
#accordion > div p {
  padding: 1rem 2rem;
}
#accordion button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  height: 6rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 100%;
  position: relative;
  background-color: #fff;
  color: #2b2b2b;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.3s ease-in;
  font-size: 16px;
}
#accordion button:hover {
  background-color: rgba(133, 214, 203, 0.5568627451);
  color: white;
}
#accordion button img {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 1s;
  width: 20px;
}
#accordion button .mais {
  visibility: hidden;
  opacity: 0;
}
#accordion button .menos {
  visibility: visible;
  opacity: 1;
}
#accordion button.collapsed .mais {
  visibility: visible;
  opacity: 1;
}
#accordion button.collapsed .menos {
  visibility: hidden;
  opacity: 0;
}

#index .hero {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 99vh;
}
@media (max-width: 1440px) {
  #index .hero {
    height: 74vh;
  }
}
@media (max-width: 1024px) {
  #index .hero {
    height: 53vh;
  }
}
@media (max-width: 767.98px) {
  #index .hero {
    margin-top: 7rem;
    height: 39vh;
  }
}
@media (max-width: 575.98px) {
  #index .hero {
    height: 26vh;
  }
}
@media (max-width: 375px) {
  #index .hero {
    height: 20vh;
  }
}
#index .hero .bg-config {
  background-repeat: no-repeat;
  background-size: cover;
}
#index .hero .social-media i {
  font-size: 40px;
  transition: 0.3s ease-in-out;
}
#index .hero .social-media i:hover {
  color: #85D6CB;
}
#index .hero .anchor p {
  display: flex;
  align-items: center;
}
#index .hero .anchor p:first-child::after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 15px 0 20px;
}
#index .hero a {
  display: flex;
  align-items: center;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
#index .hero a img {
  transition: 0.3s ease-in-out;
}
#index .hero a:hover {
  color: #85D6CB;
}
#index .hero a:hover img {
  transform: translateY(-10px);
}
#index .hero .rotate {
  z-index: 9;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media (max-width: 1440px) {
  #index .hero .rotate img {
    height: 450px;
  }
}
#index .hero .banner-video {
  margin-top: 520px;
}
@media (max-width: 1499.98px) {
  #index .hero .banner-video {
    margin-top: 395px;
  }
}
@media (max-width: 1199.98px) {
  #index .hero .banner-video {
    margin-top: 320px;
  }
}
@media (max-width: 991.98px) {
  #index .hero .banner-video {
    margin-top: 270px;
  }
}
@media (max-width: 767.98px) {
  #index .hero .banner-video {
    margin-top: 230px;
  }
}
@media (max-width: 575.98px) {
  #index .hero .banner-video {
    margin-top: 157px;
    margin-bottom: 20px;
  }
}
#index .hero .banner-video .col-items {
  display: flex;
}
@media (max-width: 575.98px) {
  #index .hero .banner-video .col-items {
    width: 100%;
    justify-content: space-between;
  }
}
#index .hero .banner-video .btn-youtube {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  border: 2px solid white;
  border-radius: 40px;
  margin-right: 20px;
}
@media (max-width: 575.98px) {
  #index .hero .banner-video .btn-youtube {
    padding: 5px 20px;
  }
}
#index .hero .banner-video .btn-youtube img {
  width: 45px;
}
@media (max-width: 575.98px) {
  #index .hero .banner-video .btn-youtube img {
    width: 35px;
  }
}
#index .hero .banner-video .btn-youtube p {
  font-size: 34px;
  font-family: "Rama Gothic SemiBold";
}
@media (max-width: 767.98px) {
  #index .hero .banner-video .btn-youtube p {
    font-size: 14px;
  }
}
#index .sobre {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 180px 0;
  position: relative;
}
@media (max-width: 767.98px) {
  #index .sobre {
    padding: 60px 0;
  }
}
#index .sobre::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.19);
}
#index .sobre .container {
  position: relative;
}
#index .sobre .container h2 {
  color: #F77B77;
}
#index .sobre .container p {
  font-size: 2rem;
  color: #FFFFFF;
}
#index .sobre .container svg {
  position: absolute;
  top: 52%;
  left: 70px;
  transform: translate(-50%, -50%);
  width: 150px;
}
#index .servicos {
  background-color: #191A1B;
}
#index .loja-maxima {
  background: #F4F4F4;
}
#index .redes .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));
  gap: 2rem;
}
#index .redes .grid .img-post {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  height: 300px;
}
#index .redes .grid > div {
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#index .redes .grid > div figure img {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#index .redes .grid > div figure figcaption {
  display: flex;
  flex-direction: column;
  padding: 1.3rem 1.6rem 1.8rem;
}
#index .redes .grid > div figure figcaption strong {
  color: #232323;
  font-family: "avenir-black";
  font-weight: normal;
  margin-bottom: 0.3rem;
}
#index .redes .grid > div figure figcaption small {
  color: #949494;
  margin-bottom: 0.9rem;
}
#index .redes .grid > div figure figcaption p {
  margin-bottom: 0;
  color: #797676;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}
#index .unidades {
  color: #fff;
  padding: 50px 0;
  background-position: 123% center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #191a1b;
  background-attachment: fixed;
}
#index .unidades .grid {
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin-bottom: 6rem;
}
#index .unidades .grid > div {
  display: flex;
  flex-direction: column;
}
#index .unidades .grid > div > button {
  height: 70px;
  border-radius: 1rem;
  font-family: "Bebas Neue", cursive;
  font-size: 2.5rem;
  padding-top: 6px;
  line-height: 2.5rem;
  color: #dbdbdb;
  background-color: #878a98;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s, background 0.2s;
}
#index .unidades .grid > div > button:focus {
  outline: none;
  background-color: #ffffff;
  color: #878a98;
}
#index .unidades .grid > div.active > button {
  background-color: #ffffff;
  color: #878a98;
}
#index .unidades .grid > div.active > button:focus {
  filter: brightness(0.88);
}
#index .unidades .grid > div.active > div {
  visibility: visible;
  opacity: 1;
}
#index .unidades .grid > div .endereço {
  visibility: hidden;
  opacity: 0;
  margin-top: 5rem;
  color: #999999;
  display: flex;
  flex-direction: column;
  font-size: 1.52rem;
  transition: all 0.2s;
}
#index .unidades .grid > div .endereço > div {
  display: flex;
  align-items: flex-start;
}
#index .unidades .grid > div .endereço img {
  width: 18px;
  margin-top: 0.3rem;
  margin-right: 1.3rem;
}
#index .unidades .grid > div .endereço a {
  color: #85d6cb;
  margin-top: 3rem;
  border: 1px solid #85d6cb;
  border-radius: 0.6rem;
  height: 38px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#index .aplicativo {
  padding: 70px 0 0;
  background: #6d7080;
  color: #FFFFFF;
}

#sobre .banner-sobre {
  padding: 170px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#sobre .video-wrapper {
  background-color: #f8f8f8;
  padding: 5rem 0;
}
#sobre .video-wrapper .video-title h2 {
  color: #85D6CB;
}
#sobre .video-wrapper .video-title p {
  color: #707070;
}
#sobre .video-wrapper video {
  width: 100%;
  border-radius: 10px;
}
#sobre .banner-conheca .banner {
  padding-top: 115px;
  padding-bottom: 73px;
  background-repeat: no-repeat;
}
#sobre .banner-conheca .banner .banner-title {
  padding: 10px 0;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
#sobre .banner-conheca .banner .banner-title h2 {
  color: #F77B77;
}
#sobre .banner-conheca .banner .banner-title .card-link {
  padding-top: 15px;
}
#sobre .banner-conheca .banner .banner-title .card-link a {
  padding: 10px 15px;
  color: #707070;
}
#sobre .banner-conheca .banner .banner-title .card-link a:not(:last-child) {
  border-right: 1px solid rgba(88, 88, 88, 0.1254901961);
}

#unidades {
  background: #f8f8f8;
}
#unidades .map-container {
  padding-top: 85px;
}
#unidades .map-container:last-child {
  padding-bottom: 150px;
}
#unidades .unidades-title {
  text-align: center;
  padding-bottom: 40px;
}
#unidades .unidades-title h2 {
  color: #F77B77;
}
#unidades .map-view {
  height: 546px;
  display: flex;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
#unidades .map-view iframe {
  width: 100vw;
  height: 500px;
}

#clientes {
  background: #f8f8f8;
}
#clientes .clientes {
  padding-top: 89px;
  padding-bottom: 185px;
}
#clientes .clientes .clientes-title {
  text-align: center;
}
#clientes .clientes .clientes-title h2 {
  color: #F77B77;
  padding-bottom: 12px;
}
#clientes .clientes .clientes-title p {
  color: #7a7979;
  padding: 0 20%;
}
#clientes .clientes .clientes-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 1rem;
  height: 200px;
}
#clientes .clientes .clientes-img img {
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#clientes .clientes .row {
  margin: 9rem -7px 0;
}
#clientes .clientes .row > div {
  padding: 0 7px;
  margin-bottom: 14px;
}

#app-maxima .app-banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
}
#app-maxima .funcionalidades p {
  color: #878A98;
}
#app-maxima .funcionalidades .funcionalidades-title {
  text-align: center;
  margin-bottom: 4rem;
}
#app-maxima .funcionalidades .funcionalidades-title h2 {
  color: #F77B77;
}
#app-maxima .funcionalidades .card-funcionalidades {
  margin-top: 30%;
}
#app-maxima .funcionalidades .card-funcionalidades h3 {
  font-family: "segoe-ui-bold";
  color: #85D6CB;
}
#app-maxima .banner-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15rem 0;
}
#app-maxima .banner-2 h2 {
  font-size: 4rem;
}
#app-maxima .banner-2 p {
  width: 500px;
  max-width: 100%;
}
#app-maxima .banner-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 11rem 0;
  text-align: center;
}
#app-maxima .banner-3 p {
  padding: 0 20%;
  margin-bottom: 71px;
}

#fale-conosco {
  margin-bottom: 100px;
}
#fale-conosco p {
  font-size: 16px;
  color: #797676;
}
#fale-conosco .index-title {
  padding: 75px 0 75px;
}
#fale-conosco .index-title h2 {
  color: #F77B77;
}
#fale-conosco .communications h3 {
  color: #F77B77;
  font-family: "avenir-roman";
  padding-bottom: 20px;
}
#fale-conosco .communications p.title {
  font-size: 18px;
}
#fale-conosco .communications a {
  text-decoration: none;
}
#fale-conosco .communications a i {
  color: #85D6CB;
  font-size: 35px;
  transition: all 0.3s ease-in-out;
}
#fale-conosco .communications a i:hover {
  color: #F77B77;
}
@media (max-width: 768px) {
  #fale-conosco .communications {
    margin-top: 70px;
  }
}

#blog .form-blog-search {
  display: flex;
  border: 1px solid #F77B77;
  border-radius: 10px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 5px;
}
#blog .form-blog-search input {
  border: unset;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 1.6rem;
  height: 50px;
  outline: none;
}
#blog .form-blog-search input.form-input {
  width: 400px;
  max-width: 100%;
}
#blog .form-blog-search input.form-button {
  background-color: #F77B77;
  color: white;
}
#blog .form-blog-search input.form-button::-moz-placeholder {
  color: white;
}
#blog .form-blog-search input.form-button::placeholder {
  color: white;
}
#blog .post-blog {
  margin-bottom: 50px;
}
#blog .post-blog .post-content .data {
  color: #797676;
  font-size: 12px;
}
#blog .post-blog .post-content .autor::before {
  content: "—";
  margin-right: 5px;
}
#blog .col-right {
  border-left: 1px solid #e2e0e0;
}
#blog .col-title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 14px;
  font-weight: bold;
}
#blog .comentarios {
  background-color: #f4f4f4;
}
#blog .comentarios .comentarios-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}

#carrinho {
  background: #f8f8f8;
  padding: 50px 0;
}
#carrinho .container {
  background-image: url("/img/bg/bg-x-maxima.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 400px auto;
}
#carrinho h2 {
  font-family: "avenir-roman", sans-serif;
  font-size: 3.5rem;
  padding-left: 30px;
}
#carrinho input {
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 0.4rem;
  height: 4rem;
  font-size: 1.8rem;
  padding: 0 8px;
}
#carrinho textarea {
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  overflow-y: auto;
  resize: none;
  padding: 3px 5px;
  font-size: 1.8rem;
  height: 210px;
}
#carrinho .input-line {
  margin: 15px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1.8rem;
       column-gap: 1.8rem;
  padding: 0 30px;
}
#carrinho .input-line.one {
  grid-template-columns: 1fr;
}
#carrinho .input-line label {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#carrinho .input-line label a {
  text-decoration: none;
}
#carrinho .input-line label button {
  color: #fff;
  width: 100%;
  height: 4rem;
  border-radius: 0.4rem;
  padding-top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#carrinho .input-line label button.frete {
  background-image: linear-gradient(to bottom, #85d6cb, #0cd994);
}
#carrinho .input-line label button.finalizar {
  background: #f77b77;
}
#carrinho .input-line label button.finalizar svg {
  margin-left: 8px;
}
#carrinho .radioInput {
  display: flex;
  flex-direction: row;
  padding: 0 80px 0 40px;
  justify-content: space-between;
  align-items: center;
  margin: 5px 30px;
  border-radius: 6px;
  border: 1px solid #181818;
}
#carrinho .radioInput a {
  text-decoration: none;
}
#carrinho .radioInput input {
  color: #fff;
  width: 6.5%;
  height: 4rem;
  border-radius: 0.4rem;
  padding-top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#carrinho .radioInput input.frete {
  background-image: linear-gradient(to bottom, #85d6cb, #0cd994);
}
#carrinho .radioInput input.finalizar {
  background: #f77b77;
}
#carrinho .radioInput input.finalizar svg {
  margin-left: 8px;
}
#carrinho .section-01 {
  padding: 20px 0;
  background-color: #fff;
  border-radius: 15px;
}
#carrinho .section-01 .carrinho-produtos {
  height: -moz-fit-content;
  height: fit-content;
}
#carrinho .section-01 .carrinho-produtos h2 {
  padding-left: 20px;
}
#carrinho .section-01 .carrinho-produtos .grid {
  width: 100%;
}
#carrinho .section-01 .carrinho-produtos .grid .linha {
  display: grid;
  grid-template-columns: 35% 50% 15%;
}
#carrinho .section-01 .carrinho-produtos .grid .linha + .linha {
  border-top: 1px solid rgba(199, 199, 199, 0.7);
}
#carrinho .section-01 .carrinho-produtos .grid .linha:first-child {
  font-size: 2rem;
}
#carrinho .section-01 .carrinho-produtos .grid .linha > div {
  height: 100px;
  display: flex;
  align-items: center;
}
#carrinho .section-01 .carrinho-produtos .grid .linha > div:first-child {
  padding-left: 30px;
}
#carrinho .section-01 .carrinho-produtos .grid .produto {
  font-size: 2rem;
}
#carrinho .section-01 .carrinho-produtos .grid .produto img {
  margin-right: 2rem;
  width: 90px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#carrinho .section-01 .carrinho-produtos .grid .preco {
  font-size: 2.8rem;
}
#carrinho .section-01 .carrinho-produtos .grid .preco span {
  font-size: 2rem;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade .inline-group {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade input {
  text-align: center;
  display: block;
  box-sizing: border-box;
  padding: 3px 5px 0;
  height: 55px;
  width: 45px;
  font-size: 1.6rem;
  border-right: none;
  border-left: none;
  border-color: #e8e8e8;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade button {
  box-sizing: border-box;
  padding: 0;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #e8e8e8;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade .btn-minus {
  border-right: none;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade .btn-plus {
  border-left: none;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
#carrinho .section-01 .carrinho-produtos .grid .quantidade .form-control[type=number]::-webkit-inner-spin-button,
#carrinho .section-01 .carrinho-produtos .grid .quantidade .form-control[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#carrinho .section-01 .carrinho-produtos .grid .sub-total {
  border-top: 1px solid rgba(199, 199, 199, 0.7);
  padding: 15px 60px 5px 0;
  font-size: 2rem;
  text-align: right;
}
#carrinho .section-02 {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  color: #2b2b2b;
}
#carrinho .section-02 h2 {
  margin-bottom: 2.3rem;
}
#carrinho .section-02 .divisor {
  width: 100%;
  height: 1px;
  background-color: rgba(199, 199, 199, 0.7);
  margin: 2rem 0;
}
#carrinho .section-02 > div {
  margin-top: 2rem;
  padding: 10px 0 5rem;
  background: rgba(255, 255, 255, 0.281);
  border-radius: 15px;
}
#carrinho .section-02 > div.entrega .total {
  margin-top: 1rem;
  padding: 0 30px;
  display: flex;
  -moz-column-gap: 0;
       column-gap: 0;
}
#carrinho .section-02 > div.entrega .total div {
  margin-left: 5px;
}
#carrinho .section-03 {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  color: #2b2b2b;
  padding: 10px 0 5rem;
  background: #fff;
  border-radius: 15px;
}
#carrinho .section-03 .credit-card {
  display: flex;
  align-items: center;
  justify-content: center;
}
#carrinho .section-03 .entrega .nav-pills {
  padding-left: 30px;
  display: flex;
  align-items: center;
  margin: 15px 0;
}
#carrinho .section-03 .entrega .nav-pills .nav-item .nav-link {
  width: 180px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
#carrinho .section-03 .entrega .nav-pills .nav-item .nav-link img {
  max-width: 50px;
}
#carrinho .section-03 .entrega .nav-pills .nav-item .nav-link p {
  color: black;
}
#carrinho .section-03 .entrega .nav-pills .nav-item .active {
  background-color: rgba(133, 214, 203, 0.5137254902);
}
#carrinho .section-03 .entrega .tab-boleto {
  margin-left: 3rem;
}
#carrinho .section-03 .entrega .tab-boleto > p {
  font-size: 1.4rem;
  color: #797676;
  margin-bottom: 1.5rem;
}
#carrinho .section-03 .entrega .tab-boleto a {
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  text-align: center;
  padding: 0 2rem;
  background-color: #F77B77;
  margin-left: 1.5rem;
  color: #fff;
}
#carrinho .section-03 .entrega .tab-boleto span {
  margin-top: 1rem;
  display: flex;
}

#confirmation .confirmation-section-01 {
  padding: 2rem 0;
}
#confirmation .confirmation-section-01 h3 {
  font-family: "avenir-roman";
  font-size: 3rem;
  margin-bottom: 1rem;
}
#confirmation .card-order {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  margin: 1rem;
  padding: 2rem;
}
#confirmation .card-order p {
  color: #797676;
}
#confirmation .card-order .name {
  color: black;
  padding-bottom: 15px;
}
#confirmation .confirmation-section-02 {
  background: #c5d9cc;
  padding: 2rem;
  border: 2px solid #9fd996;
  color: #12a646;
  border-radius: 10px;
  margin-bottom: 3rem;
}
#confirmation .confirmation-section-03 {
  display: grid;
  grid-template-columns: 1fr;
}
#confirmation .confirmation-section-03 .card-order {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  margin: 1rem;
  padding: 2rem;
}
#confirmation .confirmation-section-03 .card-order p {
  color: grey;
}
#confirmation .confirmation-section-03 .card-order .name {
  color: black;
  padding-bottom: 15px;
}
#confirmation .confirmation-section-04 {
  display: flex;
  justify-content: flex-end;
}
#confirmation .confirmation-section-04 a {
  margin: 3rem 1rem;
  padding: 1rem 1rem;
  border-radius: 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #85d6cb, #0cd994, #2c8b7e);
  background-size: 200%;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
#confirmation .confirmation-section-04 a:hover {
  background-position: right;
}
#confirmation .confirmation-section-04 a button {
  color: #fff;
}

#detalhes-produto {
  background: #F4F4F4;
  min-height: calc(100vh - 270px);
}
#detalhes-produto h2 {
  color: #242424;
  font-family: "avenir-roman", sans-serif;
}
#detalhes-produto .wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
#detalhes-produto .wrapper > div {
  background-color: #fff;
  border-radius: 15px;
  height: 380px;
}
#detalhes-produto .wrapper > div.left-column {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#detalhes-produto .wrapper > div.left-column.combo .circulo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #85d6cb, #0cd994);
  position: absolute;
  top: 0;
  right: 0;
}
#detalhes-produto .wrapper > div.left-column.combo .img-wrapper {
  position: absolute;
  transform: translateY(-50%);
}
#detalhes-produto .wrapper > div.left-column.combo .img-wrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-height: 120px;
}
#detalhes-produto .wrapper > div.left-column.combo .img-wrapper.produto-1 {
  width: 45%;
  left: 5%;
  top: 50%;
}
#detalhes-produto .wrapper > div.left-column.combo .img-wrapper.produto-2 {
  top: 60%;
  width: 30%;
  left: 75%;
  transform: translate(-50%, -50%);
}
#detalhes-produto .wrapper > div.left-column img {
  max-width: 260px;
  max-height: 220px;
}
#detalhes-produto .wrapper > div.right-column {
  padding: 3.5rem 5rem;
  color: #2b2b3b;
}
#detalhes-produto .wrapper > div.right-column h3 {
  font-size: 4rem;
  font-family: "avenir-roman", sans-serif;
  margin-bottom: 0.3rem;
}
#detalhes-produto .wrapper > div.right-column h2 {
  font-size: 4.6rem;
  font-family: "avenir-roman", sans-serif;
  margin-bottom: 1.6rem;
}
#detalhes-produto .wrapper > div.right-column h2 span {
  font-size: 3.4rem;
}
#detalhes-produto .wrapper > div.right-column p {
  color: #404040;
}
#detalhes-produto .informacoes-adicionais h2 {
  margin-bottom: 5rem;
  text-align: center;
}

@media (max-width: 1200px) {
  #index .unidades {
    background-size: cover;
    background-position: center center;
  }
  #index .unidades .grid {
    overflow-x: auto;
    padding-bottom: 10px;
  }
  #carrinho .container section {
    grid-template-columns: 1fr;
  }
  #carrinho .container section > div:last-child {
    margin-top: 20px;
  }
  #carrinho .section-01 .carrinho-produtos .grid .linha {
    grid-template-columns: 60% 20% 20%;
  }
}
@media (max-width: 992px) {
  /* portrait && landscape */
  .section-header {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .section-header a {
    align-self: flex-end;
  }
  .section-header h2 {
    font-size: 3.5rem;
  }
  #index .rotate img {
    display: none;
  }
  #index .index-banner .left-column {
    transform: translateY(-50%);
  }
  #index .sobre .container {
    flex-direction: column;
  }
  #index .sobre .container svg {
    display: none;
  }
  #index .sobre .container .cadeado {
    max-height: 250px;
    top: 0;
    transform: translate(-50%, 0);
  }
  #index .sobre .container .left-column {
    padding: 2rem;
  }
  #index .sobre .container .pc {
    width: 350px;
    margin-top: 2rem;
  }
  #app-maxima .left-column {
    max-width: 80%;
  }
  #app-maxima .left-column h1 {
    font-size: 4.5rem;
  }
  #app-maxima .left-column img:first-child {
    padding-bottom: 15px;
  }
  #app-maxima .col-md .card-funcionalidades {
    margin-top: 10%;
    text-align: center;
  }
  #app-maxima .banner-3 img:first-child {
    padding-bottom: 15px;
  }
  #app-maxima .funcionalidades .funcionalidades-title p {
    padding: 0 10%;
  }
  #produto .wrapper {
    grid-template-columns: 1fr;
  }
  #produto .wrapper > div {
    height: 320px;
  }
  #produto .wrapper > div.left-column {
    height: 280px;
    margin-bottom: 2rem;
  }
  #carrinho .container section {
    grid-template-columns: 1fr;
  }
  #carrinho .container section > div:last-child {
    margin-top: 20px;
  }
  #confirmation .dados {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  #app-maxima .funcionalidades .card-funcionalidades {
    margin-top: 15%;
  }
  #carrinho h2 {
    font-size: 2.4rem;
    padding-left: 20px;
  }
  #carrinho .input-line {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }
  #carrinho .input-line label:last-child {
    margin-top: 10px;
  }
  #carrinho .section-01 .carrinho-produtos .grid {
    overflow-x: auto;
  }
  #carrinho .section-01 .carrinho-produtos .grid .linha {
    min-width: 690px;
  }
  #blog .comentarios .comentarios-header {
    flex-direction: column;
    align-items: center;
  }
  .cadastro-colaborador .form-check input {
    font-size: 30px;
    border-color: #4f4f4f;
    width: 30px;
    height: 18px;
    margin-block: 3px;
    margin-inline: -30px;
  }
  .cadastro-colaborador .index-title {
    color: #f77b77;
    padding: 75px 0 75px;
  }
  .cadastro-colaborador form h2 {
    color: #f77b77;
    padding: 15px;
    padding-bottom: 0px;
    padding-top: 70px;
  }
  .cadastro-colaborador form .form-check {
    padding-left: 2.25rem;
  }
  .cadastro-colaborador form .input-cep {
    max-width: 100%;
  }
  .cadastro-cliente .form-check input {
    font-size: 30px;
    border-color: #4f4f4f;
    width: 30px;
    height: 18px;
    margin-block: 3px;
    margin-inline: -30px;
  }
  .cadastro-cliente .index-title {
    color: #f77b77;
    padding: 75px 0 75px;
  }
  .cadastro-cliente form h2 {
    color: #f77b77;
    padding: 15px;
    padding-bottom: 0px;
    padding-top: 70px;
  }
  .cadastro-cliente form .form-check {
    padding-left: 2.25rem;
  }
  .cadastro-cliente form .input-cep {
    max-width: 100%;
  }
}
.img-produto-unico-wrapper {
  position: relative;
}
.img-produto-unico-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.detalhe-produto {
  border-radius: 5px;
  border: 1px solid rgba(88, 88, 88, 0.1254901961);
  padding: 10px;
  transition: all ease-in-out 0.3s;
  margin-bottom: 30px;
}
.detalhe-produto:hover {
  transform: translateY(-5px);
  box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.14);
  cursor: pointer;
}
.detalhe-produto p.detalhes-parcelas {
  margin-left: 20px;
  font-size: 22px;
}
.detalhe-produto .container {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.detalhe-produto .container .detalhes-titulo {
  font-size: 30px;
  margin-left: 8px;
  margin-top: 4px;
  font-family: "Bebas Neue", cursive;
}
.detalhe-produto .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.detalhe-produto .checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 1.3em;
  width: 1.3em;
  background-color: #ccc;
  transition: all 0.3s;
  border-radius: 5px;
}
.detalhe-produto .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.detalhe-produto .container input:checked ~ .checkmark {
  background-color: #47da99;
  animation: pop 0.5s;
  animation-direction: alternate;
}
.detalhe-produto .container input:checked ~ .checkmark:after {
  display: block;
}
.detalhe-produto .container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 10px;
  height: 16px;
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}
@keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@media (max-width: 767.98px) {
  #detalhes-produto .wrapper {
    display: flex;
    flex-direction: column;
  }
}
.noticias .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));
  gap: 2rem;
}
.noticias .grid .img-post {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  height: 300px;
}
.noticias .grid > div {
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.noticias .grid > div figure img {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.noticias .grid > div figure figcaption {
  display: flex;
  flex-direction: column;
  padding: 1.3rem 1.6rem 1.8rem;
}
.noticias .grid > div figure figcaption strong {
  color: #232323;
  font-family: "avenir-black";
  font-weight: normal;
  margin-bottom: 0.3rem;
}
.noticias .grid > div figure figcaption small {
  color: #949494;
  margin-bottom: 0.9rem;
}
.noticias .grid > div figure figcaption p {
  margin-bottom: 0;
  color: #797676;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}

[data-scroll] {
  will-change: transform, scale, opacity;
  opacity: 0;
  transform: translateY(6rem) scale(0.98);
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll=in] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

[data-scroll=out] {
  opacity: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-button-prev {
  color: #F77B77;
}
.swiper .swiper-button-next {
  color: #F77B77;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #85D6CB;
}

.modal {
  background: rgba(112, 112, 112, 0.3215686275);
}
.modal .modal-dialog {
  margin: 0 auto;
}
.modal .modal-dialog .modal-content {
  box-shadow: none;
  border-radius: 1rem;
}
.modal .modal-dialog .modal-content .modal-header {
  position: relative;
  border: none;
  display: flex;
  justify-content: center;
  padding: 4.5rem 2rem 0;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 4rem;
  margin-right: 1.3rem;
}
.modal .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F77B77;
  width: 38px;
  height: 38px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 200ms;
  border-radius: 50%;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-header .close span {
  color: #FFFFFF;
  font-size: 2.2rem;
}
.modal .modal-dialog .modal-content .modal-header .close:hover {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1rem 1rem 4.5rem;
}
.modal .modal-dialog .modal-content .modal-body .text {
  padding: 0 2rem 1rem;
}
.modal .modal-dialog .modal-content .modal-body .loja {
  display: flex;
  justify-content: space-around;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: 0.2rem solid #797676;
}
@media (max-width: 767px) {
  .modal {
    /* portrait && landscape */
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .modal {
    /* tablets && small laptops */
  }
}

.form-group {
  width: 100%;
}
.form-group label {
  color: #797676;
  padding-top: 5px;
}
.form-group textarea {
  resize: none;
  height: 16rem !important;
}
.form-group small {
  color: #797676 !important;
}
.form-group .form-control {
  background-color: #FFFFFF;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  color: #333333;
  border-radius: 0.5rem;
  border: 1px solid #85D6CB;
  font-size: 1.6rem;
  height: 4rem;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 200ms;
}
.form-group .form-control:focus {
  box-shadow: none;
  color: #333333;
}
.form-group .form-control option {
  font-size: 1.6rem;
}
.form-group .form-control.placeholder {
  color: #C4C4C4;
}
.form-group .form-control:-moz-placeholder {
  color: #C4C4C4;
}
.form-group .form-control::-moz-placeholder {
  color: #C4C4C4;
}
.form-group .form-control:-ms-input-placeholder {
  color: #C4C4C4;
}
.form-group .form-control::-webkit-input-placeholder {
  color: #C4C4C4;
}
.form-group .custom-control-label {
  left: 0.5rem;
}
.form-group .custom-control-label::before {
  left: -2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 0.2rem solid #797676;
}
.form-group .custom-control-label::after {
  left: -2rem;
  width: 1.5rem;
  height: 1.5rem;
}
.form-group .custom-link {
  color: #F77B77;
}

.section-title {
  color: #F77B77;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 3rem 0;
}
@media (max-width: 767px) {
  .section-title {
    /* portrait && landscape */
    font-size: 2.6rem;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .section-title {
    /* tablets && small laptops */
  }
}

.newsletter-wrapper {
  text-align: center;
  background: #F4F4F4;
}
.newsletter-wrapper .enteremail {
  font-family: "Open Sans", sans-serif;
  height: 55px;
  word-spacing: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 1px;
  width: 70%;
  outline: none;
  border: solid 1px rgba(255, 255, 255, 0.17);
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
}
.newsletter-wrapper .signup-button {
  width: 20%;
  font-family: "Open Sans", sans-serif;
  height: 55px;
  background-color: #191A1B;
  border: none;
  outline: none;
  position: relative;
  float: none;
  font-size: 14px;
  border-radius: 0px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  border: none;
  cursor: pointer;
  z-index: 100;
  box-sizing: border-box;
  -webkit-appearance: none;
  transition: all 0.3s ease-in-out !important;
}
.newsletter-wrapper label.subscribe-message {
  height: 2.5em;
  padding: 10px 20px;
  color: #85D6CB;
  font-size: 13px;
  float: none;
  top: 0;
  display: block;
}

.section-contato {
  background-image: url("/img/bg/bg-contato-no-max.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 2rem;
}
.section-contato a {
  text-decoration: none;
  color: #333333;
  font-size: 30px;
}
@media (max-width: 768px) {
  .section-contato a {
    font-size: 20px;
  }
}

header .navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  box-shadow: 0 3px 10px rgba(99, 96, 96, 0.12);
  background-color: #181818;
}
header .navbar .navbar-brand {
  padding: 2.2rem 0;
}
header .navbar .navbar-brand img {
  width: 200px;
}
header .navbar .navbar-toggler {
  padding: 1rem;
}
header .navbar .navbar-toggler i {
  font-size: 25px;
  color: #F77B77;
}
header .navbar .navbar-collapse .navbar-nav {
  margin: 0 36px;
}
header .navbar .navbar-collapse .navbar-nav .nav-item {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #C4C4C4;
  font-size: 1.8rem;
}
header .navbar .navbar-collapse .navbar-nav .nav-item a:hover {
  color: #85D6CB;
}
header .navbar .navbar-collapse .nav-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
header .navbar .navbar-collapse .nav-right .dropdown .dropdown-menu {
  margin-top: 1rem;
  min-width: 18rem;
  background-color: #333333;
  border-radius: 14px;
}
header .navbar .navbar-collapse .nav-right .dropdown .dropdown-menu .dropdown-item {
  font-size: 16px;
  padding: 1rem 0;
  padding-left: 2rem;
  cursor: pointer;
}
header .navbar .navbar-collapse .nav-right .dropdown .dropdown-menu .dropdown-item:hover {
  background: none;
}
header .navbar .navbar-collapse .nav-right .dropdown .dropdown-menu .dropdown-divider {
  border-color: #707070;
}
header .navbar .navbar-collapse .nav-right .dropdown a {
  color: #C4C4C4;
  text-decoration: none;
}
header .navbar .navbar-collapse .nav-right .dropdown a:hover {
  color: #85D6CB;
}
header .navbar .navbar-collapse .nav-right .nav-cart a {
  color: #C4C4C4;
  text-decoration: none;
}
header .navbar .navbar-collapse .nav-right .nav-cart a:hover {
  color: #85D6CB;
}
header .navbar .navbar-collapse .nav-right .modal {
  padding: 0;
}
header .navbar .navbar-collapse .nav-right .modal .modal-content {
  border: none;
}
@media (max-width: 992px) {
  header {
    /* portrait && landscape */
  }
  header .navbar .navbar-collapse .navbar-nav {
    margin: 20px 0;
  }
}

footer .layer-01 {
  padding: 30px 0;
  background-color: #333333;
  color: #FFFFFF;
}
footer .layer-01 .container {
  display: flex;
  justify-content: space-between;
}
footer .layer-01 .container > div {
  display: grid;
  grid-template-columns: 190px 190px 190px 190px;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
footer .layer-01 .container > div > div {
  display: flex;
  align-items: center;
}
footer .layer-01 .container > div > div a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
footer .layer-01 .container > div > div a:hover {
  color: #85D6CB;
}
footer .layer-01 .container > div > div a i, footer .layer-01 .container > div > div a svg {
  color: #fff;
  font-size: 2.9rem;
  margin-right: 0.9rem;
}
footer .layer-01 .container > div > div span {
  padding-top: 0.2rem;
}
footer .layer-02 {
  background-color: #242424;
  color: #8A8A8A;
}
footer .layer-02 .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
footer .layer-02 .container a {
  color: inherit;
}
footer .layer-02 .container a:hover {
  color: #fff;
}
footer #whatssap {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  bottom: 15rem;
  z-index: 1040;
  right: 1%;
  color: #85D6CB;
  text-decoration: none;
}
@media screen and (max-width: 450px) {
  footer #whatssap {
    bottom: 11rem;
  }
}
footer #whatssap:hover {
  color: #F77B77;
}
footer #whatssap img {
  max-width: 115px;
  border-radius: 50%;
}
@media screen and (max-width: 450px) {
  footer #whatssap img {
    max-width: 70px;
    margin-left: 18%;
  }
}
@media (max-width: 1200px) {
  footer .layer-01 .container > div {
    margin-top: 20px;
    grid-template-columns: 1fr 1fr;
    gap: 10px 30px;
  }
}
@media (max-width: 992px) {
  footer {
    /* portrait && landscape */
  }
  footer .layer-01 .container {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 768px) {
  footer {
    /* tablets && small laptops */
  }
  footer .layer-01 .container > div {
    grid-template-columns: 1fr;
  }
}

.navbar-toggler {
  outline: none;
  border: none;
  height: 40px;
  padding: 0.25rem 0;
}
.navbar-toggler .menu-bar {
  display: block;
  height: 2px;
  width: 20px;
  margin: 7.5px 0;
  margin-left: auto;
  background: #F77B77;
  cursor: pointer;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1), 200ms 200ms;
}
.navbar-toggler .menu-bar.bar-1 {
  position: relative;
  top: 0;
  right: 0;
  transform: rotate(0deg);
  width: 33px;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1), 200ms 200ms;
}
.navbar-toggler .menu-bar.bar-2 {
  position: relative;
  top: 0;
  right: 0;
  transform: rotate(0deg);
  width: 33px;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1), 200ms 200ms;
}
.navbar-toggler .menu-bar.bar-3 {
  position: relative;
  top: 0;
  right: 0;
  opacity: 1;
  transform: rotate(0deg);
  width: 33px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275), 600;
}
.navbar-toggler.active {
  height: 40px;
}
.navbar-toggler.active .menu-bar.bar-1 {
  top: 1rem;
  right: 0;
  transform: rotate(45deg);
}
.navbar-toggler.active .menu-bar.bar-2 {
  top: 0;
  right: 0;
  transform: rotate(-45deg);
}
.navbar-toggler.active .menu-bar.bar-3 {
  top: 0;
  right: -10rem;
  opacity: 0;
  transform: rotate(0deg);
}

.btn-comprar {
  background: #F57672;
  color: #FFFFFF;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 1rem;
  transition: 0.3s ease-in-out;
  background-size: 200%;
  outline: none;
}
.btn-comprar:hover {
  background: #fc524d;
}

.btn-add-comentarios {
  color: #F77B77;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1rem;
  border: 1px solid black;
  transition: 0.5s ease-in-out;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.btn-add-comentarios:hover {
  color: #85D6CB;
}

.btn-send-comentario {
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1rem;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  transition: 0.5s ease-in-out;
}
.btn-send-comentario:hover {
  color: #85D6CB;
}

.btn-blog {
  position: relative;
  padding: 19px 30px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  border-radius: 40px;
  border: none;
}
.btn-blog span {
  position: relative;
  color: #FFFFFF;
  letter-spacing: 8px;
  z-index: 1;
}
.btn-blog .liquid {
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 200px;
  background: #F77B77;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
}
.btn-blog .liquid::after, .btn-blog .liquid::before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -75%);
  background: #FFFFFF;
}
.btn-blog .liquid::before {
  border-radius: 45%;
  background: rgb(20, 20, 20);
  animation: animate 5s linear infinite;
}
.btn-blog .liquid::after {
  border-radius: 40%;
  background: rgba(20, 20, 20, 0.5);
  animation: animate 10s linear infinite;
}
.btn-blog:hover .liquid {
  top: -120px;
}

.btn-form {
  color: #FFFFFF;
  font-size: 20px;
  height: 48px;
  width: 100%;
  background: linear-gradient(120deg, #85D6CB, #0CD994, #2c8b7e);
  text-align: center;
  background-size: 200%;
  margin-top: 32px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  border: unset;
}
.btn-form:hover {
  background-position: right;
}

.btn-detalhe {
  background-color: #C3C3C3;
  color: #5A5C60;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 1rem;
  transition: 0.3s ease-in-out;
  background-size: 200%;
  outline: none;
}
.btn-detalhe:hover {
  color: #FFFFFF;
  background-color: #afafaf;
}

.card-servico-wrapper {
  cursor: pointer;
}
@media (max-width: 768.98px) {
  .card-servico-wrapper {
    width: 80%;
  }
}
.card-servico-wrapper .servico-header {
  background-color: #CC1233;
  padding: 2rem;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
}
.card-servico-wrapper .servico-header img {
  padding: 1rem;
  border: 2px solid white;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
  transform: scale3d(1, 1, 1) translateZ(0) scale(1, 1);
  width: 60%;
}
.card-servico-wrapper .servico-main {
  color: #FFFFFF;
  background-color: #242424;
  padding: 2rem;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .card-servico-wrapper .servico-main {
    height: 370px;
  }
  .card-servico-wrapper .servico-main img {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .card-servico-wrapper .servico-main {
    height: 300px;
  }
}
@media (max-width: 767.98px) {
  .card-servico-wrapper .servico-main {
    height: auto;
  }
  .card-servico-wrapper .servico-main img {
    display: block;
  }
}
.card-servico-wrapper .servico-main .servico-title {
  font-size: 22px;
  font-family: "Bebas Neue", cursive;
  text-align: center;
  letter-spacing: 1px;
}
.card-servico-wrapper .servico-main .service-subtitle {
  text-align: center;
  font-size: 14px;
}
.card-servico-wrapper:hover .servico-header img {
  transform: scale3d(1.02, 1.02, 1);
}

.card-produto-wrapper {
  cursor: pointer;
  border-radius: 10px;
  background-color: #F1F1F1;
}
.card-produto-wrapper .card-produto-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 280px;
  border-radius: 10px 10px 0 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .card-produto-wrapper .card-produto-header {
    height: 190px;
  }
}
@media (max-width: 767.98px) {
  .card-produto-wrapper .card-produto-header {
    height: 215px;
  }
}
@media (max-width: 575.98px) {
  .card-produto-wrapper .card-produto-header {
    height: 335px;
  }
}
.card-produto-wrapper .card-produto-header .card-produto-selo {
  position: absolute;
  right: 30px;
  width: 65px;
  top: -7px;
}
@media (max-width: 991.98px) {
  .card-produto-wrapper .card-produto-header .card-produto-selo {
    right: 17px;
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .card-produto-wrapper .card-produto-header .card-produto-selo {
    right: 12px;
    width: 41px;
  }
}
@media (max-width: 575.98px) {
  .card-produto-wrapper .card-produto-header .card-produto-selo {
    right: 25px;
    width: 80px;
  }
}
.card-produto-wrapper .card-produto-body {
  transform: scale(1);
  transition: all 0.4s;
  padding: 1rem;
}
.card-produto-wrapper .card-produto-body .produto-header {
  padding: 1rem 0;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
.card-produto-wrapper .card-produto-body .produto-header p {
  font-size: 22px;
  font-family: "Bebas Neue", cursive;
}
@media (max-width: 767.98px) {
  .card-produto-wrapper .card-produto-body .produto-header p {
    font-size: 16px;
  }
}
.card-produto-wrapper .card-produto-body .produto-body {
  padding: 1rem;
}
.card-produto-wrapper .card-produto-body .produto-body input[type=radio] {
  display: none;
}
.card-produto-wrapper .card-produto-body .produto-body input[type=radio]:not(:disabled) ~ label {
  cursor: pointer;
}
.card-produto-wrapper .card-produto-body .produto-body input[type=radio]:disabled ~ label {
  box-shadow: none;
  cursor: not-allowed;
  color: hsl(150, 5%, 75%);
  border-color: hsl(150, 5%, 75%);
}
.card-produto-wrapper .card-produto-body .produto-body label {
  height: 100%;
  padding: 8px;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 20px;
  background: #3d3f43;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  margin: 2rem 0 1rem 0;
}
.card-produto-wrapper .card-produto-body .produto-body label .produto-value {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .card-produto-wrapper .card-produto-body .produto-body label .produto-value {
    font-size: 20px;
  }
}
.card-produto-wrapper .card-produto-body .produto-body label .produto-parcelas .produto-parcelas-qtd {
  font-weight: bold;
}
.card-produto-wrapper .card-produto-body .produto-body label .produto-parcelas .produto-parcelas-valor {
  font-size: 18px;
  font-weight: 700;
}
.card-produto-wrapper .card-produto-body .produto-body label.compra {
  background-color: #dbdbdb;
}
.card-produto-wrapper .card-produto-body .produto-body label.compra:hover {
  transition: all 0.4s;
  transform: scale(1.05);
}
.card-produto-wrapper .card-produto-body .produto-body label.locacao {
  background-color: #dbdbdb;
}
.card-produto-wrapper .card-produto-body .produto-body label.locacao:hover {
  transition: all 0.4s;
  transform: scale(1.05);
}
.card-produto-wrapper .card-produto-body .produto-body input[type=radio]:checked + label {
  color: hsl(215, 0%, 100%);
  background-color: #3d3f43;
}
.card-produto-wrapper .card-produto-body .produto-body input[type=radio]:checked + label::after {
  top: -8px;
  left: 8px;
  height: 24px;
  width: 24px;
  font-size: 20px;
  color: #3d3f43;
  content: "\f00c";
  line-height: 22px;
  background-color: white;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  font-family: FontAwesome;
  transform: translateX(-50%);
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
  border: 2px solid #3d3f43;
}
.card-produto-wrapper .card-produto-body .produto-body h2 {
  font-size: 26px;
}
.card-produto-wrapper .card-produto-body .produto-body h2 .titulo-instalacao {
  font-size: 14px;
  font-weight: lighter;
  font-family: "avenir-roman", sans-serif;
}
.card-produto-wrapper .card-produto-body .produto-body span {
  font-size: 14px;
  font-weight: lighter;
}
.card-produto-wrapper .card-produto-footer {
  display: flex;
  justify-content: center;
  padding: 1rem;
  gap: 10px;
}
.card-produto-wrapper .card-produto-footer a {
  width: 100%;
  text-decoration: none;
}

.card-instagram-wrapper {
  height: 300px;
}
.card-instagram-wrapper img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 10px;
}

.card-blog-post {
  margin-bottom: 2rem;
}
.card-blog-post a {
  color: #333333;
  text-decoration: none;
}
.card-blog-post .data {
  color: #797676;
  font-size: 12px;
}
.card-blog-post .autor::before {
  content: "—";
  margin-right: 5px;
}
.card-blog-post .img-height {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.card-blog-post .blog-post-content {
  padding: 0 1rem 1rem;
}
.card-blog-post .blog-post-content .blog-post-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-blog-post .blog-post-content .blog-post-description {
  transition: 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.card-blog-post .blog-post-content .blog-post-description iframe {
  width: 100%;
}
.card-blog-post:hover .blog-post-content .blog-post-description {
  color: #797676;
}

.card-comentario {
  padding: 2rem;
  border-radius: 2px;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: #fafafa;
  margin-bottom: 1rem;
}
.card-comentario .nome {
  font-weight: 600;
}
.card-comentario .tempo {
  color: #797676;
  font-size: 14px;
}
.card-comentario .titulo {
  font-weight: 600;
  font-size: 20px;
}

/*# sourceMappingURL=site.css.map*/