@font-face {

    font-family: dejavusans_light;

    src: url(../fonts/DejaVuSans-ExtraLight.ttf);

}



@font-face {

 font-family: dejavusans;

    src: url(../fonts/DejaVuSans.ttf);

}

@font-face {

    font-family: tahoma_light;

    src: url(../fonts/tahoma.ttf);

}


body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}


a:focus{
    color: inherit !important;
}

.item {
  width: 200px;
  margin: 50px auto;
  max-height: 250px;
  padding: 75px 20px;
  background: #ccc;
  text-align: center;
  color: #FFF;
  font-size: 3em;
}
.item span {
  display: block;
  font-size: 1rem;
}
.item--primary {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  background: green;
}
.item--secondary {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 20px;
  background: red;
}


body {

    font-family: dejavusans_light;

    color: white;

width: 100%;

    max-width: 100%;

    overflow-x:hidden;

}



strong {

    font-family: dejavusans;

    font-weight: 700;

}



h1{

    font-size: 45px;

}

h3{

   font-size: 25px;
    line-height: 28px;
}

h4{
    font-size: 24px;
}

h5{

       font-size: 25px;
    line-height: 32px;

            margin-bottom: 60px;

}

p{

   font-size: 13px;
    text-align: justify;
    line-height: 19px;
    font-family: tahoma_light;

}


h6{
        margin-left: 5px;
}



img{

    max-width: 100% !important;

}


.whiteeee{
    display: none !important;
}

.has-openMenu #subLogo{
    display: none !important;
}


.has-openMenu .greyyyy{
    display: none !important;
}

.has-openMenu .whiteeee{
    display: block !important;
}


.has-openMenu .nav-trigger-text{
    color: #fff;
}

.mobileON1, .mobileON2{
    display: none;
}




.content{

        width: 100%;

        /*min-height: 980px;*/
        min-height: 180px;
}



.video {

    position: fixed;

    top: 50%;

    left: 50%;

    min-width: 135%;

    min-height: 135%;

    width: auto;

    height: auto;

    z-index: 0;

    transform: translateX(-50%) translateY(-50%);

    /*-webkit-filter: blur(3px); //change the value according to what suits the best

    -moz-filter: blur(3px); //change the value according to what suits the best

    -o-filter: blur(3px); //change the value according to what suits the best

    -ms-filter: blur(3px); //change the value according to what suits the best

    filter: blur(3px); //change the value according to what suits the best*/

    opacity: .5;

    overflow: hidden;

}





.video2 {

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 135%;

    min-height: 135%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

    /*-webkit-filter: blur(3px); //change the value according to what suits the best

    -moz-filter: blur(3px); //change the value according to what suits the best

    -o-filter: blur(3px); //change the value according to what suits the best

    -ms-filter: blur(3px); //change the value according to what suits the best

    filter: blur(3px); //change the value according to what suits the best*/



    overflow: hidden;

}





.animaEntrada{

    display: block;

    transition: all 0.4s ease-in-out;

}

.content-menu {

    width: 320px;

    height: 200px;

    position: fixed;

    right: 30px;

    bottom: 170px;

    text-align: right;

    z-index: 4;



}

.start-menu {

    text-align: right;

    position: relative;

    width: 600px;

        margin-left: 195px;

}



.start-menu a {



    text-align: right;

    display: block;

    color: #fff;

    text-decoration: none;

    padding: 0;

    font-size: 28px;

    height: 35px;

    width: auto;

    letter-spacing: -1px;

    font-weight: 100;

    line-height: 1;

    margin-bottom: 5px;

    position: relative;



}



.first {

    margin-left: 0;

}



.start-menu a span.first {
        cursor: context-menu;
    position: absolute;

    display: block;

    font-weight: 100;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}







.last {

    float: right;

}







.start-menu a span.last {
        cursor: context-menu;
    position: absolute;

    display: block;

    font-weight: 900;

    font-family: dejavusans;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    min-width: 600px;

}





