.container {position:relative; width:94%; max-width:1280px; 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}.pad4{padding:40px}.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:#ef8023} .rx{color:#9d7bc2} .rx2{color:#573196} .red{color:#cf0027} .blu{color:#5b73b3} .blu2{color:#1d3a6c} .bgbk{background-color:#000} .bgg{background-color:#dee1e4} .bggg{background-color:#b5b5b5} .bgbr{background-color:#fff} .bgama{background-color:#ef8023} .bgrx{background-color:#9d7bc2} .bgrx2{background-color:#573196} .bgblu{background-color:#b4c6d2} .bgblu2{background-color:#1d3a6c} .bgaz{background-color:#403eb7} .bgred{background-color:#cf0027} .bgczaz{background-color:#f0e8f4} .shapeverde{background-color:#35d692;padding:10px 15px} .bgcor{ background:rgb(102,51,198); background:linear-gradient(-90deg, rgba(102,51,198,1) 15%, rgba(23,50,96,1) 84%); } .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.25);-moz-box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.25);box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.25)} .shadow {box-shadow:0px 15px 40px -35px #111; } .circle{border-radius:50%;} .ico{border-radius:50%; background-color:#fff; 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; } .plugin-content li{list-style:none; text-transform:uppercase; font-size:13px; line-height:18px; border-bottom:1px solid #a6c3db; padding:10px 0 19px 0} .plugin-tags .plugin-content li{font-size:10px; border:1px solid #a6c3db; padding:5px; float:left; margin:0 10px 10px 0} .row .art{text-align:justify} .row .art h2{text-align:left} .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);} @media (min-width: 300px) { .container {width:100%} .contain {width:92%} .one-half {width:50%; float:left; box-sizing:border-box; } .two.columns { width:50%; min-height:200px} } @media (min-width: 600px) { .two.columns { width:33%; min-height:200px} } @media (min-width:1000px) { .container {width:90%} .contain {width:87%} .column, .columns { margin-left:3%; } .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} /* 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%; scroll-behavior:smooth;} body {font-size:1.46em; line-height:1.7; font-weight:400; font-family:'Lato', sans-serif; color:#222; letter-spacing:0.04em; overflow-x:hidden; width:100%; height:100%; padding:0; margin:0; background-color:#fff; overflow-x:hidden; -webkit-font-smoothing: antialiased;} h1, h2, h3, h4, h5, h6 {margin:0 0 1rem 0; color:#1d3a6c; font-weight:300; letter-spacing:.12em;} h1 {font-size:4.3rem; line-height:1.24; } h2 {font-size:3.2rem; line-height:1.24; } h3 {font-size:2.9rem; line-height:1.3; } h4 {font-size:2.2rem; line-height:1.3; } h5 {font-size:1.8rem; line-height:1.4; letter-spacing:0; margin:0} h6 {font-size:1.3rem; line-height:1.4; letter-spacing:0; margin:0} @media (min-width: 750px) { h1 { font-size: 5.2rem; } h2 { font-size: 4.2rem; } h3 { font-size: 3.5rem; } h4 { font-size: 2.2rem; } h5 { font-size: 1.7rem; } h6 {font-size: 1.5rem; } } .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:#e88606; text-decoration:none} .button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:auto; border-radius:90px; padding:16px 35px; color:#fff; text-align:center; font-size:0.9em; letter-spacing:0.1rem; font-weight:400; line-height:1.2; text-shadow:1px 1px 5px rgba(3,7,9, 0.2); text-transform:uppercase; text-decoration:none; white-space:nowrap; border-radius:30px; border:none; cursor:pointer; box-sizing:border-box; background:rgb(148,195,220); background:linear-gradient(211deg, rgba(148,195,220,1) 8%, rgba(102,51,198,1) 73%, rgba(23,50,96,1) 100%); 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 {color:#fff; border-color:#fff; outline:0;} .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:80px; 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:40px; padding:9px 14px; /* The 6px vertically centers text on FF, ignored by Webkit */ border:1px solid #ddd; border-radius:28px; box-shadow:none; box-sizing:border-box; color:#000; font-size:15px} 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:0.5rem; } .u-full-width { width:100%; box-sizing: border-box; } .u-half-width { width:48%; 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:6rem; border-width:0; border-top:2px solid #b4c6d2} .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; } .container {width:92%} #top{margin:0 0 -200px 0; background-image:url(../img/hero1.webp); background-size:cover; background-position:top center; height:95vh} .herot{margin-top:140px; text-align:right; width:95%; left:5%} .herot h1{font-size:3rem; text-shadow:0px 0px 15px rgba(0,3,70, 0.5);} .herot h2{font-size:2rem; text-shadow:0px 0px 15px rgba(0,3,70, 0.5); margin-bottom:30px;} .asse{background-image:url(../img/hero-diagnostica.jpg); background-size:cover; background-position:top center; margin-top:90px; margin-bottom:-140px; min-height:600px} .asse .six{margin:70px 0 0 30px; width:92%} #topin{margin:0; background-position:top left; background-size:270%; height:300px} #topin .herot{margin-top:14%; text-align:left} #topin .herot h1{margin-top:80px} .time{background-image:url(../img/heroin-time.webp); } .lab{background-image:url(../img/heroin-lab.webp); } .assessoria{background-image:url(../img/heroin-assessoria.webp); } .produtos .columns{margin-bottom:20px} #produtosin,#produtosind{margin:40px auto} #produtosin .columns, #produtosind .columns{margin-bottom:25px; padding:30px} #produtosin img{max-width:160px; max-height:45px; height:auto; margin-bottom:20px} #produtosind img{width:100%; height:auto; margin-bottom:20px} #produtosind h3{margin-bottom:10px} .logo-marca{height:auto; width:220px; margin-bottom:25px} #marcas{margin:80px auto} #marcas img{max-width:210px; min-height:40px; max-height:50px; margin-bottom:20px} #marcas li{font-weight:bold} #marcas .columns{margin-bottom:20px} .play{width:100%; height:auto; margin:0; padding:0} .pe{padding:80px 20px 70px 10px; background-color:#cbd8e1} .pe li{margin:9px 0}, .pe ul,.pe li a, .pe p a{color:#1d3a6c} .pe a:hover{color:#fff} .marca{max-width:150px; max-height:35px; height:auto; margin:30px} .social{width:32px;height:auto;margin:7px} #slideshow > div{position:absolute; margin:0} #slidehm{position:absolute; margin:0; display:grid; height:580px} .logo,.logoin {width:180px; height:auto; margin:18px 8px 0 -10px; position:absolute; z-index:99} .contato{position:absolute; top:0; right:80px; width:140px; height:auto; z-index:5; display:none} .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;} .menu{display:none} .slide-menu-open {text-decoration:none; position:absolute; left:20px; top:18px; z-index:99} .side-menu-wrapper {overflow-y:auto; overflow-x:hidden;background:rgba(30,60,110,1.0); z-index:999; padding:37px; position:fixed; top:0px; right:-360px; /* Sidebar initial position. "right" for right positioned menu */ height:100%; transition: 0.5s; width:250px; color:#fff; text-decoration:none; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);} .side-menu-wrapper > ul {list-style:none; padding:0; margin:0;overflow-y:auto;} .side-menu-wrapper > ul > li {margin-bottom:0} .side-menu-wrapper > ul > li > a {display:block; padding:16px 0; color:#fff; transition:0.3s; text-decoration:none; font-size:0.9em; font-weight:900; text-transform:uppercase; margin:0; letter-spacing:0.3em; border-bottom:1px solid #4e689d} .side-menu-wrapper > ul > li > ul > li {display:block; transition:0.3s; text-transform:uppercase; text-decoration:none; list-style:none; font-size:1.0em; line-height:1; padding:12px 0; width:50%; align-self:center; margin-bottom:0} .side-menu-wrapper > ul > li > ul > li > a {color:#fff} .side-menu-wrapper > a.menu-close {padding:0 0 4px 18px;color:#fc8929; display:block;margin:-37px 0 -18px -20px; font-size:44px; text-decoration:none; text-shadow:1px 1px 19px rgba(0, 0, 0, 0.5)} .side-menu-overlay {height:120%; width:0; position:fixed; z-index:400; top:-60px; left: 0; background-color:rgba(57,80,145,.8); overflow-y:auto; overflow-x:hidden; opacity:0; transition:opacity 0.3s;} .dna{display:block; width:60px;height:auto; margin:20px auto 0 0} .submenu {position:fixed; display:flex; flex-wrap:wrap; visibility:hidden; opacity: 0; list-style:none; margin:0 0 0 -18px; padding:15px 0 5px 17px; background-color:#1d3a6c; border-radius:22px; transition:visibility 0.22s, opacity 0.3s ease-in-out; box-shadow:0px 20px 20px 0px rgba(0,0,50,0.4)} .submenu li a {text-decoration:none; color:#fff; letter-spacing:0.22em; font-size:0.94em; font-weight:bold;} .has-submenu.open > .submenu {visibility:visible; opacity:1; } #nav-icon4 {width:45px; height:30px; position:fixed; right:22px; -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:300} #nav-icon4 span {display:block; position:absolute; height:3px; 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; box-shadow:0px 0px 40px 0px rgba(0,0,0,0.5)} #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:9px; -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:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin: left center; transform-origin: left center;} .men{color:#fff; font-size:1.2rem; position:fixed; top:40px; right:20px;letter-spacing:0.23em;} .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: rgb(102,51,198); background: linear-gradient(-90deg, rgba(102,51,198,1) 15%, rgba(23,50,96,1) 84%); 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; border-radius:0 0 22px 22px} .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} } @media (min-width:360px) { #topin{background-size:250%} } @media (min-width:375px) { #topin{background-size:240%} } @media (min-width:412px) { #topin{background-position:top left; background-size:230%} } @media (min-width:667px) { #topin{background-position:top left; background-size:120%} #topin .herot h1{margin-top:30px} #conteudo {margin-top:50px; padding-top:380px} #conteudoin {margin-top:50px; padding-top:270px} } @media (min-width: 1000px) { .herot{margin-top:18%} .herot h1{font-size:4.5rem} .herot h2{font-size:2.2rem} #top{margin-top:30px; background-size:cover; background-position:top center; height:94vh} #topin{margin-top:0px; background-size:cover; background-position:top center; height:60vh} #topin .herot h1{margin-top:0px} .contato{display:block; position:fixed; top:0; left:auto; right:7%; width:170px; height:auto; z-index:99} .flex{display:flex; align-content:center; align-items:center; justify-content:center; width:100%; flex-wrap:wrap;} .marca{max-width:170px; max-height:38px; height:auto; margin:35px} .industria{display:block;margin:15px 0 20px -90px;letter-spacing:0.5em} .selo{max-width:180px; margin:25px 0 0px 0} .sub{right:0; float:right} #subm {float: right} .produtos .columns{margin:0 8px 0 8px} #produtosin {display:flex; flex-wrap:wrap; justify-content:center;} #produtosin .columns{margin-left:0; margin:10px; flex-grow:1;; max-width:23.5%} #produtosin .columns, #produtosind .columns{margin-bottom:25px; padding:40px} #produtosind img{max-width:350px; height:auto; margin-left:20px; margin-bottom:20px; float:right} .lds-ripple {margin:22% 0 0 45%} .overlay ul li a {font-size:1.2em} .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: 1200px) { #top,#topin{min-height:520px} #top{margin:38px 0 -210px 0} #topin{margin:38px 0 -110px 0} .marca{max-width:194px; max-height:42px; margin:35px} .logo,.logoin {width:20%; margin:25px 0 0 0;} .produtos{margin-top:-140px; z-index:99} .asse{background-size:cover; margin-top:120px; margin-bottom:80px; min-height:560px} .asse .six{margin:0 0 0 8%; width:50%} .contato{z-index:99999} .slide-menu-open,.side-menu-overlay,.side-menu-wrapper > a.menu-close {display: none} .side-menu-wrapper{position:fixed; z-index:99999; display:block; height:28px; right:0; margin:0; box-shadow:none; background:#1d3a6c; width:100%; padding:6px 10px 8px; overflow-y:hidden; text-align:center; min-width: 360px;} .side-menu-wrapper > ul {margin:2px 0 0 0; padding:0; display:inline-block; width:auto; overflow-y:hidden; } .side-menu-wrapper > ul li {display:inline-block; font-size:0.85em; font-weight:900; line-height:1; text-transform:uppercase; margin:0; padding:0 12px; letter-spacing:0.2em; text-shadow:0px 0px 5px rgba(0,3,50, 0.7);} .side-menu-wrapper > ul li a{color:#FFF} .side-menu-wrapper > ul li a:hover{color:#ff8722} .side-menu-wrapper > ul > li > a{border-bottom:none; padding:0} .dna{display:none} .submenu{margin:9px 15px 0 -29px; display:flex; flex-wrap:wrap; flex-flow: row wrap; width:45%; text-align:left; padding:5px 0 18px 0; border-radius:0 0 22px 22px; box-shadow:0px 20px 20px 0px rgba(0,0,50,0.4)} .side-menu-wrapper > ul > li > ul > li {padding:15px 30px; font-size:1.0em; border-bottom:1px solid #284679; width:22%; height:20px; align-self:center} } @media (min-width: 1350px) { #top{margin:38px 0 -220px 0} #topin{margin:38px 0 -80px 0} .side-menu-wrapper > ul li {font-size:0.85em; padding:0 16px; letter-spacing:0.2em} } @media (min-width: 1600px) { .submenu{width:38%; padding:5px 0 18px 0} .side-menu-wrapper{height:33px; padding:8px 10px 7px} .side-menu-wrapper > ul {margin:3px 0 0 0} .side-menu-wrapper > ul li {font-size:0.97em; padding:0 20px} .submenu{margin:17px 0 0 -29px; padding:5px 0 22px 0} .contato{right:9%; width:180px} #top{margin:42px 0 -250px 0} #topin{margin:42px 0 -50px 0; min-height:570px} .herot .seven{width:60%; margin-top:40px; margin-left:42%} .herot h1{font-size:5rem} .herot h2{font-size:2.8rem} } @media (min-width: 1900px) { .asse{background-size:cover; margin-top:120px; margin-bottom:80px; min-height:660px} .asse .six{margin:0 0 0 8%; width:50%} #topin .herot{margin-top:16%} } #return-to-top {position:fixed; bottom:15px; z-index:999; left:16px; background:rgba(40, 0, 120, 0.6); 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: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(45, 10, 130, 0.8)} #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);} .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}