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

.background
{
	background-image:url(../contents/background-home.jpg);
	width: 100%;
	height: 100%;
	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*/
	position: fixed;
}



/*-----------HOME----------*/

section .home
{
	width: 672px;
	height: 60%;
	position: relative;
	top: 25%;
	left: 50%;
	margin-left: -336px;
}


section .home .h1-background
{
	height: 100px;
	background-color: #FFFFFF;
	position: absolute;
	float: left;
	margin-bottom: 10px;
	padding: 0 30px 0 30px;
}

section .home .h1-background h1
{
	color: #000000;
	text-align: center;
	line-height: 100px;
}

section .home .h1-background.one
{top: 0px;}

section .home .h1-background.two
{top: 110px;}

section .home .h1-background.three
{top: 220px;}

section .home .h2-background
{
	height: 60px;
	background-color: #000000;
	position: absolute;
	float: left;
	margin-bottom: 10px;
	padding: 0 30px 0 30px;
	top: 330px;
}

section .home .h2-background h2
{color: #FFFFFF; font-family: 'Conv_Roboto-Regular', sans-serif;}


section#home .btn
{
	height: 60px;
	width: 271px;
	background-color: #47B749;
	position: absolute;
	bottom: 100px;
    display: block;
    left: 50%;
    margin-left: -336px;
    cursor: pointer;
}

section#home .btn a
{cursor: pointer;}

section#home .btn:hover
{background-color: #3ba73d;}


section#home .btn h3
{color: #FFFFFF; text-align: center; padding-top: 14px; font-size: 20px; letter-spacing: 0.35px;}


section#home .scroll
{
	background-image:url(../images/scroll.svg);
	width: 16px;
	height: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom:30px;
	margin-top: -5px;
}

/*-----------Know Us----------*/

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

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


/*-----------Mais Valias----------*/


section.background-mais-valias
{

	background-image:url(../contents/background-mais-valias.jpg);
	width: 100%;
	height: 500px;
	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 .mais-valias
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
	margin-top: 90px;
	margin-bottom: 90px;
}

section .mais-valias .mais-valia
{
	width: 270px;
	float: left;
	margin-right: 30px;
}

section .mais-valias .mais-valia:last-child
{margin-right: 0px;}

section .mais-valias .mais-valia h6
{margin-bottom: 20px; font-family: 'Conv_Roboto-Regular', sans-serif;}


section .mais-valias .mais-valia p
{
	font-family: 'Conv_Roboto-Thin', sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.35px;
}

section .mais-valias .mais-valia .round-icon
{
	width: 80px;
	height: 80px;
	margin: auto;
	margin-bottom: 40px;
	margin-left: 80px;
}

/*-----------Cursos----------*/


section.area-cursos
{
	width: 100%;
	height: 940px;
	overflow: hidden;
	position: relative;
}

section.area-cursos .cursos-background
{
	width: 100%;
	height: 550px;
	background-color: #F6F6F6; 
}

section.area-cursos .cursos
{ 
	width: 1170px;
	height: 850px;
	position: absolute;
	left: 50%;
	top: 90px;
	margin-left: -585px;
}

section.area-cursos .cursos h3
{margin-bottom: 40px; text-align: center;}


section.area-cursos .cursos .cursos-listagem .curso
{width: 390px; height: 390px; float: left; position: relative;}

section.area-cursos .cursos .cursos-listagem .curso.um
{background-color: #FFFFFF;}

section.area-cursos .cursos .cursos-listagem .curso.um h3
{
	height: 120px;
	width: 280px;
	margin: auto;
	text-align: left;
	padding-top: 130px;
}

section.area-cursos .cursos .cursos-listagem .curso h6
{
	height: 40px;
	width: 300px;
	color: #FFFFFF;
	font-family: 'Conv_Roboto-Light', sans-serif;
	font-size: 26px;
	font-weight: 300;
	line-height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	letter-spacing: 0.35px;
}


/*-----------Parceiros----------*/

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

section.parceiros h3
{margin-bottom: 40px; text-align: center; color: #ADADAD;}

section.parceiros .logos
{width:1170px; margin: auto;}

section.parceiros .logos div
{
	height: 60px;
	width: 170px;
	background-color: #D8D8D8;
	float: left;
	margin-right: 30px;
}

section.parceiros .logos div:last-child
{margin-right: 0px;}




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

@media screen and (max-height:750px){

	section#home .btn
	{
		position: relative;
		bottom: -150px;
	}

	section#home .scroll
	{
		position: relative;
		bottom: -220px;
	}
}

@media screen and (max-height:300px){

	section#home .btn
	{
		position: relative;
		bottom: -150px;
	}

	section#home .scroll
	{
		position: relative;
		bottom: -220px;
	}
}




@media (max-width: 1300px){

	section.know-us
	{width: 960px;}

	section.area-cursos
	{height: 1330px;}

	section.area-cursos .cursos-background
	{height: 745px;}

	section.area-cursos .cursos
	{ 
		width: 780px;
		height: 850px;
		margin-left: -390px;
	}

	section.parceiros
	{width: 570px; margin-bottom: 60px;}
	section.parceiros .logos
	{width:570px; margin: auto;}
	section.parceiros .logos div
	{margin-bottom: 30px;}
	section.parceiros .logos div:last-child
	{margin-right: 0px;}
	section.parceiros .logos div:nth-child(3)
	{margin-right: 0px;}



	section.background-mais-valias
	{height: 915px;}

	section .mais-valias
	{width: 570px;}

	section .mais-valias .mais-valia
	{
		width: 270px;
		float: left;
		margin-right: 30px;
		margin-bottom: 60px;
	}

	section .mais-valias .mais-valia:nth-child(even)
	{margin-right: 0px;}

}

@media (max-width: 1050px){

	section.know-us
	{width: 688px;}
	
}

@media (max-width: 960px){	
}


@media (max-width: 900px){

	section.area-cursos
	{height: 1190px;}

	section.area-cursos .cursos-background
	{height: 680px;}

	section.area-cursos .cursos
	{ 
		width: 688px;
		height: 850px;
		position: absolute;
		left: 50%;
		top: 90px;
		margin-left: -344px;
	}

	section.area-cursos .cursos .cursos-listagem .curso
	{width: 344px; height: 344px; overflow: hidden;}

}



@media (max-width: 850px){


	section .home
	{
		width: 620px;
	    height: 50%;
	    position: relative;
	    top: 20%;
	    left: 50%;
	    margin-left: -310px;
	}

	section .home .h1-background
	{
		height: 90px;
		background-color: #FFFFFF;
		position: absolute;
		float: left;
		margin-bottom: 10px;
		padding: 0 30px 0 30px;
	}

	section .home .h1-background h1
	{
		font-size: 55px;
		color: #000000;
		text-align: center;
		line-height: 90px;
	}

	section .home .h1-background.one
	{top: 0px;}

	section .home .h1-background.two
	{top: 100px;}

	section .home .h1-background.three
	{top: 200px;}

	section .home .h2-background
	{top: 300px;}

	section#home .btn
	{margin-left: -310px;}
	
	section#home .btn a
	{height: 60px;}
	
	section#home .btn h3
	{padding: 0px; line-height: 60px;}

	section .mais-valias .mais-valia p
	{font-family: 'Conv_Roboto-Light', sans-serif;}
	
}


@media (max-width: 740px){

	section.know-us
	{width: 500px;}

	section.area-cursos
	{height: 1535px;}

	section.area-cursos .cursos-background
	{height: 730px;}

	section.area-cursos .cursos
	{ 
		width: 290px;
		height: 850px;
		position: absolute;
		left: 50%;
		top: 90px;
		margin-left: -145px;
	}

	section.area-cursos .cursos .cursos-listagem .curso
	{width: 290px; height: 230px; overflow: hidden;}

	section.area-cursos .cursos .cursos-listagem .curso.um h3
	{padding-top: 75px; width: 220px;}

	section.area-cursos .cursos .cursos-listagem .curso h6
	{font-size: 25px; line-height: 40px;}

	section.parceiros
	{width: 370px; margin-bottom: 60px;}
	section.parceiros .logos
	{width: 370px; margin: auto;}
	section.parceiros .logos div:nth-child(3)
	{margin-right: 30px;}
	section.parceiros .logos div:nth-child(even)
	{margin-right: 0px;}

	section.area-cursos .cursos .cursos-listagem #zoomin img
	{width: 290px; height: auto;}
}

@media (max-width: 680px){

	section .home
	{
		width: 300px;
	    height: 40%;
	    position: relative;
	    top: 22%;
	    left: 50%;
	    margin-left: -150px;
	}

	section .home .h1-background
	{height: 50px; padding: 0 20px 0 20px;}

	section .home .h1-background h1
	{font-size: 25px; line-height: 50px;}

	section .home .h1-background.one
	{top: 0px;}

	section .home .h1-background.two
	{top: 60px;}

	section .home .h1-background.three
	{top: 120px;}

	section .home .h2-background
	{top: 180px; height: 40px; padding: 0 20px 0 20px;}

	section .home .h2-background h2
	{font-size: 15px; line-height: 40px; letter-spacing: 0px;}

	section#home .btn
	{margin-left: -96px; height: 40px; width: 192px;}

	section#home .btn h3
	{padding-top: 8px; font-size: 14px;}

	section#home .btn a
	{height: 40px;}
	
	section#home .btn h3
	{padding: 0px; line-height: 40px;}




	section.background-mais-valias
	{height: 1590px;}

	section .mais-valias
	{width: 270px;}

	section .mais-valias .mais-valia
	{
		width: 270px;
		float: left;
		margin-right: 0px;
		margin-bottom: 60px;
	}

	
}

@media (max-width: 560px){

	section.know-us
	{width: 280px;}

	section.parceiros
	{width: 170px; margin-bottom: 60px;}
	section.parceiros .logos
	{width: 170px; margin: auto;}
	section.parceiros .logos div:nth-child(3)
	{margin-right: 0px;}
	section.parceiros .logos div:nth-child(even)
	{margin-right: 0px;}

}


@media (max-width: 320px){

	section .home
	{top: 20%;}

	section#home .btn
	{bottom: 60px;}

}