.start-menu a span.first {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.start-menu a.link1 span.first {

    right: 500px;

    width: 100px;



}



.start-menu a.link1:hover span.first {

    right: 575px;

    width: 100px;

}



.start-menu a.link1 span.last {

    right: -328px;

}



.start-menu a.link1:hover span.last {

    right: 495px;

    width: 450px;

}



.start-menu a.link2 span.first {

    right: 500px;

    width: 100px;



}

.start-menu a.link2:hover span.first {

    right: 660px;

    width: 100px;

}



.start-menu a.link2 span.last {

    right: -328px;

}



.start-menu a.link2:hover span.last {

    right: 500px;

    width: 320px;

}



.start-menu a.link3 span.first {

   right: 500px;

    width: 100px;



}



.start-menu a.link3:hover span.first {

    right: 610px;

    width: 100px;

}



.start-menu a.link3 span.last {

    right: -328px;

}



.start-menu a.link3:hover span.last {

        right: 505px;

    width: 330px;

}



.start-menu a.link4 span.first {

   right: 515px;

    width: 100px;



}



.start-menu a.link4:hover span.first {

    right: 645px;

    width: 100px;

}

.start-menu a.link4 span.last {

    right: -328px;

}



.start-menu a.link4:hover span.last {

        right: 500px;

    width: 320px;

}



.margin {

  margin-top: 0px;

  margin-right: 20px;

}

.header{
    right: 30px !important;
}

#bloco-4 p:first-child{
        padding-left: 0px;
}

/* ////////////////////////////////////////// PULSAR RATO  ////////////////////////////////////////////////////// */
@keyframes pulsar {
    0% {
        transform: scale(.3);
        opacity: 1;
    }
    75% {
        opacity: .5;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes pulsar {
    0% {
        -webkit-transform: scale(.3);
        opacity: 1;
    }
    75% {
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.pulsar {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    position: relative;
    position: fixed;
    bottom: 0px;
    margin-left: 50%;
    margin-bottom: 35px;
    display: none;
}


.pulsar .ring {
    box-sizing: border-box;
    position: absolute;
    top: 12%;
    left: 7%;
    border: 2px solid white;
    /* box-shadow: inset 0 0 10px 0 white; */
    border-radius: 50%;
    width: 100%;
    height: 100%;
    margin-top: -50%;
    margin-left: -50%;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.pulsar .ring:nth-child(1) {
    -webkit-animation: pulsar 1s 1s linear infinite;
    animation: pulsar 1s 1s linear infinite;
}

.pulsar .ring:nth-child(2) {
    -webkit-animation: pulsar 2.5s .5s linear infinite;
    animation: pulsar 2.5s .5s linear infinite;
}

.pulsar .ring:nth-child(3) {
    -webkit-animation: pulsar 2.5s 2.5s linear infinite;
    animation: pulsar 2.5s 2.5s linear infinite;
}


.pulsar2{

    margin-left: 72%;
}

/*.pulsar .ring:nth-child(4) {
    -webkit-animation: pulsar 2s 1.5s linear infinite;
    animation: pulsar 2s 1.5s linear infinite;
}*/

/* ////////////////////////////////////////// PULSAR RATO  ////////////////////////////////////////////////////// */

footer{

    position: fixed;

    bottom: 0;

    width: 100%;

    text-align: right;

}

.fleft{

    float: left;

}



.fright{

    float: right;

}



.page {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.5s ease-out;

}


.relative2{
    position: relative;
}


#screen1{

    display: block;

}



/*#screen2{

    position: absolute;

    left: 100%;

    height: 100%;

    width: 100%;

    overflow: hidden;

    z-index: 5;

}*/

#screen2{

    position: absolute;

    left: 0%;

    height: 100%;

    width: 100%;

    overflow: hidden;

    z-index: -1;

    /*display: none;*/

    opacity: 0;

}



#wrapper.active #screen1 {

    /*position: absolute;

    left: -150%;*/

    display: none;

}



/*#wrapper.active #screen2 {

    position: absolute;

    left: 0;

    z-index: 5;

}*/

.sub-titulo{
    font-size: 20px;
    margin-top: 38px;
}


#wrapper.active #screen2 {

    /*display: block;*/

    opacity: 1;

    z-index: 5;

}



#wrapper.active #screen2 .about-me{

    position: absolute;

    left: 0;

    top: 0;

    opacity: 1;

}

#wrapper.active #screen2 .texto-about{

    position: absolute;

    top: 0%;

}

