/* QUERIES FOR IPAD/TABLETPC */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	/* ------ Estrutura Geral e Home ------ */
	body { min-width: 660px; }
	.conteudo { width: 640px !important; }


	/******************** Atribuições Topo HOME **********************/
	#bg-topo-home{
  	    /*background-image: url(../img/banner-principal.png);
	    background-position: center bottom;
	    background-size: cover;
	    background-repeat: no-repeat;*/
	    min-height: 750px;
	}

	header.topo{
		padding-bottom: 10px;
		height: auto;
		width: 100%;
	}

	header.topo .logo-header{
		float: left;
		margin-top: 30px;

		max-width: 100px;
	}

	header.topo #right{
		float: right;
		display: table;
	}
	header.topo #right i{
		color: #FFFFFF;
		font-size: 16px;
		margin-top: 40px;
	}

	header nav#menu{
		float: left;

		margin-top: 40px;
	}

	header nav#menu ul{}

	header nav#menu ul li{
		color: #FFFFFF;
		list-style: none;
		float: left;
		font-family: 'Space Grotesk';
		font-style: normal;
		font-weight: 400;
		font-size: 13px;

		margin-left: 10px;
	}

	.modal-pesquisa h1{
		font-size: 28px;
		line-height: 34px;
	}


	.modal-pesquisa form{
		
	}

	.modal-pesquisa #form-pesquisar-noticia input[type='text']{
	    border-radius: 5px;

	    font-size: 16px;

	    margin: 20px 0 10px 0;
	    padding: 0 15px 0 15px;
	    height: 50px;
	}
	.modal-pesquisa #form-pesquisar-noticia input[type='submit']{
	    border-radius: 10px;
	    font-size: 18px;

	    height: 50px;
	    width: 150px;
	}
	/******************** Atribuições Topo **********************/

	/******************** Atribuições Footer **********************/
	footer#rodape{
		background-image: url(../img/bg-rodape.png);
		background-repeat: no-repeat;
		background-position: bottom center;
	/*	background-size: cover;*/
	/*	padding: 60px 0 45px 0;*/
	}

	/*footer#rodape #left{
		float: left;
		width: 50%;
	}*/

	footer#rodape .left{
		margin-top: 40px;
		width: 211px;
	}

	footer#rodape .right{
		float: right;

		margin-top: 40px;
		width: 425px;
	}

	footer#rodape .left img#logo-rdp{
		margin-bottom: 30px;
		max-width: 203px;
	}


	footer#rodape .left ul{

	}

	footer#rodape .left ul li{
		font-size: 14px;
		line-height: 19px;

		margin-bottom: 10px;
	}

	footer#rodape .left ul li img{
		margin-right: 5px;
    	max-width: 19px;
	}



	footer#rodape .right nav.menu-rodape{
		float: left;

		width: 25%;
	}

	footer#rodape .right nav.menu-rodape h1{
		font-size: 15px;
		line-height: 15px;
		margin-bottom: 10px;
	}

	footer#rodape .right nav.menu-rodape ul li{
		font-size: 14px;
		line-height: 15px;

		margin-bottom: 10px;
	}

	footer#rodape .right .cookies-rdp{
		font-size: 15px;

		margin-top: 30px;
	}
	/******************** Atribuições Footer **********************/


	.banner{

	}

	.banner .content-banner{
	    box-sizing: border-box;

	    padding: 60px 0 0 0;
	}

	.banner .content-banner .left{
	    float: left;
	    max-width: 400px;
	    width: 40%;
	}

	.banner .content-banner .left h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin: 20px 0 15px 0;
	}

	.banner .content-banner .left p{
	    font-size: 18px;
	    line-height: 22px;
	}

	.banner .content-banner .left #btn-banner{
	    border-radius: 10px;
	    font-size: 16px;

	    margin-top: 30px;
	    line-height: 55px;
	    height: 55px;
	    width: 140px;
	}

	.banner .content-banner .right{
	    float: right;
	    height: 350px;
	    width: 59%;
	}

	.banner .content-banner .right .itens-banner{
	    
	}

	.banner .content-banner .right .itens-banner .item{
	    border-radius: 15px;
	    height: 350px;
	    width: 100%;
	}

	.banner .content-banner .right .itens-banner .item a{
	    height: 350px;
	    width: 100%;
	}

	.banner .content-banner .right .itens-banner .item .content-item h2{
	    font-size: 20px;
	    line-height: 22px;

	    padding: 0 10px 0 10px;
	}

	.banner .content-banner .right .itens-banner .item .content-item .line{

	    margin: 10px 20px 10px 0;
	    height: 2px;
	}

	.banner .content-banner .right .itens-banner .item .content-item p{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	}

	.banner .content-banner .right .itens-banner .item .content-item .btn-ver-mais{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	    margin: 15px 0 20px 0;
	}
	.banner .content-banner .right .itens-banner .item .content-item .btn-ver-mais i{
	    margin-left: 5px;
	}


	.espaco-logos{

	}

	.espaco-logos .logos{
	    border-radius: 91px;

	    font-size: 40px;

	    margin-top: -147px;
	    line-height: 100px;
	    height: 100px;
	    width: 100%;
	}



	.serra-catarinense{
	    padding: 60px 0;
	}

	.serra-catarinense h1{
	    font-size: 54px;
	    line-height: 60px;
	}

	.serra-catarinense #video-home{

	    margin-top: 50px;
	    height: 350px;
	}

	.modal-video iframe{
	    height: 394px;
	    width: 100%;
	}


	.serra-catarinense .festival-home{

	}

	.serra-catarinense .festival-home .left{
	    float: none;
	    width: 100%;
	}

	.serra-catarinense .festival-home .left img{
	    margin-top: 70px;
	    max-width: 100%;
	}

	.serra-catarinense .festival-home .right{
	    float: none;
	    margin-top: 60px;
	    width: 100%;
	}

	.serra-catarinense .festival-home .right h2{
	    font-size: 24px;
	    line-height: 26px;
	}

	.serra-catarinense .festival-home .right h3{
	    font-size: 40px;
	    line-height: 46px;
	}

	.serra-catarinense .festival-home .right p{
	    font-size: 20px;
	    line-height: 24px;

	    margin-top: 20px;
	}

	.serra-catarinense .txt-festival{
	    font-size: 20px;
	    line-height: 24px;

	    margin-top: 0;
	}


	.regiao-serra-catarinense{

	    height: 600px;
	    padding: 40px 0 0 0;
	}
	.regiao-serra-catarinense .left{
	    float: none;
	    width: 100%;
	}
	.regiao-serra-catarinense .left h1{
	    font-size: 38px;
	    line-height: 42px;
	}
	.regiao-serra-catarinense .right{
	    float: none;

	    margin-top: 20px;
	    width: 100%;
	}
	.regiao-serra-catarinense .right p{
	    font-size: 20px;
	    line-height: 24px;
	}


	.regiao-serra-catarinense .itens{
	    margin-top: 50px;
	}

	.regiao-serra-catarinense .itens .item{
	    border-radius: 10px;
	    height: 400px;
	    width: 100%;
	}



	.localizacao{
	    padding: 0 0 50px 0;
	}
	.localizacao .left{
	    float: none;

	    padding: 190px 0 0 0;
	    width: 100%;
	}
	.localizacao .left h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin-bottom: 25px;
	}
	.localizacao .left p{
	    font-size: 20px;
	    line-height: 24px;
	}
	.localizacao .right{
	    float: none;
	    padding: 60px 0 0 0;
	    width: 100%;
	}
	.localizacao .right img{
	    max-width: 100%;
	}

	.modal-localizacao{
	    background: transparent !important;
	    padding: 0 !important;

	    max-width: 90% !important;
	}

	.modal-localizacao img{
	    max-width: 100%;
	}



	.distancias{
	    padding: 50px 0 50px 0;
	}

	.distancias img{
	    width: 100%;
	}



	.fique-por-dentro{
	    background: #F5F5F6;
	    padding: 60px 0 40px 0;
	}

	.fique-por-dentro h1{
	    font-size: 40px;
	    line-height: 45px;
	}

	.fique-por-dentro .itens{
	    margin-top: 30px;
	}

	.fique-por-dentro .itens .item{
	    text-align: center;
	    width: 33%;
	}

	.fique-por-dentro .itens #left{
	    float: left;
	}

	.fique-por-dentro .itens #center{
	    margin: 0 auto;
	}

	.fique-por-dentro .itens #right{
	    float: right;
	}

	.fique-por-dentro .itens .item .info{
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    box-sizing: border-box;
	    font-size: 34px;
	    line-height: 38px;

	    padding-top: 73px;
	    height: 230px;
	    width: 100%;
	}

	.fique-por-dentro .itens .item .info span{
	    display: table;
	    margin: 0 auto;
	    width: 50px;
	}

	.fique-por-dentro .itens .item p{
	    font-size: 20px;
	    line-height: 24px;
	}



	.eventos-tradicionais{
	    padding: 70px 0 50px 0;
	}

	.eventos-tradicionais h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin-bottom: 50px;
	}

	.eventos-tradicionais .itens{
	    
	}

	.eventos-tradicionais .itens .item{
	    border-radius: 15px;
	    float: left;
	    height: 350px;
	    width: 100%;
	}

	.eventos-tradicionais .btn-ver-todos{
	    border-radius: 10px;
	    font-size: 18px;

	    margin: 50px auto 0 auto;
	    line-height: 55px;
	    height: 55px;
	    width: 150px;
	}



	.noticias{
	    padding: 40px 0 50px 0;
	}
	.noticias h1{
	    font-size: 36px;
	    line-height: 40px;
	}
	.noticias .itens{
	    margin-top: 40px;
	}
	.noticias .itens .item{
	    border-radius: 9px;
	    margin: 0 1% 30px 0;
	    width: 49%;
	}

	.noticias .itens .item .img-noticia{
	    border-radius: 15px;
	    margin-bottom: 15px;
	    height: 250px;
	    width: 100%;
	}
	.noticias .itens .item .info-noticia{
	    padding: 0 10px 10px 10px;
	}
	.noticias .itens .item .info-noticia span{
	    font-size: 18px;
	    line-height: 24px;

	    margin-bottom: 10px;
	}
	.noticias .itens .item .info-noticia h2{
	    font-size: 28px;
	    line-height: 34px;

	    margin-bottom: 10px;
	    padding: 0 25px 0 0;
	}
	.noticias .itens .item .info-noticia p{
	    font-size: 20px;

	    margin-bottom: 20px;
	}
	.noticias .itens .item .info-noticia .tags{

	}
	.noticias .itens .item .info-noticia .tags .tag{
	    border-radius: 20px;
	    font-size: 18px;

	    margin-right: 8px;
	    padding: 0 7px;
	    line-height: 34.79px;
	    height: 34.79px;
	}


	.noticias .btn-ver-todos{
	    border-radius: 10px;
	    font-size: 18px;

	    margin: 50px auto 0 auto;
	    line-height: 55px;
	    height: 55px;
	    width: 150px;
	}



	.contato{
	    padding: 50px 0 60px 0;
	}
	.contato .left{
	    float: left;
	    width: 50%;
	}
	.contato .left h1{
	    font-size: 34px;
	    line-height: 38px;

	    margin-bottom: 40px;
	}
	.contato .left img#logo{
	    max-width: 100%;
	}
	.contato .left ul{
	    margin-top: 50px;
	}
	.contato .left ul li{
	    margin-right: 15px;
	}
	.contato .left ul li img{

	}


	.contato .right{
	    float: right;
	    width: 45%;
	}

	.contato .right #form-contato{

	}
	.contato .right #form-contato label{
	    font-size: 12px;
	    line-height: 15px;
	    margin-bottom: 5px;
	}
	.contato .right #form-contato input{
	    
	}
	.contato .right #form-contato input[type='text'],
	.contato .right #form-contato input[type='email']{
	    border-radius: 5px;
	    font-size: 15px;

	    margin-bottom: 20px;
	    padding: 0 15px 0 15px;
	    height: 50px;
	    width: 100%;
	}

	.contato .right #form-contato input[type='text']::placeholder,
	.contato .right #form-contato input[type='email']::placeholder{
	    font-size: 15px;
	}

	.contato .right #form-contato textarea{
	    border-radius: 5px;
	    font-size: 15px;

	    resize: none;
	    margin-bottom: 15px;
	    padding: 15px 20px 0 20px;
	    height: 55px;
	    width: 100%;
	}
	.contato .right #form-contato textarea::placeholder{
	    font-size: 15px;
	}

	.contato .right #form-contato input[type='submit']{
	    border-radius: 10px;
	    font-size: 16px;

	    margin-top: 15px;
	    height: 55px;
	    width: 150px;
	}



	.mapa-festival{
	    height: 250px;
	    width: 100%;
	}
	.mapa-festival iframe{
	    height: 250px;
	    width: 100%;
	}


	.espaco-logos-2 h1{
	    font-size: 40px;
	    line-height: 44px;
	}



	/* Galeria */
	.topo-galeria{
	    margin-bottom: 60px;
	}
	.topo-galeria .left{
	    float: left;
	    width: 45%;
	}
	.topo-galeria .left h1{
	    font-size: 44px;
	    line-height: 48px;

	    margin: 40px 0 50px 0;
	}
	.topo-galeria .left p{
	    font-size: 20px;
	    line-height: 26px;
	}
	.topo-galeria .right{
	    float: right;
	    width: 45%;
	}
	.topo-galeria .right img{
	    margin-top: 64px;
	    max-width: 100%;
	}



	.galerias{
	    
	}
	.galerias .galeria{
	    margin-bottom: 60px;
	}
	.galerias .galeria h2{
	    font-size: 24px;
	    line-height: 28px;
	}
	.galerias .galeria h1{
	    font-size: 40px;
	    line-height: 46px;
	}
	.galerias .galeria .itens{
	    margin-top: 40px;
	}
	.galerias .galeria .itens .item{
	    margin: 0 0.6% 15px 0.6%;
	    height: 250px;
	    width: 32%;
	}




	/* Agenda */
	.topo-agenda{
	    margin-bottom: 60px;
	}
	.topo-agenda .left{
	    float: left;
	    width: 52%;
	}
	.topo-agenda .left h1{
	    font-size: 44px;
	    line-height: 48px;

	    margin: 40px 0 50px 0;
	}

	.topo-agenda .left .filtro{
	    margin-top: 144px;
	}

	.topo-agenda .left .filtro form.form-filtro{

	}

	.topo-agenda .left .filtro form.form-filtro select{
	    border: 2px solid #CCCCCC;
	    border-radius: 5px;

	    margin-right: 5px;
	    font-size: 15px;

	    padding: 0 8px;
	    height: 50px;
	/*    width: 116px;*/
	}
	.topo-agenda .left .filtro form.form-filtro #cidade{
	    background-position: 62px center;
	    width: 85px;
	}
	.topo-agenda .left .filtro form.form-filtro #mes{
	    background-position: 42px center;
	    width: 65px;
	}
	.topo-agenda .left .filtro form.form-filtro #dia{
	    background-position: 37px center;
	    width: 60px;
	}
	.topo-agenda .left .filtro form.form-filtro #categoria{
	    background-position: 82px center;
	    width: 105px;
	}

	.topo-agenda .left .filtro form.form-filtro option{
	    font-size: 15px;
	    line-height: 24px;
	}


	.topo-agenda .right{
	    float: right;
	    width: 45%;
	}
	.topo-agenda .right img{
	    margin-top: 64px;
	    max-width: 100%;
	}

	.topo-agenda p{
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 20px;
	}


	.agenda{
		padding-bottom: 50px;
	}

	.agenda .itens{
	    margin: 0 -5px 0 -5px;
	}

	.agenda .itens .item{
	    border-radius: 10px;

	    margin: 0 5px 10px 5px;

	    height: 350px;
	    width: 48.4%;
	}

	.agenda .itens .item a{
	    height: 350px;
	    width: 100%;
	}

	.agenda .itens .item .content-item h2{
	    font-size: 20px;
	    line-height: 24px;

	    padding: 0 10px 0 10px;
	}

	.agenda .itens .item .content-item .line{
	    margin: 10px 20px 10px 0;
	    height: 2px;
	}

	.agenda .itens .item .content-item p{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	}

	.agenda .itens .item .content-item .btn-ver-mais{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	    margin: 15px 0 20px 0;
	}



	/* Evento */
	.evento{
	    padding: 50px 0 50px 0;
	}
	.evento span#btn-voltar{
	    font-size: 20px;
	    line-height: 30px;

	    margin-bottom: 30px;
	}
	.evento span#btn-voltar i{
	    margin-right: 10px;
	}

	.evento .left{
	    float: left;
	    width: 45%;
	}
	.evento .right{
	    float: right;
	    width: 52%;
	}
	.evento .right h1{
	    font-size: 34px;
	    line-height: 38px;
	    margin-bottom: 20px;
	}
	.evento .right ul{

	}
	.evento .right ul li{
		background-repeat: no-repeat;
	    background-position: left center;
	    background-size: contain;
	    box-sizing: border-box;

	    font-size: 20px;
	    line-height: 26px;
	    margin-bottom: 15px;
	    padding-left: 50px;
	    line-height: 45px;
	    height: 45px;
	}
	.evento .right ul li#data{
	    background-image: url(../img/icon-agenda.png);
	}
	.evento .right ul li#site{
	    background-image: url(../img/icon-monitor.png);
	}
	.evento .right ul li#site:hover{
	    text-decoration: underline;
	}
	.evento .right p{
	    font-size: 18px;
	    line-height: 24px;

	    margin-top: 10px;

	    text-align: justify;
	}
	.evento .content{
	    margin-top: 20px;
	}
	.evento .content p{
	    font-size: 18px;
	    line-height: 24px;

	    text-align: justify;
	}
	.evento .itens{
	    margin-top: 60px;
	}
	.evento .itens .item{
	    border-radius: 15px;
	    float: left;

	    height: 250px;
	    width: 100%;
	}



	/* Notícias */
	.topo-noticias{
	    padding: 50px 0 40px 0;
	}
	.topo-noticias h1{
	    font-size: 44px;
	    line-height: 48px;
	}


	.parallax-noticias{
	    background: url(../img/parallax-noticias.png) fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;

	    margin-bottom: 60px;
	    height: 250px;
	    width: 100%;
	}



	/* Noticia */
	.noticia{
	    padding: 40px 0 40px 0;
	}
	.noticia span#btn-voltar{
	    font-size: 20px;
	    line-height: 28px;

	    margin-bottom: 30px;
	}
	.noticia span#btn-voltar i{
	    margin-right: 10px;
	}



	.noticia span#data{
	    font-size: 18px;
	    line-height: 26px;

	    margin-bottom: 10px;
	}
	.noticia h1{
	    font-size: 40px;
	    line-height: 44px;

	    margin-bottom: 30px;
	}
	.noticia img{
	    margin-bottom: 30px;
	    width: 100%;
	}
	.noticia p{
	    font-size: 18px;
	    line-height: 26px;

	    text-align: justify;
	}
	.noticia .imagens{
	    margin-top: 40px;
	}
	.noticia .imagens .imagem{
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    border-radius: 20px;

	    height: 250px;
	    width: 100%;
	}



	.veja-tambem{

	    padding: 50px 0;
	}

	.veja-tambem h3{
	    color: #D2AE6D;
	    font-family: 'Red Hat Display';
	    font-style: normal;
	    font-weight: 700;
	    font-size: 54px;
	    line-height: 65px;
	    margin-bottom: 50px;
	}



	.identidade-visual{
	    padding: 60px 0 60px 0;
	}
	.identidade-visual h1{
	    font-size: 34px;
	    line-height: 38px;
	    margin-bottom: 20px;
	}
	.identidade-visual img{
	    float: right;
	}
	.identidade-visual p{
	    font-size: 20px;
	    line-height: 26px;
	    margin-top: 30px;
	}
	.identidade-visual .itens{
	    margin-top: 50px;
	}
	.identidade-visual .itens .item{
	    background-position: 98% center;
	    border-radius: 59px;
	    font-size: 15px;

	    padding: 0 20px 0 15px;
	    margin-bottom: 20px;
	    line-height: 60px;
	    height: 60px;
	}


}


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

	/* ------ Estrutura Geral e Home ------ */
	body { min-width: 300px; }
	.conteudo { width: 95% !important; border: }


	.item-none{ display: none; }

	/******************** Atribuições Topo HOME **********************/
	#btn-whatsapp{
	  font-size: 26px;
	  line-height: 44px;
	  width: 45px;

	  bottom: 20px;
	  right: 15px;
	}
	/******************** Atribuições Topo HOME **********************/
	#bg-topo-home{
		background-image: url(../img/banner-principal.png);
	  	background-position: center bottom;
	  	background-size: cover;
	  	background-repeat: no-repeat;

	  	min-height: auto;
	}

	#bg-topo-home-menor{
		/*background-image: url(../img/banner-principal.png);
	  background-position: center top;
	  background-size: cover;
	  background-repeat: no-repeat;*/

	/*  padding-bottom: 35px;*/
		min-height: auto;
	}

	header.topo{
		text-align: center;
		height: auto;
		width: 100%;
	}

	header.topo .logo-header{
		float: none;
		margin-top: 20px;
		max-width: 160px;
	}

	header.topo #right{
		float: none;
		display: table;
		margin: 0 auto;
	}
	header.topo #right i{
		color: #FFFFFF;
		font-size: 15px;
		margin-top: 20px;
	}

	header nav#menu{
		float: none;
		margin-top: 20px;
	}

	header nav#menu ul li{
		font-size: 13px;
		margin-left: 7px;
	}
	/******************** Atribuições Topo **********************/

	/******************** Atribuições Footer **********************/
	footer#rodape{
		background: #285044;
		background-image: none;
	}

	footer#rodape .left{
		float: none;

		text-align: center;
		margin-top: 30px;
		width: 100%;
	}

	footer#rodape .right{
		float: right;

		margin-top: 72px;
		width: 550px;
	}

	footer#rodape .left img#logo-rdp{
		margin-bottom: 25px;
		max-width: 100%;
	}


	footer#rodape .left ul{

	}

	footer#rodape .left ul li{
		float: none;
		font-size: 15px;
		line-height: 17px;

		margin-bottom: 15px;
	}

	footer#rodape .left ul li img{
		margin-right: 10px;
	}



	footer#rodape .right {
	  float: none;
	  margin-top: 30px;
	  width: 100%;
	}

	footer#rodape .right nav.menu-rodape{
		float: left;

		width: 25%;
	}

	footer#rodape .right nav.menu-rodape h1{
		font-size: 15px;
		line-height: 17px;

		margin-bottom: 10px;
	}

	footer#rodape .right nav.menu-rodape ul li{
		font-size: 15px;
		line-height: 17px;

		margin-bottom: 10px;
	}

	footer#rodape .right nav.menu-rodape .itens-redes .item{
		float: right;
		width: 25%;
	}

	footer#rodape .right .cookies-rdp{
		font-size: 15px;

		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
	}
	/******************** Atribuições Footer **********************/


	.banner{

	}

	.banner .content-banner{
	    box-sizing: border-box;

	    padding: 40px 0 0 0;
	}

	.banner .content-banner .left{
	    float: none;
	    max-width: 100%;
	    width: 100%;
	}

	.banner .content-banner .left h1{
	    font-size: 30px;
	    line-height: 34px;

	    margin: 0px 0 15px 0;
	}

	.banner .content-banner .left p{
	    font-size: 18px;
	    line-height: 22px;
	}

	.banner .content-banner .left #btn-banner{
	    border-radius: 10px;
	    font-size: 16px;

	    margin-top: 30px;
	    line-height: 55px;
	    height: 55px;
	    width: 140px;
	}

	.banner .content-banner .right{
	    float: none;
	    height: 350px;
	    width: 100%;
	}

	.banner .content-banner .right .itens-banner{
	    margin-top: 30px;
	}

	.banner .content-banner .right .itens-banner .item{
	    border-radius: 15px;
	    height: 350px;
	    width: 100%;
	}

	.banner .content-banner .right .itens-banner .item a{
	    height: 350px;
	    width: 100%;
	}

	.banner .content-banner .right .itens-banner .item .content-item h2{
	    font-size: 20px;
	    line-height: 22px;

	    padding: 0 10px 0 10px;
	}

	.banner .content-banner .right .itens-banner .item .content-item .line{

	    margin: 10px 20px 10px 0;
	    height: 2px;
	}

	.banner .content-banner .right .itens-banner .item .content-item p{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	}

	.banner .content-banner .right .itens-banner .item .content-item .btn-ver-mais{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	    margin: 15px 0 20px 0;
	}
	.banner .content-banner .right .itens-banner .item .content-item .btn-ver-mais i{
	    margin-left: 5px;
	}


	.banner .redes-banner{
		display: none;
	}


	.espaco-logos{

	}

	.espaco-logos .logos{
	    border-radius: 91px;

	    font-size: 40px;

	    margin-top: -147px;
	    line-height: 100px;
	    height: 100px;
	    width: 100%;
	}



	.serra-catarinense{
	    padding: 60px 0;
	}

	.serra-catarinense h1{
	    font-size: 54px;
	    line-height: 60px;
	}

	.serra-catarinense #video-home{

	    margin-top: 50px;
	    height: 250px;
	}

	.modal-video iframe{
	    height: 394px;
	    width: 100%;
	}


	.serra-catarinense .festival-home{

	}

	.serra-catarinense .festival-home .left{
	    float: none;
	    width: 100%;
	}

	.serra-catarinense .festival-home .left img{
	    margin-top: 70px;
	    max-width: 100%;
	}

	.serra-catarinense .festival-home .right{
	    float: none;
	    margin-top: 60px;
	    width: 100%;
	}

	.serra-catarinense .festival-home .right h2{
	    font-size: 24px;
	    line-height: 26px;
	}

	.serra-catarinense .festival-home .right h3{
	    font-size: 40px;
	    line-height: 46px;
	}

	.serra-catarinense .festival-home .right p{
	    font-size: 20px;
	    line-height: 24px;

	    margin-top: 20px;
	}

	.serra-catarinense .txt-festival{
	    font-size: 20px;
	    line-height: 24px;

	    margin-top: 0;
	}


	.regiao-serra-catarinense{

	    height: 600px;
	    padding: 40px 0 0 0;
	}
	.regiao-serra-catarinense .left{
	    float: none;
	    width: 100%;
	}
	.regiao-serra-catarinense .left h1{
	    font-size: 38px;
	    line-height: 42px;
	}
	.regiao-serra-catarinense .right{
	    float: none;

	    margin-top: 20px;
	    width: 100%;
	}
	.regiao-serra-catarinense .right p{
	    font-size: 20px;
	    line-height: 24px;
	}


	.regiao-serra-catarinense .itens{
	    margin-top: 50px;
	}

	.regiao-serra-catarinense .itens .item{
	    border-radius: 10px;
	    height: 400px;
	    width: 100%;
	}



	.localizacao{
	    padding: 0 0 50px 0;
	}
	.localizacao .left{
	    float: none;

	    padding: 190px 0 0 0;
	    width: 100%;
	}
	.localizacao .left h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin-bottom: 25px;
	}
	.localizacao .left p{
	    font-size: 20px;
	    line-height: 24px;
	}
	.localizacao .right{
	    float: none;
	    padding: 60px 0 0 0;
	    width: 100%;
	}
	.localizacao .right img{
	    max-width: 100%;
	}

	.modal-localizacao{
	    background: transparent !important;
	    padding: 0 !important;

	    max-width: 90% !important;
	}

	.modal-localizacao img{
	    max-width: 100%;
	}



	.distancias{
	    padding: 50px 0 50px 0;
	}

	.distancias img{
	    width: 100%;
	}



	.fique-por-dentro{
	    background: #F5F5F6;
	    padding: 60px 0 40px 0;
	}

	.fique-por-dentro h1{
	    font-size: 40px;
	    line-height: 45px;
	}

	.fique-por-dentro .itens{
	    margin-top: 30px;
	}

	.fique-por-dentro .itens .item{
	    text-align: center;
	    width: 33%;
	}

	.fique-por-dentro .itens #left{
	    float: left;
	}

	.fique-por-dentro .itens #center{
	    margin: 0 auto;
	}

	.fique-por-dentro .itens #right{
	    float: right;
	}

	.fique-por-dentro .itens .item .info{
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    box-sizing: border-box;
	    font-size: 25px;
	    line-height: 34px;

	    padding-top: 57px;
	    height: 190px;
	    width: 100%;
	}

	.fique-por-dentro .itens .item .info span{
	    display: table;
	    margin: 0 auto;
	    width: 50px;
	}

	.fique-por-dentro .itens .item p{
	    font-size: 20px;
	    line-height: 24px;
	}



	.eventos-tradicionais{
	    padding: 70px 0 50px 0;
	}

	.eventos-tradicionais h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin-bottom: 50px;
	}

	.eventos-tradicionais .itens{
	    
	}

	.eventos-tradicionais .itens .item{
	    border-radius: 15px;
	    float: left;
	    height: 350px;
	    width: 100%;
	}

	.eventos-tradicionais .btn-ver-todos{
	    border-radius: 10px;
	    font-size: 18px;

	    margin: 50px auto 0 auto;
	    line-height: 55px;
	    height: 55px;
	    width: 150px;
	}



	.noticias{
	    padding: 40px 0 50px 0;
	}
	.noticias h1{
	    font-size: 36px;
	    line-height: 40px;
	}
	.noticias .itens{
	    margin-top: 40px;
	}
	.noticias .itens .item{
	    border-radius: 9px;
	    margin: 0 1% 30px 0;
	    width: 100%;
	}

	.noticias .itens .item .img-noticia{
	    border-radius: 15px;
	    margin-bottom: 15px;
	    height: 270px;
	    width: 100%;
	}
	.noticias .itens .item .info-noticia{
	    padding: 0 10px 10px 10px;
	}
	.noticias .itens .item .info-noticia span{
	    font-size: 18px;
	    line-height: 24px;

	    margin-bottom: 10px;
	}
	.noticias .itens .item .info-noticia h2{
	    font-size: 28px;
	    line-height: 34px;

	    margin-bottom: 10px;
	    padding: 0 25px 0 0;
	}
	.noticias .itens .item .info-noticia p{
	    font-size: 20px;

	    margin-bottom: 20px;
	}
	.noticias .itens .item .info-noticia .tags{

	}
	.noticias .itens .item .info-noticia .tags .tag{
	    border-radius: 20px;
	    font-size: 18px;

	    margin-right: 8px;
	    padding: 0 7px;
	    line-height: 34.79px;
	    height: 34.79px;
	}


	.noticias .btn-ver-todos{
	    border-radius: 10px;
	    font-size: 18px;

	    margin: 50px auto 0 auto;
	    line-height: 55px;
	    height: 55px;
	    width: 150px;
	}



	.contato{
	    padding: 50px 0 60px 0;
	}
	.contato .left{
	    float: none;
	    width: 100%;
	}
	.contato .left h1{
	    font-size: 34px;
	    line-height: 38px;

	    margin-bottom: 40px;
	}
	.contato .left img#logo{
	    max-width: 100%;
	}
	.contato .left ul{
	    margin-top: 50px;
	}
	.contato .left ul li{
	    margin-right: 15px;
	}
	.contato .left ul li img{

	}


	.contato .right{
	    float: none;
	    width: 100%;
	}

	.contato .right #form-contato{
	    margin-top: 120px;
	}
	.contato .right #form-contato label{
	    font-size: 12px;
	    line-height: 15px;
	    margin-bottom: 5px;
	}
	.contato .right #form-contato input{
	    
	}
	.contato .right #form-contato input[type='text'],
	.contato .right #form-contato input[type='email']{
	    border-radius: 5px;
	    font-size: 15px;

	    margin-bottom: 20px;
	    padding: 0 15px 0 15px;
	    height: 50px;
	    width: 100%;
	}

	.contato .right #form-contato input[type='text']::placeholder,
	.contato .right #form-contato input[type='email']::placeholder{
	    font-size: 15px;
	}

	.contato .right #form-contato textarea{
	    border-radius: 5px;
	    font-size: 15px;

	    resize: none;
	    margin-bottom: 15px;
	    padding: 15px 20px 0 20px;
	    height: 55px;
	    width: 100%;
	}
	.contato .right #form-contato textarea::placeholder{
	    font-size: 15px;
	}

	.contato .right #form-contato input[type='submit']{
	    border-radius: 10px;
	    font-size: 16px;

	    margin-top: 15px;
	    height: 55px;
	    width: 150px;
	}



	.mapa-festival{
	    height: 250px;
	    width: 100%;
	}
	.mapa-festival iframe{
	    height: 250px;
	    width: 100%;
	}


	.espaco-logos-2 h1{
	    font-size: 40px;
	    line-height: 44px;
	}



	/* Galeria */
	.topo-galeria{
	    margin-bottom: 60px;
	}
	.topo-galeria .left{
	    float: left;
	    width: 45%;
	}
	.topo-galeria .left h1{
	    font-size: 44px;
	    line-height: 48px;

	    margin: 40px 0 50px 0;
	}
	.topo-galeria .left p{
	    font-size: 20px;
	    line-height: 26px;
	}
	.topo-galeria .right{
	    float: right;
	    width: 45%;
	}
	.topo-galeria .right img{
	    margin-top: 64px;
	    max-width: 100%;
	}



	.galerias{
	    
	}
	.galerias .galeria{
	    margin-bottom: 60px;
	}
	.galerias .galeria h2{
	    font-size: 24px;
	    line-height: 28px;
	}
	.galerias .galeria h1{
	    font-size: 40px;
	    line-height: 46px;
	}
	.galerias .galeria .itens{
	    margin-top: 40px;
	}
	.galerias .galeria .itens .item{
	    margin: 0 0.6% 15px 0.6%;
	    height: 250px;
	    width: 32%;
	}




	/* Agenda */
	.topo-agenda{
	    margin-bottom: 60px;
	}
	.topo-agenda .left{
	    float: none;
	    width: 100%;
	}
	.topo-agenda .left h1{
	    font-size: 36px;
	    line-height: 40px;

	    margin: 40px 0 50px 0;
	}

	.topo-agenda .left .filtro{
	    margin-top: 20px;
	}

	.topo-agenda .left .filtro form.form-filtro{

	}

	.topo-agenda .left .filtro form.form-filtro select{
	    border: 2px solid #CCCCCC;
	    border-radius: 5px;

	    margin-right: 5px;
	    font-size: 15px;

	    padding: 0 8px;
	    height: 50px;
	/*    width: 116px;*/
	}
	.topo-agenda .left .filtro form.form-filtro #cidade{
	    background-position: 81px center;
	    width: 116px;
	}
	.topo-agenda .left .filtro form.form-filtro #mes{
	    background-position: 63px center;
	    width: 96px;
	}
	.topo-agenda .left .filtro form.form-filtro #dia{
	    background-position: 63px center;
	    width: 96px;
	}
	.topo-agenda .left .filtro form.form-filtro #categoria{
	    background-position: 112px center;
	    width: 144px;
	}

	.topo-agenda .left .filtro form.form-filtro option{
	    font-size: 15px;
	    line-height: 24px;
	}


	.topo-agenda .right{
		display: none;
	    float: none;
	    width: 100%;
	}
	.topo-agenda .right img{
	    margin-top: 64px;
	    max-width: 100%;
	}

	.topo-agenda p{
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 20px;
	}


	.agenda{
		padding-bottom: 50px;
	}

	.agenda .itens{
	    margin: 0 -5px 0 -5px;
	}

	.agenda .itens .item{
	    border-radius: 10px;

	    margin: 0 5px 15px 5px;

	    height: 400px;
	    width: 100%;
	}

	.agenda .itens .item a{
	    height: 400px;
	    width: 100%;
	}

	.agenda .itens .item .content-item h2{
	    font-size: 20px;
	    line-height: 24px;

	    padding: 0 10px 0 10px;
	}

	.agenda .itens .item .content-item .line{
	    margin: 10px 20px 10px 0;
	    height: 2px;
	}

	.agenda .itens .item .content-item p{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	}

	.agenda .itens .item .content-item .btn-ver-mais{
	    font-size: 15px;
	    line-height: 17px;

	    padding: 0 10px 0 10px;
	    margin: 15px 0 20px 0;
	}



	/* Evento */
	.evento{
	    padding: 50px 0 50px 0;
	}
	.evento span#btn-voltar{
	    font-size: 20px;
	    line-height: 30px;

	    margin-bottom: 30px;
	}
	.evento span#btn-voltar i{
	    margin-right: 10px;
	}

	.evento .left{
	    float: none;
	    width: 100%;
	}
	.evento .right{
		margin-top: 30px;

	    float: none;
	    width: 100%;
	}
	.evento .right h1{
	    font-size: 34px;
	    line-height: 38px;
	    margin-bottom: 20px;
	}
	.evento .right ul{

	}
	.evento .right ul li{
		background-repeat: no-repeat;
	    background-position: left center;
	    background-size: contain;
	    box-sizing: border-box;

	    font-size: 20px;
	    line-height: 26px;
	    margin-bottom: 15px;
	    padding-left: 50px;
	    line-height: 45px;
	    height: 45px;
	}
	.evento .right ul li#data{
	    background-image: url(../img/icon-agenda.png);
	}
	.evento .right ul li#site{
	    background-image: url(../img/icon-monitor.png);
	}
	.evento .right ul li#site:hover{
	    text-decoration: underline;
	}
	.evento .right p{
	    font-size: 18px;
	    line-height: 24px;

	    margin-top: 10px;

	    text-align: justify;
	}
	.evento .content{
	    margin-top: 20px;
	}
	.evento .content p{
	    font-size: 18px;
	    line-height: 24px;

	    text-align: justify;
	}
	.evento .itens{
	    margin-top: 60px;
	}
	.evento .itens .item{
	    border-radius: 15px;
	    float: left;

	    height: 250px;
	    width: 100%;
	}



	/* Notícias */
	.topo-noticias{
	    padding: 50px 0 40px 0;
	}
	.topo-noticias h1{
	    font-size: 44px;
	    line-height: 48px;
	}


	.parallax-noticias{
	    background: url(../img/parallax-noticias.png) fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;

	    margin-bottom: 0px;
	    height: 150px;
	    width: 100%;
	}



	/* Noticia */
	.noticia{
	    padding: 40px 0 40px 0;
	}
	.noticia span#btn-voltar{
	    font-size: 20px;
	    line-height: 28px;

	    margin-bottom: 30px;
	}
	.noticia span#btn-voltar i{
	    margin-right: 10px;
	}



	.noticia span#data{
	    font-size: 18px;
	    line-height: 26px;

	    margin-bottom: 10px;
	}
	.noticia h1{
	    font-size: 40px;
	    line-height: 44px;

	    margin-bottom: 30px;
	}
	.noticia img{
	    margin-bottom: 30px;
	    width: 100%;
	}
	.noticia p{
	    font-size: 18px;
	    line-height: 26px;

	    text-align: justify;
	}
	.noticia .imagens{
	    margin-top: 40px;
	}
	.noticia .imagens .imagem{
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    border-radius: 20px;

	    height: 250px;
	    width: 100%;
	}



	.veja-tambem{
	    padding: 50px 0;
	}

	.veja-tambem h3{
	    color: #D2AE6D;
	    font-family: 'Red Hat Display';
	    font-style: normal;
	    font-weight: 700;
	    font-size: 54px;
	    line-height: 65px;
	    margin-bottom: 0px;
	}



	.identidade-visual{
	    padding: 60px 0 60px 0;
	    text-align: center;
	}
	.identidade-visual h1{
	    font-size: 34px;
	    line-height: 38px;
	    text-align: left;
	    margin-bottom: 30px;
	}
	.identidade-visual img{
	    float: none;
	}
	.identidade-visual p{
	    font-size: 20px;
	    line-height: 26px;
	    margin-top: 30px;
	    text-align: left;
	}
	.identidade-visual .itens{
	    margin-top: 50px;
	}
	.identidade-visual .itens .item{
	    background-position: center 90%;
	    border-radius: 59px;
	    font-size: 15px;

	    padding: 15px 20px 40px 15px;
	    margin-bottom: 20px;
	    line-height: 30px;
	    height: auto;
	}


}