.bg-all{float: left; width: 100%; margin: 0; padding: 0; background: url(../image/bg-atividades.jpg) no-repeat right top; min-height: 430px;}

.title-page{float: left; width: 100%; margin: 240px 0 45px;}
.title-page .icon{float: left; width: 320px; margin: 0 0 0 85px;}
.title-page .icon img{float: left; max-width: 100%; height: auto; margin: 0;}
.title-page .texto{float: left; width: calc(100% - 405px); margin: 95px 0 0;}
.title-page .texto .t1{float: left; width: 100%; text-align: left; color: #fff; font: 50px/50px mont-bold;}
.title-page .texto .t2{float: left; width: 100%; text-align: left; color: #fff; font: 25px/25px mont-regular; margin: 25px 0 0;}

.conteudo{float: left; width: 100%; background: rgba(255,255,255,0.97); margin: 0 0 50px; padding: 80px 100px;}
.conteudo .lista-series{float: left; width: 100%; padding: 25px; margin: 0; text-align: center;}
.conteudo .lista-series li{display: inline-block; width: auto; margin: 10px;}
.conteudo .lista-series li a{display: block; padding: 10px 25px; color: #291c5b; font: 30px/40px light; border-radius: 10px; border: solid 2px #00c1e2;}
.conteudo .lista-series li a.current,
.conteudo .lista-series li a:hover{background: #00c1e2; color: #fff;}
.conteudo .t1{float: left; width: 100%; color: #291c5b; font: 20px/20px bold; border-radius: 10px; border: solid 2px #00c1e2; padding: 10px 25px; margin: 40px 0 0;}
.conteudo form{float: left; width: 100%;}
.conteudo form .col-sm-12{float: left; width: 100%;}
.conteudo form span{float: left; width: 100%; color: #291c5b; font: 15px/20px bold;}
.conteudo form span > span{float: none; width: auto; display: inline-block; color: #777; font: 12px/14px mont-regular;}
.conteudo form span.wpcf7-form-control-wrap{float: left; width: 100%;}
.conteudo form input{float: left; width: 100%; height: 45px; border: solid 1px #d3d4d9; border-radius: 5px; color: #5a5a5a; font: 16px/45px regular; padding: 0 18px; margin: 0 0 20px; box-shadow: 0 2px 4px #ccc;}
.conteudo form select{float: left; width: 100%; height: 45px; border: solid 1px #d3d4d9; border-radius: 5px; color: #5a5a5a; font: 16px/45px regular; padding: 0 18px; margin: 0 0 20px; box-shadow: 0 2px 4px #ccc;}
.conteudo form input.tam-1{width: 49%;}
.conteudo form input.tam-2{float: right; width: 49%;}
.conteudo form textarea{float: left; width: 100%; height: 145px; border: solid 1px #d3d4d9; border-radius: 5px; color: #5a5a5a; font: 16px regular; padding: 15px 18px; margin: 0 0 20px; box-shadow: 0 2px 4px #ccc;}
.conteudo form .button{float: right; width: 130px; height: 45px; border: none; border-radius: 5px; color: #fff; font: 18px bold; background: #5dcf00; transition: all 0.5s ease; box-shadow: 0 2px 4px #ccc;}
.conteudo form .button:hover{background: #201254;}
.conteudo form .wpcf7-spinner{float: right; width: 25px;}
div.wpcf7-mail-sent-ok{border: 2px solid #398f14; font: 18px/20px bold; color: #398f14;}
.conteudo .box{float: left; width: 100%; margin: 0;}
.conteudo .box .topo{float: left; width: 100%; background: #00c1e2; border-radius: 15px 15px 0 0; position: relative; display: table;}
.conteudo .box .topo span{width: 100%; display: table-cell; height: 115px; vertical-align: middle; text-align: center; color: #fff; font: 25px mont-bold;}
.conteudo .box .topo i.fa{position: absolute; color: #00c1e2; font-size: 100px; bottom: -50px; left: 50%; margin: 0 0 0 -25px;}
.conteudo .box .bloco{float: left; width: 100%; padding: 35px 15px; background: #fff; border-radius: 0 0 15px 15px; box-shadow: 1px 1px 5px #ccc;}
.conteudo .box .bloco li{float: left; width: 100%; padding: 15px 35px 25px; border-bottom: dotted 2px #a6a6a6;}
.conteudo .box .bloco li:last-child{border-bottom: none;}
.conteudo .box .bloco .title{float: left; width: 100%; color: #3a3a3a; font: 20px mont-regular;}
.conteudo .box .bloco .down{float: left; width: 100%; margin: 15px 0 0; color: #d5de1c; font: 20px/50px mont-bold; border: solid 3px #d5de1c; text-align: center; padding: 0 15px; border-radius: 15px;}
.conteudo .box .bloco .down:hover{background: #d5de1c; color: #fff;}
.conteudo .box .bloco .down i.fa{float: left; color: #d5de1c; font-size: 20px; line-height: 50px; transiton: all 0.3s ease;}
.conteudo .box .bloco .down:hover i.fa{color: #fff;}


.col-md-12{float: left; width: 100%;}




@media(max-width: 1380px){

}

@media(max-width: 1199px){
	.title-page{margin: 110px 0 45px;}
	.title-page .icon{margin: 0 0 0 30px;}
	.conteudo .menu-side{margin: 0;}
	.conteudo .menu-side li{padding: 10px; width: 50%; border-right: solid 1px #d6d6d6;}
	.conteudo .menu-side li a{height: auto; font: 18px light; border-left: solid 5px rgba(180,209,98,0); border-right: solid 5px rgba(180,209,98,0); padding: 0 0 0 10px;}
	.conteudo .menu-side li a.current,
	.conteudo .menu-side li a:hover{border-right: solid 5px rgba(180,209,98,0); border-left: solid 5px rgba(180,209,98,1);}

}

@media(max-width: 991px){
	.conteudo{margin: 20px 0 50px; padding: 25px 30px;}
}

@media(max-width: 767px){
	.title-page{margin: 150px 0 45px;}
	.title-page .icon{width: 200px; margin: 0 0 0 30px;}
	.title-page .texto{float: left; width: calc(100% - 240px); padding: 0 10px 0 20px; margin: 10px 0 0;}
	.conteudo{padding: 25px 0;}
	.conteudo .t1{width: calc(100% - 30px); font: 16px/16px bold; margin: 0 15px 40px;}
}

@media(max-width: 570px){
	.title-page .texto .t1{font: 35px/35px mont-bold;}
	.title-page .texto .t2{font: 20px/20px mont-regular;}
}

@media(max-width: 480px){
	.title-page .icon{width: 150px;}
	.title-page .texto{float: left; width: calc(100% - 180px);}
	.conteudo .menu-side li a{height: 45px;}
	.conteudo form span > span{font: 10px/14px mont-regular;}
}

@media(max-width: 360px){
	.title-page .icon{width: 100px;}
	.title-page .texto{float: left; width: calc(100% - 130px);}
	.title-page .texto .t1{font: 28px/28px mont-bold;}
}