/* ANIMATION */

	@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; } 
	}
	@-moz-keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1; }
	}
	@-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}
	@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}

	.fadeIn-1s {
	-webkit-animation: fadeIn 5s ease-in-out;
	-moz-animation: fadeIn 5s ease-in-out;
	-o-animation: fadeIn 5s ease-in-out;
	animation: fadeIn 5s ease-in-out}

	.fadeIn {
	-webkit-animation: fadeIn 2s ease-in-out;
	-moz-animation: fadeIn 2s ease-in-out;
	-o-animation: fadeIn 2s ease-in-out;
	animation: fadeIn 2s ease-in-out}

/* BODY E OUTROS */

    h1{font:70px 'Raleway', sans-serif; color:#fff; letter-spacing:5px;text-shadow: 2px 2px rgba(0, 0, 0, 0.36); margin:0; padding:0}
    h2{font:30px 'Raleway', sans-serif; color:black; margin-bottom:5px}
    h3{font:20px 'Raleway', sans-serif; color:black; line-height:32px}
    h4{font:18px 'Raleway', sans-serif; color:#fff; line-height:24px; text-align:center; letter-spacing:0.5px}
    h2, h3{margin-top:0; padding:0; letter-spacing:0.5px}
    h3 a{text-decoration:none; color:#000;}
    h3 a:hover{text-decoration:none; font:20px 'Raleway', sans-serif; color:black; line-height:32px}

    span.big{font-size:100px}

	.gradient-blue{
		width: 100%;
	    padding-top: 180px;
	    padding-bottom: 20px;
	    float: left;
	    background-image: linear-gradient(to bottom, #ffffff, #79d4f77d, #79d4f7)}

	.foot-slogan, .foot-slogan-m {
	    text-align: center;
	    font-family: 'Affogato-bold', sans-serif; color:#fff;
	    text-transform:uppercase;
	    letter-spacing:2px}

	.foot-slogan-m{display:none}

	img.escala, img.escala3, img.escala4{width:100%;margin-bottom:-4px}
	img.escala2{height:100%}

	.img-tre{
		width:33.32%;
		float:left}

	.img-one{
		width:100%;
		float:left}

	.img-tri{
		width:33.32%;
		float:left}

	.txt-tri{
		width:31.32%;
		float:left;
		padding-bottom: 20px;}

	.tri5{margin:0 1%}

	.citacao .txt-tri{
		background-color: #79d4f77d}

	.citacao .txt-tri p{
		width: 90%;
		margin-left: 5%;
		text-align: center}

	.all{
		width:100%; height:100%;
	    position:fixed;
		float:left;
	    padding:0}

	.bg-cover1, .bg-cover2, .bg-cover3, .bg-cover4, .bg-cover5, .bg-cover6, .bg-cover7{
		background-position-y: 50px;
    	background-repeat: no-repeat;
		background-size:contain}

	.bg-cover1{background-image:url("imgs/cover1.jpg");}
	.bg-cover2{background-image:url("imgs/cover2.jpg");}
	.bg-cover3{background-image:url("imgs/cover3.jpg");}
	.bg-cover4{background-image:url("imgs/cover4.jpg");}
	.bg-cover5{background-image:url("imgs/cover5.jpg");}
	.bg-cover6{background-image:url("imgs/cover6.jpg");}
	.bg-cover7{background-image:url("imgs/cover7.jpg");}

	#central{
		position:absolute;
		width:100%;
		padding:0; margin:0;
		float:left}

	.post{
		height:auto; width:100%;
		margin-top:30px;
		float:left; padding:0;
		overflow:hidden;
		border-radius:0;
		background:transparent}

	.post-line{
		width:100%;
		margin-top:72px;
		float:left; padding:0;}


	.all-img-post{width:40%;float:left}

	.img-post{
		min-height:100px; min-width:100px;
		float:left; margin:30px 30px 0 0; padding:0;
		background:transparent;
		border-radius:50%;
    	overflow: hidden}

	.img-post-m{display:none}

	.nopadding-nomargin{
		height:auto; float:left;
		margin:0; padding:0;
		background:transparent}

	.legenda, .legenda-2, .legenda-3, /*.citacao,*/ .tabela{
		height:auto; float:left;
		margin:0; padding:0;
		background:transparent}
	.legenda-3{width:75%; padding-bottom:15px}
	.legenda-2{width:100%; padding-bottom:15px}
	.legenda{width:60%; padding-bottom:15px}
	.citacao{width:80%; margin-left:10%; margin-bottom:40px; margin-top:40px}

	span.destaq{font-weight:700}
	span.destaq-medium{font-weight:700}
	span.center{font-weight:700; color:#6b6b6b;text-align:center}

	p.title{font-size: 20px; margin-top:30px; margin-bottom:10px; text-transform: uppercase;}
	p.subtitle{font-size: 16px; font-weight:500 ;margin:5px 0 10px 0}
	p.txt, p.txt2{margin-top:0; margin-bottom:15px}
	p.txt{margin-right:30px}

.box{
	padding-bottom:30px;
	height:auto; width: 32.33%; margin:0 0.5% 10px 0.5%;
	background-color:#00AEEF; float:left;
    border-radius:20px}
.depo-content{float:left; height:auto; width:80%; margin-left:10%}
.depo-content p{ text-align:center; color:#fff}
.caixa{
    margin-top:40px;
    height:200px; width:100%;
    position: relative;}
.foto-icon{
    position:absolute;
    height:200px; width:200px; float:left;
    margin-left:-103px; left:50%;
    background-repeat:no-repeat;
    background-color:transparent;
    background-size:cover;
    border-radius:50%;
    border: 6px solid #fff;}

.perfil-1{background-image:url("imgs/perfil-1.jpg")}
.perfil-2{background-image:url("imgs/perfil-2.jpg")}
.perfil-3{background-image:url("imgs/perfil-3.jpg")}

.embed{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
/* 
	float: left;
    left: 50%;
    margin-left: -280px;
    overflow: hidden;
    height: 315px;
*/
}

.embed iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	border: none}

.video {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    position: relative}

/* MOBILE */
    @media (max-width: 850px) {

		.video {
		    width: 90%;
		    left: 0;
		    margin-left:5%}

		.txt-tri{
			width:90%; margin-left:5%; margin-bottom:5px}

    	.box{width:99%}
		.citacao {
		    width:90%;
		    margin-left:5%}

		.foot-slogan{display:none}
		.foot-slogan-m{display:block}

		.img-tri{width:50%}
		.img-tre{width:100%; margin-bottom:4px}

		.bg-cover1 {background-image: url(imgs/cover1-m.jpg)}
		.bg-cover2 {background-image: url(imgs/cover2-m.jpg)}
		.bg-cover3 {background-image: url(imgs/cover3-m.jpg)}
		.bg-cover4 {background-image: url(imgs/cover4-m.jpg)}
		.bg-cover5 {background-image: url(imgs/cover5-m.jpg)}
		.bg-cover6 {background-image: url(imgs/cover6-m.jpg)}
		.gradient-blue{
			padding-top:60px;
		    background-image: linear-gradient(to bottom, #ffffff, #79d4f77d, #00aeef)}
}