#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#890d19; z-index:999;}
#preloader .inner {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.bolas > div {display: inline-block; background-color:#ffd31b; width: 25px; height: 25px; border-radius: 100%; margin: 3px; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: animarBola; animation-timing-function: linear; animation-iteration-count: infinite;}
.bolas > div:nth-child(1) {animation-duration:0.75s; animation-delay:0;}
.bolas > div:nth-child(2) {animation-duration:0.75s; animation-delay:0.12s;}
.bolas > div:nth-child(3) {animation-duration:0.75s; animation-delay:0.24s;}
 
@keyframes animarBola {0%{-webkit-transform:scale(1); transform:scale(1); opacity:1 }
  16%{-webkit-transform:scale(0.1); transform:scale(0.1);opacity:0.7 }
  33%{-webkit-transform:scale(1);transform:scale(1); opacity:1 } 
}



.container {position:relative; width:100%; max-width:1100px; 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}
.pad{padding:30px 0}
.padown{padding:0 0 60px 0}
.padd{padding:80px 0}
.padb{padding:0 0 40px 0}
.br{color:#fff}
.blu{color:#1a4798}
.roxo{color:#6c2ea0}
.red{color:#e70a1f}
.cor{color:#890d19}
.verde{color:#8538a7}
.ama{color:#ffd31b}
.bgama{background-color:#ffd31b}
.bgroxo{background-color:#6c2ea0}
.bgred{background-color:#890d19}
.bgazul{background-color:#1a4798}
.bgbg{background-color:#f4f4f4}
.bgcz{background-color:#f4f4f4}
.bgbr{background-color:#fff}

.zoom{transition: transform .2s;}
.zoom:hover{transform: scale(1.12);}
.circ{width:100%; height:auto; border-radius:50%; overflow:hidden; float:left; margin:0}
.round{-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.box{-webkit-box-shadow:0px 0px 24px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2); background-color:#fff; padding:50px 20px 30px 20px}
.som{-webkit-box-shadow:0px 0px 22px -8px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.5);box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.5)}
.somt {text-shadow:0px 2px 8px #890d19}



@media (min-width: 320px) {
.container {width:100%}
.th.columns  { width:22%; text-align:center}
}


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


html {font-size:62.5%; overflow-x:hidden; scroll-behavior:smooth}
body {margin:0; padding:0; font-size:1.8em; line-height:1.4; font-family:'Roboto Slab', serif; font-weight:400; color:#302442; background-color:#f0ecdd}


/* Typography –––– */
h1, h2, h3, h4, h5, h6 {margin:0.3em 0 0.5em 0; color:#890d19; line-height:1.2; font-weight:bolder; letter-spacing:-0.03em}
h1 { font-size:4.8rem; letter-spacing:-0.06em}
h2 { font-size:3.2rem; }
h3 { font-size:2.2rem; }
h4 { font-size:2.2rem; }
h5 { font-size:1.6rem; }
h6 { font-size:1.5rem; }
h7 { font-size:1.2rem;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size:5.5rem; }
  h2 { font-size:3.9rem; }
  h3 { font-size:3.0rem; }
  h4 { font-size:2.7rem; }
  h5 { font-size:1.8rem; }
  h6 { font-size:1.5rem; }
h7 { font-size:1.2rem;}
}

p { margin-top:0; }

a {color:#f10013; text-decoration:none; -o-transition:color .15s ease-out, background 1s ease-in; -ms-transition:color.15s ease-out, background 1s ease-in; -moz-transition:color.15s ease-out, background 1s ease-in; -webkit-transition:color .15s ease-out, background 1s ease-in;}
a:hover {color:#fdb813; text-decoration:none}


.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:34px; padding:4px 20px; color:#fff; text-align:center; font-size:14px; line-height:34px; text-decoration:none; white-space:nowrap; background-color:#b9925e; border-radius:22px; cursor:pointer; border:0; transition:all .4s ease;}
.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:#ffda18;}



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; -webkit-box-shadow:0px 0px 22px -8px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.5);box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.5)}
/* 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; }


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; }
.text-center{text-align: center}
.just{text-align:justify}
.leve{font-weight:lighter}
.sp{letter-spacing:0.7em}
b,.b{font-weight:bolder}
hr {margin-top:3rem; margin-bottom:3.5rem; border-width:0; border-top:4px solid #E1E1E1;clear:left}

@media (max-width:720px) {
.u-half-width {width:100%; box-sizing: border-box}
}




/* Clearing–––––– Self Clearing Goodness */
.container:after,.row:after,.u-cf { content:""; display:table; clear:both} 


ul.tabs {margin:-40px 0 0 0; padding:0px; list-style:none;}
ul.tabs li {background:none; font-weight:bold; display:inline-block; padding:10px 16px; cursor:pointer; margin:0; font-size:16px; color:#777; border-radius:4px 4px 0 0; box-sizing:border-box; -webkit-box-shadow:0px -8px 9px 0px rgba(166,166,166,0.5); -moz-box-shadow:0px -8px 9px 0px rgba(166,166,166,0.5); box-shadow:0px -8px 9px 0px rgba(166,166,166,0.5)}
ul.tabs li.current {background:#fff; color:#6f0128}
.tab-content {display:none; background:#fff; padding:15px; box-shadow:none; box-sizing: border-box; text-align:justify}
.tab-content.current {display: inherit;}





/* Larger than mobile */
@media (min-width:320px) {
    
.vov{display:none}
#menudesk{display:none}
#data{height:100%;flex:3;align-items:flex-start;}object{width:100%; min-height:3200px}
.bodyin{padding-top:25px;display:block}

.rplogo{float:left; width:135px; height:auto; margin:30px 0 0 0}
.rpbg{width:100%; height:87px; padding:20px 0; margin:0; background-image: url(../img/redpill-bg.png); background-position:center; background-repeat:repeat-x}
.um{font-size:9px; letter-spacing:0.7em; margin:-72px auto 0 5px; float:left}
.email{position:absolute; color:red; font-size:13px; float:right; display:none}
#nav2{font-weight:bolder; list-style:none;}
.ico{width:30px;height:auto;margin-right:9px}
#icos{position:absolute; margin:-44px 0 0 165px}

img.im{max-width:280px;width:100%;margin:10px 0; -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); border:1px solid #fff}
dt h3{font-size:28px;margin:0; line-height:112%}
dd{font-size:16px;margin-left:0; border-bottom:12px solid #bbb; padding:0 0 30px 0; margin-bottom:40px}


.slideout-menu {position:fixed; top:0; bottom:0; width:256px; min-height:100vh; overflow-y:scroll; -webkit-overflow-scrolling: touch; z-index:0; display:none;}
.slideout-menu-left {left: 0;}.slideout-menu-right {right: 0;}
.slideout-panel {position:relative; z-index:1; will-change:transform; background-color:#FFF; min-height:100vh;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;} 

#menu{display:none}
.slide-menu-open {text-decoration:none; position:fixed; right:17px; top:25px; text-shadow:1px -1px 1px #000; z-index:300; font-weight:bold; color:#fff} 
.slide-menu-open img {width:48px; height:auto}
.side-menu-wrapper {overflow-y:hidden; overflow-x:hidden; background:rgba(37,13,25,1); z-index:310; padding:10px 10px 0 35px; position:fixed; top:0px; right:-330px; height:100%; transition:0.3s; width:260px; color:#fff; text-decoration:none; background-image: url(../img/redpill-bg.png); background-repeat:repeat; }
.side-menu-wrapper > ul {list-style:none; padding:0; margin:0; overflow-y:auto; width:240px; height:96%}
.side-menu-wrapper > ul > li > a {display:block; padding:10px 0; color:#fff; text-decoration:none; text-shadow:0 -1px 1px #0B1330; font-size:23px; font-weight:900}
.side-menu-wrapper > a.menu-close {padding:0; color:red; display:block; margin:-10px 18px -20px 0; font-size:52px; text-decoration:none; font-weight:900; z-index:500;float:right}
.side-menu-overlay {height:120%; width:0; position:fixed; z-index:300; top:-60px; right: 0; background-color:rgba(15,7,4,.8);
overflow-y:auto; overflow-x:hidden; opacity:0; transition:opacity 0.4s;}
}


/* Larger than tablet */
@media (min-width:640px) {

}


/* Larger than desktop */
@media (min-width: 1000px) {
#data{position:fixed;top:160px;overflow: auto}

.rpbg{width:100%; height:100px; padding:20px 0;}
.rplogo{float:left; width:160px; margin:5px 0 18px -13px}
.um{font-size:12px; margin:27px auto 0 auto; float:none}
.email{position:absolute; display:block; font-size:18px; float:none; top:20px; right:20px; left:auto}
#menudesk{display:block;flex:2; background-color:#4a0102;height:55px}
.vov{display:block}
#nav2{float:right;display:inline-block; margin-right:12%}
#nav2 img{display:inline-block; margin:14px 5px}
#manifesto{position:absolute; margin:17px 0 0 10px; font-size:14px; letter-spacing:0.4em; display:inline-block; font-weight:700; text-decoration:none; cursor:pointer;}
.ico{margin:0; width:34px}

#menuin,.slide-menu-open {display:none}
.side-menu-wrapper {display:none}
#menu {position:absolute; display:table; float:left; z-index:50}
#menu ul {display:inline; margin:0; padding:0; list-style:none}
#menu ul li {font-size:19px; font-weight:700; text-decoration:none; display:inline-block; position:relative; padding:12px 22px 0 0; background:none; cursor:pointer;}
#menu ul li a {color:#fff; -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:hover {color:#ffd31b}
}



@media (min-width: 1270px) {
.bodyin{padding-top:40px}
dt h3{font-size:32px;margin:0}
}


@media (min-width: 1440px) {
 }


@media (min-width: 1600px) {
#menu ul li {font-size:23px}

.titin{margin:-180px 0 30px -75px}
.recom{max-width:70%; margin-left:-99px}
}


@media (min-width: 1920px) {
.container {max-width:1480px }
.four.columns{width:29%}
}



#return-to-top {position:fixed; bottom:18px; right:20px;background:rgb(0, 0, 0); z-index:9999999; 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:10px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}