#content{
  font-family: 'ChevinLight';
}
#whatIsMainLogoText{

  font-family: 'DecimaMonoXBold';
  margin: 0em 0em 0em 4.571em;

}

#whatIsMainLogoText > div{
  line-height: 1.4em;
  letter-spacing: 0.02em;
  font-size: 3em;
  margin-top: -0.2em;
  margin-left: -0.1em;
}

#twoRedLines{
  height: 0.4em;
  margin: 0.8em 0em 0em 4.571em;
}

#twoRedLines > div{
  height: 100%;

  background-color: #ff4800;
  float: left;
}

#twoRedLines > div:first-child{
  width: 4.571em;
  margin-right: 27.42em;
}

#twoRedLines > div:last-child{
  width: 9.142em;
}

.companyBox{
  position: relative;
  width: 18.75em;
  border: 1px solid black;
  padding: 2em;
  margin: 4.571em 0em 0em 4.571em;
  float: left;
  text-align: justify;
}

.fedSobrHead{
  position: relative;
  width: 13.3em;
  margin: 2.6em 0em 0em 6em;
  text-transform: uppercase;
  float: left;
  font-size: 1.57em;
  font-family: 'DecimaMonoXBold';
}

.fedSobrBody{
  width: 22.8em;
  margin: 1.6em 4.6em 0em 5em;
  float: right;
  text-align: justify;
}

#whtaIsNTIBlock{
  width: 100%;
  margin-top: 9em;
}

#whtaIsNTIHead{
  clear: both;
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  padding: 2em 0em 2em 1.53em;
  margin-left: -0.1em;
}

#whtaIsNTIBody1{
  position: relative;
  width: 18.75em;
  padding: 2em;
  border: 1px solid black;
  margin-left: 4.571em;
  margin-top: 2.2855em;
  background-color: white;
  text-align: justify;
}

.clear{
  clear: both;
  width: 100%;
  float: none;
  height: 1px;
}

#whtaIsNTIBody2{
  float: right;
  width: 22.7em;
  margin-top: -16.5em;
  margin-right: 4.7em;
  text-align: justify;
}



#whtaIsNTIBody2RedLine{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  position: absolute;
  left: 4.571em
}

#whtaIsNTIBody2RedLine2{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 5.2em;
}
#dateText{
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  clear: both;
  padding: 3em 0em 0em 12.13em;
}

#dateTextBody{
  width: 22.8em;
  float: right;
  padding: 4.5em 4.6em 0em 0em;
  text-align: justify;
}

#whtaIsNTIBody2RedLine3{
  margin-top: 2em;
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
}

#marketsHead{
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  margin: 4.8em 0em 3em 1.4em;
}

#marketsBody1{
  width: 22.8em;
  float: right;
  position: relative;
  margin: 0em 4.6em 0em 0em;
  text-align: justify;
}

#marketsBody2{
  border: 1px solid black;
  padding: 2em;
  position: relative;
  width: 18.75em;
  background-color: white;
  margin-left: 4.571em;
  text-align: justify;
}

#whtaIsNTIBody2RedLine4{
  position: absolute;
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  top: -2em;
  left: 0em;
}

#whtaIsNTIBody2RedLine6{
  position: absolute;
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  top: -2em;
  left: 0em;
}

#workGroupsHead{
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  float: right;
  margin-right: 3.25em;
  margin-top: 4em;
  margin-bottom: 1em;
}

#whtaIsNTIBody2RedLine5{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 5em;
  margin-left: 4.571em;
}

#workGroupBody1{
  width: 22.8em;
  margin-left: 4.571em;
  text-align: justify;
}

#workGroupBody2{
  position: relative;
  width: 22.8em;
  float: right;
  margin-top: -5em;
  margin-right: 4.6em;
  text-align: justify;
}

#roadMapsHead{
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  margin-top: 4.5em;
  margin-left: 1.44em;
}

#whtaIsNTIBody2RedLine7{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 4em;
  margin-left: 4.571em;
}

#roadMapsBody1{
  width: 22.8em;
  margin-left: 4.571em;
  text-align: justify;
}

