@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre');

@font-face {
  font-family: frank-regular;
  src: url(/wp-content/uploads/fonts/FrankRuhlLibre-Regular.ttf);
}

@font-face {
  font-family: frank-light;
  src: url(/wp-content/uploads/fonts/FrankRuhlLibre-Light.ttf);
}

@font-face {
  font-family: frank-medium;
  src: url(/wp-content/uploads/fonts/FrankRuhlLibre-Medium.ttf);
}

@font-face {
  font-family: lunch;
  src: url(/wp-content/uploads/fonts/lunchtype22-light-webfont.ttf);
}

@font-face {
  font-family: lunch-medium;
  src: url(/wp-content/uploads/fonts/lunchtype22-medium-webfont.ttf);
}

@font-face {
  font-family: assistant-semiBold;
  src: url(/wp-content/uploads/fonts/Assistant-SemiBold.ttf);
}

@font-face {
  font-family: assistant-regular;
  src: url(/wp-content/uploads/fonts/Assistant-Regular.ttf);
}

@font-face {
  font-family: assistant;
  src: url(/wp-content/uploads/fonts/Assistant-Light.ttf);
}

@font-face {
  font-family: glacial;
  src: url(/wp-content/uploads/fonts/GlacialIndifference-Regular.otf);
}
@font-face {
  font-family: glacial-bold;
  src: url(/wp-content/uploads/fonts/GlacialIndifference-Bold.otf);
}


.logo img{
	max-width: 170px;
}

body {
  margin:0;
  font-family:Georgia;
}
#container .box {
  width: 75%;
  height:100vh;
  display:inline-block;
  position:relative;
  background: transparent;
  margin-left: -30%;
}
#container .box > div {
  width:100%;
  font-size: 26px;
  color:#FFF;
  position:absolute;
  line-height:.7;
  font-weight:bold;
  top: 56%;
}

#container .box:nth-child(odd) > div {
  /* top: 40%; */
  transform: translateY(-100%);
  border-bottom: 4px solid #fff;
}
#container .box:nth-child(even) > div {
  /* top: 70%; */
  transform: translateY(0%);
  border-top: 4px solid #fff;
  margin-top: -4px;
}


#container {
  overflow-y:scroll;
  overflow-x:hidden;
  transform: rotate(270deg) translateX(-100%);
  transform-origin: top left;
  background-color: #000;
  position:absolute;
  width: 100vh;
  height:100vw;
}
#container2 {
  transform: rotate(90deg) translateY(-100vh);
  transform-origin: top left;
  white-space:nowrap;
  font-size:0;
  padding-left: 20%;
}

.fixed-header{
	    position: fixed;
    top: 40px;
    left: 0px;
    z-index: 98;
    width: 100%;
}

.sair{
	text-align: right;
}

.blocoLeft{
  width:50%;
  /* float: left; */
  text-align: right;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.left{
  text-align:right;
  font-family: frank-medium;
}

.right{
  text-align:left;
  border-left: 2px solid #fff;
  padding: 0px 20px 10px;
}

#container .box:nth-child(even) > div .right{
	padding: 10px 20px 10px;
}

.blocoRight{
  width: 50%;
  /* float: left; */
  text-align: left;
  border-left: 2px solid #fff;
  padding-left: 20px;
  display: inline-block;
  padding: 23px;
  box-sizing: unset;
  position: relative;
}

.twoImgV img{
  display:block;
  max-width: 70px;
  margin-top: 5px;
}

.twoImgH img{
  display:inline-block;
  max-width: 70px;
  margin-right: 5px;
}

.box.img img{
	max-width: 100px;
}

.bloco-texto{
  margin-bottom: 20px;
  position: relative;
}
.bloco-texto p{
    font-family: assistant-regular !important;
    line-height: 1.4rem;
    font-size: 1.1rem;
    color: white;
    display: block;
    width:100%;
    max-height: none;
    height: auto;
    white-space: normal;
}

.bloco-texto .superior{
   font-family: assistant-semiBold !important;
   line-height: 1.4rem;
   font-size: 1.15rem;
}
.bloco-texto .importante{
  font-family: glacial-bold !important;
    line-height: 1.9rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    color: #ec9a33;
        margin: 8px 0 2px;
}

.bloco-texto p b{
	     font-family: assistant-semiBold !important;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
}

h2 span{
	font-size: 20px;
	font-family: frank-light;
}
sup{
	font-size: 15px;
}

/*
.one {
  background-color: #45CCFF;
}
.two {
  background-color: #49E83E;
}
.three {
  background-color: #EDDE05;
}
.four {
  background-color: #E84B30;
}*/


/* Translating the content's X ruines the scrollbar length. */
/*
#container {
  overflow:scroll;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
  background-color:#999;
  position:absolute;
  width:100vh;
  height:100vw;
}
#container2 {
  transform: rotate(-90deg) translateX(-100vw);
  transform-origin: top left;
  white-space:nowrap;
}
*/