@charset "utf-8";
/* CONNECT CUSTOM CSS */

/**************************************** Default ****************************************/
#connect-container * {
	font-family: "FoundryGridnik", sans-serif;
	color: #fff;
}

#connect-container h1,
#connect-container h2,
#connect-container h3 {
	font-weight: bold;
}

/**************************************** Section 1 ****************************************/
#connect-container #connect-section-1 {
	height: 650px;
	background: url(../images/bg-section-1.jpg) center top no-repeat;
}


	#connect-container #connect-section-1 .connect-logo {
		margin: 30px;
	}

	#connect-container #connect-section-1 h1 {
		margin-top: 28px;
		margin-bottom: 5px;
		max-width: 370px;
		font-size: 22px;
	}

	#connect-container #connect-section-1 .connect-subtitle {
		max-width: 490px;
		font-weight: 500;
		font-size: 16px;
	}

	#connect-container #connect-section-1 .connect-product {
		margin: 20px 0;
	}

	#connect-container #connect-section-1 .connect-paragraph {
		padding: 0 5px;
		font-size: 16px;
	}

/**************************************** Section 2 ****************************************/
#connect-container #connect-section-2 {
	height: 650px;
	background: url(../images/bg-section-2.jpg) center top no-repeat;
}

	#connect-container #connect-section-2 p {
		margin: 40px 0 27px 0;
		padding: 10px 5px 10px 90px;
		font-size: 16px;
		background: url(../images/icon-section-2.png) 10px center no-repeat;
	}

	#connect-container #connect-section-2 .connect-height-fixed {
		height: 506px;
	}

		#connect-container #connect-section-2 .connect-height-fixed img {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -700px;
			width: 1400px;
			max-width: 1400px;
		}

/**************************************** Section 3 ****************************************/
#connect-container #connect-section-3 {
	height: 650px;
	background: url(../images/bg-section-3.jpg) center top no-repeat;
}

	#connect-container #connect-section-3 img {
		margin: 62px 0;
	}

	#connect-container #connect-section-3 h3 {
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 20px;
	}

	#connect-container #connect-section-3 p {
		font-size: 16px;
	}

	#connect-container #connect-section-3 .connect-hotspot {
		position: absolute;
		width: 45px;
		height: 54px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/icon-hotspot.png) center center no-repeat;
		z-index: 0;
	}

	#connect-container #connect-section-3 .connect-hotspot.active {
		z-index: 4;
	}

	#connect-container #connect-section-3 .connect-hotspot-1 {
		top: 158px;
		left: 138px;
	}

	#connect-container #connect-section-3 .connect-hotspot-2 {
		top: 418px;
		left: 75px;
	}

	#connect-container #connect-section-3 .connect-hotspot-3 {
		top: 300px;
		left: 280px;
	}

	#connect-container #connect-section-3 .connect-hotspot-4 {
		top: 294px;
		left: 580px;
	}

	#connect-container #connect-section-3 .hotspot-content {
		display: none;
		position: absolute;
		text-indent: -9999px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 2;
	}

	#connect-container #connect-section-3 .connect-hotspot-megachama {
		top: 180px;
		left: 150px;
		width: 506px;
		height: 91px;
		background-image: url(../images/hotspot-megachama.png);
	}

	#connect-container #connect-section-3 .connect-hotspot-grades-de-piatina {
		top: 260px;
		left: 90px;
		width: 503px;
		height: 195px;
		background-image: url(../images/hotspot-grades-de-piatina.png);
	}

	#connect-container #connect-section-3 .connect-hotspot-vidro-temperado {
		top: 164px;
		left: 106px;
		width: 453px;
		height: 168px;
		background-image: url(../images/hotspot-vidro-temperado.png);
	}

	#connect-container #connect-section-3 .connect-hotspot-botoes-removiveis {
		top: 182px;
		left: 86px;
		width: 517px;
		height: 170px;
		background-image: url(../images/hotspot-botoes-removiveis.png);
	}

/**************************************** Section 4 ****************************************/
#connect-container #connect-section-4 {
	height: 651px;
	background: url(../images/bg-section-4.jpg) center top no-repeat;
}

	#connect-container #connect-section-4 h2 {
		margin-top: 180px;
		margin-bottom: 40px;
		font-size: 22px;
	}

	#connect-container #connect-section-4 ul li {
		font-size: 16px;
		line-height: 20px;
	}

	#connect-container #connect-section-4 h3 {
		margin: 70px 0 30px 0;
		font-size: 22px;
	}

	#connect-container #connect-section-4 p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	#connect-container #connect-section-4 .connect-conteudo li {
		margin: 10px 0;
	}

/**************************************** Connect Font-face ****************************************/
@font-face {
	font-family: "FoundryGridnik";
	src: url("fonts/foundry_gridnik_regular.eot");
	src: url("fonts/foundry_gridnik_regular.eot") format('embedded-opentype'), 
		 url("fonts/foundry_gridnik_regular.woff") format("woff"), 
		 url("fonts/foundry_gridnik_regular.ttf") format("truetype"), 
		 url("fonts/foundry_gridnik_regular.svg#FoundryGridnik") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FoundryGridnik";
	src: url("fonts/foundry_gridnik_medium.eot");
	src: url("fonts/foundry_gridnik_medium.eot") format('embedded-opentype'), 
		 url("fonts/foundry_gridnik_medium.woff") format("woff"), 
		 url("fonts/foundry_gridnik_medium.ttf") format("truetype"), 
		 url("fonts/foundry_gridnik_medium.svg#FoundryGridnik") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "FoundryGridnik";
	src: url("fonts/foundry_gridnik_bold.eot");
	src: url("fonts/foundry_gridnik_bold.eot") format('embedded-opentype'), 
		 url("fonts/foundry_gridnik_bold.woff") format("woff"), 
		 url("fonts/foundry_gridnik_bold.ttf") format("truetype"), 
		 url("fonts/foundry_gridnik_bold.svg#FoundryGridnik") format("svg");
	font-weight: bold;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	@font-face { font-family: "FoundryGridnik"; src: url("fonts/foundry_gridnik_regular.svg#FoundryGridnik") format("svg"); font-weight: normal;}
	@font-face { font-family: "FoundryGridnik"; src: url("fonts/foundry_gridnik_medium.svg#FoundryGridnik") format("svg"); font-weight: 500;}
	@font-face { font-family: "FoundryGridnik"; src: url("fonts/foundry_gridnik_bold.svg#FoundryGridnik") format("svg"); font-weight: bold;}
	
}