header {position:relative;padding:0 calc(50% - 585px);height:75px;display:flex;justify-content:space-between;align-items:center;}
.slogan {position:absolute;left:5vw;display:flex;justify-content:center;align-items:center;}
.logo {position:absolute;z-index:24;left:calc(50% - 75px);top:0;}
.logo img {height:150px;}
.socials {position:absolute;right:5vw;display:flex;}
.socials a {background:var(--navy);width:40px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;margin-right:.5em;}
.socials a:hover {background:var(--turqoise);}
#whatsapp {width:unset;color:#fff;padding:0 .5em;}
#whatsapp img {margin:0 .5em;}
/**/
nav {padding:0 calc(50% - 585px);height:40px;background:rgba(255,255,255,0.75);display:flex;justify-content:space-evenly;align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
nav a {color:var(--navy);}
nav a:hover {color:var(--turqoise);}
/**/
.banner {width:1170px;height:400px;margin:1em auto;}
.banner img {width:100%;height:100%;object-fit:cover;object-position:bottom;}
/****/
.line {width:100vw;height:1px;background:#ccc;margin:1em 0;}
.first-section {width:1170px;margin:auto;padding:1em 0;display:flex;justify-content:space-evenly;align-items:center;background:rgba(255,255,255,0.75);}
.main-about {width:40%;}
/**/
.main-services {width:50%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em;justify-items:center;grid-auto-rows:minmax(200px,auto);}
.main-services a {width:100%;position:relative;color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;}
.main-services a:after {content:'';position:absolute;top:5px;left:5px;bottom:5px;right:5px;border:1px solid #fff;border-radius:5px;transition:.4s;}
.main-services a:nth-child(even) {justify-self:start;}
.main-services a:nth-child(odd) {justify-self:end;}
.main-services a:hover {border-radius:0;}
.main-services a:nth-child(1) {background:var(--turqoise);}
.main-services a:nth-child(2) {background:var(--green);}
.main-services a:nth-child(3) {background:var(--blue);}
.main-services a:nth-child(4) {background:var(--purple);}
.main-services img {}
.main-services h4 {}
.main-services article {padding:1em;}
/**/
.main-highlights {display:none;}
.main-highlights + .line {display:none;}
/**/
.main-contact {width:1170px;margin:auto;background:rgba(255,255,255,0.75);padding:1em;display:flex;justify-content:space-between;align-items:center;}
.main-contact section {width:50%;}
.main-contact iframe {width:100%;height:250px;}
.main-contact article {text-align:center;}
.main-contact a {height:40px;padding:1em;display:inline-flex;align-items:center;background:var(--green);color:#fff;border-radius:5px;margin:.5em 0;}
.main-contact span {white-space:nowrap;padding-left:1em;}
.main-contact mark {display:inline-block;padding:.5em;background:none;}
/**/
.main-gallery {width:1170px;margin:auto;background:rgba(255,255,255,0.75);padding:1em 0;}
.main-gallery h3 {text-align:center;margin-bottom:.5em;}
.main-gallery figure {display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.5em;padding:0 1em;}
.main-gallery img {width:100%;height:150px;object-fit:cover;}
/*--*/
.store {width:1170px;margin:1em auto 0 auto;background:rgba(255,255,255,0.75);padding:3em;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1em;}
.store section {background:#fff;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;padding:2em 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;}
.store img {width:200px;margin-bottom:2em;}
.store strong {}
.store span {padding:1em 0;}
.store button {}
/**/
.ownership {}
.filter-list {margin:3em auto 0 auto;padding:1em 0;background:rgba(255,255,255,0.75);display:flex;justify-content:center;align-items:center;}
.filter-list span {position:relative;width:150px;height:150px;background:var(--turqoise);border:1px solid var(--turqoise);border-radius: 5px;margin:0 .5em;transition:.8s;cursor:pointer;overflow:hidden;text-align:center;}
.filter-list span:hover {background:var(--purple);border:1px solid var(--purple);}
.filter-list span:after {position:absolute;content:'';width:210px;height:1px;background:#fff;left:-100%;right:0;transform:rotate(45deg);transform-origin:left;transition:1s;box-shadow:1px 1px 10px #fff;}
.filter-list span:hover:after {left:100%;}
.filter-list span > img {cursor:pointer;}
.filter-list span:hover > img {filter:blur(0);}
.card-list {width:1170px;margin:0 auto;padding:1em 2em;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1em;background:rgba(255,255,255,0.75);}
.card {text-align:center;color:var(--darkblue);overflow:hidden;border:1px solid #ddd;border-radius:5px;padding:1em;transition:.4s;}
.card > img {width:100%;height:300px;object-fit:cover;}
.card > h4 {}
.card > small {display:block;margin:.5em 0;font-size:1em;}
.card > span {display:inline-block;background:var(--green);border-left:1px solid var(--green);border-top:1px solid var(--green);border-right:1px solid var(--green);color:#fff;padding:.5em 1em;transition:.4s;cursor:pointer;}
.card > span:hover {background:#fff;color:var(--green);}
.card > span:active {background:#fff;color:var(--green);}
.card section {position:relative;background:var(--green);color:#fff;border-radius:2px;display:flex;justify-content:center;align-items:center;margin-top:1em;padding:.5em 0;transition:.4s;cursor:pointer;}
.card section img {width:32px;}
.card section span {}
.card section:hover {border-radius:23px;}
.card section::before {content:'';position:absolute;z-index:500;left:0;top:23px;width:0;height:1px;background:var(--softgray);transition:.4s;}
.card section::after {content:'';position:absolute;z-index:500;right:0;top:23px;width:0;height:1px;background:var(--softgray);transition:.4s;}
.card section:hover::before {width:20px;}
.card section:hover::after {width:20px;}
.card:hover {background:#eaeaea;}
#card-1 {background:var(--turqoise);}
#card-2 {background:var(--purple);}
/**/
.content {}
.content section {width:1170px;margin:1em auto 0 auto;background:rgba(255,255,255,0.75);padding:3em;display:flex;justify-content:space-evenly;align-items:center;}
.content article {width:40%;}
.content article strong {}
.content article p {padding:.5em 0;}
.content article small {display:block;}
.content figure {width:40%;display:flex;justify-content:center;align-items:center;}
.content figure img {}
.doc-list {display:flex;justify-content:center;}
.doc-list a {color:var(--navy);border:1px solid var(--navy);padding:1em;margin:1em .5em;}
.doc-list a:hover {background:var(--navy);color:var(--softgray);}
.support-txt {width:1170px;margin:1em auto 0 auto;background:rgba(255,255,255,0.75);padding:3em;text-align:center;}
.support-txt p {padding:.25em 0;}
.support-txt h3 {margin-top:1em;}
/**/
.contact {width:1170px;min-height:calc((100vh - 329px) - 4em);margin:2em auto;display:flex;align-items:center;justify-content:center;}
.contact article {display:flex;flex-direction:column;align-items:flex-start;padding:2em;color:var(--darkblue);}
.contact h2 {}
.contact h3 {}
.contact p {font-size:1.125em;}
.contact a {height:40px;padding:1em;display:flex;align-items:center;background:var(--green);color:#fff;border-radius:5px;margin:.5em 0;}
.contact img {}
.contact span {white-space:nowrap;padding-left:1em;}
.contact section {}
.contact iframe {width:600px;height:450px;}
/****/
.wrapper {padding-bottom:5em;}
.support-us {width:1170px;margin:auto;padding:1em 0;background:rgba(255,255,255,0.75);text-align:center;display:flex;justify-content:center;}
.support-us span {flex:1;margin:0 1em;}
.support-us a {color:#000;border:1px solid var(--navy);border-radius:.5em;padding:0 .5em;position:relative;width:64px;height:64px;margin:auto;}
.support-us img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.4s;cursor:pointer;}
#moneyboxe {opacity:1;}
#moneyboxf {opacity:0;}
.support-us a:hover > #moneyboxe {opacity:0;}
.support-us a:hover > #moneyboxf {opacity:1;}
.contact-form {flex:1;}
.contact-form h3 {margin-bottom:1em;}
.contact-form form {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.contact-form form > * {flex:1;margin-bottom:.5em;width:200px;}
.contact-form input {padding:.5em;}
.contact-form input[type='button'] {background:var(--navy);color:#fff;padding:.5em;border:none;cursor:pointer;transition:.4s;}
.contact-form input[type='button']:hover {background:var(--softgreen);}
/**/
footer {position:relative;background:var(--navy);color:#fff;}
footer section {position:relative;width:1170px;margin:auto;padding:2em 0;display:flex;justify-content:space-between;}
footer section:last-child {align-items:flex-end;}
.footer-logo {}
.footer-mask {position:absolute;right:calc(50% - 585px);top:-87px;}
.ssl {height:48px;}
.copyright {display:flex;flex-wrap:wrap;font-size:90%;}
.copyright a {color:#fff;margin-right:.5em;padding-right:.5em;border-right:1px solid #fff;}
.copyright a:hover {color:var(--turqoise);}
.copyright a:nth-child(7) {border-right:none;}
.copyright span {display:block;width:100%;margin-top:1em;}
.signature {font-size:90%;}
.signature a {display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:.75;transition:.4s;}
.signature a:hover {opacity:1;}
.signature span {white-space:nowrap;}