.layout-guide-nav{background-color:#f5f5f5;padding:2rem 0}.layout-guide-nav .nav-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}@media(max-width: 960px){.layout-guide-nav .nav-list{grid-template-columns:1fr}}.layout-guide-content{padding:0 0 4rem}.layout-guide-content-header{background-color:#f5f5f5;padding:2rem 0;margin-bottom:2rem}.layout-guide-content-title{color:#ac0a28;font-size:4rem}@media(max-width: 960px){.layout-guide-content-title{font-size:3rem}}
.section.header{position:relative;z-index:3;background-color:#ac0a28;color:#fff;padding:2.7rem 0}@media(max-width: 960px){.section.header{padding:calc(1.6rem + var(--safe-area-insets-top, env(safe-area-inset-top, 1rem))) 0 1.8rem}}.section.header .header-wrap{display:flex;align-items:center}.section.header .header-logo{width:4.5rem;height:6.3rem;margin-right:5.5rem}@media(max-width: 960px){.section.header .header-logo{width:3.3rem;height:4.6rem;margin-right:3rem}}.section.header .logo-image{width:100%;height:100%}.section.header .header-locationselector{background-color:#ac0a28;color:#fff;position:relative;width:19.4rem}@media(max-width: 960px){.section.header .header-locationselector{width:auto;flex:1 0 0}}.section.header .header-locationselector.active .locationselector-list{display:block}.section.header .header-locationselector.active .locationselector-btn{border-bottom-color:rgba(0,0,0,0)}.section.header .header-locationselector .locationselector-btn{font-weight:700;font-size:1.6rem;display:flex;align-items:center;height:4rem;padding:0 1.6rem;width:100%;border:.1rem solid #fff;border-radius:.4rem;background-color:#ac0a28}@media(max-width: 960px){.section.header .header-locationselector .locationselector-btn{padding:0 1rem}}.section.header .header-locationselector .btn-pinicon{font-size:1.5rem;margin-right:.9rem}.section.header .header-locationselector .btn-branchname{flex:1 0 0}.section.header .header-locationselector .btn-switchicon{font-size:1rem;margin-right:.4rem}.section.header .header-locationselector .btn-switchtext{font-size:1.4rem}.section.header .header-nav{font-weight:700;margin-left:auto;display:flex;align-items:center;font-size:1.4rem}.section.header .header-nav>.nav-link{display:flex;align-items:center}.section.header .header-nav>.nav-link+.nav-link{margin-left:3.1rem}.section.header .header-nav>.nav-link .link-icon{font-size:1.3rem;margin-right:.5rem}.section.header .header-notificationbtn{font-size:2rem;color:#fff;margin-left:1.8rem;position:relative}.section.header .header-notificationbtn.highlight .notificationbtn-count{opacity:1}.section.header .notificationbtn-count{font-weight:700;pointer-events:none;position:absolute;bottom:70%;left:60%;background-color:#fff;color:#ac0a28;opacity:0;font-size:1rem;box-shadow:0rem .6rem 2.4rem 0rem rgba(0, 0, 0, 0.1);border-radius:50%;width:1.4rem;height:1.4rem;text-align:center;line-height:1.2rem;border:.1rem solid #ac0a28}.section.header .header-searchbtn{font-size:2rem;color:#fff;margin-left:1.8rem}.section.header .header-menubtn{font-size:2rem;color:#fff;margin-left:2.2rem}
.img{transition:opacity 120ms ease;object-fit:contain;object-position:center}.img.loading{opacity:0}.img.cover{object-fit:cover}
.section.footer{color:#fff;position:relative;z-index:1;overflow:hidden}.section.footer.plain .footer-bottom{background-color:#ac0a28}@media(max-width: 960px){.section.footer:not(.plain){padding-bottom:calc(7.7rem + var(--safe-area-insets-bottom, env(safe-area-inset-bottom, 0)))}}.section.footer .footer-top{background-color:#ac0a28;position:relative;z-index:1}@media(max-width: 960px){.section.footer .footer-top{overflow:hidden}}.section.footer .top-bg{position:absolute;left:0;top:0;height:100%;pointer-events:none}.section.footer .top-bg:not(.loading){opacity:.4}.section.footer .top-wrap{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;z-index:2;padding:7.7rem 0 5rem}@media(max-width: 960px){.section.footer .top-wrap{display:block;padding:7.7rem 0 11rem}}@media(max-width: 960px){.section.footer .top-section+.top-section{margin-top:4rem}}@media(min-width: 960px){.section.footer .top-section+.top-section{margin-left:6.2rem}}.section.footer .section-title{font-weight:700;display:block;font-size:2.4rem}.section.footer .section-text{font-size:1.6rem;line-height:1.8rem;color:hsla(0,0%,100%,.7);margin-top:1.9rem}.section.footer .top-image{position:absolute;bottom:-8rem;right:0;width:41.4rem;height:39.8rem;z-index:1}@media(max-width: 960px){.section.footer .top-image{width:24.1rem;height:26.8rem;right:-4.8rem}}.section.footer .footer-bottom{font-weight:500;background-color:#ff0028;font-size:1.6rem;position:relative;z-index:2}@media(max-width: 960px){.section.footer .footer-bottom{padding:2.3rem 0 3.3rem;text-align:center;font-size:1.4rem}}@media(min-width: 960px){.section.footer .footer-bottom .bottom-wrap{height:8rem;display:flex;align-items:center;justify-content:space-between}}.section.footer .footer-social{display:flex;justify-content:flex-start;margin-top:4.5rem}.section.footer .footer-social a{font-size:2.5rem}.section.footer .footer-social a+a{margin-left:3rem}.section.footer .footer-whatsapplink{font-weight:500;display:inline-flex;align-items:center;justify-content:flex-start;font-size:1.6rem;margin-top:4.5rem}.section.footer .footer-whatsapplink .icon{font-size:2.5rem;margin-right:1rem}.section.footer .footer-nav{display:flex;align-items:center;justify-content:flex-start}@media(max-width: 960px){.section.footer .footer-nav{margin-bottom:2rem;font-size:1.6rem;flex-wrap:wrap;justify-content:center;margin-right:-1rem;width:calc(100% + 2.5rem)}}@media(min-width: 960px){.section.footer .nav-item+.nav-item:before{content:"|";margin:0 .5rem}}@media(min-width: 960px)and (max-width: 960px){.section.footer .nav-item+.nav-item:before{margin:0 1rem}}@media(max-width: 960px){.section.footer .nav-item{margin-right:2.5rem;margin-bottom:1rem}}
.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease;border:.1rem solid;font-weight:700;font-size:1.4rem;height:4rem;min-width:4rem;line-height:1;padding:0 2rem;border-radius:.4rem;box-shadow:0rem .2rem 0.6rem 0rem rgba(0, 0, 0, 0.05);background-color:hsl(0,0%,98.7254901961%);border-color:hsl(0,0%,98.7254901961%);color:#313131}.btn.show-status .btn-content{opacity:0;transform:scale(0.9)}.btn.show-status .btn-statuswrap{opacity:1;transform:scale(1)}.btn .btn-content{display:flex;flex-flow:row wrap;align-items:center;transition:opacity 200ms ease,transform 200ms ease}.btn .btn-statuswrap{opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;transition:opacity 50ms ease,transform 50ms ease;transform:scale(1);transform:translate3d(0, 0, 0)}.btn .btn-statuswrap .btn-status{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}.btn .btn-statuswrap .btn-status.loading{animation:spin 3s infinite linear}@media(max-width: 960px){.btn{padding:0 1.5rem}}@media(min-width: 960px){.btn:not(.no-hover):not(:disabled):not(.nude):hover{background-color:rgb(244.1,244.1,244.1);color:#313131}}.btn:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(244.1,244.1,244.1);color:#313131}.btn.outline{background-color:rgba(0,0,0,0);color:#313131;border-color:hsl(0,0%,98.7254901961%)}@media(min-width: 960px){.btn.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:hsl(0,0%,98.7254901961%);color:#313131;background-color:hsl(0,0%,98.7254901961%)}}.btn.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:#fff;border-color:#fff;color:#313131}.btn.nude{background-color:rgba(0,0,0,0);border:none;color:#313131;padding:0}.btn:disabled{opacity:.6;cursor:inherit}.btn.icon-only{padding-left:0;padding-right:0}.btn.rounded{border-radius:2rem}.btn.big{height:5rem;min-width:5rem}.btn.medium{height:4rem;min-width:4rem}.btn.small{height:3rem;min-width:3rem}.btn.text-big{font-size:1.6rem}.btn.text-small{font-size:1.2rem}.btn.block{display:flex;width:100%}.btn.nude{padding:0;border:none;background-color:rgba(0,0,0,0);box-shadow:none;height:auto}.btn.primary{background-color:#ac0a28;border-color:#ac0a28;color:#fff}@media(min-width: 960px){.btn.primary:not(.no-hover):not(:disabled):not(.nude):hover{background-color:rgb(157.5406593407,9.1593406593,36.6373626374);color:#fff}}.btn.primary:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(157.5406593407,9.1593406593,36.6373626374);color:#fff}.btn.primary.outline{background-color:rgba(0,0,0,0);color:#ac0a28;border-color:#ac0a28}@media(min-width: 960px){.btn.primary.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:#ac0a28;color:#fff;background-color:#ac0a28}}.btn.primary.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(186.4593406593,10.8406593407,43.3626373626);border-color:rgb(186.4593406593,10.8406593407,43.3626373626);color:#fff}.btn.primary.nude{background-color:rgba(0,0,0,0);border:none;color:#ac0a28;padding:0}.btn.red{background-color:#9a0113;border-color:#9a0113;color:#fff}@media(min-width: 960px){.btn.red:not(.no-hover):not(:disabled):not(.nude):hover{background-color:rgb(138.7987096774,.9012903226,17.124516129);color:#fff}}.btn.red:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(138.7987096774,.9012903226,17.124516129);color:#fff}.btn.red.outline{background-color:rgba(0,0,0,0);color:#9a0113;border-color:#9a0113}@media(min-width: 960px){.btn.red.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:#9a0113;color:#fff;background-color:#9a0113}}.btn.red.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(169.2012903226,1.0987096774,20.875483871);border-color:rgb(169.2012903226,1.0987096774,20.875483871);color:#fff}.btn.red.nude{background-color:rgba(0,0,0,0);border:none;color:#9a0113;padding:0}.btn.white{background-color:#fff;border-color:#fff;color:#313131}@media(min-width: 960px){.btn.white:not(.no-hover):not(:disabled):not(.nude):hover{background-color:hsl(0,0%,97%);color:#313131}}.btn.white:not(.no-hover):not(:disabled):not(.nude):active{background-color:hsl(0,0%,97%);color:#313131}.btn.white.outline{background-color:rgba(0,0,0,0);color:#fff;border-color:#fff}@media(min-width: 960px){.btn.white.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:#fff;color:#313131;background-color:#fff}}.btn.white.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:#fff;border-color:#fff;color:#313131}.btn.white.nude{background-color:rgba(0,0,0,0);border:none;color:#fff;padding:0}.btn.primary-text-contrast{background-color:#fff;border-color:#fff;color:#ac0a28}@media(min-width: 960px){.btn.primary-text-contrast:not(.no-hover):not(:disabled):not(.nude):hover{background-color:hsl(0,0%,97%);color:#ac0a28}}.btn.primary-text-contrast:not(.no-hover):not(:disabled):not(.nude):active{background-color:hsl(0,0%,97%);color:#ac0a28}.btn.primary-text-contrast.outline{background-color:rgba(0,0,0,0);color:#fff;border-color:#fff}@media(min-width: 960px){.btn.primary-text-contrast.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:#fff;color:#ac0a28;background-color:#fff}}.btn.primary-text-contrast.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:#fff;border-color:#fff;color:#ac0a28}.btn.primary-text-contrast.nude{background-color:rgba(0,0,0,0);border:none;color:#fff;padding:0}.btn.text{background-color:#313131;border-color:#313131;color:#fff}@media(min-width: 960px){.btn.text:not(.no-hover):not(:disabled):not(.nude):hover{background-color:rgb(41.35,41.35,41.35);color:#fff}}.btn.text:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(41.35,41.35,41.35);color:#fff}.btn.text.outline{background-color:rgba(0,0,0,0);color:#313131;border-color:#313131}@media(min-width: 960px){.btn.text.outline:not(.no-hover):not(:disabled):not(.nude):hover{border-color:#313131;color:#fff;background-color:#313131}}.btn.text.outline:not(.no-hover):not(:disabled):not(.nude):active{background-color:rgb(56.65,56.65,56.65);border-color:rgb(56.65,56.65,56.65);color:#fff}.btn.text.nude{background-color:rgba(0,0,0,0);border:none;color:#313131;padding:0}.btn.uppercase{text-transform:uppercase}.btn .btn-icon.pre{margin-right:1rem}.btn .btn-icon.post{margin-left:1rem}

/*# sourceMappingURL=2598.01461611bf14479620cb.css.map*/