#wrapper.active #screen2 .footer2{

    position: absolute;

    bottom: 0%;
    right:0%;
}


.footer2{
    position: absolute;
    bottom: 0px;
    left:80%;
    transition: all 0.5s ease-out;
}

.texto-about{
    position: absolute;
    width: 480px;
    top: -100%;
    transition: all 0.5s ease-out;
    padding: 120px 50px;
}

.about-me{

    height: 100%;

    background: rgba(0,0,0,0.50);

    width: 480px;

    position: absolute;

    top: 100%;

    left: -0%;

    opacity: 0;

    padding: 120px 50px;

    transition: all 0.5s ease-out;

}









.learn-about2{

    padding: 25px 60px;

        cursor: pointer;

}

.texto_footer1{

    line-height: 45px;

    margin-right: 25px;

}

.texto_footer2{

    line-height: 45px;

    margin-left: 25px;

}



.content_page2{

   position: absolute;
    right: 60px;
    bottom: 50px;
    width: 650px;

    /*margin-left: 150px;*/

    /*top: 370px; */
    top: -70px;
    padding-bottom: 220px;
    z-index: 2;
    height: 420px;

}



.start2{    margin-left: 1010px;

    margin-top: -40px;

    margin-bottom: 250px;

    width: 300px;}

.content-logo2 img{

}

.content-logo_sai, .content-logo2_sai{
    opacity: 0 !important;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content-logo2{

    position: fixed;

    z-index: 1;

    left: 280px;

    top: 490px;

    opacity: 1;
     -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);

   -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    }


.sai{
    width: 100%;
    text-align: center;
    margin-top: -35px;
}

.content-logo{
position: fixed;
    z-index: 1;
    left: 15%;
    top: 70%;
    transform: translate(-37%,-60%) !important;
    opacity: 1-ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    }


.logo1, .logo2, .logo{
    display: none;
}




.title{

    position: fixed;

    top: 0px;

    left: 0px;

    margin-left:50px;

    margin-top: 25px;

    z-index: 9999;

    font-size: 13px;
}


.title img{
    max-width: 163px !important;
}

.imgScroll{

    position: fixed;

    bottom: 0px;

    margin-left: 50%;

    margin-bottom: 35px;

}



@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale(1.0);

    opacity: 1;

  }

  50% {

    -webkit-transform: scale(0.9);

    opacity: 0.9;

  }

  to {

    -webkit-transform: scale(1.0);

    opacity: 1;

  }

}



@-webkit-keyframes pulseBallanimation {

  from {

    -webkit-transform: scale(1.0);

    opacity: 1;

  }

  50% {

    -webkit-transform: scale(1.5);

    opacity: 0.9;

  }

  to {

    -webkit-transform: scale(1.0);

    opacity: 1;

  }

}



#logo {
display: none;
    opacity: 0.8;
background-blend-mode: multiply;}

#logo:hover {

  -webkit-animation-name: pulse;

  -webkit-animation-duration: 0.9s;

  -webkit-animation-iteration-count: 10;

}



.content-map{

    position: relative;

    display: none;


}



.map{

    position: absolute;

    top: 140px;

    left: 350px;

}





.pulseBall2{

    /*width: 26px !important;

    height: 26px !important;*/

    /*background: rgba(255, 255, 255, 0.15);*/
    background: #FA951E;

    border-radius:100%;
    transition: all 0.4s ease-in-out;

}



.pulseBall { opacity: 1; }

.pulseBall:hover {

  -webkit-animation-name: pulseBallanimation;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-iteration-count: 10;

}



#belux{

    position: absolute;

        top: 56px;

    left: 175px;

}

#brazil{

    position: absolute;

    bottom: 13px;

    left: 5px;

}

#czech{

    position: absolute;

        top: 48px;

    left: 210px;

}

#indonesia{

    position: absolute;

    right: 2px;

    bottom: 72px;

}

#greece{

    position: absolute;

    top: 110px;

    left: 234px;

}

#mauritius{

    position: absolute;

    bottom: 20px;

    right: 186px;

}

#middle{

    position: absolute;

        right: 179px;

    top: 173px;

}

#portugal{

    position: absolute;

        top: 103px;

    left: 132px;

}

