@font-face {font-family:"AllCnLight"; src:url("AllTogetherSerif_Cn_Light.otf"); src:url("AllTogetherSerif_Cn_Light.otf?#iefix")format("embedded-opentype"),
    url("AllTogetherSerif_Cn_Light.woff2")format("woff2"), url("AllTogetherSerif_Cn_Light.ttf")format("truetype");}
@font-face {font-family:"AllWide"; src:url("AllTogetherSerif_Wide_Black.otf"); src:url("AllTogetherSerif_Wide_Black.otf?#iefix")format("embedded-opentype"),
    url("AllTogetherSerif_Wide_Black.woff2")format("woff2"), url("AllTogetherSerif_Wide_Black.ttf")format("truetype");}


.container {position:relative; width:100%; max-width:1180px; 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}
.verd{color:#00bdff}
.blubg{background-color:rgba(0, 47, 158, 1)}
.brbg{background-color:#fff}
.ouro{color:#ffd301}
.ourobg{background-color:#ffd301}
.red{color:#d22630}
.redbg{background-color:#d22630}
.azpet{color:#4c1700}
.azpetbg{background-color:#4c1700}
.orange{color:#f7921c}
.bk{color:#000}
.cz{color:#666}
.blu{color:#122569}
.blubg{background-color:#122569}
.som{text-shadow:1px 1px 10px rgba(0, 0, 0, 0.3);}
.somd{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 30px 0px 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%;}
.deg{background:#002f9e; background:linear-gradient(2deg, rgba(0, 47, 158, 1) 8%, rgba(0, 132, 255, 1) 91%);}

.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.1)}

.row {padding:0 20px}


.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: 85%; padding: 0; }
    .row {padding:0}
}

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

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

  .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; margin: 0; padding:0; overflow-x:hidden}
body {font-size:1.5em; font-family:"Roboto", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; line-height:1.4; background-color:#ffd301; color:#4c1700; background-position:top left; background-attachment:fixed}

h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1.2rem; color:#4c1700; font-family:"AllWide", sans-serif; line-height:1.2; letter-spacing:-0.11rem}
h1 { font-size: 3.0rem; }
h2 { font-size: 2.85rem; }
h3 { font-size: 2.3rem; letter-spacing:0}
h4 { font-size: 2rem; letter-spacing:0; font-weight:400}
h5 { font-size: 1.8rem; letter-spacing:0; font-weight:400;}
h6 { font-size: 1.4rem; letter-spacing:0; font-weight:400}

@media (min-width: 950px) {
  h1 { font-size: 5rem; }
  h2 { font-size: 4.5rem; }
  h3 { font-size: 3.5rem; }
  h4 { font-size: 2.8rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

p {margin:0; font-size:1.05em; font-weight:300}
a {color:#5a1f06; 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 {text-decoration:none; color:red}

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:auto; padding:18px 55px; max-width:100%; color:#5a1f06; text-align:center; font-size:1.6rem; font-family:"AllWide", sans-serif; text-decoration:none; white-space:nowrap; background-color:#ffc801; border-radius:60px; cursor:pointer; box-sizing: border-box; border:0 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 {color:#fff; outline: 0; background-color:#5a1f06}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {background-color:#03aba5; color: #fff; font-size:20px; padding:8px 33px; height:58px;white-space:normal; word-wrap:break-word; max-width:100%}
.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:#FFF; background-color:#5a1f06}

.button-sec{font-size:1.2rem; padding:9px 30px; text-decoration:none; white-space:nowrap; }
.button-sec:hover {color:#fff; background-color:#5a1f06}

input[type="submit"].button-m,.button-m{font-size:1em; padding:12px 30px; width:90%; text-decoration:none; white-space:nowrap; color:#fff; background-color:#5a1f06}

.button-br{background-color:#fff; color:#5a1f06; padding:18px 30px; width:30%; min-width:250px; text-decoration:none; white-space:nowrap;}
.button-br:hover {color:#fff; background-color:#5a1f06}

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="date"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {width:100%; height:42px; padding:9px 0; background-color:#fff; color:#4c1700; border:none; border-bottom:1px solid #4c1700; box-shadow:none; box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="date"],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="date"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus { border-bottom:1px solid #ffc801; box-shadow:0 1px 0px #ffc801; outline:0; }
label,legend {display: block; margin-bottom: .5rem; font-weight: 600; }
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; }

#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; }



table {border-collapse: collapse; margin:0; padding:0; width:100%; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td { padding:.625em 0; text-align: center; border-bottom: 1px solid #E1E1E1}
table th, thead {font-size: .8em; text-transform: uppercase; font-weight: bold}
.padr{font-size:22px}
.ttd {font-size:15px}

@media screen and (max-width: 600px) {
  table thead {border:none; clip: rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
  table tr {background-color:#fff; display:block; padding:0 10px; border-bottom:12px solid #e7eff3}
  table td {border-bottom: 1px solid #ddd; display:block; font-size:11px; text-align:right}
  table td:before {content: attr(data-label); float: left; }
  .ttd {font-size:12px}
}



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-max-full-width {max-width: 100%;  box-sizing: border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.text-center{text-align: center}
.text-left{text-align:left}
.text-just{text-align: justify}
.it{font-style: italic}
.spa{letter-spacing:0.1em}
.leve{font-weight:300}
.b{font-weight:bolder}
.cn{font-family:"AllCnLight", sans-serif; letter-spacing:0rem}

hr {margin-top:2rem; margin-bottom:2.5rem; border-width:0; border-top: 1px solid #E1E1E1}
.container:after,.row:after,.u-cf { content:""; display:table; clear:both}

@-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) {
.topo{position:fixed; z-index:2; top:0;left:4vw; display:none}
.topo button{font-size:1.12rem; padding:7px 12px; border-radius:0 0 12px 12px; box-shadow:0 3px 17px rgba(0, 0, 0, 0.35); background-color:#5a1f06; color:#FFF}
.topo button:hover{color:#ffd301;}
.dk{display:none} .mb{display:block}
.hero{display:block;width:100%;height:100vh; background-image:url(../img/bg.jpg);background-size:cover; background-color:#ffd301; background-repeat:no-repeat; top:0; left:0; z-index:-1}
.heroin{display:block;width:100%;height:auto; background-color:#ffd301; top:0; left:0}
.heroin h1{font-size:4rem}
.mms{margin-top:20px; margin-left:-5%; width:110%}
.selo {margin-top:-70px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; border:3px solid #fff; width:auto; margin-right:15px; padding-bottom:70px; z-index:30}
.logo{max-width:220px; width:60%; margin:30px auto 10px auto; z-index:+5}
.intro{margin-top:62vh}
.intro h4{font-weight:bold}
.ano{width:80%;}
#sticky a{font-size:1.4rem; color:#fff; font-family:"AllWide", sans-serif;}
.menulogomob{width:45%; max-width:200px; height:auto; margin:10px 0 0 6%}
.menulogo{width:150px;height:auto; }
.flex{display:flex; flex-wrap:wrap; width:100%; align-content:center;}
.passo{padding:20px 0; border-bottom:1px solid #4eb5d9; width:100%}
.tab {display: none;}
#prevBtn {background-color:#bbbbbb}
.step {height:14px; width:14px; margin:12px 6px; background-color:#bbbbbb; border:none; border-radius:50%; display:inline-block; opacity:0.5}
.step.active {opacity: 1;}
.step.finish {background-color:#4CAF50}
.cad {max-width:540px;width:100%}
.tab input {padding:15px; width:100%; font-size:17px; border:1px solid #aaaaaa;}
.tab input.invalid {background-color:#ffdddd}

  .sticker-card,.card {text-align:center; background:#fff; padding:15px; border-radius:10px; transition:transform 0.3s;}
  .sticker-card:hover {transform: scale(1.08); }
  .sticker-card img {width:95%; height:auto; object-fit:contain; background:#fff; border-radius:10px; padding:7px; box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.btn {display:inline-block; margin-top:12px; padding:10px 20px; background:#25D366; color:white; text-decoration:none; border-radius:30px; font-family:"AllWide", sans-serif; transition: 0.3s;}
.pe{background-color:#f4f6fa; padding-bottom:60px}
.pei{width:35px; height:auto; margin:12px}
.logope{width:240px; margin-bottom:20px}

#top {z-index:-1; position:absolute; top:0; width:100%; height:70vh}
#text,#como{padding-top:40px; padding-bottom:50px}
#top.hero1 {height:85vh}
input[type="text"].mes,input[type="text"].ano{border-radius:70px; border-bottom:none; border:none;width:130px; font-family:"AllWide", sans-serif;text-align:center; margin:0 5px 10px 0; padding:0 0 2px 0}

#nav-icon4 {width:44px; height:30px; position:fixed; top:35px; right:15px; -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}
#nav-icon4 span {display:block; position:absolute; height:5px; width:100%; 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; -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.2);box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.2)}
#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:-5px; left:5px; 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:27px; left:5px; background-color:#fff}
.menu{color:#fff; font-size:1.63rem; font-weight:600; position:fixed; top:24px; letter-spacing:0.04em; text-shadow:1px 1px 2px rgba(0,0,0,0.35)}

.overlay {position:fixed; 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:250; background-image:url(../img/bg-blur.webp);background-size:cover;}
.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:70%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:24px; text-align:center; letter-spacing:-0.01em}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%}
.overlay ul li {display:block; height:16%; height: calc(100% /6); min-height:30px; position:relative; opacity:100; color:#fff; text-align:center}
.overlay ul li a {display:block; position:relative; text-decoration:none; color:#4c1700; font-family:"AllWide", sans-serif; z-index:99999}
.overlay ul li a:hover {color:#fff}

.wrap-collapsible {margin:2rem 0}
.lbl-toggle h4{padding:0; font-size:2rem; margin-bottom:0.2rem; text-transform:none; line-height:110%; letter-spacing:-0.03em}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; text-transform:uppercase; padding:1rem 0.7rem 0 1.4rem; color:#000; background:#fff; cursor:pointer; border-radius:10px; transition:all 0.25s ease-out; margin-bottom:0; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px;}
.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; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:20250px; height:auto}
.toggle:checked + .lbl-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0;}
.collapsible-content .content-inner { background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:1.7rem;}
.content-inner p {font-size:1.7rem; margin-bottom:1.4rem}

.modal-window {position:fixed; background-color:rgba(0,0,0, 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%; position:absolute; top:48%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; background:#ffc801; -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;}
.img-modal{width:40%;margin:5px 0 0 10px; float:right}
#sticky{position:sticky;bottom:0;margin-top:-42px}
}

@media (max-height:640px) {
#como{margin-top:70px; padding-bottom:40px}
}

@media (min-width:380px) {
#como{margin-top:50px; padding-bottom:40px}
}



@media (min-width: 800px) {
.logo{max-width:300px; margin:48px auto 30px auto}
.intro{margin-top:56vh; width:70%; margin-left:15%}
#cad,#compra{padding:45px 35px;border-radius:10px}
}


@media (min-width: 1000px) {
.dk{display:block} .mb{display:none}
.bonvoy{width:110%; height:auto}
.pack {width:90%; margin-left:5%}
.ano{width:40%; margin-top:10px}
.mms{margin-top:50px; margin-bottom:-10px;margin-left:1%; width:70%;}
.topo{display:block; position:fixed; z-index:2; top:0;left:4vw}
.topo button{font-size:1.3rem; padding:8px 22px; border-radius:0 0 20px 20px; box-shadow:0 3px 17px rgba(0, 0, 0, 0.35);}
#sticky a{font-size:2rem;}
.menulogomob{width:35%; max-width:250px; margin:15px 0 0 7.7%}
.hero{background-position:center}
.heroin{background-size:cover;}
.heroin h1{font-size:10rem}
#text{padding-top:9vh; padding-bottom:9vh}
.foot p{font-size:15px}.foot h3{font-size:26px}
#top {height:50vh}
#cad{margin-top:30px}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="date"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {width:49.7%; box-sizing: border-box}
  #como .grid{display:flex;}
  #como {padding-top:70px}
.modal-window > div {max-width:580px; top:50%; left:50%; padding:2.5em 3em 2.5em 3em;}
.img-modal{width:40%;margin:-5px 0 20px 12px}
#idade .button-m{width:46%}
#sticky{margin-top:-54px}
}


@media (min-width: 1200px) {
.slide-menu-open {right:25px; top:25px} 
#nav-icon4 {top:30px; right:50px}
#destaques{background-attachment:fixed; padding:130px 20px}
.intro{margin-top:60vh; width:50%; margin-left:25%}
#salvar{font-size:2rem; height:60px; padding:14px 58px 14px 40px}
.okk{width:29px; margin:15px 0 0 -52px}
.pei{float:left; margin:12px 0 0 0}
input.u-full-width {width:100%; box-sizing: border-box}
input.u-half-width {width:47%; margin-right:2%; box-sizing: border-box}
}


@media (min-width: 1360px) {

}


@media (min-width: 1600px) {
#sticky a{font-size:2.4rem;}
.logo{max-width:300px; margin:65px auto 40px auto}
.hero .container{max-width:1400px}
#como{margin-top:60px; padding-bottom:70px}
#nav-icon4 {width:54px; height:38px; top:45px; right:60px}
#nav-icon4.open span:nth-child(1) {top:-15px; left:5px}
#nav-icon4.open span:nth-child(3) {top:22px; left:5px}
.menu{font-size:1.95rem; top:24px; left:0; letter-spacing:0.08em}
.logope{width:280px}
}


@media (min-width: 1900px) {
.intro{margin-top:61vh; width:40%; margin-left:30%}
.intro h4{font-weight:bold; font-size:3.5rem}
}


.grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:5px; margin-top:30px;}
@media (min-width:600px) {
.grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:20px; margin-top:30px;}
.topo{max-width:40%}
  }


#return-to-top {position:fixed; z-index:+9; bottom:18px; right:20px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); 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: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);}