#header-logo, #header-right
{
	position: absolute;
}

#container
{
	height: 100%;
	min-height: 640px;
}

	#cont1
	{
		position: relative;
		overflow: hidden;
		height: -webkit-calc(100% - 85px);
		height: -moz-calc(100% - 85px);
		height: calc(100% - 85px);
		min-height: 640px;
		
	}
		#cont1-bg
		{
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: url('/img/contato/cont1-bg.jpg') center #392779;
			background-size: cover;
			will-change: transform;
		}

		#cont1-middle
		{
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1000px;
			height: 390px;
			margin-left: -500px;
			margin-top: -195px;
			padding: 0px 85px;
		}

			#cont1-middle-title
			{
				font-weight: 800;
				font-size: 65px;
				letter-spacing: 1px;
				line-height: 115%;
			}

			.cont1-middle-each
			{
				float: left;
				width: 50%;
			}

				.cont1-middle-each-title
				{
					margin-top: 80px;

					font-weight: 800;
					font-size: 35px;
					letter-spacing: 1px;
				}

				.cont1-middle-each-text
				{
					margin-top: 15px;

					font-size: 15px;
				}



		#cont1-bottom
		{
			position: absolute;
			left: 20px;
			right: 20px;
			bottom: 0px;
			height: 20px;
		}

			#cont1-bottom-inside
			{
				margin: 0 auto;
				width: 100%;
				max-width: 1300px;
				height: 20px;
				background-color: #392779;
			}

	#cont2
	{
		width: 100%;
		height: 578px;
		background-color: #e9e5dc;
	}

		#cont2:after
		{
			content: '';
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 0px;
			height: 53px;
			pointer-events: none;

			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.1)));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		}

	#cont3
	{
		margin-bottom: 68px;
	}

		.page-each-inside
		{
			padding: 0px 217px;
		}

			#cont3-title
			{
				margin-top: 88px;

				font-weight: 800;
				font-size: 80px;
				color: #392779;
			}

			#cont3-subtitle
			{
				margin-top: 23px;

				font-weight: 200;
				font-size: 17px;
				color: #222;
			}

	#cont4
	{

	}

		.cont4-each
		{
			position: relative;
			float: left;
			width: 50%;
			height: 373px;
			overflow: hidden;
		}

		#cont4-each1
		{
			background-color: #ff6969;
		}
/*
		#cont4-each2
		{
			background-color: #e8b336;
		}*/

		#cont4-each3
		{
			background-color: #009f74;
		}

			.cont4-each-bg
			{
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				background-position: center;
				background-size: cover;

				-webkit-transition: -webkit-transform 1s, opacity .5s;
				-moz-transition: -moz-transform 1s, opacity .5s;
				transition: transform 1s, opacity .5s;
			}

			#cont4-each1 .cont4-each-bg { background-image: url('/img/contato/cont41-bg.jpg'); }
			#cont4-each2 .cont4-each-bg { background-image: url('/img/contato/cont42-bg.jpg'); }
			#cont4-each3 .cont4-each-bg { background-image: url('/img/contato/cont43-bg.jpg'); }

			.cont4-each:hover .cont4-each-bg
			{
				opacity: .2;

				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				transform: scale(1.05);
			}

			.cont4-each-icon
			{
				position: relative;
				margin-top: 145px;

				font-size: 80px;
				text-align: center;
				color: #fff;

				-webkit-transition: margin-top .3s;
				-moz-transition: margin-top .3s;
				transition: margin-top .3s;
			}

			.cont4-each:hover .cont4-each-icon
			{
				margin-top: 113px;
			}

			.cont4-each-text
			{
				position: relative;
				margin-top: 104px;
				opacity: 0;

				font-weight: 700;
				font-size: 17px;
				text-align: center;
				color: #fff;

				-webkit-transition: margin-top .3s, opacity .3s;
				-moz-transition: margin-top .3s, opacity .3s;
				transition: margin-top .3s, opacity .3s;
			}

			.cont4-each:hover .cont4-each-text
			{
				margin-top: 114px;
				opacity: 1;
			}

	#cont5
	{
		height: 472px;
		background-color: #372676;
	}

		#cont5-text
		{
			margin-top: 145px;
			font-weight: 800;
			font-size: 17px;
			color: #fff;
		}

			#cont5-text:before
			{
				content: '';
				position: relative;
				float: left;
				width: 115px;
				margin-top: 9px;
				margin-right: 15px;
				border-bottom: 2px solid #fff;
			}

		#cont5-email
		{
			float: left;
			width: -webkit-calc(100% - 92px);
			width: -moz-calc(100% - 92px);
			width: calc(100% - 92px);
			margin-top: 55px;
			padding: 20px 27px;
			background-color: #fff;

			font-weight: 200;
			font-size: 30px;
			color: #2c1e5d;
		}

		#cont5 .page-arrow
		{
			float: left;
			margin-top: 68px;
			margin-left: 16px;
			background-color: #ff6969;
		}

			#cont5 .page-arrow-line
			{
				background-color: #fff;
			}

