/*--------HEADER---------*/

header
{
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	background-color: #131212;
	width: 100%;
	height: 80px;
	position: fixed;
	top: 40px;
	left: 0;
	z-index: 9;
	display: block;
	/*overflow: hidden;*/
}

.content
{padding-top: 120px}


/*-----------INFO Inscrição----------*/

section.info
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
	margin-top: 90px;
	margin-bottom: 90px;
}

section.info h3
{margin-bottom: 40px;}


h3.special
{color: #4CB64F; margin-top: 50px; margin-bottom: 20px !important;}




/*----------CONTACTOS-----------*/

section.contactos
{
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
/*	height: 530px;*/
}

section.contactos .background-img
{
	background-image:url(../contents/background-contactos.jpg);
	width: 100%;
	height: 460px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;  /*chrome e safari*/
	-moz-background-size: cover;  /*firefox*/
	-ms-background-size: cover;  /*microsoft*/
}

section.contactos .area-contactos
{
	width: 970px;
	height: 440px;
	margin: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	bottom: 0;
	margin-top: -280px;
}

section.contactos .area-contactos .left
{
	float: left;
	height: 418px;
	width: 450px;
	background-color: #000000;
	margin-left: 15px;
}

section.contactos .area-contactos .right
{
	float: right;
	height: 418px;
	width: 450px;
	background-color: #000000;
	margin-right: 15px;
}

section.contactos .area-contactos div .padding
{
	height: 430px;
	width: 350px;
	margin: auto;
	margin-top: 50px;
}


section.contactos .area-contactos div .padding h4
{
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 15px;
}

section.contactos .area-contactos div .padding p
{
	color: white;
	font-family: 'Conv_Roboto-Thin', sans-serif;
	font-size: 20px;
}

section.contactos .area-contactos div .padding .geral
{margin-top: 15px;}


/*---- Números Telefone com link----*/

section.contactos .area-contactos div .padding .geral div
{
    display: block;
    min-height: 10px;
    overflow: hidden;
}
section.contactos .area-contactos div .padding .geral div .bold
{
	font-family: 'Conv_Roboto-Medium', sans-serif !important;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	font-size: 20px;
}
section.contactos .area-contactos div .padding .geral div .light
{
	font-family: 'Conv_Roboto-Light', sans-serif !important;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	margin-left: 5px;
	font-size: 20px;
}
section.contactos .area-contactos div .padding .geral div p a[href^=tel] {
  
 	font-family: 'Conv_Roboto-Light', sans-serif !important;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.35px;
	display: inline;
}




/*--------------FORM-----------*/

input:focus, select:focus, button:focus 
{
	outline: none;
	color: #4CB64F;
	border: 1px solid #4CB64F;
    border-radius:0;
	-webkit-border-radius:0;
	-webkit-appearance: none;

}

input:focus::-webkit-input-placeholder {
   color: #4CB64F;
}
::-webkit-input-placeholder
{color: #1A1B1B;}

input:focus:-moz-placeholder { /* Firefox 18- */
   color: #4CB64F;  
}
:-moz-placeholder
{color: #1A1B1B;}

input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #4CB64F;  
}
:-moz-placeholder
{color: #1A1B1B;}

input:focus:-ms-input-placeholder {  
   color: #4CB64F;  
}
:-ms-input-placeholder
{color: #1A1B1B;}

textarea:focus
{
	outline: none;
	border: 1px solid #4CB64F;
    border-radius:0;
	-webkit-border-radius:0;
	-webkit-appearance: none;
}



section.formulario
{
	width: 100%;
	margin: auto;
	overflow: hidden;
/*	background-color: #F5F5F5;*/
	padding-top: 70px;
	padding-bottom: 90px;
}

section.formulario .titulo
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}

section.formulario h3
{margin-bottom: 40px;}


section.formulario .form-container
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}


input
{
	height: 50px;
    background-color: white;
    border: 1px solid #1A1B1B;
    margin: auto;
    margin-bottom: 40px;
    padding-left: 20px;
    font-family: 'Conv_Roboto-Medium', sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}


input#NameInput, input#EmailInput
{width: 547px; float: left;}

input#NameInput
{margin-right: 30px;}

input#AssuntoInput
{width: 1147px;}


input.send-btn
{
	height: 50px;
	width: 200px;
	background-color: #000000;
	color: white;
	font-size: 18px;
	text-align: center;
	font-family: 'Conv_Roboto-Medium', sans-serif;
}

input.send-btn:hover
{background-color: #4CB64F; border: #4CB64F;}

label
{font-family: 'Conv_Roboto-Medium', sans-serif;}


textarea
{
	line-height: 20px;
	display: block;
	min-height: 280px;
	background-color: white;
	border: 1px solid #1A1B1B;
	width: 1146px;
	margin: auto;
	resize:none;
	margin-bottom: 50px;
	font-family: 'Conv_Roboto-Medium', sans-serif;	
    font-size: 13px;
	padding-left: 20px;
	padding-top: 20px;
	color: #1A1B1B;
	-webkit-appearance: none;
	-webkit-border-radius:0; 
    border-radius:0;
}

textarea:focus::-webkit-input-placeholder {
   color: #1A1B1B;
}
::-webkit-input-placeholder
{color: #1A1B1B;}

textarea:focus:-moz-placeholder { /* Firefox 18- */
   color: #1A1B1B;  
}
:-moz-placeholder
{color: #1A1B1B;}

textarea:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #1A1B1B;  
}
:-moz-placeholder
{color: #1A1B1B;}

textarea:focus:-ms-input-placeholder {  
   color: #1A1B1B;  
}
:-ms-input-placeholder
{color: #1A1B1B;}






/*----------------SMALLER SCREENS / MEDIA QUERIES---------------*/

@media (max-width: 1300px){

	section.info
	{width: 960px;}

	section.formulario .titulo
	{width: 960px;}

	section.formulario .form-container
	{width: 960px;}

	input#NameInput, input#EmailInput
	{width: 442px;}

	input#AssuntoInput
	{width: 937px;}

	textarea
	{width: 936px;}
}



@media (max-width: 1050px){

	section.info
	{width: 688px;}

	section.contactos .background-img
	{height: 350px; background-image:url(../contents/background-contactos-tablet.jpg);}

	section.contactos .area-contactos
	{width: 688px; margin-top: -180px;}

	section.contactos .area-contactos .left
	{
		height: 425px;
		width: 329px;
		margin-left: 0px; 
	}

	section.contactos .area-contactos .right
	{
		height: 425px;
		width: 329px;
		margin-right: 0px;
	}

	section.contactos .area-contactos div .padding
	{
		height: 215px;
		width: 260px;
		margin-top: 35px;
	}

	section.contactos .area-contactos div .padding h4
	{font-size: 28px; line-height: 36px;}

	section.contactos .area-contactos div .padding p
	{font-size: 18px; line-height: 26px;}

	section.contactos .area-contactos div .padding .geral div
	{width: 200px;}

	section.contactos .area-contactos div .padding .geral div:nth-child(4)
	{width: 180px;}

	section.contactos .area-contactos div .padding .geral div .bold
	{font-size: 18px; margin-top: 10px;}
	section.contactos .area-contactos div .padding .geral div .light
	{font-size: 18px;}

	section.contactos .area-contactos div .padding .geral div p a[href^=tel] 
	{font-size: 18px;}


	section.formulario .titulo
	{width: 688px;}

	section.formulario .form-container
	{width: 688px;}

	input#NameInput, input#EmailInput
	{width: 659px;}

	input#AssuntoInput
	{width: 659px;}

	textarea
	{width: 660px;}

	input#NameInput
	{margin-right: 0px;}
}


@media (max-width: 960px){

	
	
}


@media (max-width: 900px){

	
}


@media (max-width: 850px){

	.dark-header
	{display: none;}

	header
	{top: 0; height: 60px;}

	header nav ul
	{display: none;}

	header nav .logo-header
	{width: 160px !important; height: 45px; margin-top: 7px; margin-left: 30px;}

	.burger 
	{display: block; top: 15px; right: 30px;}

	.content
	{padding-top: 60px;}

	section.contactos .area-contactos div .padding p
	{font-family: 'Conv_Roboto-Light', sans-serif;}

	section.contactos .area-contactos
	{height: 470px;}

	section.contactos .area-contactos .right, section.contactos .area-contactos .left
	{height: 425px;}

}


@media (max-width: 740px){

	section.info
	{width: 500px;}

	section.contactos .background-img
	{height: 500px; background-image:url(../contents/background-contactos-mobile.jpg);}

	section.contactos .area-contactos
	{width: 350px; margin-top: -430px; height: 730px;}
	section.contactos .area-contactos .left
	{
		height: 350px;
		width: 350px;
		margin-bottom: 30px;
	}
	section.contactos .area-contactos .right
	{
		height: 350px;
		width: 350px;
	}

	section.contactos .area-contactos div .padding
	{
		height: 215px;
		width: 280px;
		margin-top: 35px;
	}

	section.contactos .area-contactos div .padding h4
	{font-size: 28px; line-height: 36px;}

	section.contactos .area-contactos div .padding p
	{font-size: 18px; line-height: 26px;}

	section.contactos .area-contactos div .padding .geral div
	{width: 280px;}

	section.contactos .area-contactos div .padding .geral div:nth-child(4)
	{width: 280px;}

	section.contactos .area-contactos div .padding .geral div .light
	{margin-top: 10px;}
	section.contactos .area-contactos div .padding .geral div p a[href^=tel] 
	{margin-top: 10px;}
	


	section.formulario .titulo
	{width: 500px;}

	section.formulario .form-container
	{width: 500px;}

	input#NameInput, input#EmailInput
	{width: 470px;}

	input#AssuntoInput
	{width: 470px;}

	textarea
	{width: 470px;}
}

@media (max-width: 680px){

	
	
}

@media (max-width: 560px){

	section.info
	{width: 280px;}

	section.formulario .titulo
	{width: 280px;}

	section.formulario .form-container
	{width: 280px;}

	input#NameInput, input#EmailInput
	{width: 250px;}

	input#AssuntoInput
	{width: 250px;}

	textarea
	{width: 250px;}

	input.send-btn
	{height: 40px; width: 150px; font-size: 14px;}


	section.contactos .area-contactos
	{width: 300px; margin-top: -420px; height: 690px;}

	section.contactos .area-contactos .left
	{
		height: 330px;
		width: 300px;
	}

	section.contactos .area-contactos .right
	{
		height: 330px;
		width: 300px;
	}

	section.contactos .area-contactos div .padding
	{
		height: 180px;
		width: 240px;
		margin-top: 30px;
	}

	section.contactos .area-contactos div .padding h4
	{font-size: 20px; line-height: 24px;}

	section.contactos .area-contactos div .padding p
	{font-size: 16px; line-height: 26px;}

	
	section.contactos .area-contactos div .padding .geral div .bold, section.contactos .area-contactos div .padding .geral div .light, section.contactos .area-contactos div .padding .geral div p a[href^=tel]
	{font-size: 16px;}
}