#spain{

    position: absolute;

        top: 98px;

    left: 155px;

}

#russia{

    position: absolute;

        top: 9px;

    right: 238px;

}

#singapura{

    position: absolute;

        right: 17px;

    bottom: 100px;

}

#slovakia{

    position: absolute;

        top: 54px;

    left: 228px;

}

#switzerland{

    position: absolute;

        top: 72px;

    left: 188px;

}

#turkey{

    position: absolute;

    left: 258px;

    top: 101px

}





.title_tool{

    position: absolute;

    color: #F8941E;

    text-transform: uppercase;

    font-weight: 900;

    min-width: 150px;

    /*background: rgba(255, 255, 255, 0.13);*/

    padding: 5px;

    text-align: left;

}

 .imgA, .imgB{
    display: none;
 }



.frase_direita{
    position: absolute;
    text-align: right;
    right: -910px;
    bottom: 50px;
    width: 640px;
}



.top-total{
    max-height: 20px;
    background: #f38f1e;
    color: #fff;
    margin-top: -4px;
    position: fixed;
    width: 100%;
    height: 20px;
    top: 0px;
    z-index: 9999999;
}


.top-total p{
        text-transform: uppercase;
    color: white;
        margin-left: 50px;
    font-size: 11px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 8px;
    margin-top: 0px;
    padding-top: 0px;
    font-family: tahoma_light;
}

.paisEstamos{
        display: inline-block;
}

.idiomaEstamos{
    display: none;
    height: 20px;
}

.idiomaEstamos{
        float: right;
        padding-right: 2.9rem;
    margin-top: -2px;
}

.idiomaEstamos li{
text-transform: uppercase;
    color: white;
    padding-left: 10px;
    font-size: 11px;
    display: inline-block;
    font-family: dejavusans_light;

}

.idiomaEstamos a{
    text-decoration: none;
    color: white;
}


@media screen and (max-width: 1441px) {
    .frase_direita {
        right: -300px;
    }

    .imgA img{
        max-width: 190px !important;
    }
}
/* Linguagens e Paises */



.countries::before{
    width: 16px;
    content: " ";
    height: 16px;
    background-image: url("../images/bolinhas.png");
    position: absolute;
    left: 23px;
    top: 16px;
    background-repeat: no-repeat;
}

.languages{
    left: 110px;
}

.countries, .languages{
    position: fixed;
    bottom: 0px;
    padding: 10px 30px;
    display: inline-block;
    z-index: 1000;
}

.countries li, .languages li{
    font-size: 14px;
    padding: 0rem 0rem;
    font-size: 14px;
    list-style: none;
    margin-left: -19px;
}

.languages li{
    display: inline-block;
     padding: 0rem 1.5rem;
}


.countries{
        bottom: 0px;
     -webkit-transition: 1s !important; /* For Safari 3.1 to 6.0 */
    transition: 1s !important;
}

.countries:hover{
    -webkit-transition: 1s !important; /* For Safari 3.1 to 6.0 */
    transition: 1s !important;
    bottom: 2px !important;
}

/**/

/* QUEM SOMOS */

.titulo{
    font-size: 42px;
    margin-bottom: 50px;
}

.titulo2{
    font-size: 40px;
    margin-bottom: 20px;
}