@media screen and (max-width: 1280px)
{
	#cont5-text
	{
		font-size: 16px;
	}

		#cont5-text:before
		{
			display: none;
		}
}

@media screen and (min-width: 1025px)
{
	#cont5 .page-arrow:hover
	{
		background-color: #0cb889;
	}
}

@media screen and (max-width: 1024px)
{
	#cont1-middle
	{
		width: 800px;
		height: 390px;
		margin-left: -400px;
		margin-top: -185px;
		padding: 0px 50px;

		text-align: center;
	}

		#cont1-middle-title
		{
			position: relative;
			padding-bottom: 40px;
			margin-bottom: 14px;

			font-size: 45px;
		}

			#cont1-middle-title:after
			{
				content: '';
				position: absolute;
				left: 50%;
				width: 76px;
				bottom: 0px;
				margin-left: -38px;
				border-bottom: 2px solid #fff;
			}

			.cont1-middle-each
			{
				width: 100%;
			}

				.cont1-middle-each-title
				{
					margin-top: 30px;
					font-size: 25px;
				}

				.cont1-middle-each-text
				{
					margin-top: 8px;
				}

	#cont3 .page-each-inside, #cont5 .page-each-inside
	{
		padding: 0px;
	}

		#cont3-title, #cont3-subtitle
		{
			margin-left: 15%;
			margin-right: 15%;
		}

		#cont3-title
		{
			font-size: 58px;
		}


	.cont4-each
	{
		height: 275px;
	}

		.cont4-each-icon
		{
			margin-top: 100px !important;
			font-size: 60px;
		}

		.cont4-each-bg
		{
			opacity: 1 !important;

			-webkit-transform: scale(1) !important;
			-moz-transform: scale(1) !important;
			transform: scale(1) !important;
		}

	#cont5 .page-each-inside
	{
		padding-left: 10%;
		padding-right: 10%;
	}
}
	

@media screen and (max-width: 768px)
{
	.page-elements 
	{
		display: none;
	}

	#cont1
	{
		height: auto;
		min-height: 512px;
	}

	#cont1-middle
	{
		height: 314px;
		margin-top: -135px;
	}

		#cont1-middle-title
		{
			font-size: 25px;
		}

	#cont2
	{
		height: 372px;
	}

	#cont3-title
	{
		margin-top: 58px;
		font-size: 35px;
	}

	#cont3-subtitle
	{
		font-size: 14px;
	}


	.cont4-each
	{
		float: none;
		width: 100% !important;
		height: 200px;
	}

		.cont4-each-bg
		{
			opacity: .25 !important;
		}

		.cont4-each-icon
		{
			margin-top: 45px !important;
		}

		.cont4-each-text
		{
			margin-top: 32px !important;
			opacity: 1;
		}


	#cont5
	{
		height: 317px;
	}

		#cont5 .page-each-inside
		{
			padding: 0px;
			width: 280px;
		}

			#cont5-text
			{
				margin: 53px auto 0px;
				width: 211px;

				font-size: 15px;
				text-align: center;
				line-height: 130%;
			}

			#cont5-email
			{
				margin-top: 37px;
				margin-bottom: 27px;
				width: 100%;
				padding: 10px;

				font-size: 20px;
			}

		#cont5 .page-arrow
		{
			float: none;
			clear: left;
			border: none;
			margin: 0 auto;
			width: 52px;
    		height: 52px;
		}

			#cont5 .page-arrow-line1
			{
				left: 25px;
				top: 13px;
				width: 3px;
				height: 26px;
			}

			#cont5 .page-arrow-line2, #cont5 .page-arrow-line3
			{
				width: 13px;
				height: 3px;
			}

			#cont5 .page-arrow-line2
			{
				left: 22px;
				top: 28px;
			}

			#cont5 .page-arrow-line3
			{
				left: 14px;
				top: 37px;
			}

	#page-back-to-top.page-arrow
	{
		background-color: transparent;
		border-color: #463582;
	}
		
		#page-back-to-top .page-arrow-line
		{
			background-color: #463582;
		}
}