#whtaIsNTIBody2RedLine8{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 4em;
}

#roadMapsBody2{
  margin-top: 10em;
  margin-left: 4.571em;
  width: 22.8em;
  text-align: justify;
}

#whtaIsNTIBody2RedLine10{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-top: 2em;
}

#roadMapsBody3{
  width: 20em;
  float: right;
  margin-top: 5em;
}

#patriHead{
  font-size: 3em;
  font-family: 'DecimaMonoXBold';
  margin-top: 4em;
  margin-left: 1.43em;
}

#whtaIsNTIBody2RedLine11{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 8em;
}

#whtaIsNTIBody2RedLine33{
  position: absolute;
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  top: -2em;
  left: 0em;
}

#whtaIsNTIBody2RedLine22{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 4em;
}

#partiBody1{
  margin-top: 4em;
  position: relative;
  width: 22.8em;
  margin-left: 4.571em;
  text-align: justify;
}

#partiBody2{
  margin-top: 5em;
  position: relative;
  width: 22.8em;
  margin-left: 4.571em;
  text-align: justify;
}

#whtaIsNTIBody2RedLine12{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  margin-bottom: 2em;
  margin-top: 4em;
}

#partiBody3{
  border: 1px solid black;
  padding: 2em;
  position: relative;
  width: 23.3em;
  float: right;
  margin-top: 17.5em;
  background-color: white;
  text-align: justify;

}
#whtaIsNTIBody2RedLine13{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  position: absolute;
  top: -2em;
  left: 0em;
}

#whtaIsNTIBody2RedLine14{
  width: 4.571em;
  height: 0.5em;
  background-color: #ff4800;
  bottom: 8em;
  left: 0em;
  margin-top: 2.2855em;
}

#partiBody4{
  width: 22.8em;
  margin-top: -17em;
  margin-bottom: 10em;
  margin-left: 4.571em;
  text-align: justify;
}

#bgFake > div{
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-position: center center;
  min-width: 1000px;
}

#background1{
  background-image: url('./../main_bg_img/1.png');
  top: 48em;
  left: 0px;
  width: 100%;
  height: 18em;
}

#background2{
  background-image: url('./../main_bg_img/2.png');
  top: 87em;
  left: -6em;
  width: 100%;
  height: 53em;
}

#background3{
  background-image: url('./../main_bg_img/3.png');
  top: 140em;
  left: -11em;
  width: 100%;
  height: 58em;
}

#background4{
  background-image: url('./../main_bg_img/4.png');
  top: 202em;
  left: -70px;
  width: 100%;
  height: 12em;
}

#background5{
  background-image: url('./../main_bg_img/5.png');
  top: 244em;
  left: 0px;
  width: 100%;
  height: 45em;
}

#background6{
  background-image: url('./../main_bg_img/6.png');
  top: 315em;
  left: 0px;
  width: 100%;
  height: 33em;
}

































.blackBoxPlus{
  width: 0px;
  height: 0px;
  transition: width, height;
  transition-duration: 0.5s;
}
.blackBoxPlus > div{
  position: absolute;
  margin: -3px 0px 0px -3px;
  width: 5px;
  height: 5px;
  background-color: #000000;
}
.blackBoxPlus > div:nth-child(1){
  top: 0%;
  left: 0%;
}
.blackBoxPlus > div:nth-child(2){
  top: 50%;
  left: 0%;
}
.blackBoxPlus > div:nth-child(3){
  top: calc(100% + 1px);
  left: 0%;
}
.blackBoxPlus > div:nth-child(4){
  top: 0%;
  left: 50%;
}
.blackBoxPlus > div:nth-child(5){
  top: 0%;
  left: calc(100% + 1px)
}
.blackBoxPlus > div:nth-child(6){
  top: calc(100% + 1px);
  left: 50%;
}
.blackBoxPlus > div:nth-child(7){
  top: calc(100% + 1px);
  left: calc(100% + 1px);
}
.blackBoxPlus > div:nth-child(8){
  top: 50%;
  left: calc(100% + 1px);
}
