/*
@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}
*/

/* ============ */

body{font-family: 'K2D', sans-serif; font-size: 16px; color: #444444; font-weight: 300;}
a{text-decoration:none;}
a:hover{text-decoration:none; opacity: 0.7;}
.mob{display: none;}
textarea, input:focus{outline: none;}
img{max-width: 100%; height: auto;}

b, strong, h1, h2, h3, h4{font-weight: 700;}
.padding{padding: 60px 0px;}

.img100 img, img.img100{width: 100%; height: auto;}
label.error {background: #990000; color: #fff; padding: 2px 5px; font-size: 12px;}

.carrossel{width: 100%;}
    	
    	
/* 
	HEADER
	============ 
*/

header{background: url(../images/batta-topo.png) repeat-x top center #fff; min-height: 95px;}

.navbar{padding-bottom: 0px;}
.navbar-brand {float: left; position: absolute;}
.navbar-expand-lg .navbar-collapse {float: right; padding-top: 20px;}

.navbar-light .navbar-nav .nav-link{color: #0069CC; text-transform: uppercase; font-weight: 700; padding: .5rem .6rem 30px; font-size: 13px;}
.navbar-light .navbar-nav a.nav-link:hover{margin-bottom: 3px solid #FF2152;}

.navbar-light .navbar-nav .nav-link.inscreva{background-color: #0069CC; color: #fff; padding: 12px 25px; text-transform: uppercase; border-radius: 40px; font-size: 12px; margin: 0 10px;}
.navbar-light .navbar-nav .nav-link.areauser{background-color: #FF2152; color: #fff; padding: 7px 20px; text-transform: uppercase; border-radius: 40px; font-size: 12px; text-align: center;}
.navbar-light .navbar-nav .nav-link.areauser i{margin-right: 7px; font-size: 12px;}

header .busca{margin: 0 40px; display: inline-table;}
header .busca input#s {float: left; border: 1px solid #0069CC; border-right: none;  padding: 8px 10px 8px 25px; max-width: 120px;
    -webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
header .busca button{background: transparent; float: left; border: 1px solid #0069CC; border-left: none;  padding: 8px 15px 8px 0px; color: #727272;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

/* 
	HOME
	============ 
*/

section{margin-top: 95px;}
.destaque img{width: 100%; height: auto;}

.sobre{background: url(../images/bg-texto.png) no-repeat bottom center; position: relative; background-size: cover; padding: 100px 0px 80px; color: #fff; font-size: 20px;}
.sobre .increvabtn{position: absolute; top: -21px; width: 100%; text-align: center;}
.sobre .increvabtn a{background-color: #FF2152; color: #fff; padding: 15px 100px; text-transform: uppercase; border-radius: 40px; font-size: 12px; font-size: 28px;}
.sobre h2{font-size: 38px; color: #FFDD00; font-weight: 700; padding-bottom: 15px;}
.sobre .texto{line-height: 1.6em;}
.sobre .texto p{padding-bottom: 15px;}

.eventos{padding-top: 60px;}
.eventos .topo{width: 100%; display: table; padding-bottom: 40px;}
.eventos .topo h2{color: #FF2152; float: left; font-size: 48px; line-height: 1em;}
.eventos .topo h2 span{display: block; font-size: 26px; line-height: 20px;}
.eventos .topo img{margin-top: 7px;}
/*.eventos .topo form{padding-top: 20px;}*/
.eventos select{border-radius: 60px; border-color: #0069CC;}
.eventos .slick-next {right: -50px;}
.eventos .slick-prev {left: -50px;}
.eventos .slick-dots li {margin: 0 10px;}

.slick-dots li.slick-active button:before {opacity: 1; color: #0069CC;}
.slick-dots li button::before {color: #0069CC; font-size: 22px;}

.anteriores{background: #ff194e; text-align: center;}
.anteriores h2{font-size: 38px; color: #FFDD00; font-weight: 700; padding-bottom: 15px;}

.anteriores .increvabtn {padding-top: 40px; width: 100%; text-align: center;}
.anteriores .increvabtn a {background-color: #0069CC; color: #fff; padding: 10px 50px; text-transform: uppercase; border-radius: 40px; font-size: 20px;}
.anteriores .slick-slider{display: table; width: 100%;}

/* 
	OUTRAS
	============ 
*/

.galleria-info-link {
    display: none !important;
}
.slick-arrow{z-index: 99;}
.slick-prev:before, .slick-next:before {font-size: 48px; color: #FF2152; opacity: 1; margin-left: -4px;}
.slick-arrow:hover, .slick-arrow {background: #fff; height: 40px; width: 40px; border-radius: 40px;}

.loading{position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.9); top: 0px; z-index: 999; display: none;}
.loading .gif img{width: 150px; height: 150px;}
.loading .gif{margin: 22% 0 0 47%;}

.listevt .item{background: #0069CC; color: #fff; border-radius: 20px; position: relative; margin-bottom: 60px;}
.listevt .item img{border-radius: 20px;}
.listevt .item .texto{position: relative; padding: 20px; min-height: 400px;}
.listevt .item .texto .data{background: #FF2152; display: inline-block; padding: 3px 15px; border-radius: 30px; font-size: 14px;}
.listevt .item .texto h3{font-size: 24px; padding: 7px 0 0;}
.listevt .item .texto .spt{display: inline-block; background: #0056A5; margin: 15px 0px 5px; width: 50px; border-radius: 10px; height: 3px;}
.listevt .item .texto .vagas{text-align: center; padding-bottom: 25px;}
.listevt .item .texto .vagas span{background: #0056A5; display: inline-block; padding: 5px 20px; border-radius: 30px;}
.listevt .item .texto .inscreva-bt{text-align: center; position: absolute; bottom: -11px; width: 100%; left: 0px;}
.listevt .item .texto .inscreva-bt a{background-color: #FF2152; color: #fff; padding: 12px 25px; text-transform: uppercase; border-radius: 40px;}
.listevt .item .texto .inscreva-bt a:hover{opacity: 1; color: #0069CC;}

.vertodos{text-align: center; clear: both; padding-top: 60px; width: 100%;}
.vertodos a{background: #FF2152; display: inline-block; padding: 7px 35px; border-radius: 30px; font-size: 24px; text-transform: uppercase; font-weight: 700; color: #FFF;}

.vertodos1 a{background: #FF2152; display: inline-block; padding: 7px 20px; border-radius: 30px; text-transform: uppercase; font-weight: 700; color: #FFF;}

.topoint{background: url(../images/bg-topo.png) bottom center; background-size: cover; padding: 70px 0px 60px; color: #fff;}
.topoint h1{color: #FFDD00; font-size: 62px; width: 100%;}

.eventos .atv{padding: 25px 0px 25px 15px; color: #0069CC; font-size: 24px;}

.eventoint{padding-top: 50px; color: #727272;}
.eventoint img{border-radius: 20px;}
.eventoint h2{color: #0069CC; font-size: 32px;}
.eventoint .data{background: #FF2152; display: inline-block; padding: 3px 15px; border-radius: 30px; font-size: 14px; color: #fff; margin-bottom: 10px;}
.eventoint .spt{display: inline-block; background: #0056A5; margin: 15px 0px 5px; width: 50px; border-radius: 10px; height: 3px;}
.eventoint .vagas{padding-bottom: 15px;}
.eventoint .vagas span{background: #0056A5; display: inline-block; padding: 5px 20px; border-radius: 30px; color: #fff;}
.eventoint .inscreva-bt{padding: 10px 0px 20px;}
.eventoint .inscreva-bt a{background-color: #FF2152; color: #fff; padding: 12px 25px; text-transform: uppercase; border-radius: 40px;}

.azul{color: #0069CC;}
.cinza{background-color: #F1F1F1;}

.buscaevt .mais{color: #FF2152; font-size: 44px; font-weight: 700;}

.esqueci {text-align: right;}
.esqueci a{color: #0069CC; font-weight: 700;}

.cadastro .cadastrse{padding-top: 35px; line-height: 1.2em;}
.cadastro .cadastrse a{color: #0069CC; font-weight: 700;}
.cadastro h3{padding-bottom: 20px;}

.atividades{margin-top: 40px; padding-top: 20px; border-top: 1px solid #CCC;}

.intlist .item{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #CCC;}

button.btn.btn-primary{padding: 7px 50px; border-radius: 50px; text-transform: uppercase; background: #0069CC;}

.suaaula{margin-bottom: 60px;}
.iframe-container{display: none;}
.presenca {
    background: #e6e6e6;
    text-align: center;
    padding: 150px 0px;
}

.ser_senai{display: none;}


/* 
	FOOTER
	============ 
*/

footer {color: #727272; text-align: center; font-size: 20px;}
footer h2{font-size: 54px; color: #FF2152; text-align: center; padding-bottom: 40px;}
footer h2 img{margin-top: -13px;}

footer .zap{border-radius: 40px; background-color: #13BC00; color: #fff; font-weight: 700; font-size: 26px; padding: 20px; margin: 20px 0px 40px;}
footer .zap .ico{border-radius: 60px; background-color: #FFF; color: #13BC00; width: 40px; height: 39px; float: left; margin-right: 5px;}

footer a{color: #0069CC; font-weight: 700;}

footer .redes{padding: 30px 0px 50px; text-align: center;}
footer .redes a{display: inline-block; background: #0069CC; border-radius: 40px; font-size: 36px; width: 65px; height: 65px; color: #fff; padding: 5px; margin: 0px 4px;}

footer .copy{background-color: #0069CC; color: #fff; text-align: center;padding: 25px 0px; font-size: 14px;}
footer .copy img{margin-right: 20px;}


.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* ============ */

@media screen and (max-width: 1300px) {
}

/* ============ */

@media screen and (max-width: 1200px) {
	header .busca{margin: 0 10px;}
	footer .zap {font-size: 23px;}
}

/* ============ */

@media screen and (max-width: 990px) {
	.navbar-toggler {font-size: 1.5rem; border: none; float: right; margin-top: 20px;}
	.navbar-light .navbar-toggler{border-color: transparent;}

	.navbar-expand-lg .navbar-collapse {float: none; padding-top: 80px; padding-bottom: 30px; text-align: right;}
	.navbar-light .navbar-nav .nav-link{padding: .5rem 1rem;}

	.busca form{float: right; margin: 10px 0px;}
	header .busca input#s {max-width: 188px;}

	.navbar-light .navbar-nav .nav-link.areauser, .navbar-light .navbar-nav .nav-link.inscreva {margin: 10px 10px; width: 220px; text-align: center; float: right;}
}

/* ============ */

@media screen and (max-width: 767px) {
	.desk{display: none;}
	.mob{display: block;}

	.topoint h1 {font-size: 40px;}
	body{font-size: 13px;}
	.navbar-brand{max-width: 40%;}

	.buscaevt form select{margin-bottom: 15px;}

	.listevt .item .texto {min-height: auto;}
	.eventoint img{margin-bottom: 20px;}

	.sobre .increvabtn a {padding: 15px 30px; font-size: 20px;}
	.vertodos a {padding: 7px 30px; font-size: 18px;}

	.sobre {font-size: 16px;}

	footer {font-size: 14px;}
	footer .copy {font-size: 12px;}
	footer h2 {font-size: 38px;}
}

/* ============ */

@media screen and (max-width: 520px) {


	footer .copy span{display: block; padding-bottom: 10px;}
}

/* ============ */

@media screen and (max-width: 460px) {
}