.titulo-big{
        font-size: 69px;
    text-align: right;
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.header{
    position: fixed;
    top: 0px;
}


.big-margin-bottom{
    margin-bottom: 90px !important;
}

.fright{
    float: right;
}

.fleft{
    float: left;
}

.color-white{
    color: #fff;
}

.quemsomos .title a, .quemsomos .title{
        color: #333;
        font-weight: bold;
}

.quemsomos{
    height: 5000px;
    /*height: 100%;
    width: 100%;*/
    /*position: fixed;
    overflow: hidden;*/
}

.block-text{
        padding: 6rem 12rem 6rem 12rem;
        color: #333;
}

.block-img{
   background-repeat: no-repeat;
   background-size: cover;
}

.potencial1{
   background-image: url("../images/potencial1.jpg");
   background-position: center center;
   height: 100%;
}

.potencial2{
   /*background-image: url("../images/potencial2.png");
   background-position: center center;

       width: 100%;*/
}


.vision{
   background-image: url("../images/vision.jpg");
   background-position: center;

}

.mission{
   background-image: url("../images/mission.jpg");
   background-position: center;

}

.mission2{
   background-image: url("../images/mission2.jpg");
   background-position: center;

}

.beliefs{
   background-image: url("../images/last_why.jpg");
   background-position: center;

}

.absolute{
    position: fixed;
    padding: 0px;
}

.historia{
        margin: 0px;
    padding: 0px;
    position: fixed;
    top: 0px;
}


.leftHistory{
    background-image: url("../images/img_historia.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    position: fixed;
}

.rightHistory{
    background-image: url("../images/img_historia.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.back-white{
    background-color: #fff;
    height: 100%;
    color: rgb(29, 29, 29);

}

.historia p, .historia h2{
    color: #333;
}

.titulo-historia{
    margin-left: -35px;
}

.block-text h2{
   opacity: 0;
   transform: translate(0%, 0%) matrix(1, 0, 0, 1, 200, 0);
       text-transform: uppercase;
           margin-bottom: 10px;
}

.block-text h3{
   opacity: 0;
   margin-left: -50px;
   -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition: 2s;
}

.block-text p{
   margin-bottom: 15px;
   opacity: 0;
   transform: translate(0%, 0%) matrix(1, 0, 0, 1, 200, 0);
   font-weight: 400;
   /*margin-left: 5px;*/
    font-family: tahoma_light;

}

.block-text .col-md-6 {
    margin-left: -5px;
    padding-left: 10px;
}

.ativa1{
     transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0) !important;
    margin-left: 0px !important;
    opacity: 1 !important;
    -webkit-transition: 2s !important; /* For Safari 3.1 to 6.0 */
    transition: 2s !important;

}

.ativa{

    opacity: 1 !important;
     transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transition: 3s !important; /* For Safari 3.1 to 6.0 */
    transition: 3s !important;

}

.entra1{
    right: -50%;
}

.new_video{
        position: absolute;
    width: 100%;
    right: 2000px;
    opacity: 0;
}

.new_video2{
    right: 0px;
    opacity: 1;
    -webkit-transition: 1s !important; /* For Safari 3.1 to 6.0 */
    transition: 1s !important;
}

.cub-title{
    color: #333;
    display: inline-block;
    margin-right: 23px;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: none;
}

.sub-menu-why{
    position: fixed;
    top: 50%;
    margin-top: 16px;
    right: 0px;
    z-index: 2;
    border-right: none;
    padding-right: 25px;
    padding-top: 0px;
    /* background: rgba(255, 255, 255, 0.34); */
    padding-left: 20px;
    padding-bottom: 7px;
        transform: translateY(-50%);
    z-index: 13;
}

.barraCinza {
    position: fixed;
    top: 0px;
    background: rgba(229, 229, 229, 0.3);
    width: 100%;
    height: 70px;
    z-index: 12;
}


.one, .two, .three, .four, .five, .six{
    width: 22px;
    height: 22px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid transparent;
    display: inline-block;
        cursor: pointer;
        padding: 1px 2px 2px 4px;
        display: block;

}

.bola{
    width: 12px;
    height: 12px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #333;
    margin-right: 10px;
    display: inline-block;
        cursor: pointer;
}


.bola:hover{
    background: #333 !important;
}

.bola2{
    border: 1px solid #333;


}


.containerVideo{
    width: 100%;
    max-height: 300px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    margin-top: 25px;
}

#bloco-5{
    position: absolute;
    bottom: 0px;
}


/*#id-1{
    top:0%;
}

#id-2{
    top: -100%;
}*/

/* QUEM SOMOS */


.displayOFF{
    display: none;
}


.displayON{
    display: inline-block;
}


/*----------------------------------------------------
arrow
----------------------------------------------------*/

/*----------------------------------------------------
transition
----------------------------------------------------*/

@mixin set-all-transition($transition, $second, $way) {
  -webkit-transition: $transition $second $way;
  -moz-transition: $transition $second $way;
  -o-transition: $transition $second $way;
  -ms-transition: $transition $second $way;
  transition: $transition $second $way;
}

@mixin set-transition($transition, $second) {
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

@mixin set-opacity($opacity) {
  -webkit-opacity: $opacity;
  -moz-opacity: $opacity;
  -ms-opacity: $opacity;
  -o-opacity: $opacity;
  opacity: $opacity;
}

@mixin set-animation($class) {
  -moz-animation: $class 2s infinite;
  -webkit-animation: $class 2s infinite;
  animation: $class 2s infinite;
}

@mixin set-transform-y($translate) {
  -webkit-transform: translateY($translate);
  -ms-transform: translateY($translate);
  -o-transform: translateY($translate);
  transform: translateY($translate);
}



.container .arrow {
    /*color: #fed20d;
    position: fixed;
    z-index: 106;
    bottom: 0px;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0.4em;
    text-align: center;
    right: -50%;
    left: 0;*/
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    @include set-transform-y(0);
  }
  40% {
    @include set-transform-y(-20px);
  }
  60% {
    @include set-transform-y(-10px);
  }
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    @include set-transform-y(0);
  }
  40% {
    @include set-transform-y(-20px);
  }
  60% {
    @include set-transform-y(-10px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    @include set-transform-y(0);
  }
  40% {
    @include set-transform-y(-20px);
  }
  60% {
    @include set-transform-y(-10px);
  }
}

.align-middle {
  bottom: 0;
  margin: 0 auto;
  margin-top: 20px;
  width: 40px;
  height: 40px;
  background: url(http://52.193.185.238/Animen/img/arrow.png) no-repeat;
  background-size: contain;
}

.bounce {
  @include set-animation(bounce);
}


#subLogo{
    position: relative;
    margin-left: 35px;
    margin-bottom: -4px;
    font-weight: 600;
    text-transform: uppercase;
}

.eventUpcomming{
    position: fixed;
    left: 0px;
    top: 20%;
    background: rgba(0, 0, 0, 0.300);
    color: #fff;
    z-index: 99;
    padding: 25px;
        max-width: 500px;
}

.titleGlobal_up{
    text-transform: uppercase;
    cursor: pointer;
}

.close_up{
position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.title_up{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
}

.container_up{
    cursor: pointer;
}

.theFirst{
        margin-top: 0px;
    margin-bottom: 15px;
}

  .mobile{
        display: none;
    }
    .not-mobile{
        display: block;
    }


 #bloco-4{
padding: 4rem 12rem 12rem 12rem !important;
}


.paises_p{
    text-align: center;
    font-weight: 700;
}

.paises_p p{
    text-align: center;
    font-family: tahoma_light;
}

.paises_p a{
        text-decoration: none;
    font-weight: 600;
        color: #777777;
}

.paises_p a:hover{
    text-decoration: none;
    font-weight: 600;
    color: #db3d18;
}

@media (max-width: 1440px) {
    .block-text {
        padding: 10rem 6rem 10rem 6rem;
    }
    .titulo {
        font-size: 30px;
    margin-bottom: 20px;
    }

    p {
        font-size: 13px;
        text-align: justify;
        line-height: 19px;
    }

    #bloco-3{
        padding-top:5rem;
    }

    .titulo2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #bloco-4{
        padding: 4rem 5rem 12rem 6rem !important;
    }

    #bloco-4 .fleft{
        padding-left: 7px;
    }

    #bloco-4 .fleft p{
        padding-left: 0px;
    }
}




