@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
.sobre{
	width: auto;
	height: auto;
	margin-top:-15px;
	background-color: #eeeeee;
	overflow: hidden;
}
.foto-principal{
	padding-left: 0px;
	padding-right: 0px;
	border-left: solid #fff 5px;
}
.texto-principal p{
	color:#3c3c3b;
	font-family: 'Lato', sans-serif;
	line-height: 40px;
	font-size: 1.2em;
	font-weight: 300;
}
.texto-principal .p-var{
	font-weight: 700;
}
.texto-principal{
	padding-top: 120px;
	padding-left: 50px;
	padding-right: 50px;
}
.linha-roxa{
	background-color: #781d62;
	width: 50px;
	height: 3px;
}
.sust-tinta-roxa{
	width: auto;
	height: auto;
	margin: 0 auto;
	padding-left: 45%;
}
.tinta-roxa{
	background-image: url('../img/tinta-roxa.png');
	width: 300px;
	height: 157px;
	background-repeat: no-repeat;
	margin-top: -80px;
	position: relative;
	z-index: 5;
	padding-left: 0px;
}
h1{
	font-family: 'Abril Fatface', cursive;
	color: #69be9c;
	text-transform: uppercase;
	font-size: 4em;
	line-height: 50px;
	margin-bottom: 50px;
}
.under{
	color: #781d62;
}
.estrutura img{
	margin-bottom: 30px;
}
.box-roxo{
	background-color: #69be9c;
	padding: 40px;
	padding-top: 20px;
	width: 100%;
	height: 360px;
}
.box-roxo h2{
	background-color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #69be9c;
	padding: 5px;
	font-size: 2.6em;
}
.box-roxo h3{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 2.2em;
	color: #fff;
	margin-top: -5px;
}
.box-roxo p{
	color: #fff;
	font-family: 'Lato', sans-serif;
	line-height: 30px;
	font-size: 1.4em;
	font-weight: 300;
}
.texto-estrutura p{
	color:#3c3c3b;
	font-family: 'Lato', sans-serif;
	line-height: 40px;
	font-size: 1.2em;
	font-weight: 300;
}
.ministrantes{
	background-color: #eeeeee;
	margin-top: 50px;
	padding-top: 40px;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.ministrantes h1{
	text-align: right;
}
.ministrantes p{
	font-family: 'Lato', sans-serif;
	color: #4c1383;
	font-weight: 400;
	font-size: 2em;
	text-transform: uppercase;
	line-height: 30px;
}
.ministrantes a{
	text-decoration: none;
}
.ministrantes a:hover{
	text-decoration: none;
}
.logo-scopin{
	margin-top: -40px;
	margin-left: 190px;
}
.scopin{
	width: 270px;
	height: auto;
	float: left;
}
.nome-scopin{
	width: 300px;
	height: auto;
	float: left;
	padding-top: 120px;
}
.outros-ministrantes{
	margin-top: 30px;
}
.minis-fotos{
	height:380px;
}
.oswaldo{
	margin-top: -120px;
	float: center;
}
.mais-1{
	text-align: right;
	padding-right: 1%;
	margin-top: -950px;
	z-index: -1;
}
.mais-2{
	text-align: right;
	padding-right: 10%;
	margin-top: 50px;
	z-index: -1;
}
.mais-3{
	text-align: right;
	padding-right: 2%;
	margin-top: 60px;
	z-index: -1;
}
.mais-4{
	text-align: right;
	padding-right: 7%;
	margin-top: 300px;
	z-index: -1;
}
.mais-5{
	text-align: right;
	padding-right: 20%;
	margin-top: 30px;
	z-index: -1;
}
.mais-6{
	text-align: right;
	padding-right: 25%;
	margin-top: 60px;
	z-index: -1;
}

 .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
 .fadeInRightBig2 {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
 .fadeInRightBig3 {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
 .oswaldo-mobile{
  	display:none;
  }
 .linha-cronograma{
  	text-align: right;
  	margin-top: 320px;
  	padding-left: 30%;
  	overflow-x: hidden;
  }
  .cronograma{
  	margin-top: -140px;
  	z-index: 5;
  	position: relative;
  }
   .linha-valores{
  	text-align: left;
  	margin-right: 30%;
  	margin-top: 100px;
  }
  .valores{
  	z-index: 5;
  	position: relative;
  	text-align: right;
  	margin-top: -100px;
  }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  visibility: visible;
  }
  100% {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  visibility: visible;
  }
  100% {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
  } 

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  visibility: visible;
  }
  100% {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  visibility: visible;
  }
  100% {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
  } 

.anima-tinta {
  -webkit-animation-name: anima-tinta ;
  animation-name: anima-tinta ;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }
  @-webkit-keyframes anima-tinta {
  0% {
 	-webkit-clip-path: polygon(0 0, 0 13%, 0 72%, 0 89%);
clip-path: polygon(0 0, 0 13%, 0 72%, 0 89%);
  visibility: visible;
  }
  
  100% {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 99%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 99%, 0 100%);
  }
  }
  @keyframes anima-tinta {
  0% {
  	-webkit-clip-path: polygon(0 0, 0 13%, 0 72%, 0 89%);
clip-path: polygon(0 0, 0 13%, 0 72%, 0 89%);
  }

 
  100% {
 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  }

.anima-assinatura {
  -webkit-animation-name: anima-assinatura;
  animation-name: anima-assinatura;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
	  @-webkit-keyframes anima-assinatura{
	  0% {
	 -webkit-clip-path: polygon(51% 0, 51% 21%, 53% 35%, 48% 59%, 49% 80%, 37% 100%, 11% 100%, 0 100%, 0 54%, 0 0);
clip-path: polygon(51% 0, 51% 21%, 53% 35%, 48% 59%, 49% 80%, 37% 100%, 11% 100%, 0 100%, 0 54%, 0 0);
	  }
	  10% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 56% 33%, 56% 52%, 48% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 56% 33%, 56% 52%, 48% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  20% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 62% 31%, 57% 52%, 52% 77%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 62% 31%, 57% 52%, 52% 77%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  30% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 66% 30%, 63% 46%, 59% 66%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 66% 30%, 63% 46%, 59% 66%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  40% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 66% 30%, 65% 46%, 60% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 66% 30%, 65% 46%, 60% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  50% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 72% 43%, 66% 58%, 59% 87%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 72% 43%, 66% 58%, 59% 87%, 40% 100%, 0 100%, 0 62%)
	  }
	  60% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 76% 36%, 70% 59%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 76% 36%, 70% 59%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  70% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 80% 26%, 71% 75%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 80% 26%, 71% 75%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  80% {
	-webkit-clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 72% 74%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 72% 74%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  90% {
	-webkit-clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 86% 71%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 86% 71%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  100% {
		-webkit-clip-path: polygon(33% 0, 70% 0, 100% 0, 100% 45%, 100% 100%, 71% 100%, 30% 100%, 0 100%, 0 52%, 0 0);
clip-path: polygon(33% 0, 70% 0, 100% 0, 100% 45%, 100% 100%, 71% 100%, 30% 100%, 0 100%, 0 52%, 0 0);
	  }
  }
  @keyframes anima-assinatura {
	  
	  0% {
	 -webkit-clip-path: polygon(51% 0, 51% 21%, 53% 35%, 48% 59%, 49% 80%, 37% 100%, 11% 100%, 0 100%, 0 54%, 0 0);
clip-path: polygon(51% 0, 51% 21%, 53% 35%, 48% 59%, 49% 80%, 37% 100%, 11% 100%, 0 100%, 0 54%, 0 0);
	  }
	  10% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 56% 33%, 56% 52%, 48% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 56% 33%, 56% 52%, 48% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  20% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 62% 31%, 57% 52%, 52% 77%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 62% 31%, 57% 52%, 52% 77%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  30% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 66% 30%, 63% 46%, 59% 66%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 66% 30%, 63% 46%, 59% 66%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  40% {
	 -webkit-clip-path: polygon(0 0, 54% 0, 66% 30%, 65% 46%, 60% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 66% 30%, 65% 46%, 60% 73%, 50% 90%, 40% 100%, 0 100%, 0 62%);
	  }
	  50% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 72% 43%, 66% 58%, 59% 87%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 72% 43%, 66% 58%, 59% 87%, 40% 100%, 0 100%, 0 62%)
	  }
	  60% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 76% 36%, 70% 59%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 76% 36%, 70% 59%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  70% {
	-webkit-clip-path: polygon(0 0, 54% 0, 75% 15%, 80% 26%, 71% 75%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 75% 15%, 80% 26%, 71% 75%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  80% {
	-webkit-clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 72% 74%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 72% 74%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  90% {
	-webkit-clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 86% 71%, 79% 89%, 40% 100%, 0 100%, 0 62%);
clip-path: polygon(0 0, 54% 0, 79% 12%, 85% 44%, 86% 71%, 79% 89%, 40% 100%, 0 100%, 0 62%);
	  }
	  100% {
		-webkit-clip-path: polygon(33% 0, 70% 0, 100% 0, 100% 45%, 100% 100%, 71% 100%, 30% 100%, 0 100%, 0 52%, 0 0);
clip-path: polygon(33% 0, 70% 0, 100% 0, 100% 45%, 100% 100%, 71% 100%, 30% 100%, 0 100%, 0 52%, 0 0);
	  }
  } 
  .texto-cronograma h1{
	 font-size: 3.2em;
 }
 .texto-cronograma h2{
 	color:#781d62;
 	text-transform: uppercase;
 	margin-top: -40px;
 	font-family: 'Lato', sans-serif;
 	font-weight: 400;
 	font-size: 1.8em;
 }
.texto-cronograma p{
	 font-size: 1.2em;
	 text-align: justify;
 }
 .var-h2-crono{
 	font-weight: 700;
 }
  .var-p-crono{
 	font-weight: 700;
 	text-transform: uppercase;
 }
.lotes{
	margin-top: 30px;
}
.linha-branca{
	width: 50px;
	height: 3px;
	background-color: #fff;
	margin-top: 20px;
}
.back button{
	background-color: #fff;
	color: #fff;
	outline:none;
	margin-top: 20px;
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
}
.back button a{
	color: #fff;
}
.back button a:hover{
	color: #fff;
}
.politica{
	height: 990px;
	background-color: #eeeeee;
	padding: 40px;
}
.politica p{
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
	font-weight: 300;
}
.politica h2{
	color: #47127a;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size:3em;
}
.var-h2-politica{
	font-weight: 700;
}
.apoios h3{
	font-family: 'Lato', sans-serif;
	color: #47127a;
	font-size: 1.8em;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}
.ap p{
	margin: 0 auto;
	color:#8d8d8d;
	background-color: #fff;
	margin-top: -30px;
	width: 70px;
	text-align: center;
}
.form-control{
	border: solid #4c1383;
	font-family: 'Lato', sans-serif;
	outline:none;
}
.btn-default{
	font-family: 'Lato', sans-serif;
	color: #fff;
	background-color: #69be9c;
	border: none;
}
.btn-default:hover{
	background-color: #69be9c;
	color:#fff;
}
.enviado{
	color:#757575;
	font-family: 'Lato', sans-serif;
}
svg{
    height: auto;
    width: 25%; //do elemento pai
}
label{
	font-family: 'Lato', sans-serif;
}
.inscrito p{
	font-family: 'Lato', sans-serif;
	color: #3c3c3b;
	font-size: 1.2em;
}
.inscrito h2{
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #4c1383;
}
@media screen and (max-width: 1200px) {
	.texto-principal{
		padding-top: 60px;
	}
	.box-roxo h2{
		font-size: 2.2em;
	}
	.box-roxo h3{
		font-size: 1.8em;
	}
	.box-roxo p{
		font-size: 1.0em;
		line-height: 25px;
	}
	.box-roxo{
		height: 295px;
		padding: 20px;
	}
	.texto-estrutura p{
		line-height: 35px;
	}
	.back {
		padding: 40px;
	}
}
@media screen and (max-width: 990px) {
	.texto-principal{
		padding-top: 10px;
	}
	.texto-principal p{
		line-height: 30px;
	}
	.box-roxo h2{
		font-size: 1.6em;
		margin-top: 0px;
	}
	.box-roxo h3{
		font-size: 1.4em;
	}
	.box-roxo p{
		font-size: 0.9em;
		line-height: 18px;
	}
	.box-roxo{
		height: 220px;
	}
	.texto-estrutura p{
		line-height: 30px;
	}
	.mais-1{
		display:none;
	}
	.mais-2{
		display:none;
	}
	.mais-3{
		display:none;
	}
	.mais-4{
		display:none;
	}
	.mais-5{
		display:none;
	}
	.mais-6{
		display:none;
	}
	.outros-ministrantes{
		text-align: center;
	}
	.oswaldo-var{
		text-align:center;
	}
	.oswaldo{
		display:none;
	}
	.oswaldo-mobile{
	  	display:block;
	 }
	.linha-cronograma{
  		margin-top: 80px;
  		padding-left: 40%;
  	}

  	.linha-valores{
  		margin-top: 50px;
  		margin-right: 40%;
  	}
  	.politica p{
		font-size:1em;
	}
	.politica h2{
		font-size:2em;
	}
}
@media screen and (max-width: 768px) {
	.foto-principal{
		border-left: none;
	}
	.texto-principal{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.sust-tinta-roxa{
		padding-left: 0px;
	}
	.texto-principal p{
		line-height: 40px;
	}
	.texto-estrutura p{
		line-height: 28px;
		margin-top: 20px;
	}
	.nome-scopin{
		width: 300px;
		height: auto;
		float: left;
		padding-top: 10px;
	}
	.oswaldo{
		margin-top: 0px;
		float: center;
	}
	.outros-ministrantes{
		text-align: center;
	}
	.linha-cronograma{
  		display: none;
  	}
  	.linha-valores{
  		display: none;
  	}
  	.linha-valores{
  		margin-top: 50px;
  		margin-right: 61%;
  	}
  	.cronograma{
  		margin-top: 40px;
  	}
  	.valores{
  		margin-top: 60px;
  	}
  	.banner-interno{
  		display: none;
  	}
}