@import url('https://fonts.googleapis.com/css?family=Titillium+Web:700');
/* DEPOIMENTOS */
section .depoimentos { width: 100%; height: auto; position: relative; clear: both; }
section .depoimentos ul { width: 100%; height: auto; list-style-type: none; position: relative; overflow: hidden; padding: 20px 0px 40px 0px; }
section .depoimentos ul li { width: 100%; margin: 0px 0px 25px 0px; float: left; position: relative; height: 180px; }
section .depoimentos ul li .infos { width: 100%; height: auto; position: relative; }
section .depoimentos ul li .infos .titulo { width: 100%; font-size: 20px; font-weight: 800; position: relative; font-family: 'Nunito'; color: #373435; text-align: left; line-height: 22px; height: auto; }
section .depoimentos ul li .infos .introducao { width: 100%; font-size: 13px; font-weight: 400; font-family: 'Nunito'; color: #373435; text-align: left; line-height: 16px; height: auto; margin: 15px 0px 0px 0px; }
section .depoimentos ul li .infos .mais { width: 100%; font-size: 15px; font-weight: 700; font-family: 'Nunito'; color: #373435; text-align: left; line-height: 14px; height: auto; margin: 5px 0px 0px 0px; }
section .depoimentos ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
section .depoimentos ul li:hover .avatar { -webkit-box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); }

/*POLÍTICA*/
section .politica { width: 100%; height: auto; color: #373435; font-size: 14px; padding: 15px 0px 10px 0px; line-height: 22px; font-family: 'Nunito'; font-weight: 500; text-align: left; }

/* DIFERENCIAIS */
section .motivo { width: 100%; height: auto; color: #373435; font-size: 24px; padding: 15px 0px 0px 0px; line-height: 30px; font-family: 'Nunito'; font-weight: 500; text-align: left; }
section .defesa2 { width: -moz-calc(50% - 40px); width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); height: auto; color: #373435; font-size: 14px; padding: 15px 40px 10px 0px; line-height: 22px; font-family: 'Nunito'; font-weight: 500; text-align: left; float: left; }
section .defesa { width: 100%; height: auto; color: #373435; font-size: 14px; padding: 15px 0px 10px 0px; line-height: 22px; font-family: 'Nunito'; font-weight: 500; text-align: left; }
section .defesa iframe { width: 100%; height: 500px; position: relative; margin: 15px 0px 0px 0px; }
section .defesa img { text-align: center; padding: 0px; width: auto; max-width: 100%; margin: 15px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden; display: block; }
section .defesa b { font-weight: 700; color: #373435; font-size: 14px; }
section .defesa i { font-style: italic; color: #373435; font-size: 14px; }
section .defesa u, section .defesa a { text-decoration: underline; color: #373435; font-size: 14px; }
section .video { width: 848px; height: 320px; text-align: center; background-color: #000000; padding: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden;  -webkit-box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); box-shadow: 0px 15px 10px -15px rgba(0,0,0, 0.3); margin: 10px 0px; }
section .video .play { cursor: pointer; width: 100%; height: 320px; z-index: 10; position: absolute; background: url(../imagens/play.png) no-repeat center center; }
section .video img { width: 100%; height: 320px; opacity: 0.3; }
section .video:hover img { width: 100%; height: 320px; opacity: 0.4; }

section .textos { width: 100%; height: auto; position: relative; clear: both; }
section .textos ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; }
section .textos ul li { width: 280px; height: auto; display: inline-block; vertical-align: top; margin: 15px 50px 50px 50px; }
section .textos ul li .icones { width: 100%; height: 103px; text-align: center; position: relative; }
section .textos ul li .motivo { width: 100%; height: auto; color: #373435; font-size: 36px; padding: 15px 0px 0px 0px; line-height: 40px; font-family: 'Nunito'; font-weight: 500; text-align: center; }
section .textos ul li .defesa { width: 100%; height: auto; color: #373435; font-size: 14px; padding: 15px 0px 10px 0px; line-height: 22px; font-family: 'Nunito'; font-weight: 500; text-align: center; }

/* SOBRE */
section .fts { width: 350px; height: 360px; text-align: center; float: right; margin: 15px 0px 15px 20px; padding: 0px; position: relative; overflow: hidden; }
section .fts img { width: 100%; height: auto; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
section .defesa3 { width: 100%; height: auto; color: #373435; font-size: 14px; padding: 15px 0px 10px 0px; line-height: 22px; font-family: 'Nunito'; font-weight: 500; text-align: left; }

section .timeline { width: 848px; height: auto; position: relative; clear: both; float: right; margin: 30px 0px; }
section .timeline .anos { width: 100%; height: auto; padding: 0px; overflow: hidden; text-align: center; }
section .timeline .anos ul { width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -o-calc(100% - 32px); width: calc(100% - 32px); height: auto; position: relative; clear: both; text-align: center; border: 1px solid #ffffff; padding: 15px 15px 12px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
section .timeline .anos ul li { width: 40px; height: auto; display: inline-block; font-size: 18px; letter-spacing: -1px; font-weight: 800; font-family: 'Nunito'; position: relative;overflow: hidden; color: #373435; text-align: center; line-height: auto; padding: 0px 10px; }
section .timeline .anos ul li:hover,
section .timeline .anos ul li#ativo { width: 40px; text-decoration: underline; height: auto; display: inline-block; font-size: 18px; letter-spacing: -1px; font-weight: 800; font-family: 'Nunito'; position: relative;overflow: hidden; color: #373435; text-align: center; line-height: auto; padding: 0px 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

section .registros { width: 100%; height: auto;position: relative; clear: both; }
section .registros ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; }
section .registros ul li { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); height: 260px; padding: 0px 40px; display: block; position: relative; clear: both;background-image: url(../imagens/divisor-timeline.png); background-repeat:repeat-y; background-position:center top; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
section .registros ul li.dois { background-color: #ffffff; }
section .registros ul li .bloco1 { width: 300px; height: 180px; float: left; margin: 40px 0px; font-size: 16px; line-height: 23px; text-align: left; color: #373435; font-weight: 700; font-family: 'Nunito';-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .registros ul li .bloco2 { width: 300px; height: 180px; float: right; margin: 40px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .registros ul li .bloco2 img { width: 300px; height: 180px; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
section .registros ul li .bloco3 { width: 300px; height: 180px; float: right; margin: 40px 0px; font-size: 16px; line-height: 23px; text-align: left; color: #373435; font-weight: 700; font-family: 'Nunito';-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .registros ul li .bloco4 { width: 300px; height: 180px; float: left; margin: 40px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .registros ul li .bloco4 img { width: 300px; height: 180px; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
section .registros ul li .ano { left: 50%; margin: 90px 0px 0px -36px; position: absolute; width: 72px; font-size: 16px; font-weight: 800; font-family: 'Nunito'; text-align: center; color: #373435; line-height: 72px; height: 72px; background-color: #f4f6f8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; text-align: center; }
section .registros ul li .play { cursor: pointer; margin-top: 0px; top: 40px; width: 300px; height: 180px; z-index: 10; position: absolute; background: url(../imagens/play.png) no-repeat center center; }
section .registros ul li .play:hover { background:url(../imagens/play.png) no-repeat center center; }
section .registros ul li:hover .bloco1 {  margin-left: 10px; }
section .registros ul li:hover .bloco4 {  margin-left: 10px; }
section .registros ul li:hover .bloco2 {  margin-right: 10px; }
section .registros ul li:hover .bloco3 {  margin-right: 10px; }

@media screen and (max-width: 1150px) {
	section { text-align: center; }
	section .motivo { width: 100%; text-align: center;}
	section .defesa2 { width: 100%; padding: 15px 0px 10px 0px; text-align: center; float: none; }
	section .defesa, section .politica { text-align: center; }
	section .textos ul li { width: 280px; height: auto; display: inline-block; vertical-align: top; margin: 15px 10px 40px 10px; }
	section .fts { width: 300px; height: auto; display: inline-block; text-align: center; float: none; margin: 15px 0px; }
	section .defesa3 { text-align: center; }
}
@media screen and (max-width: 850px) {
	section .timeline { width: 94%; float: none; padding: 0px 3%; margin: 30px 0px; }
	section .timeline .anos { display: none; }

	section .video { width: 100%; height: 250px; float: none; }
	section .video .play { cursor: pointer; width: 100%; height: 250px; }
	section .video img { height: 250; opacity: 0.3; }
	section .video:hover img { height: 250; opacity: 0.4; }

	section .registros ul li { height: auto; padding: 25px 40px; }
	section .registros ul li .bloco1 { width: 300px; height: auto; float: none; background-color: #ededed; display: inline-block; margin: 40px 0px 25px 0px; text-align: center; }
	section .registros ul li .bloco2 { width: 300px; height: auto; float: none; display: inline-block; margin: 25px 0px; }
	section .registros ul li .bloco2 img { width: 300px; height: 180px; float: none; display: inline-block; margin-bottom: 40px; }
	section .registros ul li .bloco3 { width: 300px; height: auto; float: none; background-color: #ededed; display: inline-block; margin: 40px 0px 25px 0px; text-align: center; }
	section .registros ul li.dois .bloco3 { background-color: #dfdfdf; }
	section .registros ul li .bloco4 { width: 300px; height: auto; float: none; display: inline-block; margin: 25px 0px; }
	section .registros ul li .bloco4 img { width: 300px; height: 180px; margin-bottom: 40px; }
	section .registros ul li .ano { left: 50%; margin: -72px 0px 0px -36px; position: absolute; width: 72px; font-size: 16px; font-weight: 600; font-family: 'Nunito'; text-align: center; color: #ffffff; line-height: 72px; height: 72px; background-color: #f26e35; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; text-align: center; }
	section .registros ul li .play { cursor: pointer; width: 300px; height: 180px; z-index: 10; position: absolute; }
}
@media screen and (max-width: 480px) {
	section .depoimentos ul li { float: none; height: auto; margin-bottom: 40px; }
	section .depoimentos ul li .avatar { float: none; clear: both; display: inline-block; }
	section .depoimentos ul li .infos { width: 100%; float: none; display: inline-block; }
	section .depoimentos ul li .infos .titulo,
	section .depoimentos ul li .infos .introducao { text-align: center; }
	section .depoimentos ul li .infos .mais { width: 100%; float: none; text-align: center; margin-top: 0px }
}