@media (max-width: 1024px) {


    .mobileON1{
            display: block;
    background-image: url(/images/fundo1video.jpg);
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: fixed;

    }
    .mobileON2{
   display: block;
    background-image: url(/images/fundo2video.jpg);
    height: 30%;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    margin-top: 10%;
    }

    .mobileOFF{
        display: none;
    }



    .mobile{
        display: block;
    }
    .not-mobile{
        display: none;
    }

    .content-logo {
        position: fixed;
        z-index: 1;
        left: 15%;
        top: 30%;
        transform: translate(-37%,-60%) !important;
        opacity: 1-ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)-webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        max-width: 250px;
    }

    .eventUpcomming {
            top: 48%;
            max-width: 440px;
    }

    .content {
        width: 100%;
        min-height: 768px;
    }

    #screen1 {
        width: 90%;
    }

    h1 {
        font-size: 35px;
    }

    .content_page2 {
        width: 540px;
    }


    p{
        text-align: left;
    font-family: tahoma_light;
    }
    .video2 {
	    top: 20%;
	}
}

@media (max-width: 768px) {
    .block-text {
        padding: 10rem 7rem 7rem 7rem;
    }

    .barraCinza{
        display: none;
    }

     .nav-content {
        margin-top: 7rem !important;
    }
}



