.container-fluid {position:relative; width:100%; margin:0; padding:20px; box-sizing:border-box; }
.container {position:relative; width:100%; max-width:980px; margin:0 auto; padding:0 20px; box-sizing:border-box; }
.column,.columns {width:100%; float:left; box-sizing:border-box; }
.padd{padding:70px 0}
.pad{padding:30px 0}
.login{width:150px; float:left}
.pe{background-color:#fff; padding:30px 0 20px 0; margin:50px 0}
.azul{background-color:#1d316d}
.verd, .verd a{color:#23c861}
.verdb{background-color:#dcefdc}
.aguabg{background-color:#6fcda2}
.cyan{color:#00a4ed}
.br{color:#fff}
.rou{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.j{text-align: justify}


.sobre {z-index:50; float:right; position:relative; min-height:200px}
.photo {background-attachment:fixed;background-position:50% 0;background-repeat:repeat;height:auto;position:relative;}
.imghm {background-image:url('https://rmsgroup.com.br/images/lab-rms.jpg');background-position: center center;}


.bigbo{width:140px;height:140px;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;border:2px solid #00a8ec;background-color:#00a8ec; color:#FFFFFF; line-height:140px;text-align:center; font-size:18px; display:inline-table; text-decoration:none;opacity: 1;
transition:opacity .20s ease-in-out;-moz-transition:opacity .20s ease-in-out;-webkit-transition:opacity .20s ease-in-out; margin:0 4px 4px 0}
.bigbo:hover{background-color:#285487; color:#FFFFFF}


@media (min-width: 400px) {
  .container { width: 85%; padding: 0; }
}

@media (min-width: 550px) {
  .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%; }


  .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%; }

}


/* Base Styles
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size:62.5%; }
body {font-size:1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height:1.6;font-weight: 400;font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#223171;overflow-x: hidden; background-attachment: fixed}


h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:2rem; font-weight:300; line-height:100%}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing:.2rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing:.2rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing:.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing:.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing:.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing:0; }


@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0}
a {color: #00a8ec; text-decoration: none}
a:hover {color: #37e58d; transition:all 0.3s}


.button,button,
input[type="submit"],input[type="reset"],
input[type="button"] { display:inline-block; height:42px; padding:0 30px; color:#fff; text-align:center; font-size:11px; font-weight:900; line-height:42px; letter-spacing: .1rem;  text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:#a9dba1; border-radius:30px; border:0 solid #bbb; cursor:pointer; box-sizing:border-box; }
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {background-color:#233973}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {color: #FFF; background-color: #33C3F0; border-color: #33C3F0; }
.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: #1EAEDB; border-color: #1EAEDB; }


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],
textarea,select {height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  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: 1px solid #33C3F0; 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; }
label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }



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



th,td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child,td:first-child { padding-left: 0; }
th:last-child,td:last-child { padding-right: 0; }


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%; 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; }
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


.container:after,.row:after,.u-cf { content: ""; display: table; clear: both; }






@media (min-width: 300px) {
#menu{display:none}
.con{top:10px; min-height:20px; height:auto; padding: 0 0 90px 0}
#menutop {display:none;}
#menutop ul {text-align:center; display:block; margin: 0; padding:0 0 3px 0; list-style:none; background-color:#273e79; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(37,52,72,0.5);-moz-box-shadow: 0px 0px 16px 0px rgba(37,52,72,0.5);box-shadow: 0px 0px 16px 0px rgba(37,52,72,0.5);}
#menutop ul li {font-size:9px; color:#fff; text-decoration:none; font-weight:600; letter-spacing:0.08em; display:inline-block; position:relative; margin:0 8px; background:none; cursor:pointer; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition: all 0.2s; transition:all 0.2s;}
#menutop ul li a {color:#fff}
#menutop ul li a:hover {color:#fff}
.top{background-color:#dcefdc; height:110px; margin-bottom:7px}
.logo img {max-width:90px; float:left; margin:5px 10px 0 -20px}
.logo p {margin:22px 0 0 0; font-size:11px; letter-spacing:0.14em; width:75%}
#rpe {z-index:290}
#rpe img{width:70px; margin:8px; float:left}
.zap{position:fixed; bottom:12px; right:12px; width:52px; height:auto; z-index:999}
button{padding:0 22px;}
    
.slide-menu-open {text-decoration:none; position:fixed; right:15px; top:28px; color:#fff; background-color:darkblue; border-radius:30px; padding:0 10px; z-index:100; font-weight:bold; font-size:1.3rem; line-height:25px; height:25px} 
.side-menu-wrapper {overflow-y:auto; overflow-x:hidden;background:rgba(15,21,67,.9); z-index:310; padding:40px 20px 0 20px; position:fixed; top:0px; left:-340px; /* Sidebar initial position. "right" for right positioned menu */
    height:100%; transition: 0.5s; width:220px; color:#fff; text-decoration:none; letter-spacing:0.11em;}
.side-menu-wrapper > ul {list-style:none; padding:0; margin:0;overflow-y:auto; width:300px; height:96%;}
.side-menu-wrapper > ul > li > a {display:block; padding:0; color:#fff; transition:0.3s; text-decoration:none; text-shadow:1px -1px 1px #0B1330; font-size:14px; text-transform: uppercase; letter-spacing:0.12em; padding:10px 0}
.side-menu-wrapper > ul > li > ul > li {display:block; padding:2px 0; transition:0.3s; text-decoration:none; text-shadow:1px -1px 1px #0B1330; list-style:none; font-size: 12px; z-index:322}
.side-menu-wrapper > ul > li > ul > li > a { color: #ffffff}
.side-menu-wrapper > a.menu-close {padding:0 0 4px 23px;color:cyan; display:block; margin:-45px 0 -13px -20px; font-size:50px; text-decoration:none; z-index:522}
.side-menu-overlay {height:120%; width:0; position:fixed; z-index:300; top:-60px; left: 0; background-color:rgba(15,21,67,.7);
overflow-y:auto; overflow-x:hidden; text-align:center; opacity:0; transition:opacity 1s;}

.over{position:absolute; float:left; z-index:100; top:62px; padding:20px 40px 0 3%; width:85vw; -webkit-border-radius:0px 80px 0px 0px;-moz-border-radius: 0px 80px 0px 0px;border-radius:0px 80px 0px 0px; background-color:#FFF}
.over h1 {font-size:150%; z-index:104}
.overi{position:absolute; float:left; z-index:100; top:165px; padding:15px 20px 0 5%; width:auto; height:auto; -webkit-border-radius:0px 80px 0px 0px; -moz-border-radius:0px 80px 0px 0px; border-radius:0px 80px 0px 0px; background-color:#FFF}
.overi h1 {font-size:3rem;margin-bottom:10px}
.overi h2 {font-size:1.4rem}

.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 li{height:240px}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider-nav ol {list-style: none; text-align: center;}
.unslider-nav ol li {display: inline-block;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;}
.banner ul li {opacity: 0;-webkit-transition: opacity 2.25s; transition:opacity 2.25s}
.banner ul li.unslider-active {opacity: 1}
}




@media (min-width: 700px) {
#menutop {top:-20px; right:0; position:absolute; display:block; width:300px;-webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;}
.top{height:110px; margin-bottom:7px}
.logo img {max-width:100px; margin:5px 10px 0 -20px}
    .logo p {display:none}
.over{top:80px; padding:40px 20px 0 5%; width:78vw; height:190px}
.overi{top:80px; padding:40px 20px 0 5%; width:78vw; height:150px}
.over h1 {font-size:2.35rem}
.overi h1 {font-size:2.3rem}
.overi h2 {font-size:1.8rem; margin-top:-10px}
}



@media (min-width: 980px) {
.slide-menu-open {display: none}
.side-menu-wrapper {display: none}
.con{top:100px; min-height:420px; padding: 0 0 90px 40px}
#menu {display: block;margin:28px 0 0 0; width:100%; }
#menu ul {display:inline; margin:0; padding:0; list-style:none;float:right}
#menu ul li {font-size:80%; text-decoration:none; text-transform: uppercase; letter-spacing:0.12em; display:inline-block; position:relative; padding:0 0 0 15px; background:none; cursor:pointer; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
#menu ul li a {color:#223171}
#menu ul li a:hover {color:#00a8ec}
#menu ul li ul {border-radius:8px;position:absolute;left:0; width:220px; -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.65);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.65);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.65); display:none; opacity:0; visibility:hidden; -webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s;}
#menu ul ul {background:#9aa9af; margin:0;padding:12px}
#menu ul li ul li {display:block; color:#fff; text-shadow:0 -1px 0 #000; font-size:13px}
#menu ul li ul li a {color:#fff;}
#menu ul li ul li a:hover {color:#00a8ec; background: none}
#menu ul li:hover ul {display:block;opacity:1;visibility:visible;}
#rpe {width:100%; margin:0 0 30px 0; position:absolute}
#rpe img{width:85px; margin:0 8px -10px 12px;}
.top{height:120px; margin-bottom:7px}
.logo img {margin:5px 15px 0 0}
.logo p {display: block; margin:21px 0 0 0; width:90%; line-height:130%}
.unslider li{height:70vh}
.banli{height:40vh}
.over{top:35vh; padding:40px 20px 0 5%; width:65vw; height:200px;-webkit-border-radius: 0px 180px 0px 0px;-moz-border-radius: 0px 180px 0px 0px;border-radius:0px 180px 0px 0px}
.overi{top:41vh; padding:40px 20px 0 8%; width:65vw; height:170px;-webkit-border-radius: 0px 180px 0px 0px;-moz-border-radius: 0px 180px 0px 0px;border-radius:0px 180px 0px 0px}
.over h1,.overi h1 {font-size:3rem}
.overi h2 {font-size:2rem; margin-top:0}
}


@media (min-width: 1200px) {
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.top{background-color:#dcefdc; height:150px; margin-bottom:15px}
.logo img {max-width:130px; float:left; margin:7px 20px 0 0}
.logo p {margin:41px 0 0 0; font-size:11px; letter-spacing:0.24em}
#menu {display: block;margin:42px 0 0 0; width:100%; }
#menu ul li {font-size:85%; padding:0 0 0 25px; letter-spacing:0.2em;}
.zap{bottom:15px; right:17px; width:60px}
button{padding:0 32px}
.over{top:41vh; padding:40px 20px 0 5%; width:60vw}
.overi{top:44vh; padding:40px 20px 0 8%; width:60vw}
.over h1 {font-size:3.5rem}
.overi h1 {font-size:3.5rem; margin-bottom:5px}
.overi h2 {font-size:2rem}
}


@media (min-width: 1360px) {
.over{top:40vh; padding:40px 20px 0 5%; width:60vw}
.overi{top:44vh; padding:40px 20px 0 8%; width:60vw}
.over h1 {font-size:4rem}
.overi h1 {font-size:4rem}
.overi h2 {font-size:2rem}
}


@media (min-width: 1600px) {
.over h1 {font-size:330%}
.zap{bottom:19px; right:19px; width:65px}
}





.etabs {margin:0; padding:0}
.tab {display:inline-block; zoom:1; *display:inline; background:#fff; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; margin:0 2px 8px 2px;
-webkit-box-shadow:0px -5px 7px 0px rgba(38,79,98,0.34);-moz-box-shadow:0px -5px 7px 0px rgba(38,79,98,0.34);box-shadow:0px -5px 7px 0px rgba(38,79,98,0.34);}
.tab a {font-size:16px; line-height:2em; display:block; padding:5px 14px; outline:none; text-decoration:none; text-transform:uppercase;letter-spacing:.12rem}
.tab a:hover {}
.tab.active {background:#fff; position:relative; top:-3px;}
.tab a.active {font-weight:bold; }
.tab-container .panel-container {background:#fff; border:solid #666 1px; padding:10px; -moz-border-radius:0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }