body {
    overflow-x: hidden;
}


.border-l
{
  width: 70px;
  height: 100%;
  left: -70px;
  top:0px;
  position: fixed;
}

.border-t
{
  width: 100%;
  height: 70px;
  top: -70px;
  position: fixed;
}

.border-r
{
  width: 70px;
  height: 100%;
  right: -70px;
  top:0px;
  position: fixed;
}

.border-b
{
  width: 100%;
  height: 70px;
  bottom: -70px;
  position: fixed;
}

.border-general
{
  background-color: white;
  position: fixed;
  z-index: 1;
}


.container-about
{
    margin-top: 10%;
    position: absolute;
    margin-left: 12%;
    overflow-x: hidden;
    z-index: 0;
}

.indicator
{
  font-size: 11px;
  letter-spacing: 2px;
  left: 38px;
  position: relative;
}

.line-fact
{
  width: 30px;
  height: 1px;
  background-color: white;
  position: absolute;
  margin-top: 10px;
}

.line-fact2
{
  width: 30px;
  height: 1px;
  background-color: #c8d200;
  position: absolute;
  margin-top: 10px;
}

.line-fact3
{
  width: 30px;
  height: 1px;
  background-color: #c8d200;
  position: absolute;
  margin-top: 10px;
}
.line-fact4
{
  width: 30px;
  height: 1px;
  background-color: #711d59;
  position: absolute;
  margin-top: 10px;
}
.line-fact-contact
{
    margin-top: 25px;
}

.regular-text-contact
{
  color: #ffffff !important; 
  margin-top: -10px;
  margin-bottom: 30px;

}
/*  FONT  */

.text-1
{
  font-family: 'din-mediumalternate';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}

.text-1-sm
{
  font-family: 'din-mediumalternate';
  color:#c8d200;
  font-size:1.1em;
  padding-bottom:20px;}


.numero
{
  font-family: 'din-mediumalternate';
  color:#c8d200;
  font-size:1.1em;
  position:relative;
  left:38px;
  padding-bottom:20px;}
 
 .numero2
{
  font-family: 'din-mediumalternate';
  color:#c8d200;
  font-size:1.1em;
  position:relative;
  padding-bottom:20px;}

.title-contact
{
  font-family: 'linotype_didotitalic';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 80px;
  letter-spacing: -2.5px;
  color: white;
}