@media (max-width: 667px) {

    .content-menu{
        display: none;
    }

    .eventUpcomming{
       display: none !important;
    }

    .content-logo {
        top: 50%;
    }

    .learn-about2 {
        padding: 15px 20px;
    }

    .title {
        margin-left: 20px;
        margin-top: 20px;
    }

    h1 {
        font-size: 25px;
    }

    .content_page2 {
        width: 390px;
    }

    .header {
        right: 0px !important;
    }

    .content_page2 {
        top: 0px;
    }
}



@media (max-width: 667px){
  #menu-main {
      /*right: -230px;
      position: absolute;*/
  }
  .menu .menu-item-priority > a {
      font-size: 2.3rem !important;
  }
  .nav-content {
        /*margin-top: 7rem !important;*/
            padding-right: 2rem !important;
    }

.nav-back { right: 2rem !important;
    }
}

@media (max-width: 415px){

.potencial2 {
    max-width: 100%;
}

.removeMobile{
    display: none !important;
}

#menu-main {
    /*right: -290px;
    position: absolute;*/
}

.menu .menu-item-priority > a {
     font-size: 3rem;
}

.nav-content {
        margin-top: 15rem !important;
            padding-right: 2rem !important;
    }
.nav-back { right: 2rem !important;
    }

.content_page2 {
    width: 330px;
    right: 0px;
}

.content_page2 h3{
       font-size: 20px;
    padding: 30px;
    line-height: 21px;
    letter-spacing: 0px;
}

.imgB{
    display: none !important;
}

.sai{
    display: none !important;
}

.outline1{
     display: none !important;
}

.content-logo {
    bottom: 10%;
    left: 47%;
    top: inherit;
}

.learn-about2 {
    display: none !important;
}

}



@media (max-width: 378px) {

    .imgScroll{
        display: none;
    }

.learn-about2 {
   display: none;
}

.start{
/*margin-bottom:100px;*/
margin-bottom: -50px;

}

.potencial2 {
    max-width: 100%;
}

.content-logo {
    bottom: 10%;
    left: 47%;
    top: inherit;
}

#menu-main{
    /*right: -230px;*/
    position: absolute;
    /*left: 0px;*/
    position: relative;
}

.menu .menu-item-priority > a {
    font-size: 2.2rem !important;
}

.video2 {
    position: absolute;
    top: 190px;
}

.logo-contactos {
    display: none;
}

.h1-contacts {
    top: 15%;
}

.assign-contacts p{
    font-size: 9pt;
    font-family: tahoma_light;
}

.special-contacts{
            height: 330px !important;
}



}


@media (max-width: 320px) {

.learn-about2 {
   display: none;
}


.content_page2 {
    width: 320px;
}

.start{
margin-bottom:100px;

}


#menu-main{
        /*right: -230px;
    position: absolute;*/
}

.menu .menu-item-priority > a {
    font-size: 2.2rem !important;
}

.nav-content {
        margin-top: 15rem !important;
            padding-right: 2rem !important;
    }
.nav-back { right: 2rem !important;
    }

}

/* Hide Countries Homepage - Remove Later */

#country {
    /*display: none;*/
}

/* Hide Countries Homepage - Remove Later */

#bloco1 ::placeholder, #bloco1 textarea::placeholder {
  color: #c1c1c1 !important;
}

#bloco1 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c1c1c1 !important;
}
#bloco1 ::-moz-placeholder { /* Firefox 19+ */
  color: #c1c1c1 !important;
}
#bloco1 :-ms-input-placeholder { /* IE 10+ */
  color: #c1c1c1 !important;
}
#bloco1 :-moz-placeholder { /* Firefox 18- */
  color: #c1c1c1 !important;
}



@media (max-width: 1228px) {
    .content_page2{
        display: none !important;
    }
}

@media (max-height: 764px) {
    .content_page2{
        display: none !important;
    }
}