@font-face{font-family:LouisGlobal2-Heavy;font-display:swap;src:url(LouisGlobal2-Heavy.woff) format("woff"),url(LouisGlobal2-Heavy.woff2) format("woff2"),url(LouisGlobal2-Heavy.eot) format("embedded-opentype")}
@font-face{font-family:LouisGlobal2-Bold;font-display:swap;src:url(LouisGlobal2-Bold.woff) format("woff"),url(LouisGlobal2-Bold.woff2) format("woff2"),url(LouisGlobal2-Bold.eot) format("embedded-opentype")}
@font-face{font-family:LouisGlobal2-Reg;font-display:swap;src:url(LouisGlobal2-Reg.woff) format("woff"),url(LouisGlobal2-Reg.woff2) format("woff2"),url(LouisGlobal2-Reg.eot) format("embedded-opentype")}

.container {position:relative; width:100%; max-width:1000px; margin:0 auto; padding: 0 20px; box-sizing:border-box; }
.container-fluid {position:relative; width:100%; margin:0 auto; padding: 0; box-sizing:border-box; }
.column,.columns { width: 100%; float: left; box-sizing: border-box; }
.pad2{padding:20px 0}.pad3{padding:30px 0}.pad4{padding:40px 0}.pad5{padding:50px 0}.pad6{padding:60px 0}.pad7{padding:70px 0}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.br{color:#fff}
.brbg{background-color:#fff}
.cz3{color:#777}
.cz3bg{background-color:#777}
.main{color:#c69630}
.mainbg{background-color:#c69630}
.red{color:#ee1c25}
.bk{color:#000}
.bkbg{background-color:#000}
.ouro{color:#f3cf65}
.cz{color:#e6e6e6}
.czbg{background-color:#e6e6e6}
.cz2{color:#393839}
.cz2bg{background-color:#393839}
.som{text-shadow:1px 1px 19px rgba(0, 0, 0, 0.4);}
.somd{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);}
.tsom{text-shadow:1px 1px 9px rgba(0, 0, 0, 0.3);}
.over{position:absolute; float:left;z-index:100;}
.trans{background-color: cornflowerblue;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5}
.oki{text-transform: uppercase}
.img-circle {border-radius: 50%;}

.selo{-webkit-box-shadow: 0px 20px 54px 0px rgba(74,74,74,0.35);-moz-box-shadow:0px 20px 54px 0px rgba(74,74,74,0.35);box-shadow: 0px 20px 54px 0px rgba(74,74,74,0.35); z-index:70;background-color:#f3b233; position:absolute; padding:35px 20px}

.zoom{transition: transform 0.2s;}
.zoom:hover{transform: scale(1.2)}

.pulsa {animation:pulse 0.33s infinite; animation-name:pulse; animation-timing-function:ease-out; animation-delay:0; animation-direction:alternate; animation-iteration-count:infinite;}
@keyframes pulse {
  0% {transform: scale(1)}
  100% {transform: scale(1.17)}
}

.row {padding:0 20px}


.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:80px; text-decoration:none}
.modal-close:hover {color: black;}
.modal-window div:not(:last-of-type) { margin-bottom: 15px;}


/* For devices larger than 400px */
@media (min-width:600px) {
    .container {width:80%; padding: 0; }
    .row {padding:0}
}

/* For devices larger than 550px */
@media (min-width:800px) {
  .container { width:80%; }
  .column, .columns { margin-left:4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .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.column                { width: 48%}

  /* Offsets */
  .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%; margin: 0; padding:0; overflow-x:hidden; text-rendering:optimizeLegibility; scroll-behavior:smooth}
body {font-size:1.4em; font-family:'Roboto', sans-serif; line-height:1.4; font-weight:400; color:#262626; background-color:#fff; margin:0; scroll-behavior:smooth; background-image:url(../img/bg.png); background-size:cover; background-attachment:fixed; }


h1, h2, h3, h4, h5, h6 {font-family:LouisGlobal2-Bold,sans-serif; margin-top:1rem; margin-bottom:1.4rem; color:#262626; line-height:1.2; letter-spacing:0}
h1 { font-size: 4.5rem; line-height:105%}
h2 { font-size: 3.5rem}
h3 { font-size: 3.0rem}
h4 { font-size: 2.3rem}
h5 { font-size: 1.8rem}
h6 { font-size: 1.5rem}

@media (min-width: 950px) {
.hhome { font-size: 8rem;}
  h1 { font-size: 5.2rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

.tit{letter-spacing:-0.36px; color:#FFF7B3; text-shadow:-6px 6px 0px #383737; text-transform:uppercase; margin:25px 0}
p {margin:0; font-size:1.1em; font-weight:300}
a {color:#262626; text-decoration:none;-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in}
a:hover { color:#000}




.button,button,input[type="submit"],input[type="reset"],
input[type="button"] {display:inline-block; height:56px; padding:0 45px; color:#fff; text-align:center; font-size:1.1em; font-family:LouisGlobal2-Bold,sans-serif; line-height:1.5em; text-decoration:none; white-space:nowrap; background-color:#c69730; border-radius:0; cursor:pointer; box-sizing:border-box; border:1px none #fff}
.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 {outline:0; color:#000}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,
input[type="button"].button-primary {font-size:1.4em; padding:auto 33px; height:56px; background:#c69730; color:#fff}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#000}
.simple{background-color:#fff; color:#333; border:1px solid #333; height:46px}
.out{ background-color:#fff; border:1px solid red; color:red; font-size:1.5rem; font-weight:bold; margin:10px 0 -5px 0; padding:0 18px;}
.btnbr{background:#fff; color:#555; padding:10px; padding-left:50px; padding-right:50px; min-height:60px; height:auto; white-space:normal; word-wrap:break-word; }
.btnbrbig{background:#fff; color:#555; padding-left:50px; padding-right:50px; height:60px; width:100%; text-align:left; font-size:2rem}


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {height:50px; padding:9px 12px; font-family:LouisGlobal2-Reg, sans-serif; font-size:1.3em; background-color:#fff; border:1px solid #ccc; border-radius:0; box-shadow:none; box-sizing:border-box; margin:10px 0; color:#777}
/* 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: 65px; padding-top: 6px; padding-bottom: 6px; }
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:2px solid #000; outline: 0; }
label,legend {display:block; margin-bottom:-8px; color:#fff; font-size:1.7rem; font-family:LouisGlobal2-Reg, sans-serif;}
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"],input[type="radio"] { display: inline; padding: 5px}
label > .label-body { display: inline-block; margin-left:.5rem; font-weight:normal; }
.inputbox{font-family:LouisGlobal2-Reg, sans-serif; font-weight:300; padding:14px 8px 4px 12px; margin:4px 0; background:#fff; }

.selectdiv select::-ms-expand {display: none;}
.selectdiv {position:relative;float:left;margin:0; width:100%}
.selectdiv select {-webkit-appearance:none;-moz-appearance:none; appearance:none; display:block; width:100%; height:50px; float:right; margin:0 0px 50px 0; padding:0px 24px; color:#333; background-color:#ffffff; border:1px solid #ccc; -ms-word-break:normal; overflow-wrap:break-word; }
.selectdiv::after {content:'\f078';font: normal normal normal 14px/1 FontAwesome; color:#fff;background:#333;right:0;top:0;height:32px;padding:18px 18px 0 18px; position:absolute; pointer-events:none;}




#datan {background-color:#fff;width:250px;margin:2px 0 0 3px;padding:8px 5px 4px 7px;position:absolute;z-index:50;display:block}
#datan a {color:#aaa;cursor:default}


ul {list-style: circle inside; }
ol {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; }



@media screen and (min-width:320px) {
table {border-collapse:collapse; margin:0; padding:0; width:100%; margin-left:0%; table-layout:fixed; font-family:LouisGlobal2-Reg,sans-serif;}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0; border-bottom:3px solid #c69630}
table th,table td {padding:.625em .4em; text-align:left; font-size:0.7em}
table th, thead {padding:.625em .4em; font-size:.8em; text-transform:uppercase; background-color:#333; color:#c69630}
tbody tr:nth-child(odd){background-color:#fff} tbody tr:nth-child(even){background-color:#fff}
table tr td:first-child {}
table tr td:last-child {width:4em;}
.uf{width:36px}
.padr{font-size:22px}
.ttd {font-size:13px}
}

@media screen and (min-width:800px) {
table th,table td { padding:2rem 3rem; font-size:1.4em}
table th, thead {font-size:1.3em}
table tr td:first-child {width:2em; min-width:2em; max-width:2em; word-break:break-all;}
table tr td:last-child {width:12em; word-break:normal}
.uf{width:60px}
.padr{font-size:22px}
.ttd {font-size:15px}
}



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

.u-max-full-width {max-width:100%; width:100%; height:auto}
.u-full-width {width:100%; box-sizing:border-box}
.u-half-width {width:100%; box-sizing:border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.text-left{text-align:left}
.text-center{text-align:center}
.text-just{text-align:justify}
.it{font-style:italic}
.spa{letter-spacing:0.1em}
.leve{font-weight:400}
.b, b{font-family:LouisGlobal2-Bold, sans-serif;}
.bolder{font-family:LouisGlobal2-Heavy, sans-serif;}
hr {margin-top:2rem; margin-bottom:2.5rem; border-width:0; border-top: 1px solid #777}
.container:after,.row:after,.u-cf { content:""; display:table; clear:both}
.louis{font-family:LouisGlobal2-Reg, sans-serif;}
.entrel{line-height:170%}
.under{text-decoration: underline}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);
  } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}









@media (min-width: 320px) {
#hero{padding:68px 0 0 0; top:0; height:auto}
.carro{width:100%;height:auto;margin:-10px 0 0 0; z-index:-1}
#heroin{padding:68px 0 0 0; top:0}
#hero .row{padding:0}
.logo{position:relative; width:160px; margin-top:-30px}
.logoin{position:relative; width:160px; margin-top:40px; margin-left:-20px; margin-bottom:-30px}
.desk{display:none}
.mob{display:block; width:80%; height:auto; left:10%}
.logomenu{width:120px;margin:-10px auto auto auto;height:auto}
.logope{ text-align: center}
.logope img{width:135px;margin:20px 0}
.links{text-align:center}
.social{margin:20px 10px}
.campo{ width:98%; display:inline-block; margin:5px}
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:50px; padding:0 20px}

#comoa{margin-top:-7px; padding:0px 0 60px 0; background:#333; background-image: url(../img/bg-arco.png); background-position:bottom right; background-size:contain; background-repeat:no-repeat}
.shape{background-image: url(../img/shape.svg);  background-repeat:no-repeat; background-size:contain; color:#393839; padding:0px 30px 20px 50px; height:220px; display:flex}
.shapes{display:none}
.shapes-m{display:block; padding:0}
.shapes-m .columns {margin:auto; align-items:center; float:none}
.shapes-m .columns.six {width:70%}

.comobox{background:#fff; text-align:center;border-radius:6px; padding:30px 20px 25px 20px; margin-bottom:10px; -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.07);-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,.07);box-shadow: 0 3px 3px 0 rgba(0,0,0,.07)}
#cad,#compra{background:#fff;padding:20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.carro{margin:10px auto 0 -15px; width:105%}
.posab{position:absolute;}
.posac{height:500px}

.tab {display:none;}
.tab input.invalid {background-color:#ffdddd}
#top {z-index:50; position:absolute; top:0; width:100%; height:80px}
.pe {background:#f2f2f2; padding:60px 0 10px 0; bottom:-22px; top:0}
.pe p{font-family:LouisGlobal2-Reg, sans-serif; font-weight:300; font-size:1.2rem}
.pe h5{font-family:LouisGlobal2-Bold,sans-serif; font-size:1.45rem; letter-spacing:0.05rem}
.pe a{color:#444; font-weight:400}
.pe a:hover {color:#c69730}
.social{text-align: center}
.social img{margin:0 10px; width:25px; height:auto; display:inline-flex}
.zap{position:fixed; width:50px; height:auto; bottom:8px; right:8px; z-index:999}

#nav-icon4 {width:27px; height:20px; position:fixed; top:8px; right:10px; -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:99999; 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; border-radius:2px; 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:#c69730}
#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:17px; left:7px; background-color:#c69730}
.menu{color:#fff; font-size:1.3rem; position:fixed; top:37px; letter-spacing:0.03em; right:13px; font-weight:bolder}

.overlay {position:fixed; background:#393839; 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:9999}
.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:62%; -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%/8); min-height:20px; position:relative; opacity:100; color:#444; text-align:center}
.overlay ul li a {display:block; position:relative; color:#fff; font-family:LouisGlobal2-Reg, sans-serif; font-size:1.4em; text-decoration:none; z-index:99999}

.loading-overlay {display:table;opacity:.7 }
.loading-overlay-content {text-transform:uppercase;letter-spacing: .4em;font-size: 1.15em;font-weight: 700;text-align: center;display: table-cell;vertical-align: middle}
.loading-overlay.loading-theme-light {background-color: #fff; color: #000}
.loading-overlay.loading-theme-dark {background-color: #000; color: #fff}
.nos{width:190px; float:left;font-weight:bolder; margin-right:30px}

.spinner {width:360px; height:360px; position:absolute; margin-top:-10px; right:0; z-index:0}
.double-bounce1,.double-bounce2 {width:100%;height:100%; border-radius:50%; background-color:orange; opacity:0.6;position:absolute;top:0;left:0;
-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;}
.double-bounce2 {-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
@keyframes sk-bounce {0%, 100% {transform:scale(0.0);-webkit-transform:scale(0.0);}
50% {transform: scale(1.0);-webkit-transform:scale(1.0);background-color:orange}}

.swiper {width:92%; height:100%; margin:40px 4% 0 4%}
.swiper-slide {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex;display:flex; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; min-height:400px}
.swiper-slide img {display:block; width:100%; height:100%; object-fit:cover}
.swiper-slide button{position:absolute; bottom:0}
.swiper-slide h4{text-align:left}
.swiper-slide p{text-align:left; font-size:1.54rem}
}

@media (min-width:380px) {
.posac{height:600px}
}

@media (min-width:410px) {
.posac{height:650px}
.spinner {width:400px; height:400px; margin-top:10px; right:1.5%}
}

@media (min-width:440px) {
.posac{height:710px}
}

@media (min-width:500px) {
.posac{height:830px}
.spinner {width:500px; height:500px; margin-top:30px; right:18%}
.u-half-width {width:49.6%}
.shapes .four.columns {width:50%}
}


@media (min-width:710px) {
#hero{height:1200px}
.shapes-m .four.columns {width:60%}
.spinner {width:480px; height:480px; margin-top:20px; right:2%}
.logo,logoin{width:140px}
.lds-ripple {width:152px; height:152px; margin:20% 0 0 45%}
.comobox{min-height:330px}
.logope{text-align:left; float:left}
.logope img{width:135px;margin:0 40px 10px 0}
.links{text-align:left}
.carro{margin:0; width:100%}
.posac{height:970px}
}


@media (min-width:800px) {
.container {max-width:70%}
#heroin,#in{width:50%}
.logow{height:90px; top:0;left:0; z-index:9999}
.logomenu{display:none}
.logo{width:160px; margin-top:-30px; margin-bottom:10px}
.logoin{width:160px; margin-top:30px; margin-left:60px; z-index:99999}
#hero{padding:70px 0 0 0; height:auto}
.shapes-m{display:none}
.shapes{display:flex; margin-top:-10vh; padding:0}
.shapes .columns {margin:auto; align-items:center; float:none}
.shapes .four.columns {width:33.3%}
#comoa{padding:60px 0 60px 0}
.posab{position:absolute;}
.posac{height:30px}
.carro{margin:30px 0 10px 0;}
.social{text-align:left}
.campo{ width:48%; display:inline-block; margin:5px}
.swiper {width:80%; margin:0px 10% 50px 10%}
.swiper-wrapper{margin:70px 0 0 0}
.btnbr{padding-left:10px; padding-right:10px}
}

@media (min-width:1024px) {
.spinner {width:600px; height:600px; margin-top:30px; right:2.8%}
.mob{display:none}
.desk{display:block; width:100%; height:auto}
.mn{position:absolute; z-index:9999}
.pe {padding:80px 0 10px 0}
#nav-icon4 {display:none}
.overlay {position:absolute; background:none; width:100%; height:auto; opacity:1; visibility:visible}
.overlay .open{height:150px;}
.overlay nav {-webkit-transform:translateY(0); transform:translateY(0); height:90px; top:0}
.overlay ul {top:24px; margin:0 auto; position:absolute; height:100%; right:14%}
.overlay ul li {display:inline-block}
.overlay ul li a {margin:0px 12px 0 12px; font-size:1.2em}
.overlay ul li a:hover {color:#000}
.mnl{display:none}
.overlay ul li.ent a{margin-left:20px; margin-top:-8px; border-radius:8px; padding:5px 22px; left:0}
.zap{width:58px; bottom:16px; right:15px}
.swiper {width:80%; margin:0px 10% 50px 10%}
.posac{height:60px}
.btnbr{padding-left:50px; padding-right:50px}
}


@media (min-width:1270px) {
.posac{height:120px}
}

@media (min-width: 1360px) {
.spinner {width:600px; height:600px; margin-top:20px; right:7.5%}
.comobox{min-height:280px}
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:56px; padding:0 40px}
}


@media (min-width: 1600px) {
.logo{width:190px; margin-top:-30px; margin-bottom:30px}
.logoin{width:190px; margin-top:30px}
.container {max-width:1200px;}
#hero{padding:70px 0 0 0; height:75vh}
#comoa{padding:60px 0 60px 0}
.overlay ul {right:20%}
.campo{ width:48.5%}
.swiper {width:60%; margin:0 20% 50px 20%}
.spinner {width:640px; height:640px; margin-top:30px; right:12%}
.comobox{min-height:150px}
.posac{height:150px}
} 


@media (min-width: 1900px) {
#hero{padding:90px 0 0 0; height:77vh}
#comoa{padding:20px 0 60px 0}
.logo{margin-top:-60px; margin-bottom:40px}
.swiper {width:58%; margin:0 21% 50px 21%}
.spinner {width:750px; height:750px; margin-top:45px; right:12.8%}
}





#return-to-top {position:fixed; bottom:13px; right:13px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); width:46px; height:46px; 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:18px; top:16px; 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(0, 0, 0, 0.7)}
#return-to-top:hover i {color:#fff; top:14px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

input.error,select.error,textarea.error {outline: none; border-color: red; border-width: 1px; border-style: solid;}
input.error:valid,select.error:valid,textarea.error:valid { border-style: auto; border-color: inherit;}