@font-face {font-family:"KoHo-Regular"; src: url("KoHo-Regular.woff") format('woff');}
@font-face {font-family:"KoHo-Bold"; src: url("KoHo-Bold.woff") format('woff');}
@font-face {font-family:"KoHo-ExtraLight"; src: url("KoHo-ExtraLight.woff") format('woff');}


.container {position:relative; width:94%; max-width:1480px; margin:0 auto; padding:0 20px; box-sizing:border-box; }
.contain {position:relative; width:88%; margin:0 auto; padding:0 20px; box-sizing:border-box; background-color:#fff; border-radius:30px; -webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.15)}
.column,.columns {width:100%; float:left; box-sizing:border-box; }
.pad{padding:60px 0}.padd{padding:120px 0}
.pad3{padding:30px 0}.pad4{padding:40px 0}.pad5{padding:50px 0}.pad6{padding:60px 0}.pad7{padding:70px 0}.pad8{padding:80px 0}
.br{color:#fff}
.bk{color:#000}
.cz{color:#808080}
.ama{color:#fca308}
.rx{color:#9d7bc2}
.rx2{color:#573196}
.red{color:#cf0027}
.blu{color:#5b73b3}
.blu2{color:#264799}
.bgbk{background-color:#000}
.bgg{background-color:#dee1e4}
.bggg{background-color:#b5b5b5}
.bgbr{background-color:#fff}
.bgrx{background-color:#9d7bc2}
.bgrx2{background-color:#573196}
.bgblu{background-color:#5b73b3}
.bgblu2{background-color:#264799}
.bgaz{background-color:#403eb7}
.bgred{background-color:#cf0027}
.bgczaz{background-color:#f0e8f4}
.shapeverde{background-color:#35d692;padding:10px 15px}
.bgcor{ background:rgb(50,37,97); background:linear-gradient(111deg, rgba(50,37,97,1) 0%, rgba(201,25,167,1) 37%, rgba(82,42,163,1) 65%, rgba(50,37,97,1) 100%); }

.tsom{text-shadow: 1px 1px 14px rgba(3,7,9, 0.5)}
.som{-webkit-box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.35);box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.35)}
.shadow {box-shadow:0px 15px 40px -35px #111; }
.circle{border-radius:50%;}
.ico{border-radius:0; background-color:none; padding:30px; max-width:72px; height:auto; -webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.35);box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.35)}
.round{-webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px}
.quad{background:#fff; padding:20px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; }


.tracking-in-expand{-webkit-animation:tracking-in-expand .9s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .9s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

.kenburns-left{-webkit-animation:kenburns-left 5s ease-out both;animation:kenburns-left 5s ease-out both}
@-webkit-keyframes kenburns-left{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:16% 50%;transform-origin:16% 50%}100%{-webkit-transform:scale(1.25) translate(-20px,15px);transform:scale(1.25) translate(-20px,15px);-webkit-transform-origin:left;transform-origin:left}}@keyframes kenburns-left{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:16% 50%;transform-origin:16% 50%}100%{-webkit-transform:scale(1.25) translate(-20px,15px);transform:scale(1.25) translate(-20px,15px);-webkit-transform-origin:left;transform-origin:left}}


.pulse {animation:pulse 1.0s infinite; margin:0 auto; display:table; margin-top:50px; animation-direction: alternate;
  -webkit-animation-name: pulse; animation-name:pulse;}
@-webkit-keyframes pulse { 0% {-webkit-transform: scale(1); -webkit-filter: brightness(100%); }
  100% {-webkit-transform: scale(1.3); -webkit-filter: brightness(200%);}}
@keyframes pulse { 0% {transform: scale(1);filter: brightness(100%); }
  100% {transform: scale(1.3);filter: brightness(200%); }}


.zoom{transition: transform 0.27s;}
.zoom:hover{transform: scale(1.08)}
.zooms{transition: transform 0.3s;}
.zooms:hover{transform: scale(1.04); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);}




.modal-window {position:fixed; background-color: rgba(255, 255, 255, 0.8); top:0; right:0; bottom:0; left:0; z-index:999999; visibility: hidden; opacity: 0; pointer-events:none; -webkit-transition: all 0.3s; transition: all 0.2s}
.modal-window:target { visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div {max-width:300px; width:100%; padding:30px; position:absolute; top:40%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; background:#ffffff; -webkit-box-shadow: 0px 0px 90px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26); box-shadow: 0px 0px 90px 0px rgba(0,0,0,0.26); border-radius:6px}
.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:0; width:auto; text-decoration:none}
.modal-close:hover {color: black;}
.modal-window div:not(:last-of-type) { margin-bottom: 15px;}



@media (min-width: 300px) {
    .container {width:100%; padding:0 20px}
    .contain {width:92%}
    .one-half {width:50%; float:left; box-sizing:border-box; }
}

@media (min-width: 600px) {
    .two.columns { width:33%; min-height:200px}
}

@media (max-width: 600px) {
    .row {padding-left:15px; padding-right:15px}
}

@media (min-width:1000px) {
.container {width:90%}
.contain {width:87%}
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 9%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half                { width: 50%; float: left; box-sizing: border-box; padding:0 80px}

  .offset-by-one.column,  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,  .offset-by-three.columns      { margin-left: 26%;            }
  .offset-by-four.column,  .offset-by-four.columns        { margin-left: 34.6666666667%; }
  .offset-by-five.column,  .offset-by-five.columns        { margin-left: 43.3333333333%; }
  .offset-by-six.column,  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,  .offset-by-seven.columns      { margin-left: 60.6666666667%; }
  .offset-by-eight.column,  .offset-by-eight.columns      { margin-left: 69.3333333333%; }
  .offset-by-nine.column,  .offset-by-nine.columns        { margin-left: 78.0%;          }
  .offset-by-ten.column,  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,  .offset-by-eleven.columns    { margin-left: 95.3333333333%; }
  .offset-by-one-third.column,  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,  .offset-by-two-thirds.columns  { margin-left: 69.3333333333%; }
  .offset-by-one-half.column,  .offset-by-one-half.columns     { margin-left: 52%; }
}



html {font-size:62.5%; scroll-behavior:smooth; overflow-x:hidden;}
body {font-size:1.62em; line-height:1.8; font-family:"Montserrat", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; color:#222; letter-spacing:0.04em; overflow-x:hidden; width:100%; height:100%; padding:0; margin:0; background-color:#000; overflow-x:hidden; -webkit-font-smoothing:antialiased;}


h1, h2, h3, h4, h5, h6 {margin:0 0 1rem 0; color:#fff; font-family:"KoHo-ExtraLight", sans-serif; letter-spacing:.12em;}
h1 {font-size:4.0rem; line-height:1.2; font-family:"KoHo-ExtraLight", sans-serif; letter-spacing:.172em;}
h2 {font-size:3.0rem; line-height:1.2; }
h3 {font-size:2.8rem; line-height:1.2; letter-spacing:0}
h4 {font-size:2.2rem; line-height:1.3; letter-spacing:0}
h5 {font-size:1.8rem; line-height:1.5; letter-spacing:0}
h6 {font-size:1.3rem; line-height:1.6; letter-spacing:0}

@media (min-width: 750px) {
  h1 { font-size: 6.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.5rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 2.1rem; }
  h6 {font-size: 1.6rem; }
}



.response h5{font-size:14px; margin:2rem 0 3rem 0}
.response a {color:#fff}
#gestao h3, #wealth h3 {font-size:1.64rem}
#wealth li, #gestao li {margin:30px 0}
.plugin-pages h2, .plugin-tags h2{font-size:38px}

p {margin-top: 0;}
.tcenter {text-align:center}
.tjust {text-align:justify}
.tright {text-align:right}
.b{font-weight:bolder}
.leve{font-weight:lighter}
.leve1{font-weight:300}
.normal{font-weight:400}
.cap{text-transform:uppercase}
.esp{letter-spacing:.7rem;}


a {color:#222; text-decoration:none; -o-transition:color .2s ease-out, background 1s ease-in; -ms-transition:color .2s ease-out, background 1s ease-in; -moz-transition:color .2s ease-out, background 1s ease-in; -webkit-transition:color .2s ease-out, background 1s ease-in;}
a:hover {color:#74b92a; text-decoration:none}


.button-a,button.button-a,input[type="submit"].button-a,input[type="reset"].button-a,input[type="button"].button-a {color:#FFF; background-color:#63B4D1; font-weight:bolder;font-size:22px; padding:8 24px; width:auto; max-width:70%; height:55px; line-height:55px; border-radius:30px; border:none; cursor:pointer; }
.button.button-a:hover,button.button-a:hover,input[type="submit"].button-a:hover,input[type= "reset"].button-a:hover,input[type="button"].button-a:hover,.button.button-a:focus,button.button-a:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-a:focus,input[type="button"].button-a:focus {background-color:#ffc000; }


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {height:auto; padding:15px 14px; /* The 6px vertically centers text on FF, ignored by Webkit */ border:0; border-radius:2px; box-shadow:none; box-sizing:border-box; color:#000; font-size:15px}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none}
textarea {min-height:120px; padding:9px 14px}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border: 1px solid rgba(81, 203, 238, 1); outline:0;box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
label,legend { display: block; margin-bottom: .5rem; font-weight:600}
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"],input[type="radio"] {display:inline}
label > .label-body { display: inline-block; margin-left: .5rem; font-weight:normal}


ul { list-style: disc inside; }
ool { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }


table {border-collapse:separate; background:#eee; margin:15px auto; width:100%; color:#000; border-radius:9px; line-height:130%;}
thead {background-color:#a6c3db; border-radius:9px;}
thead th {font-size:95%; font-weight:400; color:#fff; text-align:left; padding:9px 16px}
tbody tr td {padding:9px 16px; font-size:90%;}
tbody tr:nth-child(2n) {background:#ddd}
tbody tr:last-child td {border-bottom:none}
tbody:hover > tr:hover td {color:#fff; opacity:1; background:#bbb}

@media screen and (max-width:350px) {
  table thead {border:none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  table tr {display:block; margin-bottom:.625em; }
  table td {display:block; text-align:center}
  table td:before {  /*   * aria-label has no advantage, it won't be read inside a table content: attr(aria-label);  */
    content: attr(data-label); float:left; font-weight:bold;}
  table td:last-child {border-bottom: 0; }
}

table .time{border-collapse:separate; background:#fff; margin:50px auto; width:100%}
.time thead {background-color:#a6c3db;}
.time thead th {font-size:14px; font-weight:400; letter-spacing:0; color:#fff; text-align:left; padding:3px 4px; text-align:center; background-color:#a6c3db;}
.time tbody tr td {padding:4px 6px; font-size:12px; text-align:center; border:solid; border-color:#fff}
.time tbody tr:nth-child(2n) {background:#fff}
.time tbody tr:last-child td {}
.time tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;}


button,.button { margin-bottom: 1rem; }
input,textarea,select,fieldset { margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2.5rem; }


.u-full-width { width:100%; box-sizing: border-box; }
.u-half-width { width:58%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.max-full-width { max-width: 100%; box-sizing: border-box; height:1px}
.u-pull-right { float: right; }
.u-pull-left { float: left; }
hr {margin-top:4rem; margin-bottom:4rem; border-width:0; border-top:15px solid #f0e8f4}
.hrpe {margin-top:1rem; margin-bottom:2rem; border-width:0; border-top:1px solid #345873; width:100%}
.container:after,.row:after,.u-cf { content: ""; display: table; clear: both; }




@-webkit-keyframes fadeInRight {0% {opacity: 0;left: 20%;} 100% {opacity: 1; left: 0;}}
@keyframes fadeInRight {0% {opacity: 0; left: 20%;} 100% {opacity: 1; left: 0;}}


ol {list-style:none; counter-reset:my-awesome-counter; counter-reset:li; padding:0; margin-bottom:4em; text-shadow:0 1px 0 rgba(255,255,255,.5);}
ol li { counter-increment:my-awesome-counter; font-size:15px; line-height:170%}
ol li::before { content:counter(my-awesome-counter) ". "; color:#fca308; font-size:45px; font-weight:bold; }

.ref li{font-size:12px; line-height:140%; margin:3px 0 }
.ref li::before { content:counter(my-awesome-counter) ". "; color:#ccc; font-size:15px; font-weight:bold; }







@media (min-width:320px) {
.container-fluid {position:relative; width:100%; margin:0; padding:0; box-sizing:border-box; }
.play{width:100%; height:auto; margin:0; padding:0}
.in{margin-top:180px;z-index:3}
.pe{padding:90px 20px 80px 10px; background-image:url(../img/footer1.jpg); background-size:cover; background-position:bottom right; margin-top:0}
.pe2{background-image:url(../img/footer2.jpg); background-position:top right; }
.pe li{list-style:none; margin:0}
.pe li a, .pe h5{color:#fff; font-family:"Montserrat", sans-serif; font-weight:500;}
.pe a:hover{color:#fff}
.marcas{width:150px; height:auto; margin:30px auto}
.pe button{width:auto; line-height:110%; text-align:center; background-color:#74b92a; color:#fff}
.ic{width:72px;height:auto;float:right;}
.desk{display:none}
.mob{display:block}
.seta{width:40px;height:auto}
#top{margin-top:56px}
#cases{text-align:center}
#cases img{margin:25px 0}
.medium{height:20vh; padding:100px 30px; background-image:url(../img/familia-estadio.jpg); background-size:cover; background-position:center}
.camarote{background-image:url(../img/legends-camarote2.jpg)}
.contato{position:absolute;top:-9px; left:4%; width:190px; height:auto; z-index:5}
.hero {width:100%; position:absolute; top:0; left:0; z-index:2; background-size:cover; background-position:top left}
.heroin {width:100%; height:70vh; position:absolute; top:0; left:0; z-index:2; background-size:cover; background-position:top left; background-repeat:none}
.sobre{background-image:url(../img/torcida1.webp?v=1); background-position:center}
.projetos-legends{background-image:url(../img/ltc-quadra.jpg); background-position:center}
.projetos-gig{background-image:url(../img/kaka.webp); background-position:center}
.projetos{background-image:url(../img/torcida-sp.webp); background-position:center}
.heroin .layer{background-image:url(../img/forever-pe.png?v=1.1); background-position:top left; background-size:300%; position:fixed; top:0; left:0; width:100vw; height:70vh; z-index:3}
.hero-content {position:absolute; bottom:6vh; right:6vw; width:90%; text-align:right; color:white; z-index:5;}
.hero-content h1 {font-size:2.2rem; line-height:1.18; letter-spacing:0.3em; color:#fff; text-transform:uppercase;}
.heroin .hero-content h1 {font-size:3.2rem; line-height:1.18; letter-spacing:0.35em; color:#fff; text-transform:uppercase;}
.hero-content p {font-size:2.4rem; margin:0 0 18px 0; font-weight:300; line-height:1.3}
.hero-content button {font-size:1.6rem;}

.rslides {position:relative; list-style:none; padding:0}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; right:0; top:0; }
.rslides h1{font-size:30px; margin:290px auto 0 30px; letter-spacing:0.2em; text-transform:uppercase; line-height:1.1em; color:#fff; font-weight:bolder; float:left}
.rslides li:first-child {position:relative; display:block;}
    
.chatz{position:fixed;width:50px;height:auto;right:25px;bottom:15px;z-index:9999;text-align:center}
.chatz a p{font-size:9px;color:#fff;margin-top:-5px}
.imgcircle{border-radius:50%;float:right;max-width:60%; padding:0 0 0 10px}

.accordion {margin:0 0 20px; border:none; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; color:#333}
.accordion dt {cursor:pointer; color:#fff; padding:24px; font-size:17px; font-weight:400; background-color:#8A53AA; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:2px auto; line-height:120%}
.accordion dd {display:none; margin:15px 10px}
.accordion dt.accordion-active {content:"\25BE"; padding-right:5px; background-color:#fca308}
.accordion dt.accordion-active:hover {cursor:default;}

.u-max-80-width { max-width:74%; box-sizing: border-box; margin-left:13%}
.controle{margin:0 0 30px 0}

.menu{display:none}
#nav-icon4 {width:36px; height:20px; position:fixed; top:15px; right:20px; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; z-index:9999999; background:none; padding:20px; border-radius:0 0 0 12px;}
#nav-icon4 span {display:block; position:absolute; height:4px; width:60%; margin:9px auto 7px 21.4%; background:#fff; opacity:1; left:0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg); top:-11px; left:7px; background-color:#fff}
#nav-icon4.open span:nth-child(2) { width:0%; opacity:0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); top:20px; left:7px; background-color:#fff}

.overlay {position:fixed; background-color:#000; background-size:cover; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition:opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow:hidden; z-index:999999}
.overlay.open {opacity:1; visibility:visible; height:100%}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:100%; top:67%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%}
.overlay ul li {display:block; height:10%; height:calc(100%/6); max-height:90px; position:relative; opacity:100; text-align:center}
.overlay ul li a {display:block; position:relative; color:#fff; font-family:"KoHo-Regular", sans-serif; text-transform:uppercase; font-size:1.05em; text-decoration:none; letter-spacing:0.5em; z-index:99999; font-weight:400}
.overlay-menu img{width:90px; height:auto}

.logo{width:33%; max-width:170px; top:40vh; right:8vw; position:absolute; z-index:99;}
.logoin{width:33%; max-width:170px; top:33vh; right:8vw; position:absolute; z-index:99;}

.wrap-collapsible {margin:1.5rem 0}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; font-size:1.6rem; line-height:1.9rem; text-transform:uppercase; padding:1.7rem; color:#fff; background-color:#264799; cursor:pointer; border-radius:0px; transition:all 0.25s ease-out; margin-bottom:0; border-radius:30px}
.lbl-toggle:hover { color:#fff; background-color:#5b73b3}
.lbl-toggle::after { content:' '; display:inline-block; vertical-align:middle; transition:transform .2s ease-out; margin:0 0 0 6px}
.collapsible-content { max-height:0px; overflow:hidden; transition:max-height .15s ease-in-out; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px;}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:1250px; height:auto}
.toggle:checked + .lbl-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0;}
.collapsible-content .content-inner { background:#fff; padding:1.7rem;}
.content-inner p {margin-bottom:1.4rem}
.icoin{width:60px;float:left;margin:-9px 15px 0 0}

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:50px; padding:0 30px; font-family:"Montserrat", sans-serif; color:#000; text-align:center; font-size:1.4rem; letter-spacing:0; font-weight:600; line-height:50px; text-decoration:none; white-space:nowrap; border-radius:30px; border:none; cursor:pointer; box-sizing:border-box; background:#fff; white-space:normal; word-wrap:break-word; margin:1.2em auto}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {background-color:#777; outline:0;}

.video-thumbs-slider::-webkit-scrollbar {height:16px;}
.video-thumbs-slider::-webkit-scrollbar-thumb {background:#ccc;  border-radius:8px;}
.video-thumbs-slider {scrollbar-width: thin;}
.video-img{border-radius:8px; height:auto; max-width:100%}
.btnv{margin-top:10px; background-color:rgba(220,220,220,0.3); color:#fff }
}


@media (min-width:360px) {
#hm {margin:240px 10px 190px 10px}
#hm h1 {font-size:50px}
#hmbar {margin:90px 10px 0 10px}
#hmbar h4{font-size:26px}
}


@media (min-width:375px) {
#hm h1 {font-size:50px}
#hmbar {margin:80px 10px 0 10px}
}


@media (min-width:667px) {
#conteudo {margin-top:50px; padding-top:380px}
#conteudoin {margin-top:50px; padding-top:270px}
}


@media (min-width:800px) {
.imgcircle{max-width:40%;padding:0 0 10px 10px}
.hero-content {width:60%; left:auto; right:4.2vw; top:auto; bottom:6vh}
.hero-content h1 {font-size:4rem; letter-spacing:1.2rem; word-spacing:1.7rem; text-transform:uppercase;}
.hero-content p {font-size:1.7rem;}
}


@media (min-width: 1000px) {
.container-fluid {width:100%}
.in{margin-top:220px}
.selo{max-width:180px; margin:25px 0 0px 0}
.sub{right:0; float:right}
#subm {float: right}
#cases{text-align:left}
#cases .row, #parceiros .row{display:flex; flex-wrap:wrap; width:100%; align-items:center;}
#cases img{margin:10px 0; max-width:88%}
#cases .medium,#intro .medium{height:30vh; padding:140px 9vw 70px; background-attachment:fixed; display:block}
#hm h1 {font-size:9rem; letter-spacing:-0.02em}
.lds-ripple {margin:22% 0 0 45%}
.logo {max-width:190px; top:43vh; right:5vw}
.logoin {max-width:190px; top:11vh; right:6vw}
.heroin {height:80vh; background-attachment: fixed;}
.heroin .layer{background-size:cover; height:80vh}
.desk{display:block}
.mob{display:none}
.projetos,.sobre{background-attachment: fixed;}
.video-slider{width:62%}

#nav-icon4 {display:none}
.overlay {position:absolute; background:none; width:100%; height:88px; opacity:1; visibility:visible;}
.overlay .open{height:80px;}
.overlay nav {-webkit-transform:translateY(0); transform:translateY(0); text-align:left; height:60px; top:0}
.overlay ul {top:30px; margin:0 auto; position:relative; height:60px; left:5vw}
.overlay ul li {display:inline-block}
.overlay ul li a {margin:0px 22px; font-size:1em}
.overlay ul li a:hover {color:rgb(55, 170, 220)}
.overlay-menu img{display:none}

.zoom{transition: transform 0.22s;}
.zoom:hover{transform: scale(1.2)}
.zoomh{transition: transform 0.3s; position: relative}
.zoomh:hover{transform: scale(1.4); z-index:999}
.zooms{transition: transform 0.3s;}
.zooms:hover{transform: scale(1.04); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);}
}


@media (min-width: 1270px) {
.overlay nav {top:12px}
.overlay ul li a {margin:0px 20px; font-size:1em}
.logo {max-width:200px; top:43vh; right:5vw}
.marcas{width:180px}
#top{margin-top:56px}
.seta{width:50px}
.contato{top:-4px; left:auto; right:5%; width:214px}
.pe{padding:100px 0 80px 0; margin-top:0; background-attachment:fixed;}
    #hm {margin:200px 10px 0 10px}
    #hm h1 {font-size:85px}
    #hmbar {margin:120px 0 120px 0}
    #servicos li{font-size:20px}
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {height:54px; padding:0 38px; font-size:1.6rem; line-height:54px}
}


@media (min-width: 1400px) {
#conteudo {padding-top:550px}
#conteudoin {padding-top:430px}
}

@media (min-width: 1600px) {
.overlay nav {top:30px}
.logo {max-width:250px; top:43vh; right:5vw}
.hero-content h1 {font-size:5rem; letter-spacing:1.2rem;}
.pe{padding:110px 0 80px 0}
    #hm {margin:200px 10px 0 10px}
    #hm h1 {font-size:85px}
    #hmbar {margin:120px 0 120px 0}
    #servicos li{font-size:20px}
}


@media (min-width: 1900px) {
.overlay nav {top:30px}
}




#return-to-top {position:fixed; bottom:16px; z-index:999; right:18px; border:2px solid #fff; width:48px; height:48px; display: block; text-decoration:none; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; display:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#return-to-top i{color:#fff; margin:0; position:relative; left:19px; top:12px; font-size:19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
#return-to-top:hover {background:rgba(180, 180, 180, 0.58)}
#return-to-top:hover i {color:#fff; top:16px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}



.overl {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(30, 69, 99, 0.8); transition:opacity 500ms; visibility:hidden; opacity:0; height:auto; z-index:500}
.overl:target {visibility:visible; opacity:1}
.popup {margin:120px auto 0 auto; padding:20px; background:#fff; width:30%; position:relative; transition:all 5s ease-in-out; height:auto}
.popup .close {position:absolute; top:-10px; right:22px; transition:all 200ms; font-size:35px; font-weight:bold; text-decoration:none; color:#333}
.popup .close:hover {color:#17adc3}
.popup .content {max-height:70%; overflow:auto; padding:12px}

@media screen and (max-width:700px){
  .popup{width:85%;}
}



.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}





.gallery {display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:0; max-width:1920px; margin:0 auto; }
.gallery-item {aspect-ratio:4 / 3;  overflow:hidden; border-radius:0; background:#1a1a1a; box-shadow:0 8px 30px rgba(0,0,0,0.5); cursor:pointer; opacity:0; transform:scale(0.88) translateY(60px); filter:blur(6px); transition:all 1.1s cubic-bezier(0.215, 0.61, 0.355, 1); will-change:transform, opacity, filter; filter: blur(8px); transform: scale(1.15); transform: scale(0.75) translateY(120px);}
.gallery-item.visible {opacity: 1; transform: scale(1) translateY(0); filter:blur(0);}
.gallery img {width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease;}
.gallery-item:hover img {transform: scale(1.06); }

.modal {display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:9999; align-items:center; justify-content:center; padding:20px; backdrop-filter:blur(8px);}
.modal.active {display:flex;}
.modal-content {position:relative; max-width:95vw; max-height:80vh; box-shadow:0 20px 80px rgba(0,0,0,0.8); border-radius:0; overflow:hidden; transform:scale(0.8); opacity:0; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
.modal.active .modal-content {transform:scale(1); opacity: 1;}
.modal img {width:100%; height:auto; max-height:90vh; object-fit:contain; display:block;}
.close {position:absolute; top:-40px; right:0; color:white; font-size:2.5rem; font-weight:bold; cursor:pointer; text-shadow:0 2px 10px black; transition:transform 0.3s;}
.close:hover {transform: scale(1.2); }
/* Fecha clicando fora (via JS) */
.modal::before {content: ''; position: absolute; inset: 0; cursor: zoom-out;}

@media (max-width:750px) {
.gallery {grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); max-width:1600px}
}
@media (min-width:1900px) {
.gallery {grid-template-columns:repeat(auto-fill, minmax(274px, 1fr)); max-width:1920px}
}

@media (min-width:320px) {
.nav-arrow {position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.8); color:white; border:none; font-size:2.5rem; width:45px; height:45px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.85; transition:opacity 0.3s, background 0.3s, transform 0.2s; z-index:10; user-select:none; padding:0; line-height:normal; margin:0}
.nav-arrow:hover {opacity:1; background:rgba(0,0,0,1); transform:translateY(-50%) scale(1.1);}
.nav-arrow.left {left:5px} .nav-arrow.right {right:5px;}
.nav-arrow:focus {outline:none; box-shadow:0 0 0 7px rgba(55,25,255,0.5);}
/* Esconde setas quando só tem uma imagem (opcional) */
#imageModal:not(.has-multiple) .nav-arrow { display: none;}
}
@media (min-width:980px) {
.nav-arrow {font-size:3.5rem; width:60px; height:60px;}
.nav-arrow.left {left:15px} .nav-arrow.right {right:15px;}
}



.stats-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:1rem;}
.stat-card {background:rgba(40, 41, 41, 0.6); backdrop-filter:blur(10px); border-radius:0; padding:4rem 2rem; text-align:center; border:0px solid rgba(96, 165, 250, 0.18); transition:all 0.4s ease; position:relative; overflow:hidden;}
.stat-card::before {content:''; position:absolute; inset:0; background:linear-gradient(45deg, transparent, rgba(96,165,250,0.08), transparent); transform:translateX(-100%); transition: transform 0.7s ease;}
.stat-card:hover::before {transform: translateX(100%);}
.stat-card:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(96,165,250,0.25);}
.number {font-size:3.5rem; font-weight:800; color:#60a5fa; line-height:1; margin-bottom:0.8rem; display:block;}
.number::before {content:'+'; position:absolute; margin-left:-27px; top:0; font-size:3.8rem; font-weight:800; color:#60a5fa; opacity:0.9;}
.label {font-size:1.3rem;line-height:1.3; color:#fff; font-weight:500;}

   /* Animação de contagem (só visual com CSS) */
@keyframes countUp { from { opacity:0; transform:translateY(20px); } to   { opacity:1; transform:translateY(0); }}
.stat-card {animation: countUp 1.2s ease-out forwards; opacity: 0; }
.stat-card:nth-child(1) { animation-delay: 0.1s; }
.stat-card:nth-child(2) { animation-delay: 0.3s; }
.stat-card:nth-child(3) { animation-delay: 0.5s; }
.stat-card:nth-child(4) { animation-delay: 0.7s; }
.stat-card:nth-child(5) { animation-delay: 0.9s; }






@font-face {font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight:400; font-style:normal}
:root { --swiper-theme-color:#fff}
:host { position:relative; display:block; margin-left:auto; margin-right:auto; z-index:1}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block}
.swiper-vertical>.swiper-wrapper { flex-direction:column}
.swiper-wrapper { position:relative; width:100%; height:100%; padding-bottom:40px; z-index:1; display:flex; transition-property:transform; transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial); box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper { transform:translate3d(0px,0,0)}
.swiper-horizontal {touch-action:pan-y}
.swiper-vertical { touch-action:pan-x}
.swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; display:block}
.swiper-slide-invisible-blank { visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide { height:auto}
.swiper-autoheight .swiper-wrapper { align-items:flex-start; transition-property:transform,height}
.swiper-backface-hidden .swiper-slide { transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective:1200px}
.swiper-3d .swiper-wrapper { transform-style:preserve-3d}
.swiper-3d { perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide { transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before { content:''; flex-shrink:0; order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {  scroll-snap-align:center center; scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before { height:100%; min-height:1px; width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before { width:100%; min-width:1px; height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10}
.swiper-3d .swiper-slide-shadow { background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left { background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right { background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top { background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-lazy-preloader {width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white { --swiper-preloader-color:#fff}
.swiper-lazy-preloader-black { --swiper-preloader-color:#000}
@keyframes swiper-preloader-spin { 0% { transform:rotate(0deg) }  100% { transform:rotate(360deg)  }}
.swiper-virtual .swiper-slide {-webkit-backface-visibility:hidden; transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content:''; position:absolute; left:0; top:0; pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height:1px; width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {width:1px; height:var(--swiper-virtual-size)}
:root { --swiper-navigation-size:84px;}
.swiper-button-next,.swiper-button-prev { position:absolute; top:var(--swiper-navigation-top-offset,50%); width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.35; cursor:auto; pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display:none!important}
.swiper-button-next svg,.swiper-button-prev svg { width:100%; height:100%; object-fit:contain; transform-origin:center}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg { transform:rotate(180deg)}
.swiper-button-prev,.swiper-rtl .swiper-button-next { left:var(--swiper-navigation-sides-offset,10px); right:auto}
.swiper-button-next,.swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset,10px); left:auto}
.swiper-button-lock { display:none}
.swiper-button-next:after,.swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; font-variant:initial; line-height:1}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset,10px); left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content:'next'}
.swiper-pagination {position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10}
.swiper-pagination.swiper-pagination-hidden { opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display:none!important}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom:var(--swiper-pagination-bottom,16px); top:var(--swiper-pagination-top,auto); left:0; width:100%}
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(.33); position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform:scale(.33)}
.swiper-pagination-bullet { width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,16px)); height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,16px)); display:inline-block; border-radius:var(--swiper-pagination-bullet-border-radius,50%); background:var(--swiper-pagination-bullet-inactive-color,#fff); opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}
button.swiper-pagination-bullet {border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-bullet:only-child {display:none!important}
.swiper-pagination-bullet-active { opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {right:var(--swiper-pagination-right,16px); left:var(--swiper-pagination-left,auto); top:50%; transform:translate3d(0px,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0; display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; transform:translateY(-50%); width:16px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 var(--swiper-pagination-bullet-horizontal-gap,9px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; transform:translateX(-50%); white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:.2s transform,.2s right}
.swiper-pagination-fraction {color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar {background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%; height:var(--swiper-pagination-progressbar-size,4px); left:0; top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {width:var(--swiper-pagination-progressbar-size,4px);height:100%; left:0; top:0}
.swiper-pagination-lock {display:none}
.swiper-scrollbar {border-radius:var(--swiper-scrollbar-border-radius,10px); position:relative; touch-action:none; background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {position:absolute; left:var(--swiper-scrollbar-sides-offset,1%); bottom:var(--swiper-scrollbar-bottom,4px); top:var(--swiper-scrollbar-top,auto); z-index:50; height:var(--swiper-scrollbar-size,4px); width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position:absolute; left:var(--swiper-scrollbar-left,auto); right:var(--swiper-scrollbar-right,4px); top:var(--swiper-scrollbar-sides-offset,1%); z-index:50; width:var(--swiper-scrollbar-size,4px); height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius:var(--swiper-scrollbar-border-radius,10px); left:0; top:0}
.swiper-scrollbar-cursor-drag { cursor:move}
.swiper-scrollbar-lock { display:none}
.swiper-zoom-container { width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width:100%; max-height:100%; object-fit:contain}
.swiper-slide-zoomed { cursor:move; touch-action:none}
.swiper .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000}
.swiper-free-mode>.swiper-wrapper { transition-timing-function:ease-out; margin:0 auto}
.swiper-grid>.swiper-wrapper {flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper { flex-wrap:wrap; flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function:ease-out}
.swiper-fade .swiper-slide { pointer-events:none; transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none}
.swiper-fade .swiper-slide-active { pointer-events:auto}
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto}
.swiper.swiper-cube { overflow:visible}
.swiper-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%}
.swiper-cube .swiper-slide .swiper-slide { pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide { transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev { pointer-events:auto; visibility:visible}
.swiper-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0}
.swiper-cube .swiper-cube-shadow:before {content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)}
.swiper-cube .swiper-slide-next+.swiper-slide { pointer-events:auto; visibility:visible}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.swiper.swiper-flip { overflow:visible}
.swiper-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden;  z-index:1}
.swiper-flip .swiper-slide .swiper-slide { pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden;  backface-visibility:hidden}
.swiper-creative .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; transition-property:transform,opacity,height}
.swiper.swiper-cards {overflow:visible}
.swiper-cards .swiper-slide { transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden}