body{ 
	font-family: 'alda';
	background-color: transparent;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

img.desktop{ display: block; }
img.mobile{ display: none; }

.loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	background: rgba(0,0,0,0.7) url('../images/loader.svg') no-repeat center center;
	z-index: 10000;
}

.line{ z-index: 0; opacity: 0; position: fixed; top: 0; display: block; height: 50vh; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }


.scroll{position: fixed; top: 0;left: 0;background-color: red;color: #fff;font-size: 18px; padding: 10px;z-index: 4110000;}
.container{ float: left; width: 100%; position: relative; }

#intro{ opacity: 1; z-index: 0; position: fixed; width: 100%; box-sizing: border-box; overflow: hidden; text-align: center; }
#intro video { width: 100%;  position: fixed; left: 0; top: 0; object-fit: cover; background: url('../images/video_intro.jpg') no-repeat center center; background-size: cover;	transition: 1s opacity;}
#intro svg,
#intro img{ position: absolute;  width: 380px; height: 380px; left: 50%; margin-left: -190px;  top: 80px; -webkit-filter: drop-shadow( -3px -3px 3px #666 );   filter: drop-shadow( -3px -3px 3px #666 );}
#intro img{ display: none; }
#intro .down{ z-index: 100; color:#00ff00; font-size: 30px; left: 0; text-align: center; position: absolute; bottom: 20px; text-decoration: none; display: none; width: 100%; }

#textIntro{ background-color: transparent; z-index: 20; text-align: center;  opacity: 1;  position: relative; width: 100%; height: 2086px;  box-sizing: border-box; color: #fff; }
#textIntro .black{ background-color: black; z-index: 20; text-align: center;  opacity: 1;  position: relative; width: 100%;  box-sizing: border-box; color: #fff; padding-top: 500px; padding-bottom: 230px;}

.header{ opacity: 0; z-index: 7000; width: 320px; left: 50%; height: 120px; margin-left: -160px; bottom: 50px;  position: fixed; border-top: 3px solid #00ff00; border-bottom: 3px solid #00ff00; padding: 0 0 20px 0;}
.header h1{ float: left; width: 100%; text-align: center; color: #00ff00; text-transform: uppercase; font-size: 72px; line-height: 86px; font-weight: 400; }
.header p{  float: left; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 21px; line-height: 25px; font-weight: 300; }

#textIntro header{background-color: #000;  opacity: 0; z-index: 7000; width: 320px; left: 50%; height: 120px; margin-left: -160px; top: 200px;  position: absolute; border-top: 3px solid #00ff00; border-bottom: 3px solid #00ff00; padding: 0 0 20px 0;}
#textIntro header h1{ float: left; width: 100%; text-align: center; color: #00ff00; text-transform: uppercase; font-size: 72px; line-height: 86px; font-weight: 400; }
#textIntro header p{  float: left; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 21px; line-height: 25px; font-weight: 300; }

#textIntro .top-line{z-index: 0; position: absolute; top: 500px; display: block; height: 650px; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px; }
#textIntro .bottom-line{z-index: 0; position: absolute; top: 1200px; display: block; height: 498px; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px; }

#textIntro .content{ z-index: 200; padding: 20px 0 0; background-color: #000; float: left; width: 100%; position: relative; }
#textIntro .content  time{ font-weight: 300; font-size: 17px; line-height: 24px; text-align: center;  color: #ffffff; font-style: italic; }
#textIntro .content  p{ padding: 0 32.3%; display: block; font-size: 21px; line-height: 29px; font-weight: 400; margin: 20px 0 40px; text-align: left; color: #ffffff;}
#textIntro .content  span{ padding: 0 32.3% 0 42%; display: block; font-size: 17px; line-height: 24px; font-weight: 200;  text-align: left; font-style: italic; }
#textIntro .content  span a{ color: #fff; text-decoration: none; }

#textIntro a.logo{ position: relative; display: inline-block; width: 160px; margin-top: 150px; background-color: #000; z-index: 5000; }
#textIntro a.logo img{ width: 100%; float: left; }


#animationOne{  z-index: 500; height: 2800px; opacity: 1; position: relative; width: 100%;  background-color: #000; box-sizing: border-box;  text-align: center;}
.animationOne{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationOne img{ opacity: 0; position: fixed; top: 0;  height: 90vh; margin-top: 5vh;  margin-left: -65vh; left: 50%;  }

#animationTwo{  overflow: hidden; z-index: 500; opacity: 1; position: relative; width: 100%;  height: 2500px; background-color: #000; box-sizing: border-box;  text-align: center;}
.animationTwo{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationTwo img{transition: all .2s; opacity: 0; position: fixed; top: 0;  height: 90vh; margin-top: 5vh;  margin-left: -35vh; left: 50%; background-color: transparent;}

.animationTwo img.an_title{z-index: 1000}
.animationTwo img.an_mask{z-index: 1300}
.animationTwo img.an_f_fill{z-index: -50}
.animationTwo img.an_f_round{z-index: 1400}
.animationTwo img.an_s_fill{z-index: -100}
.animationTwo img.an_s_round{z-index: 1500}

#animationThree{ overflow: hidden; z-index: 7000; opacity: 1; position: relative; width: 100%;  height: 2100px; background-color: #000; box-sizing: border-box;  text-align: center;}
.animationThree{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationThree img{ opacity: 0; position: fixed; bottom: 0;  left: 0; width: 100%; bottom: 0; }


#animationFour{ overflow: hidden; z-index: 6600; opacity: 1; position: relative; width: 100%;  height: 3000px; background-color: #000; box-sizing: border-box;  text-align: center;}
.animationFour{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationFour img{overflow: hidden;  transition: all .2s; opacity: 1; position: fixed; bottom: 0;  left: 0; width: 100%; }
.animationFour img.after{ bottom: 1000px; }

#animationFive{overflow: hidden; z-index: 6800; opacity: 1; position: relative; width: 100%;  height: 3000px; background-color: #000; box-sizing: border-box;  text-align: center;}
.animationFive{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationFive img{ opacity: 0; position: fixed; bottom: 0;  left: 0; width: 100%; }

#animationSix{ overflow: hidden; z-index: 7000; opacity: 1; position: relative; width: 100%;  height: 2500px; background-color: #000; box-sizing: border-box;  text-align: center;}
.animationSix{ overflow: hidden;  background-color: #000; opacity: 0; z-index: 0; left: 0; top: 0; position: fixed; display: block; width: 100%; height: 100%; }
.animationSix img{ opacity: 0; position: fixed; top: 0;  height: 120vh; margin-top: -20vh;  margin-left: -60vh; left: 50%;  }


.connect{ display: block; width: 100%; height: 30px; opacity: 0; margin-bottom: -5px;}
.connect:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 0 16px 27px 16px; border-color: transparent transparent #00ff00 transparent; transition: all 0.3s ease;}

.text picture{ background-color: #fff; z-index: 1000; position: relative; max-width: 1054px; width: 100%; margin: 0 auto; display: block; padding-bottom: 30px;}
.text picture img{  width: 100%; display: block;}
.text picture legend{ width: 100%; text-align: center; font-weight: 300; font-style: italic; padding: 10px 0; display: inline-block; line-height: 26px;}

.text .inner-content{ background-color: #fff; position: relative; width: 50vw; max-width: 790px; margin: 0 auto; }

.text .inner-content p{ font-size: 24px; line-height: 160%; padding: 19px 0; font-weight: 300; display: block }
.text .inner-content p a{ font-style: italic; border-bottom:2px solid #00ff00; text-decoration: none; color: #000; }
.text .inner-content p strong{ font-weight: 500; }

.text .quote{  width: 25vw; padding: 20px; box-sizing: border-box; z-index: 1000;}
.text .quote.left{ position: absolute; left: -25vw;  }
.text .quote.right{ position: absolute; right: -25vw;  }

.text .quote blockquote{ position: relative; width: 15vw; margin: 0; padding: 0 3vw; }
.text .quote blockquote p{font-size: 24px; line-height: 160%; margin: 38px 0; font-weight: bold; padding: 0;}
.text .quote blockquote p:before, .quote blockquote p:after {position: absolute;content: '';}
.text .quote blockquote p:before{width: 45px;  height: 45px;  top: -70px;  left: 4vw;  background: url('../images/aspas.svg') 0 0 no-repeat;  background-size: cover;}
.text .quote blockquote p:after{ width: 15px; height: 15px; bottom: 10px; right: 3vw; background: url('../images/aspas.svg') 0 0 no-repeat;    background-size: cover;}
.text .quote .author{ font-style: italic; float: left; position: relative; width: 15vw; margin: 0; padding: 0 3vw;  font-size: 20px;  line-height: 28px; font-weight: 300;}

.text .video{ width: 25vw; padding: 20px 50px; box-sizing: border-box; position: absolute; left: -25vw;}
.text .video a{ display: block; width: 100%; }
.text .video a img{ display: block; width: 100%; }
.text .video iframe{ display: none; width: 100%; height: 168px; }

.connection{display: inline-block; width: 100%; height: 200px; position: relative; margin: -1px 0;}
.connection.toBottom{ position: absolute; bottom: 0; }
.connection .up{transition: all .2s; position: absolute; bottom: 0; left: 50%; margin-left: -16.3px; opacity: 0;}
.connection .up:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 0 16px 27px 16px; border-color: transparent transparent #00ff00 transparent; transition: all 0.3s ease;}
.connection .down{transition: all .2s; position: absolute; top: 0; left: 50%; margin-left: -16.3px; opacity: 0; }
.connection .down:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
.connection .fade.show{ opacity: 1; }

.connection.titled{ height: 400px;  text-align: center;  box-sizing: border-box;}
.connection.titled .title{ margin: 130px 0; background-color: #fff; }
.connection.titled .title h2{transition: all .5s;  display: inline-block;  width: 100%; font-size: 28px; line-height: 45px; text-align: center; padding: 25px 0 30px 0; }
.connection.titled .title .horizontal{ transition: all .5s; width: 1px; height: 3px; display: inline-block;  background-color: #00ff00; }
.connection.titled .title .horizontal.htop{ top: -12px; position: relative; }
.connection.titled .title .growLinear{ width: 300px;  }

.highlight{ display: inline-block; width: 100%; box-sizing: border-box; padding: 0 30%; position: relative; text-align: center;  }
.highlight .top{ float: left; width: 100%; margin-bottom: 165px; opacity: 0;}
.highlight .top:after{content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent; }

.highlight .heading-top-line{  display: inline-block; width: 1px; height: 3px; background-color: #00ff00; }
.highlight h2{background-color: #fff;  float: left; width: 100%; font-size: 28px; line-height: 45px; text-align: center; padding: 30px 0; }
.highlight .heading-bottom-line{display: inline-block;  width: 1px;  height: 3px; background-color: #00ff00; margin-bottom: 30px; }

.highlight .bottom{ float: left; width: 100%; margin-top: 150px;  opacity: 0;}
.highlight .bottom:before{content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 0 16px 27px 16px; border-color: transparent transparent #00ff00 transparent; transition: all 0.3s ease; }

.video-background{ float: left; width: 100%; height: 794px; position: relative; left: 0; top: 0; overflow: hidden;}
.video-background video{  object-fit: cover;  height: 794px; width: 100%; position: relative; top: 0; left: 0; }{  object-fit: cover;  height: 794px; width: 100%; position: relative; top: 0; left: 0; }
.video-background iframe{ padding: 250px 0;  display: none; height: 250px; width: 100%; position: relative; top: 0; left: 0; }

#video2{ float: left; width: 100%;  background: url('../images/video2.jpg') no-repeat; background-size: cover; background-position:top center;  }
#video3{ float: left; width: 100%;  background: url('../images/video3.jpg') no-repeat; background-size: cover; background-position:top center;  }
#video4{ float: left; width: 100%;  background: url('../images/video4.jpg') no-repeat; background-size: cover; background-position:top center;  }

#text00{ overflow: hidden; box-sizing: border-box; z-index: 40; position: relative; width: 100%; background-color: transparent; height: 2611px; left: 0; top: 0;   box-sizing: border-box;}
#text00 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text00 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text00 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }


#text01{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 2347px; left: 0; top: 0;  padding-top: 0; box-sizing: border-box;}
#text01 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }

#text02{ overflow: hidden; box-sizing: border-box; z-index: 6000; position: relative; width: 100%; background-color: transparent; height: 692px; left: 0; top: 0;  padding: 0; box-sizing: border-box;}
#text02 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text02 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text02 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }

#text03{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 1908px; left: 0; top: 0;  padding: 0 0 176px; box-sizing: border-box;}
#text03 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text03 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text03 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }

#text04{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 2840px; left: 0; top: 0; padding-top: 0; box-sizing: border-box;}
#text04 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text04 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text04 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }

#text05{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 4305px; left: 0; top: 0;  padding-top: 0; box-sizing: border-box;}
#text05 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text05 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text05 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
#text05 picture{ position: relative;} 

#text06{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 5812px; left: 0; top: 0;  padding-top: 0; box-sizing: border-box;}
#text06 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text06 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text06 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
#text06 picture{ position: relative;} 

#text07{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 2942px; left: 0; top: 0;  padding: 0; box-sizing: border-box;}
#text07 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text07 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text07 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
#text07 picture{ position: relative;} 

#text08{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 1214px; left: 0; top: 0; padding-top: 0; box-sizing: border-box;}
#text08 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text08 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text08 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
#text08 picture{ position: relative;} 

#text09{ overflow: hidden; box-sizing: border-box; z-index: 8000; position: relative; width: 100%; background-color: transparent; height: 3063px; left: 0; top: 0;  padding-top: 0; box-sizing: border-box;}
#text09 .top-line{ z-index: 0; position: absolute; top: 0; display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text09 .bottom-line{ z-index: 0; position: absolute;  display: block; height: 0; width: 3px; background-color:  #00ff00; left: 50%; margin-left: -1.5px;  }
#text09 .connect.bottom:before{ content: ""; width: 0; height: 0; margin: 0 auto; display: block; border-style: solid; border-width: 27px 16px 0 16px;  border-color: #00ff00 transparent transparent transparent;  }
#text09 picture{ position: relative;} 

#image{ float: left; width: 100%; z-index: 100; position: relative; }
#image img{ float: left; width: 100%; }

footer{ float: left; width: 100%; background-color: #000; text-align: center;  padding: 100px 0; z-index: 10000; position: relative;}
footer a{ display: inline-block; width: 250px; }
footer a img{ width: 100%; float: left;  }

footer .block{ position: absolute; left: 0; bottom: -100px; width: 100%; height: 100px; background-color: black;}


@media screen and (max-width: 1570px) {
	.text .inner-content p{ font-size: 23px; }
}

@media screen and (max-width: 1415px) {
	.text .inner-content p{ font-size: 22px; }
}

@media screen and (max-width: 1320px) {
	.text .inner-content p{ font-size: 21px; }
}

@media screen and (max-width: 1213px) {
	.text .inner-content p{ font-size: 20px; }
	.text .quote blockquote p{ font-size: 22px; line-height: 140%; }
}

@media screen and (max-width: 1120px) {
	.text .inner-content p{ font-size: 19px; }
	.text .quote blockquote p{ font-size: 20px; line-height: 130%; }
}

@media screen and (max-width: 980px) {
	.highlight h2{ font-size: 24px; }
	.text .inner-content p{ font-size: 19px; }
	.text .quote blockquote p{ font-size: 20px; line-height: 130%; }
}

@media screen and (max-width: 900px) {
	.highlight h2{ font-size: 22px; }
	.text .inner-content p{ font-size: 18px; }
	.text .quote blockquote p{ font-size: 22px; line-height: 140%; }

	#textIntro .content  p{ padding: 0 25%; }
	#textIntro .content  span{ padding: 0 20% 0 42%; }
}

@media screen and (max-width: 860px) {
	.text .quote.left,
	.text .quote.right{ width: 100%; position: relative; margin: 0!important; left: 0; padding:  20px 0; margin-bottom: 30px; display: inline-block;}
	
	.text .quote blockquote{ width: 100%; padding: 0; }
	.text .quote .author{ width: 100%; padding: 0; font-size: 18px; line-height: 22px;   }
	.text .quote blockquote p{ margin: 16px 0; }
	.text .quote blockquote p:before{ top: -30px; left: 0; width: 20px; height: 20px; }
	.text .quote blockquote p:after{ display: inline-block; bottom: -20px; }

	.text .video{ width: 40%;  position: relative; margin: 0!important; left: 0; float: left; margin: 0; padding: 25px 10px 10px 0; }

	.text .inner-content{ width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 3%; }
	.text .inner-content p{ font-size: 22px; }

	.connection{ height: 100px; }
}

@media screen and (max-width: 790px) {
	.text .inner-content p{ font-size: 20px; }
	.highlight{ padding: 0 20%; }

	#textIntro .content  p{ padding: 0 20%; }
	#textIntro .content  span{ padding: 0 15% 0 42%; }


}

@media screen and (max-width: 650px) {
	.text .inner-content p{ font-size: 19px; }

	img.desktop{ display: none!important; }
	img.mobile{ display: block!important; }

	.animationOne img{  height: 70vh; margin-top: 10vh;  margin-left: -45vh; left: 50%;  }
	.text picture legend{ box-sizing: border-box; padding: 0 30px; }

	.connection.titled .title .horizontal{ width: 300px; }

	#video2, #video3, #video4{ background: transparent; }

	.text .video a{ display: none; }
	.text .video iframe{ display:block; }

	.video-background video{ display: none; }
	.video-background iframe{ display: block; }

	#text04{ height: 3190px; }
	#video3{ height: 694px; }
	#video3.video-background iframe{ padding-top: 50px; }

	#text01{ height: 2871px; }
	#video2.video-background { height: 294px; }
	#video2.video-background iframe{ padding-top: 0; }

	#brazilMap{ display: none; }
	#intro img{ display: none; }

	#intro .down{ display: block; }

}

@media screen and (max-width: 580px) {
	.text .inner-content p{ font-size: 18px; }
	.highlight{ padding: 0 10%; }
	.text .video{ width: 100%;  padding: 0; padding-bottom: 15px;}

	#textIntro .content  p{ padding: 0 15%; }
	#textIntro .content  span{ padding: 0 15%; }
	
	#text01{ height: 2871px }
	#text01 .top-line{ top: -78px; }
	#text01 .connect{ margin-top: -80px; }

	#text08 .connection{ display: none; }
}

@media screen and (max-width: 480px) {
	.text .inner-content p{ font-size: 16px; }
	.highlight{ padding: 0 5%; }

	#textIntro .content  p{ padding: 0 10%; }
	#textIntro .content  span{ padding: 0 10%; }
}