html, body {
	height: 100%; /* necessario para q funcione o height:x% do carousel...funcionamento tipo herança*/
	font-family: Nunito;
}

.navbar {
	margin-bottom: 0px; /* elimina a margem */
}
.navbar-brand {	
	padding-bottom: 5px;
	padding-top: 5px;
}
.navbar-brand > img {
	height: 100%;
}

.carousel {
	height: 40%; /* altura do carousel...qnd for desktop usa 50%*/
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
	height: 100%;
}

.carousel .img-carousel {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.banner {
	/*background-image: url('../img/pattern.png');*/
	background-color: #4ba6dd;
	background-color: #8dc63f;
	padding-bottom: 5px; /* pra centralizar o h2 verticalmente...por causa da margins do h2*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ba6dd+0,8dc63f+100 */
	background: rgb(75,166,221); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(75,166,221,1) 0%, rgba(141,198,63,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(75,166,221,1) 0%,rgba(141,198,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(75,166,221,1) 0%,rgba(141,198,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba6dd', endColorstr='#8dc63f',GradientType=1 ); /* IE6-9 */
}

.box {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+48,fcfcfc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(252,252,252,1) 48%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(252,252,252,1) 48%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(252,252,252,1) 48%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}

.altura-box {
	height:130px;
}

.instagram {
	display: inline-block;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius:20px;
	color: #fff;
	font-size: 60px; 
	line-height: 75px; 
	vertical-align: middle; 
	background: #d6249f; 
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); 
	box-shadow: 0px 3px 10px rgba(0,0,0,.25); 
}

.fa-whatsapp-index  {
	color:#fff;
	background:
	linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
	radial-gradient(#25d366 60%,transparent 0);
	vertical-align: middle;
}

footer {
	height: 50px;
	line-height: 50px;
	background-color: #f8f8f8;
	border-top: 1px solid #e7e7e7;
}

/* Tablets */
@media only screen and (min-width : 768px) {
	/* alterar a altura da navbar */	
	.navbar, .navbar-header, .navbar-brand {
		min-height: 70px;
	}
	.navbar-toggle {
		margin-top: 18px;
	}
}
/* Desktops */
@media only screen and (min-width : 992px) {
	/* alterar a altura da navbar */	
	.navbar {
		min-height: 100px;
		font-size: 15px;
	}
	.navbar-header,
	.navbar-brand,
	.navbar-text,
	.navbar-nav > li > a {
		line-height: 70px; /* min-height - padding-top e bottom (80 -(15+15))=50 */
		min-height: 100px;
	}

	/* dropdown hover sem animação *
	.dropdown:hover .dropdown-menu {
	display: block;
	}
	*/

	/* dropdown hover com animação */
	.dropdown .dropdown-menu{
		display: block;
		visibility:hidden;
		opacity: 0;

		-moz-transition:    all 400ms ease;
		-webkit-transition: all 400ms ease;
		-o-transition:      all 400ms ease;
		-ms-transition:     all 400ms ease;
		transition:         all 400ms ease;

		font-size: 15px;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		visibility:visible;
		opacity: 1;
	}

	/* altura do carousel qnd for desktop */
	.carousel {
		height: 50%;
	}

	/* exibe o logo alinhado a direita - vertical-align centraliza verticalmente os div filhos(dados e img)*/
	.logo-atendimento {
		float: right;
	}
	.vertical-align {
		display: flex;
		align-items: center;
	}

	/* trick pra exibir os panel da mesma altura, essa classe faz o elemento pensar q é um table, onde as alturas são iguais por padrão */
	.is-table-row {
		display: table;
	}
	.is-table-row [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}

	/* usada em uma div para separar as bordas da div.panel(table-cell) */
	.space {
		padding-right: 25px;
	}
}