/* ---------------------------------------------------------------------------------------------- */
/* corpo */

@media all and ( max-width: 599px )
{
	div#Contacts { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Contacts div.content { display: block; position: relative; width: 100%; padding: 50px 0 65px 0; min-height: -webkit-calc(100% - 115px); min-height: -moz-calc(100% - 115px); min-height: calc(100% - 115px); }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Contacts { display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Contacts div.content { display: block; position: relative; width: 100%; padding: 50px 0 65px 0; min-height: -webkit-calc(100% - 115px); min-height: -moz-calc(100% - 115px); min-height: calc(100% - 115px); }
}
@media all and ( min-width: 1100px )
{
	div#Contacts { display: block; position: absolute; top: 0; left: 100%; width: 100%; background-color: #ffffff; height: 100%; margin: 0 auto; overflow: auto; }
		div#Contacts div.content { display: block; position: relative; width: 100%; padding: 0 0 125px 0; min-height: -webkit-calc(100% - 125px); min-height: -moz-calc(100% - 125px); min-height: calc(100% - 125px); overflow-x: hidden; }
}


/* ---------------------------------------------------------------------------------------------- */
/* textos */

@media all and ( max-width: 599px )
{
	div#Contacts div.block { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; }
		div#Contacts div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 18px; line-height: 40px; text-align: left; }
		div#Contacts div.block h2 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 25px 0 0 0; }
		div#Contacts div.block p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 0; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Contacts div.block { display: block; position: relative; width: 90%; margin: 25px auto 0 auto; }
		div#Contacts div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 18px; line-height: 40px; text-align: left; }
		div#Contacts div.block h2 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 25px 0 0 0; }
		div#Contacts div.block p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 0; }
}
@media all and ( min-width: 1100px )
{
	div#Contacts div.block { display: block; position: relative; width: 1000px; margin: 50px auto 0 auto; }
		div#Contacts div.block h1 { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #0fbdcc; font-size: 18px; line-height: 40px; text-align: left; }
		div#Contacts div.block h2 { display: block; position: relative; font-family: 'HelveticaNeueBlack', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 25px 0 0 0; }
		div#Contacts div.block p { display: block; position: relative; font-family: 'HelveticaNeueLight', sans-serif; color: #515252; font-size: 16px; line-height: 25px; text-align: left;  margin: 0; }
}


/* ---------------------------------------------------------------------------------------------- */
/* imagens animadas */

@media all and ( max-width: 599px )
{
	div#Contacts div.ficavouga { display: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Contacts div.ficavouga { display: none; }
}
@media all and ( min-width: 1100px )
{
	div#Contacts div.ficavouga { display: block; position: relative; width: 100%; height: 650px; margin: 50px auto 0 auto; }
		div#Contacts div.ficavouga div.skewTop { display: block; position: absolute; top: 0; left: 0; border-right: none; border-left: 100vw solid transparent; border-top: 70px solid #ffffff; border-bottom: none; z-index: 50; }
		div#Contacts div.ficavouga div.skewBottom { display: block; position: absolute; bottom: 0; left: 0; border-right: none; border-left: 100vw solid transparent; border-bottom: 125px solid #ffffff; border-top: none; z-index: 50; }

		div#Contacts div.ficavouga div.bg { display: block; position: absolute; top: 0; height: 650px; overflow: hidden; -webkit-transform: skew( 33deg, 0 ); -moz-transform: skew( 33deg, 0 ); transform: skew( 33deg, 0 ); }
			div#Contacts div.ficavouga div.bg img { display: block; position: absolute; top: 0; width: 140vw; min-height: 650px; -webkit-transform: skew( -33deg, 0 ); -moz-transform: skew( -33deg, 0 ); transform: skew( -33deg, 0 ); }

		div#Contacts div.ficavouga div.bg1 { left: -25vw; width: 30vw; }
			div#Contacts div.ficavouga div.bg1 img { left: 0; }

		div#Contacts div.ficavouga div.bg2 { left: 5vw; width: 25vw; }
			div#Contacts div.ficavouga div.bg2 img { left: -30vw; }

		div#Contacts div.ficavouga div.bg3 { left: 30vw; width: 10vw; }
			div#Contacts div.ficavouga div.bg3 img { left: -55vw; }

		div#Contacts div.ficavouga div.bg4 { left: 40vw; width: 15vw; }
			div#Contacts div.ficavouga div.bg4 img { left: -65vw; }

		div#Contacts div.ficavouga div.bg5 { left: 55vw; width: 5vw; }
			div#Contacts div.ficavouga div.bg5 img { left: -80vw; }

		div#Contacts div.ficavouga div.bg6 { left: 60vw; width: 20vw; }
			div#Contacts div.ficavouga div.bg6 img { left: -85vw; }

		div#Contacts div.ficavouga div.bg7 { left: 80vw; width: 40vw; }
			div#Contacts div.ficavouga div.bg7 img { left: -105vw; }
}


/* ---------------------------------------------------------------------------------------------- */
/* imagens animadas */

@media all and ( max-width: 599px )
{
	div#Contacts div#cmap { display: block; position: relative; width: 100%; height: 65vh; margin: 50px auto 0 auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Contacts div#cmap { display: block; position: relative; width: 100%; height: 65vh; margin: 50px auto 0 auto; }
}
@media all and ( min-width: 1100px )
{
	div#Contacts div#cmap { display: block; position: relative; width: 100%; height: 500px; margin: 50px auto 0 auto; }
}


/* ---------------------------------------------------------------------------------------------- */
/* rodape */

@media all and ( max-width: 599px )
{
	div#Contacts div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Contacts div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Contacts div.footer div.cfooter p { display: block; position: relative; margin: 5px auto 0 auto; font-family: 'HelveticaNeueLight', sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; text-align: center; }
			div#Contacts div.footer div.cfooter a { display: block; position: relative; margin: 5px auto 0 auto; width: 68px; height: 15px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; background-size: cover; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#Contacts div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Contacts div.footer div.cfooter { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; }
			div#Contacts div.footer div.cfooter p { display: block; position: relative; margin: 5px auto 0 auto; font-family: 'HelveticaNeueLight', sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; text-align: center; }
			div#Contacts div.footer div.cfooter a { display: block; position: relative; margin: 5px auto 0 auto; width: 68px; height: 15px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; background-size: cover; }
}
@media all and ( min-width: 1100px )
{
	div#Contacts div.footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; background-color: #515252; text-align: center; white-space: nowrap; z-index: 9; }
		div#Contacts div.footer div.cfooter { display: block; position: relative; width: 800px; height: 50px; margin: 0 auto; }
			div#Contacts div.footer div.cfooter p { display: block; position: relative; float: left; font-family: 'HelveticaNeueLight', sans-serif; font-size: 16px; color: #ffffff; line-height: 50px; }
			div#Contacts div.footer div.cfooter a { display: block; position: relative; float: right; margin: 14px 0 0 0; width: 100px; height: 22px; background: transparent url(../../src/img/logos/idstudies.png) no-repeat; }
}


/* ---------------------------------------------------------------------------------------------- */