.text-light
{
  font-family: 'din-lightalternate';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.text-contact
{
    font-size: 30px;
    width: 650px;
    margin-left: 0px;
    margin-top: 50px;
}


/*  ARROW  */

.svg_arrow
{
   margin-top: -6px;
   position: relative;
}

.arrow_internal
{
  position: relative;
  width: 20px;
  margin-top: 36px;
  text-align: center;
  margin-left: -5px;
}



.arrow_internal_line
{
  width: 2px;
  height: 50px;
  background-color: #8e9d5d;
}

.arrow_internal_line2
{
  width: 2px;
  height: 50px;
  background-color: #8e9d5d;
}

/*  SECTIONS  */

.panel
{
  width: 100%;
  height: 100%;
}

.text-section-size
{
   font-size: 16px;
   letter-spacing: -1px;
   line-height: 1.8;
}

.text-bio-size
{
   font-size: 16px;
   letter-spacing: -0.5px;
  line-height: 1.5;
}

.photo-description
{
  margin-top: -340px;
  margin-bottom: 200px; /*Controla a distância entre um slide e outro*/
}

.text-photo-description
{
    color: #ffffff !important;
    font-size: 13px !important;
    margin-top: -19px;
    margin-left: 22px;
}





/*  SECTION 0  */

.section-0
{
    width: 920px;
    margin-left: 0px;
    margin-top: 0px;
}

.bg-section-0
{

  background: url("../img/about/bg-section-0.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
   position: fixed;
  z-index: 1;

}

.text-section
{
    margin-left: 0px;
    margin-top: -10px;
    margin-bottom: 350px;
}

/*  SECTION 1  */

.section-1
{
  margin-top: 230px;
  margin-left: 0px;
  width: 680px;
}

.bg-section-1
{

  background: url("../img/about/bg-section-1.gif") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  position: fixed;
  z-index: 2;
}








/*  SECTION 2  */

.section-2
{
  margin-top: 300px;
  margin-left: 0px;
  width: 750px;
}

.bg-section-2
{

  background: url("../img/about/bg-section-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
  position: fixed;
  z-index: 3;
}



/*  SECTION 2bis  */

.section-2bis
{
  margin-top: 50px;
  margin-left: 0px;
  width: 750px;
}

.bg-section-2bis
{

  background: url("../img/about/bg-section-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
  position: fixed;
  z-index: 3;
}



/*  SECTION 3  */

.section-3
{
  margin-top: 300px;
  margin-left: 0px;
  width: 600px;
}

.bg-section-3
{

  background: url("../img/about/bg-section-3.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  position: fixed;
  z-index: 4;
}



/*  SECTION 4  */

.section-4
{
  margin-top: 300px;
  margin-left: 0px;
  width: 770px;
}

.bg-section-4
{

  background: url("../img/about/bg-section-4.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  position: fixed;
  z-index: 5;
}



/*  SECTION 5  */

.section-5
{
  margin-top: 300px;
  margin-left: 0px;
  width: 730px;
}

.bg-section-5
{

  background: url("../img/about/bg-section-5.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  position: fixed;
  z-index: 6;
}






/*  SECTION 6  */

.section-6
{
  margin-top: 300px;
  padding-left:100px;
  width: 100%;
  text-align:center;

}

.bg-section-6
{

  background: url("../img/about/bg-section-6.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  position: fixed;
  z-index: 7;
}






/* backgrounds */
.container-bgs
{
    z-index: -20;
    position: fixed;
    overflow-y: hidden;
}


.trigger-1
{
  position: relative;
  top: -200px;
}


.trigger-2
{
  position: relative;
  top: -200px;
}

.trigger-3
{
  position: relative;
  top: -200px;
}

.trigger-4
{
  position: relative;
  top: -200px;
}

.trigger-5
{
  position: relative;
  top: -200px;
}

.trigger-6
{
  position: relative;
  top: -200px;
}




/* Rollover Maroto Page About*/

  a.underlined-over-about 
  {
    position: relative;
    text-decoration: none;
    color: #711d59;
  }

  .underlined-over-about:before 
  {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #c8d200;
  visibility: hidden;

  -webkit-transform: scaleX(0);
  -o-moz-transform: scaleX(0);
  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;

  }

  .underlined-over-about:hover:before 
  {

  visibility: visible;
  -webkit-transform: scaleX(1);
  -o-moz-transition: all 0.3s ease-in-out 0s;
  transform: scaleX(1);

  }

  .credits
  {
    font-size: 10px !important;
    margin-top: 40px !important;
    opacity: 0.7 !important;
  }

@media screen and (max-width: 1140px) {
    .section-0
    {
      width: 700px;
    }
}

@media screen and (max-width: 768px) {

    .bg-section-0
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-0-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;
      background-color: pink;

    }

    .bg-section-1
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-1-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }

    .bg-section-2
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-2-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    } 
	
	.bg-section-2bis
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-2-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }    
   

    .bg-section-3
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-3-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }

    .bg-section-4
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-4-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }   

    .bg-section-5
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-5-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }

    .bg-section-6
    {
      background: url() no-repeat top center fixed; 
       
      -webkit-background-size: 0;
      -moz-background-size: 0;
      -o-background-size: 0;
      background-size: 0;

      content: url("../img/about/bg-section-6-sm.jpg") no-repeat top center fixed; 
      max-width: 100%;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto; 
      position: fixed;

    }   


    .section-0
    {
      width: 500px;
    }

    .section-1, .section-2, .section-2bis, .section-3, .section-4, .section-5
    {
      margin-top: 355px;
      width: 500px;
    }

    .section-6 
    {
      margin-top: 360px;
      width: 400px;
      margin-bottom: 420px;
    }

    .text-section-size
    {
       font-size: 16px;
    }

    .container-about 
    {
      margin-top: 25%;
      margin-left: 16%;
    }

    .title-contact 
    {
    font-size: 70px;
    }  


    .text-bio-size 
    {
        font-size: 16px;
    }

    .text-section 
    {
    margin-top: -25px;
    }

    .numero 
    {
    font-size: 170px;
     }

    .line-fact-contact 
    {
        visibility: hidden;
    }

    .text-contact 
    {
      font-size: 25px;
      width: 470px;
      letter-spacing: -0.8px;
      margin-top: 25px;
    }


}

@media screen and (max-width: 450px) {

    .section-0
    {
      width: 280px;
    }

    .section-1, .section-2, .section-2bis,.section-3, .section-4, .section-5
    {
      margin-top: 160px;
      width: 280px;
    }

    .section-6 
    {
      margin-top: 160px;
      width: 280px;
      margin-bottom: 160px;
    }

    .text-section-size
    {
       font-size: 16px;
    }

    .container-about 
    {
      margin-top: 25%;
      margin-left: 16%;
    }

    .title-contact 
    {
    font-size: 60px;
    }  


    .text-bio-size 
    {
        font-size: 16px;
    }

    .text-section 
    {
    margin-top: -25px;
    }

    .numero 
    {
    font-size: 20px;
     }

    .line-fact-contact 
    {
        visibility: hidden;
    }

    .text-contact 
    {
      font-size: 20px;
      width: 270px;
      letter-spacing: -0.8px;
          margin-top: 25px;
    }

    .border-l
    {
    width: 30px;
    height: 100%;
    left: -40px;
    top:0px;
    position: fixed;
    }

    .border-t
    {
    width: 100%;
    height: 70px;
    top: -70px;
    position: fixed;
    }

    .border-r
    {
    width: 30px;
    height: 100%;
    right: -40px;
    top:0px;
    position: fixed;
    }

    .border-b
    {
    width: 100%;
    height: 30px;
    bottom: -40px;
    position: fixed;
    }

}

@media screen and (max-width: 321px) {

    .section-0
    {
      width: 210px;
    }

    .section-1, .section-2, .section-2bis, .section-3, .section-4, .section-5
    {
      margin-top: 160px;
      width: 210px;
    }

    .section-6 
    {
      margin-top: 160px;
      width: 210px;
      margin-bottom: 160px;
    }

    .text-section-size
    {
      font-size: 16px;
    }
    .title-contact 
    {
      font-size: 48px;
    }
    .text-contact 
    {
      width: 230px;
    }

}

.point {color:#12171d;
border-bottom-style:dotted;
border-bottom:1px;
}
.gras {font-weight:bold;
}