/*
Author: Saulo Padilha
Author URI: http://www.spadilha.com
*/


/*--------------------------------------------------------------------------------------------------
										RESPONSIVE
--------------------------------------------------------------------------------------------------*/

/* ====================================================
    LARGE SCREEN
==================================================== */


/* iPad */
@media only screen and (max-width: 1024px ) {

	body {font-size: 17px;}

	.wrapper {padding: 0 20px;}


	#abertura svg {
		-webkit-transform: scale(2.5);
		   -moz-transform: scale(2.5);
		    -ms-transform: scale(2.5);
		     -o-transform: scale(2.5);
		        transform: scale(2.5);
	}
	#abertura #ser-diretor path, #abertura #ser-diretor circle, #abertura #ser-diretor .cidade {display: none;}

	#mapa .mapaInfo {width: 235px; padding-left: 40px;}
	#mapa .mapaInfo:before {font-size: 30px;}
	#mapa .mapaInfo p {font-size: 17px; line-height: 1.4;}


	.video-wrapper {width: 90%;}

}

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

	.diretores-container {width: 100%; padding: 0 100px;}
	.diretores-container .slick-arrow {top: auto; bottom: -100px; bottom: -10vh;}
	.diretores-container .slick-prev {left: 50%; margin-left: -60px;}
	.diretores-container .slick-next {right: 50%; margin-right: -60px;}

	#fotos .slick-prev {left: 10px;}
	#fotos .slick-next {right: 10px;}


	#footer {padding:30px 0 30px;}
	.direitos {bottom: 30px; left: 20px;}
	.endereco {padding-right: 20px;}
	.logoUnibancoFooter {left: 86px; top: 30px; margin: 0;}
	.navFooter {bottom: 30px; left: 20px;}




}

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

/*	#menu {width: 100%; height: 50px; background-color: #000; left: 0; top: 0;}
	.menuIcon {left: 20px; top: 13px;}

	.menu {top: 50px; left: 0;}
	.menu ul {padding: 20px;}
	.menu ul li a {color: #000;}*/

	#header {padding-top: 11px;}

	.language {}
	.language a {font-size: 11px;}

	.centerLink, .centerLink:last-child {width: auto; text-align: center; margin: 0; padding: 0 70px 0 0; float:none; display: none;}
	.centerLink:last-child  {display: block;}

	.centerLink a {font-size: 10px;}

	.logoUnibanco {display: none;}

	#abertura svg {
		-webkit-transform: scale(3.5);
		   -moz-transform: scale(3.5);
		    -ms-transform: scale(3.5);
		     -o-transform: scale(3.5);
		        transform: scale(3.5);
	}


	.sobre {padding: 0 20px;}

	#mapa {align-items: initial;}

	#mapa {height: auto;}
	#mapa #brasil {width: 92%; margin:50px 0 20px;}
	#mapa .mapaInfo {position: relative; bottom: auto; width: 100%; margin-top: 30px; padding:15px 30px; float: left; clear: left;}
	#mapa .mapaInfo:before {right: auto; left: 30px; top: -35px;}


	.diretores-container {padding: 0 20px;}


	.fotos-container {width: 100%; height: 90vh;}


	/* Footer */

	.logoUnibancoFooter {position: static; float: none; margin: 0 0 20px;}

	/*.navFooter {position: static; width: 100%; float: left; clear: left; margin-bottom: 30px;}*/

	.endereco {width: 100%; position: static; padding: 20px; text-align: center;}
	.direitos {width: 100%; position: static; text-align: center; padding: 0;}

	/*.navFooter {bottom: 60px; left: auto; right: 20px;}*/

	#fotos .slick-arrow {margin: 0; top: 80%;}

	#fotos .slick-prev {left: 50%; margin-left: -60px;}
	#fotos .slick-next {right: 50%; margin-right: -60px;}
}

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


}

/* MENOR QUE O IPHONE PLUS */
@media only screen and (max-width: 413px ) {

	.sobre {height: auto; min-height: 100%; padding: 30px 0;}

	/*.diretores-container .slick-arrow {bottom: -8vh;}*/





}

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

	#b-zoomin {display: none;}
	.pf-right-buttons {width: auto;}
}
@media only screen and (max-width: 320px ) {
	.diretores-container .slick-arrow {bottom: -16vh;}
	.diretor p {font-size: 0.8em;}
}