body
{ 
	font-family: 'Conv_Roboto-Light', sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	font-weight: normal;
	overflow-x: hidden;
}

h1
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 60px;
	line-height: 100px;
	color: #1A1B1B;
	font-weight: normal;
	text-align: left;
	font-weight: 300;
}

h2  /*polo sta iria home*/
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 30px;
	line-height: 60px;
	color: #1A1B1B;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.35px;
}

h3 /*Título das Secções*/
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #1A1B1B;
	font-weight: normal;
	text-align: left;
}

h4  /*footer*/
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
}

h6
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	font-size: 22px;
	line-height: 25px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}

p
{
	font-family: 'Conv_Roboto-Light', sans-serif;
	font-size: 22px;
	line-height: 36px;
	color: #1A1B1B;
}

a
{
	font-family: 'Conv_Roboto-Medium', sans-serif;
	text-decoration: none;
	font-size: 13px;
	color: #1A1B1B;
	display: block;
/*	text-transform: uppercase;*/
	line-height: 15px;
	cursor: pointer;
}

li
{list-style-type: none;}

.clear
{clear: both;}

.content
{background-color: #FFFFFF; width: 100%; overflow: hidden; position: relative;}


a.special-link
{
	font-family: 'Conv_Roboto-Thin', sans-serif;
	height: 15px;
	color: #77808D;
	display: inline-block;
	cursor: pointer;
}
a.special-link:hover
{color: #9FA6AF;}



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

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




/*------EFEITOS------*/

section.parceiros .logos #grayscale img
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;	
}
section.parceiros .logos #grayscale img:hover
{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}



.testemunhos-profs .testemunhos .testemunho #grayscale
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.testemunhos-profs .testemunhos .testemunho:hover #grayscale
{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


figure
{width: 390px; height: 390px; overflow: hidden;}
section.area-cursos .cursos .cursos-listagem #zoomin img
{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
section.area-cursos .cursos .cursos-listagem #zoomin:hover img
{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/*------------BURGER-------------*/

.burger {
	display: none;
	width: 30px;
	height: 32px;
	margin: auto;
	cursor: pointer;
	position: fixed;
	top: 15px;
    right: 30px;
	z-index: 10;
}

.burger:before, .burger span, .burger:after {
	width: 100%;
	height: 2px;
	display: block;
	background: #fff;
	position: absolute;
	opacity: 1;
}
.burger:before, .burger:after {
    transition: top .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);
	-webkit-transition: top .35s cubic-bezier(.23,1,.32,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);
	content: "";
}
.burger:before {
	top: 4px;
}
.burger span {
	top: 15px;
}
.burger:after {
	top: 26px;
}
/* Hover */
/*.burger:hover:before {
	top: 7px;
}
.burger:hover:after {
	top: 23px;
}*/
/* Click */
.burger.cross span {
	opacity: 0;
}
.burger.cross:before, .burger.cross:after {
	top: 40%;
}
.burger.cross:before {
	-webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
}
.burger.cross:after {
	-webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*for IE*/
}
.burger:focus {
	outline: none;
}

.mobile-nav
{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #1A1A1B;
	position: fixed;
	overflow: hidden;
	z-index: 9;
}

.mobile-nav-wrapper {
    position: absolute;
    width: 270px;
    height: 620px;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    margin-left: -135px;
}


.mobile-nav-wrapper ul li
{float: none;}

.mobile-nav-wrapper ul li a
{
	font-family: 'Conv_Roboto-Regular', sans-serif;
	text-decoration: none;
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	display: block;
	text-transform: uppercase;
	line-height: 25px;
	margin-right: 0px;
	cursor: pointer;
	text-align: center;
	margin-bottom: 30px;
}
/*
.mobile-nav-wrapper ul li a:hover
{color: rgba(255, 255, 255, 1);}
*/
.mobile-nav-wrapper ul li a.active
{color: #47B749;}
.mobile-nav-wrapper ul li.dropbtn a.active
{color: #47B749;}

.mobile-nav-wrapper ul li.dropbtn .drop-triangle{width: 0;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #ffffff transparent transparent transparent;opacity: 1;
display: inline-block;position: absolute;margin-top: 12px;margin-left: 8px;}

.mobile-nav-wrapper ul li.dropbtn a
{margin-bottom: 0px;}

.mobile-nav-wrapper ul li.drop-submenu a
{font-family: 'Conv_Roboto-Light', sans-serif; opacity: 0.6; font-size: 17px;}
.mobile-nav-wrapper ul li.drop-submenu a:nth-child(1)
{padding-top: 10px; margin-bottom: 0px;}
.mobile-nav-wrapper ul li.drop-submenu a:nth-child(2)
{padding-top: 10px;}/* margin-bottom: 30px;}*/
.mobile-nav-wrapper ul li.drop-submenu:nth-child(1)
{padding-top: 10px; margin-bottom: 0px;}
/*.mobile-nav-wrapper ul li:nth-child(5), .mobile-nav-wrapper ul li:nth-child(9)
{margin-bottom: 30px;}*/

.xtr-padding
{margin-bottom: 30px;}


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

.dark-header
{
	height: 40px;
	width: 100%;
	background-color: #1A1B1B;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	display: block;
	overflow: hidden;
}

.dark-header .header-contactos
{
	float: left;
	height: 40px;
	width: 420px;
	position: absolute;
	left: 50px;
}

.dark-header .header-contactos div p
{
	font-family: 'Conv_Roboto-Thin', sans-serif;
	font-size: 12px;
	line-height: 40px;
	color: #FFFFFF;
	float: left;
	margin-right: 40px;
	letter-spacing: 0.35px;
}

.dark-header .header-contactos .mail .mail-icon
{
	background-image:url(../images/mail.svg);
	width: 16px;
	height: 16px;
	margin-top: 12px;
	margin-right: 6px; 
    float: left;
	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*/
}

.dark-header .header-contactos .mail .mail-icon:hover
{background-image:url(../images/mail-hover.svg);}

.dark-header .header-contactos .phone .phone-icon
{
	background-image:url(../images/phone.svg);
	width: 16px;
	height: 16px;
	margin-top: 12px;
	margin-right: 4px; 
    float: left;
	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*/
}

.dark-header .header-contactos .phone .phone-icon:hover
{background-image:url(../images/phone-hover.svg);}

.dark-header .header-social-icons
{
	float: right;
	position: absolute;
	right: 50px;
}

.dark-header .header-social-icons .icons
{
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	background-image: url(../images/icons.svg);
}

.dark-header .header-social-icons .icons:last-child
{margin-right: 0px;}

.dark-header .header-social-icons .icons:hover
{background-image: url(../images/icons-hover.svg);}

.dark-header .header-social-icons .icons.instagram
{background-position: -40px 0;}

.dark-header .header-social-icons .icons.twitter
{background-position: -80px 0;}

.dark-header .header-social-icons .icons.ecommunity
{background-position: -120px 0;}

.dark-header .header-social-icons .icons.ecommunity:hover 
{background-position: -120px 0;}




/*-------------NAV------------*/

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;*/
}

header nav
{height: 80px;}

header nav ul
{float: right; margin-right: 50px;}

header nav ul li
{float: left;}

header nav ul li a
{
	font-family: 'Conv_Roboto-Regular', sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	text-transform: uppercase;
	padding: 0 12px;
	padding-top: 32px;
	cursor: pointer;
}

header nav ul li:last-child a
{margin-right: 0px;}

header nav ul li a:hover
{color: rgba(255, 255, 255, 1);}

header nav .logo-header
{
	float: left;
	/*background-color: black;*/
	width: 210px;
	height: 60px;
	margin-top: 10px;
	margin-left: 50px;
	background-image: url(../contents/Logo_ephtl_negativo.png);
	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*/
}

header nav ul li a.active 
{color: #FFFFFF !important;} 



.drop-triangle{width: 0; height: 0; border-style: solid; border-width: 4px 3px 0 3px; border-color: #ffffff transparent transparent transparent; opacity: 0.6; display: inline-block; position: absolute; margin-top: 4px; margin-left: 5px;}

li.dropdown {display: inline-block;}

li.dropdown .dropbtn {padding-bottom: 10px; padding-right: 22px;}

.dropdown:hover {border-bottom: 2px solid white; opacity: 1;}
.dropdown:hover .drop-triangle {opacity: 1;}

.dropdown:hover .dropbtn {color: white;}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

header nav ul li.dropdown .dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  opacity: 0.6;
}

header nav ul li.dropdown .dropdown-content a:nth-child(1)
{padding: 15px 15px 15px 15px;}
header nav ul li.dropdown .dropdown-content a:nth-child(2)
{padding: 0px 15px 15px 15px;}

header nav ul li.dropdown .dropdown-content a:hover
{opacity: 1;}

.dropdown:hover .dropdown-content {
  display: block;
}




/*-------STATUS ERROR--------*/



/*.statuserror
{
	color: red;
	display: block;
	width: 200px;
	margin: auto;
	margin-top: 20px;
}*/

.popup
{
	display: none;
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index:10;
}

.popup .popup-box .exit-cross
{ 
	width: 17px;
	height: 17px;
	background-image: url(../images/exit-popup.svg);
	float: right;
	margin: 15px 15px 0px 0px;
	display: block;
	background-repeat: no-repeat;
}

.popup-box 
{
	display: block;
	position: fixed;
	top: 50%;
	margin-top: -100px;
	margin-left: -150px;
	left: 50%;
	width: 300px;
	height: 200px;
	background-color: #1A1A1B;
	box-shadow: 0 0 100px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 100px 2px rgba(0,0,0,0.2);
}

.popup-box .warning p 
{
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}

.popup-box .warning
{
	padding: 50px 30px 50px 30px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    font-family: 'Conv_Roboto-Light', sans-serif;
    font-size: 20px;
}







/*---------FOOTER--------*/


footer
{
	background-color: #1A1A1B;
	overflow: hidden;
	display: block;
	padding: 60px 0px 40px;
	width: 100%; 
	position: relative;
}

footer p
{
	font-family: 'Conv_Roboto-Thin', sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.35px;
	margin-top: 10px;
}


footer .grid .footer-contents
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}

footer .grid .footer-contents .contactos
{
	width: 270px;
	float: left;
	display: block;
	margin-right: 30px; 
}

footer .grid .footer-contents .contactos:last-child
{margin-right: 0px;}

footer .grid .footer-contents .info
{
	width: 270px;
	float: left;
	display: block;
	margin-right: 30px; 
}

footer .grid .footer-contents .info .footer-logo
{
	width: 45px;
	height: 50px;
	/*background-color: black;*/
	margin-bottom: 28px;
	background-image: url(../contents/Logo_ephtl_negativo.png);
	display: block;
	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*/
	margin-left: 10px;
}


footer .grid .footer-contents div .footer-social-icons a.icons
{
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	background-image: url(../images/icons-M.svg);
}

footer .grid .footer-contents div .footer-social-icons a.icons:last-child
{margin-right: 0px;}


footer .grid .footer-contents div .footer-social-icons a.icons:hover
{background-image: url(../images/icons-M-hover.svg);}

footer .grid .footer-contents div .footer-social-icons a.icons.instagram
{background-position: -40px 0;}

footer .grid .footer-contents div .footer-social-icons a.icons.twitter
{background-position: -80px 0;}




footer .grid .copyright
{margin-top: 50px;}

footer .grid .copyright p
{
	font-family: 'Conv_Roboto-Thin', sans-serif;
	height: 15px;
	width: 248px;
	color: #77808D;
	font-size: 13px;
	font-weight: 300;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.20px;
	margin: auto;
}

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

@media (max-width: 1300px){

	.grid
	{width: 960px; margin: auto;}
	
	footer .grid .footer-contents
	{width: 960px;}

	footer .grid .footer-contents .contactos
	{width: 220px;}
	
	footer .grid .footer-contents .info
	{width: 210px;}

	footer .contactos div
	{width: 164px;}
	footer .contactos div .light
	{margin-top: 0px;}

}


@media (max-width: 1240px){

	header nav ul li a
	{margin-right: 25px;}
	header nav .logo-header
	{width: 160px !important; height: 45px; margin-top: 12px;}

	header nav ul
	{display: none;}

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

	.burger 
	{display: block; top: 65px; right: 50px;}

}


@media (max-width: 1100px){	

	.content
	{padding-top: 60px;}

}


@media (max-width: 1050px){

	.grid
	{width: 688px;}

	p
	{font-size: 20px;}
	
	footer .grid .footer-contents
	{width: 688px;}

	footer .grid .footer-contents .contactos
	{width: 209px;}
	
	footer .grid .footer-contents .info
	{width: 688px;}

	footer .grid .footer-contents .info .footer-logo
	{float: left; margin-bottom: 40px; margin-left: 0px;}

	footer .grid .footer-contents div .footer-social-icons
	{float: right;}

}

@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;}
}


@media (max-width: 850px){

	footer p
	{font-family: 'Conv_Roboto-Light', sans-serif;}
	footer .grid .copyright p
	{font-family: 'Conv_Roboto-Light', sans-serif;}
	a.special-link
	{font-family: 'Conv_Roboto-Light', sans-serif;}


	section.parceiros .logos #grayscale img
	{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);	
	}
	.testemunhos-profs .testemunhos .testemunho #grayscale
	{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}

}


@media (max-width: 740px){

	p
	{font-size: 16px;line-height: 26px;}

	h3
	{font-size: 20px;line-height: 24px;}

	.grid
	{width: 500px;}
	
	footer .grid .footer-contents
	{width: 230px;}

	footer .grid .footer-contents .contactos
	{width: 230px; margin-bottom: 40px;}
	
	footer .grid .footer-contents .contactos:last-child
	{margin-bottom: 0px;}

	footer .grid .footer-contents .info
	{width: 230px;}

	footer .grid .footer-contents .info .footer-logo
	{float: left; margin-bottom: 40px; margin-right: 130px;}

	footer .grid .footer-contents div .footer-social-icons
	{float: left; margin: auto; margin-bottom: 40px; margin-left: -10px;}

	footer .grid .footer-contents div .footer-social-icons a.icons
	{margin-left: 0px;}

	footer p
	{font-size: 15px;}

	footer h4
	{font-size: 18px;}

	footer .contactos div
	{width: 230px;}
	footer .contactos div .light
	{margin-top: 10px;}

}

@media (max-width: 560px){

	.grid
	{width: 280px;}

}