.container {position:relative; width:100%; max-width:1140px; 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}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.flex{display:flex; flex-wrap:wrap}

.br{color:#fff}
.verd{color:#71bb78}
.verdbg{background-color:#71bb78}
.brbg{background-color:#fff}
.ouro{color:#fda328}
.ourobg{background-color:#fda328}
.red{color:#d45e2c}
.redbg{background-color:#d45e2c}
.lar{color:#f98423}
.larbg{background-color:#f98423}
.orange{color:#f7921c}
.bk{color:#000}
.cz{color:#97a2a6}
.czbg{background-color:#97a2a6}
.cz2{color:#516868}
.czbg{background-color:#516868}
.czclaro{color:#d4dfdb}
.czclarobg{background-color:#d4dfdb}
.blu{color:#9ed6d9}
.blubg{background-color:#9ed6d9}

.somt{text-shadow:1px 1px 15px rgba(0, 10, 10, 0.5);}
.som{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,10,10,0.5);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);}}
.somama{box-shadow:rgba(240, 180, 30, 1) 0px 12px 54px;}

.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}
.circ {border-radius:50%; max-width:100%; height:auto; }
.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:#fff; border-radius:6px}

.zoom{transition:transform 0.2s;}
.zoom:hover{transform:scale(1.09); box-shadow:rgba(240, 180, 30, 1) 0px 12px 54px;}

.row {padding:0 20px}


.modal-window {position:fixed; background-color: rgba(5, 5, 5, 0.5); 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:280px; width:100%; padding:25px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; background:#ffffff; -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.46); border-radius:8px}

.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: 680px) {
  .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:49%; }

  /* 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; margin: 0; padding:0; overflow-x:hidden}
body {font-size:1.5em; font-family:'Source Sans Pro', sans-serif; line-height:1.4;font-weight:400; color:#000; background-color:#f6f6f4; overflow-x:hidden}


h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1.2rem; font-weight:bold; line-height:1.1}
h1 { font-size: 4.5rem; font-weight:300}
h2 { font-size: 3.5rem; font-weight:300}
h3 { font-size: 2.8rem; }
h4 { font-size: 2.3rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.5rem; }

@media (min-width:1200px) {
  h1 { font-size: 6.0rem; }
  h2 { font-size: 4.5rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 2.6rem; }
  h5 { font-size: 2.3rem; }
  h6 { font-size: 1.5rem; }
}

#heroh1 {font-size:8rem; }

p {margin:0; font-size:1.2em; font-weight:300}


/* Links ––––––– */
a {color:#000; 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:#516868}




/* Buttons–––– */
.button,button,input[type="submit"],input[type="reset"],
input[type="button"] {display:inline-block; height:48px; padding:0 33px; color:#ffe44b; text-align:center; font-size:15px; font-weight:600; line-height:30px; text-decoration: none; white-space: nowrap; background-color:#de6e00; border-radius:29px; cursor: pointer; box-sizing: border-box; border: 1px none #fff; letter-spacing:0.03em}
.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:#f98423}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,
input[type="button"].button-primary {background-color: #ffdf19; color: #fff; font-size:20px; padding:8px 33px; height:58px}
.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:#f98423}

.button-sec{font-size:1.6rem; font-weight:300; text-transform:uppercase; padding:0 32px; background:none; border:2px solid #fff; color:#fff}
.button-sec2{font-size:1.6rem; font-weight:300; text-transform:uppercase; padding:0 32px; background:none; border:2px solid #ccc; color:#555}
.button-sec:hover,.button-sec2:hover {border:2px solid #000; color:#000; background:none}

.bred{height:58px; padding:0 22px 9px 22px; color:#fff; text-align:center; font-size:23px; font-weight:bolder; letter-spacing:-0.03em; line-height:58px; text-decoration: none; white-space: nowrap; background-color:#03ab90; border-radius:19px; cursor: pointer; box-sizing: border-box;}
.bred:hover {color:#fff; background-color:#7ba805; }

.bbr{height:58px; padding:0 27px 9px 27px; color:#fff; text-align:center; font-size:28px; font-weight:bolder; letter-spacing:-0.03em; line-height:58px; text-decoration: none; white-space: nowrap; background-color:#7ba805; border-radius:19px; cursor: pointer; box-sizing: border-box}
.bbr:hover {background-color:#6c18f4}

button.navbar-toggler{height:28px; padding:0 12px; color:#fff; text-align:center; font-size:12px; line-height:15px; }

/* Forms–––––– */
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:42px; padding:9px 10px; background-color:#fff; border: 1px solid #D1D1D1; border-radius:4px; 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="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 #03ab90; 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; }


code {padding:.2rem .5rem; margin: 0 .2rem; font-size:90%; white-space:nowrap; background:#F1F1F1; border:1px solid #E1E1E1; border-radius:4px}
pre > code {display: block;padding: 1rem 1.5rem;white-space: pre; }

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-half-width {width:49.7%; 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}
.tcenter{text-align: center}
.tjust{text-align: justify}
.tright{text-align: right}
.it{font-style: italic}
.esp{letter-spacing:0.1em}
.esp2{letter-spacing:-0.03em}
.normal{font-weight:400}
.leve{font-weight:300}
.leve2{font-weight:200}
.mai{text-transform: uppercase}
.b{font-weight:bold}


hr {margin-top:4rem; margin-bottom:4rem; border-width:0; border-top:1px solid #333}
.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); }
}





.modal-window {position:fixed; background-color: rgba(45, 0, 0, 0.55); 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.3s}
.modal-window:target { visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div {max-width:280px; width:100%; padding:20px 18px 0 18px; position:absolute; top:42%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); padding:2em; background:#ffffff; -webkit-box-shadow:0px 0px 80px 0px rgba(0,0,0,0.46); -moz-box-shadow:0px 0px 80px 0px rgba(0,0,0,0.46); box-shadow:0px 0px 80px 0px rgba(0,0,0,0.46); border-radius:10px}

.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:20px; 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;}






@media (min-width: 320px) {
.heroin {width:100%; height:590px; top:0px; z-index:0; background-size:cover; object-fit:cover; position:absolute; height:420px}
.hero-content{width:90%;left:5%;top:140px; text-align:center}
#pe {width:100%;height:auto; z-index:1; margin-top:90px; background-color:#fda328; padding:0}
#pe .row{padding:0; margin:0}
#pe .row .columns{padding:10px 32px; margin:0}
#pe .row .four.columns{padding:24px 32px}
#pe .row h2{padding:15px 0}
#pe .row h3,#pe .row h4{margin-bottom:0; margin-top:0; font-size:170%; font-weight:300}
#pe h6{font-weight:300; font-size:1.7rem; margin-bottom:15px; margin-top:0; text-transform:uppercase}
#pe p{font-weight:300; font-size:1.5rem; margin-bottom:2px }
#pe h6 a:hover{color:#fff}
.play{width:100%; height:auto; margin:0; padding:0; z-index:50}
.seta{width:25px;margin-top:-2px}
    
.scroll1 {display:none}
.scroll1 img {height:220px; width:auto}
.icons .three{max-width:25%}
.navbar{margin-top:130px}
#blog{margin-top:40px}
#blog h2,#blog h3{font-weight:300}
#vida{padding:80px 2%}
.selo {margin-bottom:40px}
.selo img{margin-bottom:-5px}
.social{width:24px; height:auto; margin:15px}

#servicos{padding:0 7% 50px 7%}
#servicost .serv{padding:50px 40px 20px}
#servicost .serv img{max-width:100%; height:auto; max-height:30px}
.serv p{margin-bottom:15px;}
.serv h4{font-weight:300; letter-spacing:0.3rem; margin-top:20px; font-size:2.3rem}
.titulo{font-size:10rem; color:#fff; margin-bottom:-50px; text-shadow:1px 1px 25px rgba(10, 10, 10, 0.1); font-weight:200}
#servicost .circ{margin:-20px auto 30px 10%; width:80%}

li.nav-item{display:inline; margin-left:12px}
li.nav-item:after{content:'›'; display:inline;color:#000;padding:0 .15em;}
button.navbar-toggler{display:none}
.navbar-brand{float:left}
.page-content{margin-top:70px}

#logo {position:fixed; z-index:99; width:120px; top:8px; left:3%}
#conteudo{margin-top:200px}
.top{position:absolute; z-index:9999; top:20px; right:2%; width:60vw; text-align:center}
.top button{height:33px; line-height:18px; font-size:12px; color:#fff; padding:0 12px; border:1px none #fff;}
.forma{position:absolute; top:100px; right:0; width:45%; height:auto; z-index:50; opacity:0.4}
.circin{width:150px;height:150px;margin:0 0 0 5px;float:right}

.banner img{margin-bottom:-5px; width:100%; border-radius:6px}
#conteudo{margin-top:260px}

.news {display:inline-block; height:320px; overflow:hidden;text-overflow:ellipsis; margin:10px 1.7% 30px 1.5%;padding:0 0 15px 0;}
#news h2,#news h3,#news h4,#news h5 {line-height:1.2;font-weight:300;color:#000;text-transform:none; margin-bottom:-10px}
#news p{color:#000; font-weight:400}

#nav-icon4 {width:36px; height:20px; position:fixed; top:53px; 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; z-index:99999}
#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; box-shadow:0 3px 13px 5px rgba(20,20,20,0.2)}
#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}
.menu{color:#fff; font-size:16px; position:fixed; top:32px; letter-spacing:0.1em; right:13px; font-weight:bolder; text-shadow:0px 0px 11px rgba(50,70,150,0.8);}

.overlay {position:fixed; background-color:rgba(200,77,0,.9); 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:70%; -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:7%; height:calc(100%/8); min-height:25px; position:relative; opacity:100; text-align:center; z-index:99999}
.overlay ul li a {display:block; position:relative; color:#fff; font-size:1.3em; text-decoration:none; text-transform:uppercase; letter-spacing:0.3rem; z-index:99999; font-weight:400}
}


@media (min-width: 360px) {

}

@media (min-width: 413px) {

}


@media (min-width: 800px) {
.tit {margin-top:350px; width:70%}
#conteudo{margin-top:45px}
}

@media (min-width: 1000px) {
.foot p{font-size:15px}.foot h3{font-size:26px}
    .scroll1 img {height:350px}
}


@media (min-width: 1200px) {
.top{position:fixed; top:27px; right:4%; width:300px; z-index:99999; display:inline}
.hero{height:auto; min-height:55vh; background-size:cover}
.heroin {object-fit:cover;}
.hero1,.heroc{height:670px; object-fit:cover; top:0}
.hero-content{width:90%;left:7%;top:150px; text-align:center;}
#tin{margin-top:50px; min-height:100px}
#conteudo{margin-top:10px}
#vida{padding:150px 0 70px 0}
#servicos,#servicost{padding:0 10% 100px 10%}
#servicost .serv{padding:50px 40px 20px}
#servicost .serv img{max-width:100%; height:auto; max-height:30px}
.titulo{font-size:18rem; margin-bottom:-70px; letter-spacing:1rem}
.serv h4{font-weight:300; letter-spacing:0.3rem; margin-top:20px; font-size:2.3rem}
#pe .four{width:34.6%}
.forma{position:absolute; top:0; right:0; width:24%; height:auto; z-index:50; opacity:0.4}
.seta{width:25px;margin-top:-2px}
.circin{width:250px;height:250px}
.news{display:inline-table; width:45%; height:360px; margin:10px 1.7% 30px 1.5%;padding:0 0 15px 0}
#logo{position:fixed; width:170px; top:8px; left:4%; z-index:999999}
#nav-icon4 {display:none}
.overlay {position:fixed; background-color:rgba(67,55,52,.77); width:100%; height:92px; max-height:92px; opacity:1; visibility:visible}
.overlay nav {position:relative; height:92px; top:30px; -webkit-transform:translateY(0%); transform:translateY(0%); text-align:center}
.overlay ul {display:flex; height:50px; width:48%}
.overlay ul li {height:17px; width:auto; padding:4px 20px 0 20px; font-size:1rem; border-right:1px solid #fff;}
.overlay ul li a:hover {color:#f0c000}
#response{}
}


@media (min-width: 1360px) {
.hero1,.heroc{height:695px}
.banner img{margin-bottom:-5px; width:100%}
#conteudo{margin-top:50px}
}


@media (min-width: 1600px) {
#logo {width:178px}
.hero-content{top:180px;}
#tin{margin-top:90px}
#conteudo{margin-top:190px}
#blog{margin-top:50px}
.heroin {height:500px}
.news{height:320px}
h1 { font-size: 6.3rem; }
h2 { font-size: 5.0rem; }
h3 { font-size: 4.0rem; }
h4 { font-size: 3.1rem; }
.overlay ul {width:40%}
}


@media (min-width: 1900px) {
#logo {width:190px}
.hero1,.heroc{height:940px}
.tit {margin-top:420px}
.tit h1{font-size:500%}
#tin{margin-top:40px}
.heroin {height:550px}
h1 { font-size: 7rem; }
h2 { font-size: 5.2rem; }
h3 { font-size: 4.3rem; }
h4 { font-size: 3.5rem; }
.overlay ul {width:38%}
}




#news h3{font-weight:lighter}#news h2{line-height:1.2em;font-size:34px}#news img{border-radius:12px}
.hero {position:relative; height:50vh; width:100%; overflow:hidden; background-color:#000; background-image:url(img/rs-hospedes.jpg?v=1); background-position:center; background-size:cover; background-attachment:fixed; top:0; box-shadow:rgba(240, 180, 30, 1) 0px 12px 54px;}
.hero .layer{background-image:url(img/ser_semicirculo.svg?v=1.34); background-size:cover; position:absolute; top:0; left:0; width:100vw; height:100vh; z-index:2}
.hero-content {position:absolute;  color:white; z-index:5; padding:0}
.hero-content h1 {font-weight:200; color:#fff}
.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; font-weight:300; text-transform:uppercase; padding:0 32px 0 40px; background:none; border:2px solid #fff; color:#fff}
.hero-content button a:hover{border:2px solid #f0c000; color:#f0c000}
.cliset{padding:50px 5% 80px 5%}
#clientes{display:flex;flex-wrap: wrap; width:100%}
#clientes img{width:auto; height:40px; margin:50px 50px;}
#destaques{display:flex;flex:wrap;width:100%; padding:0; z-index:2}
#destaques .zoom{max-width:33%; margin-bottom:-7px}
.zoom img{height:auto; max-width:100%; margin-bottom:-7px;}
#destaques .zoom h4 {position:absolute; color:#fff; font-weight:700; font-size:1.5rem; padding:300px 8%; text-transform:uppercase; letter-spacing:0.35rem; text-shadow:0 1px 12px rgba(0, 10, 10, 1);}
#novo-jeito{padding:110px 20px}
.info{padding:23px; text-align:center; color:#fff; font-weight:300; text-transform:uppercase; letter-spacing:0.25rem; background-color:#97a2a6; margin:4px; border-radius:6px; max-width:37%; flex-grow:1}
.info h4{font-size:2rem}
#servicos{margin-top:50px}

@media (max-width: 768px) {
.hero {top:0; min-height:420px}
.hero .layer{background-size:350%; background-position:92% 0%}
.hero-content { }
.hero-content p {font-size:1.7rem;}
.cliset{padding:50px 0 40px 0}
.cliset #clientes img{margin:30px 35px;}
#destaques{display:block;flex:wrap;width:100%}
#destaques .zoom{max-width:100%; margin-bottom:-7px}
#destaques .zoom h4 {position:absolute; padding:47% 8%;}
#novo-jeito{padding:70px 20px}
.info{padding:22px 10px; margin:4px; max-width:40%}
.info h4{font-size:1.5rem}
}




.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
.unslider-nav{position: absolute;width: 100%;bottom: 2%;}
.unslider-nav ol {display:none;list-style: none;text-align: center;}
.unslider-nav ol li {display:none; width: 6px; height: 6px; margin: 0 4px; background: transparent; border-radius: 5px;  overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer;}
.unslider-nav ol li.unslider-active {background: #fff;cursor: default;}
.dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center;}
.dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px;
  cursor: pointer;opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.dots li.active {background: #fff; opacity: 1;}