@charset "utf-8";
/* CSS Document */

:root {
	--radius0: 50px;
	--radius1: 12px;
	--radius2: 8px;
	--radius3: 6px;
	--radius4: 4px;
	--radius5: 2px;
	
	--margin1: 30px;
	--margin2: 20px;
	--margin3: 15px;
	--margin4: 10px;
	--margin5: 5px;
	
	--padding1: 30px;
	--padding2: 20px;
	--padding3: 15px;
	--padding4: 10px;
	--padding5: 5px;
	
	--pastelcolor1: #e57078;
	--pastelcolor2: #9bd3ae;
	--pastelcolor3: #97afdb;
	--pastelcolor4: #fcc688;
	--pastelcolor5: #9c96c6;
	--pastelcolor6: #ffe292;
	--pastelcolor7: #e895bf;
	--pastelcolor8: #977768;
	--pastelcolor9: #78cdc8;
	--pastelcolor10: #f3a391;
	--pastelcolor11: #7da7d9;
	--pastelcolor12: #c65c79;
	--pastelcolor13: #93c089;
	--pastelcolor14: #f1ea92;
	--pastelcolor15: #cbcfcd;
	--pastelcolor16: #8687c8;
	--pastelcolor17: #dae6e5;
	--pastelcolor18: #ecf081;
	--pastelcolor19: #dd5562;
	--pastelcolor20: #a2d3c7;
}

*, *:before, *:after{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	word-wrap:break-word;
}

*::selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}
*::-moz-selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}
*::-webkit-selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}

body.black *::selection{
	background:#A10E09;
}
body.black *::-moz-selection{
	background:#A10E09;
}
body.black *::-webkit-selection{
	background:#A10E09;
}

body.preview{
	padding-top:20px;
	min-height:100%;
}
body.preview.black{
	background-color:#111;
	color:#CCC;
}
body.preview.black strong{
	color:#FFF;
}

img{
	border:0;
}

html {
    scroll-behavior: auto !important;
	background-color:#000;
}
html.scroll-smooth{
    scroll-behavior: smooth !important;
}

a{
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	
	color:var(--primary);
}
a:hover{	
	color:var(--dark);
}

p{
	text-align:justify;
}

.field textarea.input.textarea{
	height:90px;
}
.field textarea.input.big{
	height:200px;
}

.onlyread .input {
    border-color: transparent !important;
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

table tbody tr td, table thead tr th{
	vertical-align:middle;
}
table.striped tbody tr.parent{
	background-color:#e5e5e5;
}
table.striped tbody tr.parent td{
	font-weight:bold;
}
table.striped tbody tr.children{
	background-color:#FFF;
}
table.striped tbody tr.children td{
	font-size:12px;
}

table tr th, table thead tr th{
	background-color:#E5E5E5;
	color:#222;
}
table.striped tr:nth-of-type(2n), table table tr.stripe, table table tr.striped{
	background-color:#F1F1F1;
}
table tr td, table tbody tr td,
table tr th, table thead tr th{
	font-size:14px;
}
table tr td, table tbody tr td{
	line-height:16px;
	padding:13px 10px;
	word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}
table tr td:first-child, table tbody tr td:first-child{
	font-weight:normal;
}

.btn.color1{
    border-radius: 0;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

.btn.color1{
	background-color:#500302;
	border:none;
    color: #FFF;
}
.btn.color1:hover{
	background-color:#d30301;
}

.btn.xmedium{
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
.btn.xmedium button{
    text-transform: uppercase;
}

.btn.primary{
	background-color:#A10E09;
	border-color:#A10E09;
}
.btn.primary:hover{
	background-color:#D10E09;
}

.row.continue-button{
	border-radius:var(--radius3);
	overflow:hidden;
}
.design.inline{
	width:auto !important;
	display:inline-block;
	vertical-align:bottom;
}
.design.button{
	display:block;
	overflow:hidden;
	width:100%;
	border-radius:var(--radius3) 0 0 var(--radius3);
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s !important;
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	-o-transition: all 0.3s ease-in-out 0s !important;
	-ms-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.design.button:hover{
	width:103%;
}
.design.button>.btn{
	position:relative;
	left:-10px;
	-webkit-transform: skew(-15deg) !important;
	-ms-transform: skew(-15deg) !important;
	transform: skew(-15deg) !important;
	border-radius: var(--radius3);
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s !important;
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	-o-transition: all 0.3s ease-in-out 0s !important;
	-ms-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.design.inline .design.button>.btn{
	padding-left:80px !important;
	margin-left:-50px;
	margin-top:0;
	border-radius:var(--radius3);
}
.design.button>.btn button,
.design.inline .design.button>.btn span{
	display:block;
	-webkit-transform: skew(15deg);
	-ms-transform: skew(15deg);
	transform: skew(15deg);
}
.design.button>.btn button:disabled{
	opacity:0.1;
}
.design.inline:hover{
	-webkit-transform: scale(1.05) !important;
	-ms-transform: scale(1.05) !important;
	transform: scale(1.05) !important;
}
.design.button>.btn:hover{
}

body{
	background-color:#F6F6F6;
	height:auto;
}
body.iframe article.row{
	padding-left:0;
	padding-right:0;
}
select option{
    font-family: "Open Sans", Arial !important;
}
/* FIM CSS GERAL */

.row{
	max-width:1920px !important;
	/*max-width:100% !important;*/
	padding-left:30px;
	padding-right:30px;
}

.row.full{
	max-width:1920px !important;
	/*max-width:100% !important;*/
}

.row.important{
	background-color:#F1F1F1;
	border:1px solid #DDD;
	padding:10px 20px 20px 20px;
	margin-bottom:15px;
}

.text-center{
	text-align:center;
}

.row .buttons.twelve .btn,
.buttons.row .btn{
	/*border-radius:0 0 3px 3px;*/
	/*box-shadow:2px 2px 5px rgba(0,0,0,0.4);*/
}

.btn.xlarge{
	padding:20px 28px !important;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	height:auto;
	border-radius:var(--radius0);
}
.btn.xlarge:hover{
	transform:scale(1.05);
	box-shadow:2px 2px 4px rgba(0,0,0,0.4)
}

section h2{
    border-bottom:3px solid #d30301;
    font-size: 32px;
    color: #222;
    line-height: 40px;
    padding: 0 0 10px 0;
    margin: 20px 0;
}

section h2.art{
	border:none;
	background: rgb(102,10,9);
	background: linear-gradient(90deg, rgba(102,10,9,1) 9%, rgba(219,3,0,1) 47%, rgba(102,10,9,1) 76%);
	color: #FFF;
	padding: 10px 70px 10px 70px;
	position:relative;
	margin:2px 0 15px 30px;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	font-size:24px;
}
section h2.art i{
	position:absolute;
	top:-7px;
	left:-16px;
	float:left;
	height:70px;
	line-height:70px;
	font-size:40px;
	font-weight:normal;
	width:70px;
	text-align:center;
	background-color:#FFF;
	color:#660A09;
	margin:0;
	padding:0;
	-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
	box-shadow:2px 2px 6px rgba(0,0,0,0.5);
}
section h2.art i:before{
	display:block;
	-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
}
section h2.art.black{
	background: rgb(0,0,0);
	background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(55,45,56,1) 100%);
}
section h2.art i{
	color:#111;
}

section h2.art2{
	color:#111 !important;
	text-align:center;
	padding-bottom:0;
	border:none;
	font-size:30px;
	line-height:32px;
}
section h2.art2.black{
	color:#FFF !important;
}
section h2.art2.center{
	margin-top:0;
	margin-bottom:30px;
}

section h2.art3{
	text-align:center;
	font-weight:600;
	font-size:24px;
	text-transform:uppercase;
	border-bottom:0;
	margin:2px 0 25px 0;
	padding:0 0 10px 0;
	border:none;
	color:#000;
	border-bottom:3px solid #EEE;
}
body.black section h2.art3{
	color:#FFF;
	border-bottom-color:#333;
	border-radius:var(--radius5);
}
section .white.always h2.art3{
	color:#000 !important;
	border-bottom-color:#EEE !important;
}
section .grey h2.art3{
	color:#000 !important;
	border-bottom-color:#DDD !important;
}

section h3{
    font-size: 22px;
    line-height: 30px;
}
section h4{
    font-size: 18px;
    line-height: 26px;
}
section h5{
    font-size: 16px;
    line-height: 22px;
}

#content.row{
	padding:0;	
}

	/* HEADER */
		/* fixed header */
		.fixed-header header{
			position:fixed !important;
			top:0;
			left:0;
			height:70px;
			box-shadow: 0 1px 6px rgba(0,0,0,0.2);
			
			z-index:11;
		}
		.fixed-header header.course-video{
			position:static !important;
		}
		.fixed-header section.course-video{
			margin-top:0px !important;
			clear:both;
		}
		
		.fixed-header .navbar .logo a{
			overflow:hidden;
			width:93px;
			height:70px !important;
			
			-webkit-transform: skew(0deg); /* Chrome, Opera */
			-ms-transform: skew(0deg); /* IE */
			transform: skew(0deg); /* Padrão */
			
			/* tempo da transicao */
			-moz-transition: all 0s ease-in-out 0s;
			-webkit-transition: all 0s ease-in-out 0s;
			-o-transition: all 0s ease-in-out 0s;
			-ms-transition: all 0s ease-in-out 0s;
			transition: all 0s ease-in-out 0s;
		}
		.fixed-header .navbar .logo a img{
			max-width:1000% !important;		
			-webkit-transform: skew(0deg); /* Chrome, Opera */
			-ms-transform: skew(0deg); /* IE */
			transform: skew(0deg); /* Padrão */
			
			/* tempo da transicao */
			-moz-transition: all 0s ease-in-out 0s;
			-webkit-transition: all 0s ease-in-out 0s;
			-o-transition: all 0s ease-in-out 0s;
			-ms-transition: all 0s ease-in-out 0s;
			transition: all 0s ease-in-out 0s;
		}
		
		.fixed-header>section{
			margin-top:143px;
		}
		.is-home.fixed-header>section{
			margin-top:0;
		}
		section article.home nav.home{
			position:fixed;
			top:-70px;
		}
		.fixed-header>section article nav.home{
			position:fixed;
			top:0;
			left:0;
			width:86%;
			margin:0 6% 0 8%;
			box-shadow:none;
		}
		.fixed-header .navbar .header-phone ul {
			position: absolute;
			display: block;
			width: 100% !important;
			height: 0;
			max-height: 0;
			left: 0;
			overflow: hidden;
			text-align: center;
			top: 70px;
			background-color: rgba(255,255,255,0.98);
			box-shadow: 6px 6px 6px rgba(0,0,0,0.1);
			border-radius:0 0 var(--radius1) 0;
		}
		body.black.fixed-header .navbar .header-phone ul {
			background-color: rgba(0,0,0,0.98);
		}
		.fixed-header .navbar .header-phone ul.active
		/*.fixed-header .navbar:hover .header-phone ul */{
			height: auto !important;
			max-height: 600px !important;
			z-index: 999 !important;
			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;
			width:auto !important;
		}
		.fixed-header .navbar .header-phone ul li {
			display: block;
			position: relative;
			min-height: 50px;
			max-height: 320px;
			overflow:hidden;
			height: auto;
			width: 100%;
			border-right: 0 !important;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;
			padding:0;
		}
		.fixed-header .navbar .header-phone ul li a{
			width:100%;
			border:none;
			padding:0 !important;
			line-height:60px;
			height:60px;
			text-align:left;
			position:relative;
			
			-webkit-transform: skew(0deg); /* Chrome, Opera */
			-ms-transform: skew(0deg); /* IE */
			transform: skew(0deg); /* Padrão */
		}
		body.black.fixed-header .navbar .header-phone ul li a{
			background-color:#111;
		}
		header .navbar .header-phone ul li.only-fixed{
			display:none;
		}
		.fixed-header .navbar .header-phone ul li.only-fixed{
			display:block;
		}
		.fixed-header .navbar .header-phone ul li a span{			
			-webkit-transform: skew(0deg); /* Chrome, Opera */
			-ms-transform: skew(0deg); /* IE */
			transform: skew(0deg); /* Padrão */
			
			padding:0 40px 0 60px !important;
		}
		.fixed-header .navbar .header-phone ul li a i{
			display:inline-block;
			width:60px;
			position:absolute;
			top:0;
			left:0;
		}
		.fixed-header header nav.header-phone {
			z-index: 9999;
		}
		.fixed-header .navbar a.toggle {
			top: 0;
			left: 100px;
			width: 46px;
			padding-top:15px;
			position: absolute;
			text-align: center;
			display: inline-block;
			color: #222;
			background-color: transparent;
			height: 40px;
			line-height: 38px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			font-size: 30px;
			font-size: 1.875rem;
		}
		body.black.fixed-header .navbar a.toggle {
			color:#AAA;
		}
		body.black.fixed-header .navbar a.toggle:hover {
			color:#FFF;
		}
		.fixed-header .navbar a.toggle small{
			position:absolute;
			top:0;
			left:0;
			display:none;
		}
		.fixed-header .navbar nav.right>ul>li{
			max-width:60px;
			min-width:60px;
			width:60px;
			display:block;
			margin-right:10px;			
		}
		.fixed-header .navbar nav.right>ul>li.mouseover{
			max-width:250px;
			width:250px;
			margin:0;
		}
		.fixed-header .navbar nav.right ul li.notification{
			display:none;		
		}
		.fixed-header .navbar nav.right>ul>li>a{
			max-width:6%;
			padding:0 !important;
			border:none !important;
			background-color:#DDD !important;
		}
		.fixed-header .navbar nav.right>ul>li.login>a{
			margin-left: 10px !important;
		}
		.fixed-header .navbar nav.right>ul>li>a i{
			display:block;
			width:100%;
			margin:0 20px 0 0;
		}
		.fixed-header .navbar nav.right>ul.account>li{
			max-width:6%;
			margin: 0 0 0 20px;
		}
		.fixed-header .navbar nav.right>ul.account>li.mouseover{
			max-width:600px;
			margin:0;
            right:0;
		}
		.fixed-header .navbar nav.right>ul.account>li>a{
			max-width:100%;
			width:300px;
			height:auto;
			
			background-color: #222 !important;
			border: 2px solid #666 !important;
            
            -webkit-transform: skew(0deg); /* Chrome, Opera */
			-ms-transform: skew(0deg); /* IE */
			transform: skew(0deg); /* Padrão */
		}
		.fixed-header header nav.right ul li.spotlight .image{
			margin-left:0;
			margin-right:0;
            
		}
		.fixed-header header nav.right .profile-photo{
			width:100%;
			text-align:center;
			overflow:hidden;
			height:56px;
            top: 0;
            left: 0;
            
            -webkit-transform: skew(0); /* Chrome, Opera */
			-ms-transform: skew(0); /* IE */
			transform: skew(0); /* Padrão */
		}
		.fixed-header header nav.right .profile-photo .image{
			display:inline-block;
            width: 56px;
            height: 56px;
            border: none;
		}
		.fixed-header .navbar nav.right>ul>li>a>span{
		}
		.fixed-header .navbar nav.right>ul>li>a>i{
			display:block;
			width:100%;
			text-align:center;	
		}
		/* end fixed header */
	header{
		width:100%;
		background-position:top center;
		padding:0;
		z-index:10;
		background-color:#FFF;
		position:relative;
		z-index:19;
	}
	body.black header{
		background-color:#111;
		/*
		background-image:url(../images/header.jpg);
		background-position:top center;
		background-repeat:repeat;
		*/
	}
	header.home-page{
		position:absolute;
		background:none !important;
		background-color:transparent !important;
	}
	body.black.is-home.fixed-header header.home-page{
		background-color:#111;
		/*
		background-image:url(../images/header.jpg) !important;
		background-position:top center !important;
		background-repeat:repeat !important;
		*/
	}
	.is-home.fixed-header header.home-page{
		background-color:#FFF !important;
	}
	body.black.is-home.fixed-header header.home-page{
		background-color:#111 !important;
	}
    header .row.navbar{
        background-color: transparent;
        margin-bottom: 0;
    }
	body.black header .row.navbar{
        background-color: #111;
    }
	body.black.is-home header .row.navbar{
        background-color: transparent;
    }
	.fixed-header header .row.navbar{
		height:72px;
    }
    header.course-video .row.navbar{
        max-width: 100% !important;
    }
    header.course-video .row.navbar .header-phone{
        display: none;
    }
    header.course-video .row.navbar h2{
        float: left;
        color: #FFF;
        margin: 0 0 0 10px;
        padding: 0;
        font-size: 22px;
        line-height: 40px;
        height: 72px;
        overflow: hidden;
		max-width:55%;
    }
	header.course-video .row.navbar h2 .title{
		display:block;
        font-size: 22px;
        line-height: 40px;
		height:40px;
		overflow:hidden;
		white-space:nowrap; 
        text-overflow: ellipsis;
    }
	header.course-video .row.navbar h2 a{
		padding-right:10px !important;
		border:1px solid #FFF;
    }
	header.course-video .row.navbar h2 small{
		display:block;
		color:#FFF;
		line-height:28px;
		height:28px;
		overflow:hidden;
		white-space:nowrap; 
        text-overflow: ellipsis;
		font-size:16px;
		border-top:1px solid #FFF;
    }
    header .navbar .logo {
        float: left;
        height: 73px;
        line-height: 65px;
		width:185px;
		margin:0 0 0 -40px;
		padding:0 0 0 0;
    }
	body.black header .navbar .logo img.light,
	header .navbar .logo img.dark{
		display:block;
    }
	body.black header .navbar .logo img.dark,
	header .navbar .logo img.light{
		display:none;
    }
	
	.navbar .logo a.course{
		width:80px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	header .navbar .logo img{
		height:55px;
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	header .logo a{    
		/*background-color:rgba(255,255,255,0.9);*/
		border-radius:0;
		display:block;
		width:auto;
		padding:8px 10px 0 40px !important;
        /*margin: -10px 0 0 0;*/
        height: 73px !important;
        line-height: 65px !important;
		
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
	}
	header .logo a:hover{
		background-color:#FFF;
		background-color:rgba(255,255,255,0.15);
	}
	header .logo a img{
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
	}
	header .logo a:hover img{
		-webkit-transform: skew(15deg) scale(1.15); /* Chrome, Opera */
		-ms-transform: skew(15deg) scale(1.15); /* IE */
		transform: skew(15deg) scale(1.15); /* Padrão */
	}
    header .navbar ul li{
        height: 73px;
		position: relative;
    }
    header .navbar ul li a{
        height: 73px;
        line-height: 28px;
		font-size:16px;
        padding: 8px 20px 0 14px;
		text-transform:uppercase;
		color:#222;
		text-shadow:none;
		float:left;
		border-left:2px solid #DDD;
		background:transparent;
		
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
    }
	header .navbar ul li:last-child a{
		border-right:2px solid #DDD;
    }
	body.black header .navbar ul li a{
		color:#FFF;
	}
		/* submenu */
		header .navbar ul li ul.submenu{
			position: absolute;
			top: 100%;
			left: 0;
			width: auto;
			height: auto;
			display: none;
			flex-direction: column;
		}
		header .navbar ul li:hover ul.submenu{
			display: flex;
		}
		header .navbar ul li ul.submenu li{
			flex: 0 0 100%;
			box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
			overflow: hidden;
		}
		header .navbar ul li ul.submenu li:first-child{
			border-radius: 3px 3px 0 0;
		}
		header .navbar ul li ul.submenu li:last-child{
			border-radius: 0 0 3px 3px;
		}
		header .navbar ul li ul.submenu li a{
			background-color: #FFF;
			width: 100%;
			font-size: 0.65em;
			white-space: nowrap;
			text-align: left;
			transform: skew(0deg);
		}
		header .navbar ul li ul.submenu li a:hover{
			background-color: var(--dark) !important;
			color: #FFF !important;
		}
		/* end submenu */
	header .navbar ul li a strong{
		color:#d30301;
    }
	header .navbar ul li a span{
		display:block;		
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
    }
	/*
	header .navbar ul li a:hover span{
		-webkit-transform: skew(0deg);
		-ms-transform: skew(0deg);
		transform: skew(0deg);
    }
	*/
	/*
	header .navbar ul li.human a{
        background-color:#FFF;
		color:#222;
		text-shadow: 0 1px 2px #FFF, 0 1px 0 #FFF;
    }
	header .navbar ul li.human:hover a{
		color:#FFF;
		text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
    }
	*/
	/*
	header .navbar ul li.human a i{
		display:inline-block;
		float:left;
		width:30px;
		height:50px;
		margin-left: -5px;
		margin-right: 10px;
		background-image:url(../images/human/emd_humanidades.png);
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
    }
	*/
    header .navbar ul li a i{
        margin:0;
		display:block;
		font-size:24px;
		color:#FFF;
		font-weight:normal;
		text-shadow:-1px -1px 0 #AAA, 1px 1px 0 #DDD, 0 1px 0 #DDD, 1px 0 0 #DDD;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	body.black header .navbar ul li a i{
		color:#EEE;
		text-shadow:1px 1px 1px #000;
		margin-bottom:3px;
	}
    header .navbar ul li:hover>a{
        background-color: transparent !important;
		color:#000;
    }
	body.black header .navbar ul.account:hover>li:first-child>a{
		background: #FFF !important;
	}
	body.black header .navbar ul li:hover>a{	
		/*background: #FFF !important;*/
		/*color:#111;*/
		
		/*border-color:#AAA;*/
		/*border-radius:0 0 0 var(--radius2);*/
		background-color:rgba(255,255,255,0.15) !important;
	}
	body header .navbar ul li:hover>a i{
		color:#d30301 !important;
		text-shadow:0 0 4px rgba(0,0,0,0.7);
		transform:scale(1.3);
	}
	body header .navbar ul li:hover>a strong{
		/*color:#FFF !important;*/
	}
    header .navbar ul li .dropdown{
        background-color: #FFF !important;
        border: 0 !important;
    }
    header .navbar ul li ul li{
        padding-top: 0;
        height: auto !important;
    }
    header .navbar ul li ul li a{
        color: #222 !important;
        border: 0 !important;
        height: auto !important;
        line-height: 20px !important;
        padding-top:15px !important;
        padding-bottom: 15px !important;
        font-size: 14px !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
        white-space:normal;
    }
    header .navbar ul li ul li a:hover{
        background-color: #DDD !important;
    }
    header .navbar form{
        margin: 0 0 0 20px;
        vertical-align: bottom;
    }
    header .navbar form .field{
        display: block;
        margin: 0;
        height: auto;
    }
    header .navbar form .field input{
        width: 100%;
    }
    header .navbar form .field .input:required{
        background: #FFF;
    }
    header .navbar form .field .btn{
        height: 44px;
        padding: 0 10px !important;
    }
    header nav.right{
        clear: none;
    }
    header nav.right ul li a{
        margin-left: 10px !important;
    }
    header nav.right ul li.spotlight.login a,
	header nav.right ul.account li.spotlight a{
        background-color: transparent;
        text-shadow: none;
        color: #222;
        overflow: hidden;
        min-width: auto;
        border: 2px solid #222;
		padding:0 15px;
		margin:6px 0 !important;
		height:60px;
		line-height:58px;
		border-radius:var(--radius3);
    }
	body.black header nav.right ul li.spotlight.login a,
	body.black header nav.right ul.account li.spotlight a{
        color: #FFF;
		border-color:#666;
		border-radius:0 var(--radius3) var(--radius3) 0;
    }
	body.black header nav.right ul li.spotlight.login a{
		border-radius:var(--radius3);
	}
	body.black header nav.right ul.account:hover li.spotlight a{
		border-color:#FFF !important;
	}
	body.black header.home-page nav.right ul li.spotlight.login a,
	body.black header.home-page nav.right ul.account>li.spotlight>a{
		border-color:#222;
    }
	body.black.fixed-header .navbar nav.right ul li.spotlight.login a{
		background-color:#222 !important;
		border:2px solid #666 !important;
	}
	body.black.fixed-header .navbar nav.right ul li.spotlight.login:hover a,
	body.black.fixed-header .navbar nav.right ul.account>li.spotlight:hover>a{
		border:2px solid #DDD !important;
		background-color:var(--dark) !important;
	}
	header nav.right ul li.spotlight.login:hover a{
		color:#FFF !important;
		border-color:#DDD !important;
		background-color:var(--dark) !important;
    }
	body header .navbar ul li.spotlight.login:hover>a i{
		transform:scale(1);
		margin:0 10px 0 0;
		color:#FFF !important;
    }
	header nav.right ul li.spotlight a{
        background-color: #500302;
        text-shadow: none;
        color: #FFF;
        overflow: hidden;
        min-width: auto;
        border: 1px solid #FFF;
		padding:0;
    }
	header nav.right ul li.spotlight a i{
		display:inline-block;
		margin-right:10px;
		float:left;
    }
	header nav.right ul li.spotlight.notification a{
		font-size:14px;
		padding:0 10px;
		text-align:center;
		border-left:none;
		line-height:48px;
    }
	header nav.right ul li.spotlight.notification a i{
		margin:0;
		padding:0;
		height:auto;
		float:left;
		line-height:52px;
		
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
	header nav.right ul li.spotlight.notification a strong{
		margin:0 10px 0 10px;
		font-size:20px;
		display:inline-block;
		color:#FFF;
		line-height:54px;
		
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
	header nav.right ul li.spotlight.notification a:hover strong{
		color:#d30301;
    }
	header nav.right ul li.spotlight{
		vertical-align:top;
    }
	header nav.right ul.account li.spotlight:first-child>a{
		overflow:visible;
		border-radius:var(--radius3) 0 0 var(--radius3) !important;
    }
	body.black.fixed-header header nav.right ul.account li.spotlight:first-child>a{
		border-radius:var(--radius3) !important;
    }
	header nav.right ul li.spotlight .image{
		padding:0;
		width:60px;
		height:60px;
		border:2px solid #222;
		margin:0 10px 0 10px;
		display:block;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
    }
    header nav.right ul:hover li.spotlight .image{
        border-color:#FFF !important;
    }
	body.black header nav.right ul li.spotlight .image{
		border-color:#666;
		border-radius:var(--radius3) 0 0 var(--radius3);
    }
	body.black.fixed-header header nav.right ul li.spotlight .image{
		border-radius:var(--radius4) !important;
    }
	body.black.is-home header nav.right ul li.spotlight .image{
		border-color:#111;
    }
	header nav.right ul.account{
		position:relative;
		z-index:99;
    }
	header nav.right ul.account>li:first-child a{
		padding:0;
		border-right:0;
	}
	header nav.right ul.account li.mouseover{
		background-color:#500302;
		color:#FFF;
		position:absolute;
		top:65px;
		right:8px;
		width:250px;
		border:1px solid #FFF;
		height:0;
		padding:0;
		opacity:0;
		overflow:hidden;
		box-shadow:3px 3px 6px rgba(0,0,0,0.5);
		z-index:999;
		border-radius:var(--radius3);
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
    }
	body.black header nav.right ul.account li.mouseover{
		background-color:#111;
	}
	header nav.right ul.account:hover li.mouseover{
		height:auto;
		opacity:1;
    }
	header nav.right ul.account li.mouseover ul{
		width:100%;
		padding:0;
        display: block;
    }
	header nav.right ul.account li.mouseover ul li{
		display:block;
		width:100%;
        
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    header nav.right ul.account li.mouseover span.name{
        display: block;
        padding: 0 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
	}
	header nav.right ul.account li.mouseover ul li a{
		display:block;
		color:#FFF !important;
		width:100%;
		text-align:left;
		
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
    }
	header nav.right ul.account li.mouseover ul li a i{
		display:inline-block;
		height:20px;
		margin:0 15px 0 0;
    }
	header nav.right ul.account li.mouseover ul li.last a{
		border-top:1px solid #FFF !important;
		background-color:#222;
		text-align:right;
    }
	header nav.right ul.account li.mouseover ul li a:hover{
		/*color:#222 !important;*/
    }
    header nav.right ul.account li a{
        text-overflow: ellipsis;
        margin: 0 !important;
    }
    header nav.right .profile-photo{
        float: left;
        overflow: hidden;
        /*margin: 0 12px 0 -14px;*/
		margin:0 -20px 0 0;
		position:relative;
		left:-20px;
		top:-2px;
    }
    header nav.right .profile-photo img{
        max-height: 49px;
        float: left;
    }
	#nav-header{
		margin-bottom:0 !important;
		z-index:1000;
	}
	#nav-header-account li,
	footer .row.bottom li{
		float:left;
		font-size:12px;
	}
	#nav-header-account li a,
	footer .row.bottom li a{
		display:inline-block;
		padding:7px 10px;
		border-left:1px solid #990a09;
		color:#FFF;
	}
	#nav-header-account li:nth-child(2) a{
		border-radius:5px 0 0 5px;
	}
	#nav-header-account li:last-child a{
		border-radius:0 5px 5px 0;
	}
	#nav-header-account li.profile{
		margin-left:25px !important;
		position:relative;
	}
	#nav-header-account li.selected a{
		background-color:rgba(0,0,0,0.9);
		color:#FFF;
	}
	#nav-header-account li a i,
	footer .row.bottom li a i{
		margin-left:-5px;
	}
	#nav-header-account li span,
	footer .row.bottom li span{
		display:inline-block;
		padding:7px 10px 8px 42px;
		border-radius:5px;
		color:#FFF;
	}
	#nav-header-account li a:hover,
	footer .row.bottom li a:hover{
		background-color:rgba(0,0,0,0.9);
		border-color:#B70602;
		color:#FFF;
	}
	#nav-header-account li .user-image{
		width:37px;
		height:37px;
		vertical-align:middle;
		margin:-3px 10px 0 -2px;
		border:1px solid #B70602;
		background-color:#FFF;
		position:absolute;
		top:5px;
		left:-5px;
		background-size:cover;
		background-position:center center;
	}
	#nav-header [class^="icon-"] a:before, #nav-header [class*=" icon-"] a:before, #nav-header [class^="icon-"] a:after, #nav-header [class*=" icon-"] a:after{
		position:static;
		margin-right:10px;
	}
	/* HEADER */
	
	/* BREADCRUMB */
    .page-header{
        background-color:#EEE;
    }
	#breadcrumb.row{
		background-color:transparent;
		padding-top:5px !important;
		padding-bottom:5px !important;
		font-size:12px;
		color:#999;
		clear:left;
	}
	#breadcrumb.row div a{
		display:inline-block;
		padding:0 7px;
        color: #666;
	}
    #breadcrumb.row div a:hover{
        color: #000;
	}
    #breadcrumb.row div a strong{
        color: #333;
	}
	/* END BREADCRUMB */
    
    /* ACCOUNT */
	section .account aside h4{
        padding: 0 !important;
	}
    section .account aside h4 img{
        float: left;
        height: 50px;
        margin: -5px 15px 0 -15px;
	}
    section .account aside h4 span{
        display: block;
	}
    section .account aside h4 span a{
        display: block;
        font-size: 16px;
        padding: 5px 15px;
        text-overflow: ellipsis;
        color: #222;
        background-color: #FFF;
        height: 50px;
        overflow: hidden;
		position:relative;
		line-height:26px;
		white-space: nowrap;
		border-radius:var(--radius3) var(--radius3) var(--radius5) var(--radius5);
	}
    section .account aside h4 span a:hover{
        background-color: #DDD;
	}
	section .account aside h4 span a span.number{
		position:absolute;
		bottom:0;
		left:65px;
		line-height:24px;
		font-size:12px;
	}
	section .account aside h4 span a span.number strong{
		font-size:14px;
	}
		/* MONTHLY */
		section .account.monthly{
			
		}
		section .account.monthly h2{
			margin-bottom:5px;
		}
		section .account.monthly h5{
			font-size:14px;
			line-height:20px;
			color:#222;
			background-color:#FFF;
			padding:15px;
			border:1px solid #DDD;
			border-bottom:none;
		}
		section .account.monthly h5 strong{
			font-size:16px;
		}
		section .account.monthly .filter label{
			display:block;
		}
		section .account.monthly .filter select{
			width:100%;
		}
		section .account.monthly table th{
			font-size:12px;
			line-height:15px;
		}
		section .account.monthly table td{
			font-size:12px;
			line-height:15px;
		}
		section .account.monthly table tr.highlight td{
			font-weight:bold;
			color:#222;
		}
		section .account.monthly .success-monthly{
			border:1px solid #DDD;
			padding:10px;
			margin:0 0 5px 0;
			color:#222;
			font-weight:bold;
			background-color:#FFF;
		}
		section .account.monthly .success-monthly small{
			font-size:16px;
			color:#222;
		}
		section .account.monthly .success-monthly i{
			color:#0F0;
		}
		section .account.monthly .btn{
			color:#222;
			padding:45px 10px 10px 10px !important;
			font-size:14px;
			line-height:16px;
			width:150px;
			position:relative;
			background-color:#FFF;
			border:none;
		}
		section .account.monthly .btn:hover{
			border:none;
		}
		section .account.monthly a.btn:hover{
			transform:scale(1.1);
			opacity:0.9;
			border:none;
		}
		section .account.monthly .btn.bill{
			background-color:#DDD;
		}
		section .account.monthly .btn.bill i{
			background-image:url('../images/icons/files/boleto.png');
		}
		section .account.monthly .btn.card{
			background-color:#DDD;
		}
		section .account.monthly .btn.success{
			color:#FFF;
			border:1px solid #093;
			background-color:#093;
		}
		section .account.monthly .btn.success i{
			color:#FFF;
		}
		section .account.monthly .btn i{
			position:absolute;
			width:100%;
			height:45px;
			top:8px;
			left:0;
			text-align:center;
			padding:0;
			margin:0;
			font-size:25px;
			line-height:30px;
			background-position:center top;
			background-repeat:no-repeat;
			color:#5c6668;
		}
		/* END MONTHLY */
		/* social */
		section .account .social .profile-social .image{
			width:70px;
			height:70px;
			line-height:70px;
			float:left;
			text-align:left;
			margin-right:10px;
		}
		section .account .social .profile-social .image img{
			max-width:70px;
			max-height:70px;
			vertical-align:middle;
		}
		section .account .social .profile-social .text{
			text-align:left;
		}
		section .account .social .box{
			box-shadow:0 0 3px rgba(0,0,0,0.2);
			padding:10px 20px 20px 20px;
			margin:20px 0;
			overflow:hidden;
		}
		section .account .social .box h3{
			display:block;
			line-height:36px;
		}
		section .account .social .box .columns.three{
			padding-top:18px;
		}
		section .account .social .box p{
			margin:0;
		}
		section .account .social .box i{
			display:inline-block;
			margin:0 5px 0 0;
			width:36px;
			height:36px;
			background-color:#222;
			color:#FFF;
			line-height:36px;
			border-radius:100%;
			font-size:18px;
			position:relative;
			top:-1px;
		}
		section .account .social .box i.icon-facebook{
			background-color:#3b5998;
		}
		section .account .social .box i.icon-twitter{
			background-color:#00aced;
		}
		section .account .social .box i.icon-gplus{
			background-color:#dd4b39;
		}
		section .account .social .box i.icon-linkedin{
			background-color:#1883BB;
		}
		/* end social */
	/* END ACCOUNT */
    
    /* CERTIFICADOS */
    section .account.certificado .content table th{
        background-color: #FFF;
    }
    section .account.certificado .content table td{
        vertical-align: middle;
    }
    section .account.certificado .content table th small{
        font-size: 11px;
        color: #666;
        font-weight: normal;
        line-height: 14px;
        display: block;
    }
    section .account.certificado .content table td.progress,
    section .account.certificado .content table th.progress{
        text-align: center;
        width: 150px;
    }
    section .account.certificado .content table td.certificado,
    section .account.certificado .content table th.certificado{
        text-align: center;
        width: 200px;
    }
    section .account.certificado .content table td.name{
        color: #222;
        font-size: 14px;
        line-height: 18px;
        vertical-align: middle;
    }
    section .account.certificado .content table td.name .image{
        width: 100px;
        height: 100px;
        float: left;
        margin: 0 15px 0 0;
        background-position: center center;
        background-size: contain;
        border: 2px solid #CCC;
    }
    section .account.certificado .content table td.name a{
        color: #000;
        display: block;
        overflow: hidden;
    }
    section .account.certificado .content table td.name a:hover{
        background-color: #CCC;
    }
    section .account.certificado .content table td.name span{
        vertical-align: middle;
    }
    section .account.certificado .content table td.name span small{
        display: block;
        font-size: 13px;
        line-height: 18px;
        color: #666;
        padding: 5px 0;
    }
	section .account.certificado .content table td.name span.type{
		font-size:13px;
		background-color:#FFF;
		padding:5px 10px;
		display:inline-block;
		border:1px solid #CCC;
    }
    section .account.certificado .content table td.progress .bar{
        content:'';
        display: block;
        width: 100%;
        height: 5px;
        background-color: #CCC;
        margin-top: 5px;
        border-radius: 2px;
    }
    section .account.certificado .content table td.progress .bar .current{
        content:'';
        display: block;
        width: 0%;
        height: 5px;
        background-color: #F00;
        margin-top: 5px;
        border-radius: 2px;
    }
    section .account.certificado .content table tr td.progress.success .bar .current{
        background-color: #44B010;
    }
    section .account.certificado .content table tr.success td.certificado .btn{
        height: 80px;
        line-height: 20px;
        display: inline-block;
        overflow: hidden;
    }
    section .account.certificado .content table tr.success td.certificado .btn a{
        height: 80px;
        display: block;
        font-size: 14px;
    }
    section .account.certificado .content table tr.success td.certificado .btn i{
        margin: 12px 0 12px 0;
        padding: 0;
        display: block;
        line-height: 20px;
        font-size: 20px;
    }
    
    section .account.certificado .content table .infos td{
        border-top:0;
        padding-bottom: 30px;
        color: #222;
    }
    section .account.certificado .content table.history tr:nth-child(4n+1) td,
    section .account.certificado .content table.history tr:nth-child(4n+2) td{
        background-color: #F1F1F1 !important;
    }
    
    section .account.certificado .content table.history tr:nth-child(2n) td{
        font-size: 16px;
        line-height: 24px;
    }
    
    section .account.certificado .content table.history .values{
        width: 300px;
        text-align: right;
        float: right;
	} 
    section .account.certificado .content table.history .values strong{
        display: block;
        font-weight: normal;
	} 
    section .account.certificado .content table.history .values strong small{
        float: left;
        font-size: 12px;
	} 
    section .account.certificado .content table.history .values strong.total{
        border-top:1px solid #222;
        padding: 5px 0;
        margin-top: 5px;
        font-weight: bold;
	} 
    
    section .account.certificado .content table.history .pay{
		padding:0;
	} 
    section .account.certificado .content table.history .pay a{
		background-color:#777;
		color:#FFF;
		display:inline-block;
		height:auto;
		line-height:28px;
        padding: 10px 10px 13px 10px;
		width:100%;
		border-radius:2px;
        text-align: center;
        margin-top: 20px;
	}
    section .account.certificado .content table.history .pay a strong{
		color:#FFF;
        display: block;
	}
    section .account.certificado .content table.history .pay a:before{
		content: "📰";
		font-family: "entypo";
		font-size:14px;
		line-height:28px;
		margin-right:4px;
		display:inline-block;
		width:18px;
		height:28px;
		text-align:center;
	}
    section .account.certificado .content table.history .pay a.pay-0{
		/*background-color:#75D9BD;*/
	}
    section .account.certificado .content table.history .pay a:hover{
		background-color:#222;
	}
    section .account.certificado .content table.history .pay a.pay-0:before{
		content: "⏳";
	}
    section .account.certificado .content table.history .pay a.pay-1{
		background-color:#093;
	}
    section .account.certificado .content table.history .pay a.pay-1:hover{
		background-color:#061;
	}
    section .account.certificado .content table.history .pay a.pay-1:before{
		content: "✓";
	}
    section .account.certificado .content table.history .pay a.pay-2{
		background-color:#FA4B38;
	}
    section .account.certificado .content table.history .pay a.pay-2:hover{
		background-color:#AA1B08;
	}
    section .account.certificado .content table.history .pay a.pay-2:before{
		content: "✖";
	}
    /* END CERTIFICADOS */
	
	/* IMAGE ACCOUNT */
	.profile-picture{
		padding:10px;
		margin-bottom:10px;
		margin-top:5px;
		text-align:center;
	}
	.profile-picture .btn.medium a{
		font-weight:normal;
		text-decoration:none !important;
	}
	.profile-img{
		display:inline-block;
		width:120px;
		height:120px;
		line-height:120px;
		margin-right:10px;
		overflow:hidden;
		margin-bottom:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
        background-color: #000;
	}
	.profile-img img{
		max-width:140px;
		max-height:140px;
		vertical-align:middle;
	}
	.profile-picture .warning-picture{
		padding-top:9px;
	}
	.profile-picture .warning-picture p{
		font-size:12px;
		line-height:15px;
		margin:4px 0 4px 0;
		text-align:center;
	}
	/* END IMAGE ACCOUNT */
	
	/* LEFT MENU */
	#sidebar-nav{
		font-size:16px;
		position:relative;
		min-height:100vh;
		background-color:rgba(10, 30, 55,0.9);
		margin-bottom:0;
		margin-top:-103px;
		padding-top:103px;
	}
	#sidebar-nav a {
		color: #555555;
		display: block;
		padding: 12px 14px;
	}
	#sidebar-nav a:hover{
		background-color:#3085d6;
		color:#FFF;
	}
	#sidebar-nav ul li ul li.active a{
		font-weight:bold;
		color:#000;
		text-shadow:1px 1px 0px #FFF;
		font-size:13px;
	}
	#sidebar-nav ul li ul li a{
		border-bottom:1px solid #CCC !important;
		padding:8px 30px 8px 55px;
		border-bottom:none !important;
		font-size:12px;
		background-color:#CCC;
		color:#222;
		line-height:14px;
	}
	#sidebar-nav ul li ul li a:before{
		display:none !important;
	}
	/* END RIGHT MENU */
	
	/* FOOTER */
	footer{
        background: #000;
        /*margin-top: 40px;*/
		margin-top: 0;
        clear: both;
		position:relative;
		z-index:8;
		color:#FFF;
		border:none;
		box-shadow:0px -1px 3px rgba(0,0,0,0.4);
		
		background: linear-gradient(180deg, #222 0%, #000 50%, #222 100%);
	}
	/*
	footer:after{
		content:'';
		display:block;
		width:100%;
		height:150px;
		position:absolute;
		top:-55px;
		left:0;
		background: rgb(25,25,25);
		box-shadow:0px -2px 6px rgba(0,0,0,0.8);
		
		-webkit-transform: skew(0,3deg);
		-ms-transform: skew(0,3deg);
		transform: skew(0,3deg);
		z-index:-1;
	}
	*/
	/*
	footer:before{
		content:'';
		display:block;
		position:absolute;
		width:800px;
		height:300px;
		top:-200px;
		right:0;
		background-image:url(../images/footer/books2.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:contain;
		z-index:-1;
	}
	*/
	/*
	footer .modules:before{
		content:'';
		display:block;
		position:absolute;
		width:480px;
		height:530px;
		bottom:0;
		right:450px;
		background-image:url(../images/footer/person.png);
		background-position:top center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	*/
    footer.course-video .modules>.row,
	footer.course-video .copyright{
        max-width: 75% !important;
        margin-left: 0;
        margin-right: 0;
    }
    footer .menus ul{
    }
    footer .menus ul li a{
        font-size: 14px;
        line-height: 22px;
    }
    footer a{
        color: #222;
    }
    footer a:hover{
        color: #999;
    }
    footer .modules .top{
        margin-bottom: 20px;
    }
    footer .modules{
        padding: 0 0 40px 0;
		text-align:center;
		
		position:relative;
		z-index:8;		
		/*background: rgb(62,9,9);*/
		/*background: linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(0,0,0,1) 100%);*/
    }
    footer h2{
        float: left;
        margin: -24px 0 0 -50px;
        padding: 15px 40px 1px 50px;
		
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 51%);
		position:relative;
		z-index:100;
		
		box-shadow:2px -2px 4px rgba(0,0,0,0.4);
		border-radius:0 var(--radius2) 0 0;
		border-right:2px solid #F6F6F6;
		border-top:1px solid #F6F6F6;
		
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
    }
	footer h2 img{
		margin:0;
		height: 80px;
		width:168px;
		color:#000;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
    footer h4{
        font-size: 22px;
		color:#FFF;
		display:block;
		padding:10px 20px;
		margin:0 0 15px 0;
		font-weight:300;
		width:auto;
		display:inline-block;
    }
    footer p{
        margin: 0;
        padding: 0;
        line-height: 60px;
        font-size: 14px;
        float: left;
    }
    footer .menu{		
        line-height: 40px;
    }
	footer .menu .items{
		display:block;
		overflow:hidden;
		border-bottom:1px solid #F6F6F6;
		position:relative;
		left:-3px;
		text-align:right;
		
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
	}	
    footer .menu a{
		float:left;
        padding: 20px 30px 20px 45px;
        margin: 0;
        font-size: 18px;
		border-right:2px solid rgba(0,0,0,0.2);
		color:#FFF;
		position:relative;
		border-radius:var(--radius3) var(--radius3) 0 0;
    }
	footer .menu>.items>a{
		float:none;
		display:inline-block;
	}
	footer .menu a:before{
		font-family: "entypo";
		content: "\e75e";
		position:absolute;
		top:0;
		left:20px;
		width:20px;
		height:80px;
		line-height:80px;
		text-align:center;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
	footer .menu a:hover{
		background-color:#FFF !important;
		color:#222;
	}
	footer .menu a span{
		display:block;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
    footer .menu a:last-child{
        margin-right: 0;
    }
	
	footer .menu.sub ul li a{
		display:block;
		width:100%;
		float:none;
		border:none;
	}
	footer .menu.sub ul li a span{
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
	}
	footer .menu.sub ul{
		width:100%;
		float:left;
		padding:0 0 30px 0;
		text-align:center;
	}
	footer .menu.sub ul li{
		margin:0;
		padding:0;
		display:inline-block;
	}
	footer .menu.sub ul:first-child{
		padding-left:0;
	}
	footer .menu.sub ul:last-child{
		padding-right:0;
	}
	footer .menu.sub ul li a:before{
		display:none;
	}
	footer .menu.sub ul li a{
		padding:5px 19px 5px 10px;
		border-radius:var(--radius0);
		background-color:#222;
		margin-bottom:10px;
	}
	footer .menu.sub ul li a i{
		font-weight:normal;
	}
    
    footer .contact span{
        display: block;
        margin: 0;
		padding: 0 10px;
        font-size: 18px;	
		line-height:36px;	
    }
    
    footer .copyright{
        border-top: 2px solid #222;
    }    
    footer .copyright p{
        float: none;
        text-align: center;
        line-height: 50px;
    }
    
	footer .social{
	}
    footer .social ul{
        float: left;
		margin: 0;
		position:relative;
		overflow:hidden;
    }
    footer .social h4{
        text-align: right;
    }
	
	footer .social ul li {
		float: left;
		margin: 0;
		padding:0;
	}
	footer .social ul li a {
		background-color: #333;
		color: #fff;
		display: block;
		font-size: 13px;
		height: 80px;
		line-height: 32px;
		overflow: hidden;
		text-align: center;
		width: auto;
		padding:0 30px 0 28px;
		border-right:2px solid #F6F6F6;
		border-radius:0;
	}
	footer .social ul li:last-child a {
		border-radius:0 var(--radius3) 0 0;
	}
	footer .social ul li a:before{
		display:none;
	}
	footer .social ul li a i{
		line-height:40px;
		font-size: 36px;
		margin:7px 0 0 0;
		padding:0;
		vertical-align:bottom;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
	footer .social ul li a:hover {
		background-color: #fff;
		color: #333;
	}
	footer .social ul li a.facebook {
		background-color: #4267B2;
	}
	footer .social ul li a.facebook:hover {
		background-color: #fff;
		color: #4267B2;
	}
	footer .social ul li a.twitter {
		background-color: #00aced;
	}
	footer .social ul li a.twitter:hover {
		background-color: #fff;
		color: #00aced;
	}
	footer .social ul li a.google {
		background-color: #dd4b39;
	}
	footer .social ul li a.google:hover {
		background-color: #fff;
		color: #dd4b39;
	}
	footer .social ul li a.instagram {
		background-color: #cc2366;
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
		background-size: 100% 100%;
		transition: none !important;
	}
	footer .social ul li a.instagram:hover {
		background:#FFF;
		color: #cc2366;
	}
	footer .social ul li a.skype {
		background-color: #12a5f4;
	}
	footer .social ul li a.skype:hover {
		background-color: #fff;
		color: #12a5f4;
	}
	/* END FOOTER */
	
	/* CONTENT */
	#content #content-side{
		width:300px;
	}
	#content #content-main{
		width:auto;
		margin-left:300px;
		padding-left:22px;
		float:none;
		overflow:hidden;
	}
	#content #content-main.twelve{
		margin-left:0;
		padding-left:0;
	}
	/* END CONTENT */

	/* DEFAULT CLASSES */
	.right{
		float:right;
	}
	.left{
		float:left;
	}
	.text-center{
		text-align:center;
	}
	.text-left{
		text-align:left;
	}
	.text-right{
		text-align:right;
	}
	.text-justify{
		text-align:justify;
	}
	.small-text{
		font-size:12px;
	}
	.full{
		width:100%;
		max-width:1920px;
		margin:0 auto;
	}
	.modal .content.full{
		width:80%;
		top:10%;
		max-height:80%;
		min-height:80%;
	}
	.modal .content.iframe iframe{
		position:absolute;
		width:100%;
		height:100%;
		border:0;
		top:0;
		left:0;
	}
	.modal > .content.iframe > .close{
		top:5px;
	}
	.clear-both{
		clear:both;
	}
	.clear-left{
		clear:left;
	}
	.clear-right{
		clear:right;
	}
	.no-margin{
		margin:0;
	}
	.modal .buttons{
		margin:30px 0;
	}
	.btn.primary, .skiplink.primary,
	.btn.success, .skiplink.success,
	.btn.info, .skiplink.info{
		color:#FFF;
	}
	.btn, .skiplink{
		border-radius:0;
	}
	.btn-icon{
		padding-right:18px !important;
	}
	.btn-icon i{
		width:36px;
		margin:0;
		float:left;
	}
	/* END DEFAULT CLASSES */
	
	
	/* CUSTOMIZE ITENS */
	.new-layout input:-webkit-autofill,
	.new-layout input:-webkit-autofill:hover, 
	.new-layout input:-webkit-autofill:focus, 
	.new-layout input:-webkit-autofill:active{
		-webkit-box-shadow: 0 0 0 30px white inset !important;
		transition: background-color 5000s ease-in-out 0s;
	}
	body.black .new-layout input:-webkit-autofill,
	body.black .new-layout input:-webkit-autofill:hover, 
	body.black .new-layout input:-webkit-autofill:focus, 
	body.black .new-layout input:-webkit-autofill:active{
		-webkit-box-shadow: 0 0 0 30px #151515 inset !important;
		-webkit-text-fill-color: #FFF !important;
	}
	.field{
		position:relative;
		overflow:visible;
		margin-bottom:12px;
	}
	.field .input {
		/*border-radius: 0;*/
		border-radius:var(--radius2);
		line-height: 22px;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
	}
	.new-layout:not(.account) .field .input{
		font-size:18px;
		line-height:40px;
		padding:10px 20px;
	}
	.new-layout:not(.account) .field textarea.input{
		line-height:20px;
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	body.black .new-layout:not(.account) .field input,
    body.black .new-layout:not(.account) .field textarea,
    body.black .new-layout:not(.account) .field .select-input.input,
    body.black .new-layout:not(.account) .field select{
		border-color:#666;
		background-color:#151515;
		color:#FFF;
		border-radius:var(--radius2);
	}
	.field label.required:after{
        content:' *';
        color: #F00;
	}
    .field label{
        margin: 2px 0;
        font-size: 14px;
        cursor: auto;
	}
	.field .input:required{
		background-image:url(../images/icons/required.png);
		background-repeat:no-repeat;
		background-position:right center;
	}
	body.black .new-layout:not(.account) .field label/*,
	body.black .new-layout.account fieldset .field label,
	body.black .new-layout.account fieldset*/{
		color:#FFF;
	}
	body.black .new-layout.account fieldset{
		background-color:#FFF;
		color:#111;		
	}
	body.black .new-layout.account fieldset h4{
		color:#111;		
	}
    .field .checkbox{
        cursor: pointer;
	}
    .field .radio{
        cursor: pointer;
        font-size: 16px;
		border-bottom:3px solid transparent;
        background-color: transparent;
        padding: 5px 20px 5px 15px;
		margin:0;
	}
	body.black .new-layout:not(.account) .field .radio{
		color:#FFF;
	}
	body.black .new-layout:not(.account) .field .radio span{
		background-color:#222;
		border-color:#666;
		color:#A10E09;
	}
    .field .radio span{
		display:block;
        font-size: 44px;
        margin-right: 5px;
        text-align: center;
	}
	.field .radio span{		
	}
    .field .radio.checked{
		border-bottom:3px solid #A10E09;
    }
    .field .radio.checked span{
        border: 3px solid #666 !important;
		background-color:#A10E09 !important;
	}
    .field .radio span i{
		display:none;
		float:left;
        line-height: 18px !important;
	}
    .field label.radio{
        display: inline-block;
        margin-right: 15px;
        line-height: 42px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .field label.radio:last-child{
        margin-right: 0;
    }
    .field .input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #DDD;
      opacity: 1; /* Firefox */
    }
	body.black .new-layout .field .input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #555;
    }
	.new-layout:not(.account) .field.enable .input{
		padding-top:18px;
		padding-bottom:2px;
        height: 62px;
	}
    .new-layout:not(.account) .field.enable select.input{
		height: 60px;
	}
	.new-layout:not(.account) .field .input.textarea{
		line-height:22px;
	}
	.field.enable .input,
	.field .input:hover{
		border-left-width:6px;
	}
	.field .input:focus{
		border-left-width:6px;
		border-color:#A10E09;
	}
	.field .placeholder{
		position:absolute;
		top:-5px;
		left:0px;
		font-size:13px;
		line-height:18px;
		padding:0 15px 2px 0;
		overflow:hidden;
		color:#FFF;
		display:none;
		border-radius:var(--radius2) 0 0 0;
	}
	.field .placeholder>span{
		display:block;		
		padding:3px 15px 5px 25px;
		margin:0 0 0 -15px;
		background-color:#666;
		/*background-color:#A10E09;*/
		/*box-shadow:2px 2px 2px rgba(0,0,0,0.2);*/
		border-radius:0 var(--radius4) var(--radius4) 0;
		
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
	}
	.field .placeholder>span>span{
		display:block;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
	.field.enable .placeholder{
		display:block;
	}
	.js .field .checkbox span{
		border-radius:0;
		top:3px;
		margin-right:5px;
	}
	.js .new-layout:not(.account) .field .checkbox span{
		background-color:#222 !important;
		border-color:#666 !important;
		color:#A10E09;
	}
	.js .new-layout:not(.account) .field .checkbox.checked span{
		background-color:#FFF !important;
		border-color:#999 !important;
	}
	.field.danger:after{
		top:8px;
	}
	.field.danger .input:focus{
		border-color:#F00;
	}
	.field.success .input:focus{
		border-color:#500302;
	}
	.field.checking:after {
        content: '';
        line-height: 50px;
		font-family: "entypo"; content: "\e78d"; font-size: 18px; position: absolute; top: 20%; right: 15px; z-index: 999; color: #AAA; float:left; overflow:hidden; text-align:right;
		animation: loop-checking 1s infinite ease-in-out 0s;
	}
	@-webkit-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@-moz-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@-o-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	
	form fieldset{
	}
	body.black .new-layout form fieldset{
		background-color:#222;
		border-color:#666;
	}

	button{
		cursor:pointer;
	}
	table thead{
		background-color:#333;
	}
	/* END CUSTOMIZE ITENS */
	
	/* FORM TYPES */
		/* SELECT CUSTOMIZE */
        fieldset{
            padding: 20px 25px !important;
            background-color: #EFEFEF;
        }
        fieldset h4{
            font-size: 20px;
            line-height: 24px;
            margin: 0 0 15px 0;
            padding: 0 0 10px 0;
            border-bottom: 1px solid #DDD;
        }
		body.black .new-layout fieldset h4{
			color:#FFF;
        }
		.field .select-input{
			display:block;
			position:relative;
			min-height:44px;
		}
		.field .select-input select{
			width:100%;
			height:42px;
			position:absolute;
			padding:0 5px;
			top:0;
			left:0;
			border:0;
			font-weight:300;
			font-family:inherit;
		}
		.field .select-input select option{
			padding:5px;
		}
		/* SELECT CUSTOMIZE */
	.field .required-msg{
		display:none;
		font-size:10px;
		text-align:right;
		line-height:14px;
	}
	.field.required .required-msg{
		/*display:block;*/
	}
	.field .error{
		position:absolute;
		top:43px;
		left:0;
		width:100%;
		z-index:9;
		display:none;
	}
	.field:hover .error{
		display:block;
	}
	.field .error .alert{
		border-radius:5px;
	}
	/* END FORM TYPES */

	/* HOME PAGE */
	section article.home{
        
	}
    section article.home .row.default:first-child{
        padding-top: 5px;
        padding-bottom: 40px;
    }
    section article.home .row.default{
        padding-top: 10px;
        padding-bottom: 10px;
    }
	section article.home .row.default.grey{
		background-color: #F6F6F6;
		
		background-image:url(../images/bg/concrete_seamless.png);
		background-position:top left;
		background-repeat:repeat;
    }
    section article.home .row-full.white{
        background-color: #FFF;
        padding: 18px 0 18px 0;
		/*box-shadow:0 0 10px rgba(0,0,0,0.1);*/
    }
	section article.home .row-full.white.default{
        padding: 10px 0 30px 0;
    }
	body.black section article.home .row-full.white{
        background-color: #060606;
		/*
		background-image:url(../images/bg/zwartevilt.png);
		background-position:top left;
		background-repeat:repeat;
		*/
    }
	body.black section article.home .row-full.white.bg{
    }

        /* features */
        .home .features{
            background: rgb(102,10,9);
            background: -webkit-linear-gradient(left, rgba(102,10,9,1) 9%, rgba(219,3,0,1) 47%, rgba(102,10,9,1) 76%);
            background: -o-linear-gradient(left, rgba(102,10,9,1) 9%, rgba(219,3,0,1) 47%, rgba(102,10,9,1) 76%);
            background: linear-gradient(to right, rgba(102,10,9,1) 9%, rgba(219,3,0,1) 47%, rgba(102,10,9,1) 76%);
        }
        .home .row.center{
            display: flex;
        }
        .home .features .item{
            width: 33.33%;
            text-align: center;
        }
        .home .features .box{
            overflow: hidden;
            display: inline-block;
            width: auto;
            margin: 0;
            padding: 0 20px;
        }
        .home .features i{
            float: left;
            height: 96px;
            line-height: 96px;
            width: 40px;
            font-size: 46px;
            text-align: center;
            padding: 0;
            margin: 0 20px 0 0;
            color: #FFF;
        }
        .home .features h3{
            float: left;
            display: inline-block;
            color: #FFF;
            font-size: 20px;
            line-height: 24px;
            padding: 0;
            margin: 23px 0 3px 0;
        }
        .home .features p{
            float: right;
            color: #FFF;
            font-size: 14px;
            line-height: 18px;
            margin: 0 0;
            padding: 0;
            display: inline-block;
        }        
        /* features end */
		
		/* BANNER NEW FEATURE */
		.home .banner-feature{
			height:690px;
			background-color:#000;
			position:relative;
			overflow:hidden;
			/* max-width:1920px; */
			margin:0 auto;
		}
		body.black .home .banner-feature{
		}
		body.gold .home .banner-feature{
			background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
		}
		
		.home .banner-feature .pager{
			position:absolute;
			bottom:20px;
			left:0;
			width:100%;
			height:20px;
			z-index:5;
			text-align:center;
			
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
		}
		.home .banner-feature .pager li{
			display:inline-block;
			height:20px;
			width:20px;
			line-height:40px;
			margin:0 10px;
			background-color:#FFF;
			cursor:pointer;
			color:#FFF;
			border-radius:100%;
			box-shadow:0 2px 2px rgba(0,0,0,0.6) inset;
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		.home .banner-feature .pager li.active{
			background-color:#d30301;
			transform:scale(1.5);
		}
		
		.home .banner-feature .item{
			height:100%;
			width:100%;			
			position:absolute;
			top:0;
			left:0;
			display:none;
			opacity:0;
		}
		.home .banner-feature.ready .item{
			display:block;
			
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			
			animation: shrink 20s infinite alternate;
		}
		@keyframes shrink {
		  0% {
			background-size: 110% 110%;
		  }
		  100% {
			background-size: 100% 100%;
		  }
		}
		
		.home .banner-feature.ready .item.visible{
			opacity:1;
			z-index:2;
			/* tempo da transicao */
			-moz-transition: all 1s ease-in-out 0s;
			-webkit-transition: all 1s ease-in-out 0s;
			-o-transition: all 1s ease-in-out 0s;
			-ms-transition: all 1s ease-in-out 0s;
			transition: all 1s ease-in-out 0s;
		}
		.home .banner-feature .loading{
			height:auto;
			width:100%;			
			position:absolute;
			left:0;
			text-align:center;
			line-height:30px;
			font-size:20px;
			top: 50%;
			transform: translateY(-25%);
		}
		.home .banner-feature .loading:before{
			content: url(../images/icons/load.svg);
			display:block;
		}
		
		.home .banner-feature.ready .loading{
			display:none;
		}
		
		/*
		.home .banner-feature .logo{
			position:absolute;
			top:50%;
			left:50%;
			width:448px;
			margin:-174px 0 0 -430px;
			margin:-9.1% 0 0 -23.05%;
			
			animation: navigate5 5s infinite;
		}
		.home .banner-feature .logo .black{
			background-image:url(../images/banner-feature/black/06.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position:center center;
			width:442px;
			height:207px;
			line-height:207px;
			text-indent:-9999px;
			text-align:center;
			overflow:hidden;
			display:block;
		}
		.home .banner-feature .logo .november{
			background-image:url(../images/banner-feature/black/07.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position:center center;
			width:448px;
			height:115px;
			line-height:115px;
			text-indent:-9999px;
			text-align:center;
			overflow:hidden;
			display:block;
		}
		
		.home .banner-feature .date{
			position:absolute;
			top:50%;
			left:50%;
			width:448px;
			margin:-10px 0 0 -650px;
			width:132px;
			height:82px;
			line-height:82px;
			text-indent:-9999px;
			overflow:hidden;
			background-image:url(../images/banner-feature/black/05.png);
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center center;
		}
		
		.home .banner-feature .text{
			position:absolute;
			top:50%;
			left:50%;
			width:497px;
			margin:-141px 0 0 100px;
		}
		.home .banner-feature .text p{
			display: block;
			text-indent:-9999px;
			width:497px;
			overflow:hidden;
			background-repeat:no-repeat;
			background-size:contain;
			background-position:center center;
		}
		.home .banner-feature .text p.pos{
			background-image:url(../images/banner-feature/black/04.png);
			height:25px;
			line-height:25px;
		}
		.home .banner-feature .text p.off{
			background-image:url(../images/banner-feature/black/02.png);			
			height:196px;
			line-height:196px;
			animation: navigate 2s infinite;
		}
		.home .banner-feature .text p.isencao{
			background-image:url(../images/banner-feature/black/03.png);
			height:62px;
			line-height:62px;
			margin-top:80px;
			
			animation: navigate5 5s infinite;
		}
		*/
		
		/*
		.home .banner-feature .logo{
			width:500px;
			height:260px;
			position:absolute;
			top:10%;
			left:100px;
			background-image:url(../images/banner-feature/logo.png);
			background-repeat:no-repeat;
			background-position:left bottom;
			background-size:contain;
			
			animation: navigate2 2s infinite;
		}
		.home .banner-feature .professores{
			width:1650px;
			height:680px;
			position:absolute;
			bottom:0;
			right:-200px;
			background-image:url(../images/banner-feature/professores.png);
			background-repeat:no-repeat;
			background-position:left bottom;
			background-size:cover;
			
			animation: navigate3 2s infinite;
		}
		.home .banner-feature .person{
			width:500px;
			height:680px;
			position:absolute;
			bottom:0;
			right:10%;
			background-image:url(../images/banner-feature/person.png);
			background-repeat:no-repeat;
			background-position:left bottom;
			background-size:contain;
			
			animation: navigate4 2s infinite;
		}
		.home .banner-feature .text{
			position:absolute;
			bottom:150px;
			left:400px;
			color:#000;
			font-weight:bold;
			font-size:50px;
			text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF, 0 3px 0 #FFF, 0 -3px 0 #FFF, 3px 0 0 #FFF, -3px 0 0 #FFF, 3px -3px 0 #FFF, -3px 3px 0 #FFF;
			
			animation: navigate 2s infinite;
		}
		.home .banner-feature .text strong{
			font-size:80px;
			vertical-align:bottom;
			color:#D30301;
		}
		*/
		@keyframes navigate {
		/* 0 & 100% might not be needed */
		  10% {
			transform: rotate(3deg) translate(-50px, 2vh);
		  }
		  50% {
			transform: rotate(-2deg) translate(0vh, 50px);
		  }
		  25%,
		  75% {
			transform: rotate(6deg) translate(50px, 2vh);
		  }
		}
		@keyframes navigatedelay {
		/* 0 & 100% might not be needed */
		  0% {
			transform: rotate(,) translate(0, 0);
		  }
		  50% {
			transform: rotate(3deg) translate(-50px, 2vh);
		  }
		  75% {
			transform: rotate(-2deg) translate(0vh, 50px);
		  }
		  62.5%,
		  87.5% {
			transform: rotate(6deg) translate(50px, 2vh);
		  }
		}
		@keyframes navigate3 {
		/* 0 & 100% might not be needed */
		  10% {
			opacity:1;
		  }
		  50% {
			opacity:0;
		  }
		  25%,
		  75% {
			opacity:0.5;
		  }
		}
		@keyframes navigate2 {
		/* 0 & 100% might not be needed */
		  10% {
			transform: rotate(-20deg) translate(-20px, 2vh);
		  }
		  50% {
			transform: rotate(5deg) translate(0vh, 50px);
		  }
		  25%,
		  75% {
			transform: rotate(-10deg) translate(20px, 5vh);
		  }
		}
		@keyframes navigate4 {
		/* 0 & 100% might not be needed */
		  50% {
			transform: translate(0vh, 0);
		  }
		  25%,
		  75% {
			transform: translate(10px, 0);
		  }
		}
		@keyframes navigate5 {
		/* 0 & 100% might not be needed */
		  50% {
			transform: scale(1.1);
		  }
		  25%,
		  75% {
			transform: scale(1);
		  }
		}
		/* END BANNER NEW FEATURE */
		
		/* MINI BANNER */		
		.home #institucional .more{
			text-align:center;
			margin:-50px 0 20px 0;	
			padding:0 30px;		
		}
		.home .banner-mini{
			padding:20px 30px 80px 30px;
			overflow:hidden;
			position:relative;
			max-width:1920px;
			margin:0 auto;
		}
		.home .banner-mini .item{
			width:50%;
			height:580px;
			float:right;
			margin:20px 0 0 1.5%;
			border:5px solid #060606;
			position:relative;
			background-color:#060606;
		}
		.home .banner-mini .item a{
			display:block;
			height:100%;
			width:100%;
			padding:0;
			box-sizing:content-box;	
			background-position:center;
			background-repeat:no-repeat;
			background-size:cover;
		}
		.home .banner-mini .item.type-1:before,
		.home .banner-mini .item.type-2:before{
			content:'';
			display:block;
			width:180px;
			height:580px;
			position:absolute;
			top:-5px;
			left:-90px;
			float:left;
			background-color:#060606;
            background-image: url(../images/bg/dark_wall.png);
			-webkit-transform: skew(-10deg); /* Chrome, Opera */
			-ms-transform: skew(-10deg); /* IE */
			transform: skew(-10deg); /* Padrão */
			border-right:5px solid #060606;
			z-index:2;
		}
		.home .banner-mini .item.type-2:before{
			-webkit-transform: skew(-15deg); /* Chrome, Opera */
			-ms-transform: skew(-15deg); /* IE */
			transform: skew(-15deg); /* Padrão */
		}
		.home .banner-mini .item.type-0{
			position:absolute;
			top:40px;
			left:30px;
			width:47.5%;
			margin:0;
			-webkit-transform: skew(0); /* Chrome, Opera */
			-ms-transform: skew(0); /* IE */
			transform: skew(0); /* Padrão */
			overflow:visible;
			z-index:9;
			
			border:5px solid transparent;
			border-right:0;
			background:none;
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		.home .banner-mini .item.type-0:hover{
		}
		.home .banner-mini .item div.content{
			display:block;
			height:100%;
			width:100%;
			padding:0;
			box-sizing:content-box;	
			background-position:center;
			background-repeat:no-repeat;
			background-size:cover;
			margin-left:0;
			-webkit-transform: skew(0); /* Chrome, Opera */
			-ms-transform: skew(0); /* IE */
			transform: skew(0); /* Padrão */
			
			background-image:none !important;
		}
		.home .banner-mini .item.type-1 div.content{
			/*margin-left:160px;*/
			margin-left:40px;
			width:auto;
		}
		.home .banner-mini .item.type-0 div.content:before,
		.home .banner-mini .item.type-0 div.content:after{
			content:'';
			display:block;
			width:50px;
			height:590px;
			position:absolute;
            z-index: 10;
			top:-5px;
			right:-100px;
			background-color:#060606;
			-webkit-transform: skew(-10deg); /* Chrome, Opera */
			-ms-transform: skew(-10deg); /* IE */
			transform: skew(-10deg); /* Padrão */
			
			border-top:5px solid #060606;
			border-right:5px solid #060606;
			border-bottom:5px solid #060606;
		}
        .home .banner-mini .item.type-1 div.content:before,
		.home .banner-mini .item.type-1 div.content:after{
			display:none;
        }
		.home .banner-mini .item.type-0 div.content:before{
			background-image: url(../images/bg/dark_wall.png);
			background-color:#222;
			border-color:transparent;
		}
		.home .banner-mini .item.type-0 div.content:after{
			border-color:#060606;
			background-color:transparent;
			right:-60px;
			width:120px;
			border-right:0;
            z-index: 1;
			border-color:transparent;
		}
		.home .banner-mini .item div.content .text{
			/*overflow:hidden;*/
			padding:0;
			position:relative;
			z-index:9;
		}
        .home .banner-mini .item.type-1 div.content .text{
            /*overflow: visible;*/
        }
        .home .banner-mini .item.type-0 div.content .text{
			padding:0 8px 15px 0px;
		}
		.home .banner-mini .item.type-0 div.content .text .lists{
		}
		.home .banner-mini .item.type-0 div.content .text .list{
			width:112%;
			max-width:1100px;
			background: rgb(6,6,6);
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(211,3,1,1) 100%);
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(6,6,6,1) 100%);
			padding:18px 7% 22px 20px;
			position:relative;
			z-index:1;
			margin:17px 0;
		}
		.home .banner-mini .item.type-0 div.content .text .list:nth-child(2n){
			width:108%;
			padding-right:5.3%;
		}
		.home .banner-mini .item.type-0 div.content .text .list:last-child{
			width:104%;
			padding-right:3.6%;
		}
		.home .banner-mini .item.type-0 div.content .text h3 i{
			display:block;
			margin:0 0 0 -15px;
			width:50px;
			height:50px;
			font-size:30px;
			color:#d30301;
			position:absolute;
			background-color:#060606;
			line-height:30px;
			padding:10px;
			top:-50px;
			right:0;
			box-shadow:0 0 3px rgba(0,0,0,0.8);
		}
        .home .banner-mini .item.type-0 div.content .text p{    
            color: #AAA;
			text-align:center;
		}
		.home .banner-mini .item div.content .text h2{
			width:108%;
			font-size:26px;
			border:none;
			padding:0 0 5px 0;
			margin:0;
			line-height:60px;
			color:#FFF;
			font-weight:600;
            text-align: center;
			text-shadow:0 0 2px #000;
			
			background: rgb(6,6,6);
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(6,6,6,1) 100%);
			width:114%;
			padding-top:20px;
			margin:-5px 0 15px 0;
		}
        .home .banner-mini .item div.content .text h2 span{
            font-weight: inherit;
            color: #d30301;
        }
        .home .banner-mini .item div.content .text h2 img{
            height: 70px;
            vertical-align: middle;
            margin: 0 auto;
			display:block;
		}
		.home .banner-mini .item.type-0 div.content .text h3{
			font-size:22px;
			line-height:24px;
			text-align:center;
			font-weight:400;
			margin:0 0 15px 0;
			padding:0;
			color:#FFF;
			text-shadow:0 0 2px #000;
		}
		.home .banner-mini .item.type-0 div.content .text h3 strong{
			font-weight:inherit;
			color: #d30301;
		}
		.home .banner-mini .item div.content .text p{
			color:#222;
			margin:0;
			font-weight:400;
			font-size:14px;
		}
		.home .banner-mini .item div.content .text .video{
			width:100%;
			height:570px;
			text-align:center;
			padding:0;
            background: #000;
		}
		.home .banner-mini .item div.content .text .video i{
			border:2px solid #FFF;
			font-size:30px;
			line-height:56px;
			padding:0 0 0 3px;
			border-radius:100%;
			color:#FFF;
			width:60px;
			height:60px;
			margin:105px 0 0 0;
		}
		/* END MINI BANNER */
		.home .content{
			clear:both;
		}
		/* CONTENT */
		
		/* END CONTENT */

        /* BANNER */
        .banner{
            height:495px;
            position:relative;
            z-index:1;
            overflow: hidden;
        }
        .banner:after{
            content:'';
            position:absolute;
            bottom:-48px;
            left:0;
            background-image:url(../images/banner/shadow.png);
            width:100%;
            height:48px;
            background-repeat:no-repeat;
            background-position:center top;
        }
        .banner .items{
            height:495px;
            overflow:hidden;
        }
        .banner .items a{
            height:495px;
            width: 100%;
            display: block;
        }
        .banner .items a:hover{
            background-color: rgba(255,255,255,0.2);
        }
        .banner .item{
            width:100%;
            height:495px;
            background-position:center center;
            background-repeat:repeat;
            background-size:cover;
        }
        .banner .item video{
            height: 495px;
            position: absolute;
            width: auto;
            top: 0;
            left: 50%;
            margin-left: -952.5px
        }
        .banner .item p{
            background-color:rgba(44,44,44,0.1);
            text-align:center;
            color:#FFF;
            position:relative;
            top:365px;
            height:80px;
            line-height:131px;
            font-size:36px;
            overflow:hidden;
            display:table;
            width:100%;
        }
        .banner .item p>span{
            text-align:right;
            max-width:1100px !important;
            width:100%;
            display:inline-block;
            vertical-align:middle;
            line-height:40px;
        }
        .banner .item p span span.btn{
            display:inline-block;
            margin-right:100px;
        }
        .banner .cycle-center{
            position:absolute;
            z-index:101;
            bottom:0;
            left:0;
            width:100%;
            text-align:center;
        }
        .banner .cycle-pager{
            height:30px;
            line-height:30px;
            display:inline-block;
        }
        .banner .cycle-pager span{
            display:inline-block;
            width:15px;
            height:11px;
            line-height:11px;
            background-color:#7D5659;
            margin:0 2px;
            text-indent:-999px;
            overflow:hidden;
            cursor:pointer;
            box-shadow:1px 1px 3px rgba(0,0,0,0.5);

            /* tempo da transicao */
            -moz-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }
        .banner .cycle-pager span:hover{
            background-color:#222;
        }
        .banner .cycle-pager span.cycle-pager-active{
            background-color:#A37C7F;
        }
        .banner .cycle-prev,
        .banner .cycle-next{
            position: absolute;
            top: 50%;
            z-index: 200;
            background-color: #FFFFFF65;
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin-top: -40px;
            overflow: hidden;
            text-align: center;
            cursor: pointer;
            opacity: 0;
            font-size: 50px;
            font-weight: bold;
            color: #FFF;
            text-shadow: 0 0 5px #AAA;
            
            /* tempo da transicao */
            -moz-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }
        .banner:hover .cycle-prev,
        .banner:hover .cycle-next{
            opacity: 1;
        }
        .banner .cycle-prev{
            left: 0;
        }
        .banner .cycle-next{
            right: 0;
        }
        /* END BANNER */
        
        /* CATEGORIES */
        .home .categories-list{
            margin: 0;
        }
        .home .categories-list ul{
            margin: 0;
            padding: 0;
        }
        .home .categories-list ul li{
            width: 18.8%;
			/*width: 15%;*/
            float: left;
            display: block;
            margin: 0 0.6% 0 0.6%;
            padding: 0;
        }
		.home .categories-list ul li:first-child{
			margin-left:0;
        }
		.home .categories-list ul li:last-child{
			margin-right:0;
        }
		.home .categories-list ul li.search{
			width: 17.8%;
			box-shadow: 2px 2px 4px #CCC;
        }
		body.black .home .categories-list ul li.search{
			box-shadow: 2px 2px 4px #000;
        }
        .home .categories-list ul li a{
            display: block;
            padding: 20px 20px 15px 20px;
            text-align: left;
            color: #333;
            font-size: 16px;
            line-height: 30px;
            margin: 0;
            /*box-shadow: 2px 2px 4px #CCC;*/
			background-color:transparent;
			border-bottom:5px solid #FFF;
			border-radius:var(--radius4);
        }
		body.black .home .categories-list ul li a{
            color: #FFF;
			border-bottom-color:#060606;
        }
        .home .categories-list ul li a:hover{
            color: #000;
        }
		.home .categories-list ul li.active a{
			font-weight:bold;
			box-shadow: none;
        }
		.home .categories-list ul li.active a i{
			font-weight:normal;
        }
        .home .categories-list ul li a i{
            font-size: 30px;
            margin: 0 10px 0 0;
            padding: 0;
            float: left;
        }
		
		.home .courses-list{
			position:relative;
		}
		.home .courses-list .loading{
			height:100%;
			width:100%;			
			position:absolute;
			left:0;
			text-align:center;
			line-height:30px;
			font-size:20px;
			top: 0;
			padding-top:50px;
			display:none;
			z-index:2;
		}
		.home .courses-list .loading:before{
			content: url(../images/icons/load.svg);
			display:block;
		}
		.home .courses-list.loading .loading{
			display:block;
		}	
		.home .courses-list.loading>.content{
			opacity:0.2;
		}		
        /* END CATEGORIES */
        
        /* STUDENTS REPORT */
        .home .students{
            width: 100%;
            display: flex;
        }
        .home .students .item{
            width: 33.33%;
            background-color: #FFF;
            padding: 20px;
            box-shadow: 2px 2px 4px #CCC;
            margin: 0 6px;
        }
        .home .students .item:first-child{
            margin: 0 12px 0 0;
        }
        .home .students .item:last-child{
            margin: 0 0 0 12px;
        }
        .home .students .image{
            float: left;
            width: 65px;
            height: 65px;
            border-radius: 100%;
            background-size: cover;
            margin: 0 20px 0 0;
        }
        .home .students h3{
            color: #222;
            font-weight: normal;
            font-size: 16px;
            line-height: 26px;
        }
        .home .students p{
            font-size: 13px;
        }
        /* END STUDENTS REPORT */
        
        
        /* DARK */
        .home .advice{
            background-color: #F7F7F7;
			/*
			background-image: url(../images/bg/concrete_seamless.png);
			*/
			background-position: top left;
			background-repeat: repeat;
            padding: 30px 0 95px 0;
			margin-bottom:-20px;
            text-align: center;
        }
        .home .advice h2.art3{
            margin-top:0;
			border-color:#EEE;
			color:#000;
			margin-bottom:0;
        }
        .home .advice p{
            color: #F7F7F7;
            text-align: center;
        }
        .home .advice .btn{
            margin-top: 20px;
        }
        .home .advice .btn.color1{
            box-shadow: 2px 2px 4px #000;
        }
        /* END DARK */
        
        /* PARTNERS */
        section .partners{
            margin: 0 0 25px 0;
        }
        section .partners ul{
            margin: 0;
            padding: 0;
        }
        section .partners ul li{
            width: 23%;
            float: left;
            height: 170px;
            display: block;
            margin: 10px 1%;
            padding: 0;
            text-align: center;
        }
        section .partners ul li a span:first-child{
            display: block;
            height: 80px;
            line-height: 80px;
            margin: 0 auto 20px auto;
        }
        section .partners ul li a img{
            max-height: 80px;
            width: auto !important;
            height: auto !important;
            max-width: none !important;
            min-width: none !important;
            vertical-align: middle;
        }
        section article.news .partners ul li a img{
            max-width: 85% !important;
            max-height: 80px !important;
        }
        section article.news .partners ul li a{
            font-size: 12px;
            line-height: 80px;
        }
        section .partners ul li a{
            display: block;
            height: 170px;
            padding: 20px;
            line-height: 100px;
            color: #333;
            font-size: 16px;
            margin: 0;
            box-shadow: 2px 2px 4px #CCC;
            background: #FFF;
        }
        section .partners ul li a span{
            display: block;
            line-height: 30px;
        }
        section .partners ul li a:hover{
            color: #000;
            background-color: #DDD;
            box-shadow: 2px 2px 3px #DDD;
        }
        section .partners ul li a i{
            font-size: 30px;
            margin: 0 10px 0 0;
            padding: 0;
            float: left;
        }
        /* END PARTNERS */
        
        /* NEWS */
        .home .more_news ul{
            margin-bottom:35px;
        }
        .home .more_news ul li a{
            display: block;
            background-color: #F6F6F6;
            color: #222;
            padding: 10px 20px;
        }
        .home .more_news ul li a:hover{
            background-color: #AAA;
            color: #000;
        }
        .home .more_news ul li a time{
            font-size: 12px;
            margin-right: 15px;
            color: #666;
        }
        /* END NEWS */
        
	/* END HOME PAGE */
	
	/* NEWS */
	.news.list .main{
		float:left;
		width:50%;
	}
	.news.list .others{
		float:left;
		width:50%;
	}
	.news.list.all{
		padding:0 30px 60px 30px;
		background-color: #F7F7F7;
		/*background-image: url(../images/bg/concrete_seamless.png);*/
		background-position: top left;
		background-repeat: repeat;
		color:#111;
		
		/*
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		*/
	}
	.news.list.all .news.item{
		width:auto;
	}
	.news.list .news.item{
		width:100%;
		border-top:1px solid #DDD;
	}
	.news.list .news.item:first-child{
		border:none;
	}
	.news.list .news.item h3{
		font-size:20px;
		line-height:28px;
		color:#000;
		margin:10px 0;
		padding:0;
		text-align:left;
	}
	.news.list .news.item h4{
		font-size:16px;
		color:#666;
		line-height:24px;
		margin:0;
		padding:0;
		text-align:left;
	}
	.news.list .date-tag{
		display:block;
		line-height:16px;
		text-align:left;
	}
	.news.list .date-tag .tag{
		display:inline-block;
		padding:8px 20px;
		background-color:#FC0;
		color:#000;
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
			-ms-transform: skew(-15deg); /* IE */
			transform: skew(-15deg); /* Padrão */
	}
	.news.list .date-tag .tag span{
		display:block;
		-webkit-transform: skew(15deg); /* Chrome, Opera */
			-ms-transform: skew(15deg); /* IE */
			transform: skew(15deg); /* Padrão */
	}
	.news.list .date-tag .date{
		display:inline-block;
		padding:8px 30px 8px 20px;
		margin:0 -20px 0 -20px;
		color:#000;
		background-color:#FFF;
	}
	.news.list .main .date-tag .date,
	.news.list article .date-tag .date{
		margin-left:0;
		padding-left:15px;
	}
	.news.list .news.item a{
		display:block;
		overflow:hidden;
		padding:20px;	
	}
	.news.list .news.item a:hover{
		background-color:#FFF;
	}
	.news.list .news.item a .image{
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.news.list .news.item a:hover .image{
		transform:scale(1.1);
	}
	.news.list .main .news.item a:hover .image{
		transform:scale(1.03);
	}
	.news.list .main .news.item .image{
		width:100%;
		height:476px;
		margin:0 0 20px 0;
		overflow:hidden;
		border:2px solid #FC0;
	}
	.news.list .others .news.item .image{
		float:left;
		width:200px;
		height:120px;
		margin:0 20px 0 0;
		overflow:hidden;
	}
	.news.list .news.item .image img{
		width:100%;
		height:100%;	
	}
	
	.news.list.all article,
	.news.list.all .more-news{
		max-width:1200px;
		margin:0 auto;
	}
	.news.list.all .more-news .others{
		width:100%;
	}
	.news.list.all article .content-article{
		padding:30px;
	}
	/* END NEWS */
	
	/* NAV MENU ARTICLES */
	/*
	section article{
		padding-top:20px;
	}
	*/
	section article nav.home{
		box-shadow:0 1px 6px rgba(0,0,0,0.1);
		position:relative;
		z-index:12;
		width:100%;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section article nav.home .categories-list{
		display:table;		
		width:100%;
		background-color:#FFF;
		padding:0 30px;
	}
	body.black section article nav.home .categories-list{
		background-color:#111;
		/*	
		background-image: url(../images/header.jpg);
		background-position: center -73px;
		background-repeat: repeat;
		*/
	}
	section article nav.home .categories-list ul{
		display:table-row;
		margin:0;		
	}
	section article nav.home .categories-list ul li{
		float:none;
		display:table-cell;
		margin:0;
	}
	section article nav.home .categories-list ul li a{
		box-shadow:none !important;	
		background-color:#FFF;	
		text-align:center;
		height:70px;
		overflow:hidden;
		display:inline-block;
		vertical-align:top;
		width:100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body.black section article nav.home .categories-list ul li a{
		background-color:transparent;
		border-bottom-color:#191919;
		border-radius:0 0 var(--radius4) var(--radius4);
	}
	section article nav.home .categories-list ul li.large{
		max-width:500px;
	}
	section article nav.home .categories-list ul li.large a,
	section article nav.home .categories-list ul li.large a:hover{
		font-size:14px;
	}
	section article nav.home .categories-list ul li.large.active a{
		font-size:16px !important;
	}
	section article nav.home .categories-list ul li.active a{
		font-size:18px !important;
		background-color:#FFF !important;
	}
	body.black section article nav.home .categories-list ul li.active a{
		background-color:transparent !important;
	}
	section article nav.home .categories-list ul li.active a h2{
		font-size:inherit !important;
		font-weight:inherit !important;
		line-height:inherit !important;
		color:inherit !important;
		margin:0;
		padding:0;
		border:none;
	}
	body.black section article nav.home .categories-list ul li.active a h2{
		color:#FFF !important;
	}
	section article nav.home .categories-list ul li:hover a{
		font-size:16px;
		background-color:#F7F7F7;
	}
	section article nav.home .categories-list ul li a i{
		float:none;
		display:inline-block;
		height:auto;
		padding:0;
		vertical-align:bottom;
	}
	/* END NAV MENU ARTICLES */
    
    /* REGISTER */
    article.register .login{
        margin-top: -20px;
    }
    article.register .login fieldset{
        padding: 15px 20px 5px 20px !important;
    }
    article.register .login fieldset p{
        font-size: 14px;
    }
    article.register .finish{
        background-color: #EAEAEA;
        padding: 15px 20px;
        margin-top: 5px;
    }
    article.register .finish span{
        margin-right: 5px;
    }
    article.register .finish label{
        display: inline-block;
    }
    article.register .finish .terms{
        border: 1px solid #DDD;
        padding: 10px 20px;
        height: 210px;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #FFF;
        margin-bottom: 5px;
    }
    article.register .finish .terms h3{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    article.register .finish .terms p,
    article.register .finish .terms ul li{
        font-size: 12px;
        line-height: 16px;
    }
    article.register .btn{
        margin:20px 0 0 0;
    }
    /* END REGISTER */
	
	/* TABLE PLANO PAGAMENTO */
	article.course table.plain{
		margin-bottom:5px;
    }
	article.course table.plain th.text{
        padding: 20px 20px 0 20px !important;
    }
    article.course table.plain th.text2{
		padding: 0 20px 20px 20px !important;
		font-size:12px;
		font-weight:normal;
    }
	article.course table.plain th.text2.default{
		width:200px;
		padding-left:0;
    }
	article.course table.plain td.text{
		position:relative;
		height:50px;
        padding: 0 20px !important;
    }
	article.course table.plain input:checked+span{
		color:#FFF;
		font-weight:bold;
		background-color:#222;
	} 
	article.course table.plain span{
		display:inline-block;
		position:absolute;
		top:0;
		left:0;
		padding:10px 20px 10px 40px;
		line-height:32px;
		width:100%;
		color:#333;
	} 
	article.course table.plain span:hover{
		color:#000;
		background-color:#EEEEEEAA;
	} 
	article.course table.plain span i{
		display:none;
		position:absolute;
		top:0;
		left:0;
		line-height:52px;
		font-size:22px;
		color:#090;
	}
	article.course table.plain span small{
		float:right;
		font-size:12px;
		width:190px;
	} 
	article.course table.plain input:checked+span i{
		display:block;
	} 
	article.course table.plain label{
		margin-bottom:0;
	} 
	/* END TABLE PLANO PAGAMENTO */
	
	/* ALREADY REGISTER BUTTON */
	article.course .already{
	}
	article.course .already h4{
		text-align:center;
	}
	article.course .already p{
		text-align:center;
		margin:0px;
	}
	article.course .already a{
		display:block;
		background-color:#FFF;
		padding:10px;
	}
	article.course .already a:hover{
		background-color:#222;
		color:#FFF;
	}
    
    /* TABLE CART */
    article.course table.cart{
        color: #222;
        font-size: 16px;
		margin:15px 0 20px 0;
		background-color:transparent;
		border-color:#222;
    }
    article.course table.cart th{
		background-color:#222;
		color:#FFF;
		border-color:#222;
    }
	article.course table.cart td{
        font-size: 16px;
		background-color:rgba(255,255,255,0.1);
		color:#FFF;
		border-color:#222;
    }
    article.course table.cart .values{
        width: 150px;
        text-align: right;
    }
    article.course table.cart th.values{
        text-align: center;
    }
    article.course table.cart tr.normal .text{
        font-weight: bold;
    }
	article.course table.cart tr .text{
		padding-left:15px !important;
    }
    article.course table.cart tr.total .text{
        font-weight: bold;
    }
    article.course table.cart tr.total .values{
        font-weight: bold;
        font-size: 20px;
    }
    article.course table.cart tr.cupom .values,
    article.course table.cart tr.desconto .values{
        font-weight: bold;
        color: #58c026;
    }
    
    article.course .row.cupom{
		border:1px solid #FFF;
		padding:6px;
		margin-top:5px;
		font-size:12px;
		line-height:16px;
		text-align:right;
    }
	article.course .row.cupom.error{
        background-color: #DDD;
		color: #222;
		border-radius: 2px;
		float:left;
    }
	article.course #cupom h4{
		border-bottom:0;
		margin-bottom:0;
		font-size:16px;
    }
	article.course .row.cupom h5{
		color:#FFF;
		clear:both;
		margin:0;
		padding:0;
		height:auto;
    }
    article.course .row.cupom p{
        margin: 0;
        font-weight: bold;
        font-size: 18px !important;
        line-height: 24px !important;
        color: #58c026 !important;
    }
	article.course #cupom.cupom .right{
		width:300px;
    }
	article.course #cupom.cupom .text{
		padding-top:5px;
		padding-bottom:5px;
		line-height:36px;
		padding-right:10px;
    }
	article.course #cupom.cupom .field{
		margin:0;
		width:80%;
		float:left;
    }
	article.course #cupom.cupom .field.enable .placeholder{
		display:none;
	}
	article.course #cupom.cupom .field.button{
		width:20%;
    }
	article.course #cupom.cupom .field .input{
		/*background-color:#FFF;*/
		color:#DDD;
		padding:10px !important;
		font-size:12px;
		line-height:16px !important;
		height:auto !important;
		border-color:#4a4d50;
		border-radius:var(--radius2) 0 0 var(--radius2);
    }
	article.course #cupom.cupom .field.enable .input{
		font-weight:600;
		color:#FFF;
	}
	article.course #cupom.cupom .btn.xlarge.fill{
		padding:10px 5px !important;
		font-size:12px;
		line-height:17px;
		vertical-align:top;
		border-radius:0 var(--radius0) var(--radius0) 0;
    }
	article.course #cupom.cupom .btn.xlarge.fill i{
		margin:0;
		padding:0;
		font-weight:200;
    }
    /* END TABLE CART */
	
	/* SUCCESS FORM */
	article.course .success-course h4{
		color:#FFF;		
	}
	article.course .success-course h2{
		border:none;
		color:#FFF;
		margin:15px 0 10px 0;
		padding:0;
		font-size:28px;	
	}
	article.course .success-course .btn.pdf{
		background-image:url('../images/icons/files/pdf.png');
		background-repeat:no-repeat;
		background-position:10px center;
		border:1px solid #DDD;
		border-bottom:3px solid #d30301;
		width:auto;
		padding:0 20px 0 50px !important;
		height:60px;
		line-height:60px;
		margin:10px 0 15px 0;
	}
	article.course .success-course .btn.pdf:hover{
		background-color:#222;
		border:1px solid #222;
		border-bottom:3px solid #d30301;
		color:#FFF;
	}
	article.course .success-course .btn.pdf.boleto{
		background-image:url('../images/icons/files/boleto.png');
		border-bottom:3px solid #0103d3;
	}
	article.course .success-course iframe{
		border:2px solid #DDD;
		height:400px;
		margin-top:10px;
	}
	section #register-form .success-course fieldset{
		border:2px solid #FFF !important;
		padding:10px 20px 20px 20px !important;
	}
	article.course .success-course fieldset h3{
		color:#FFF;
		margin:5px 0 20px 0;
		padding:0;
		text-align:left;
		font-size:18px;
	}
	article.course .success-course h3{
		color:#FFF;
		margin:0;
		padding:0;
		text-align:left;
		font-size:18px;
	}
	article.course .success-course p{
		color:#FFF;
		margin:0;
		padding:0;
		font-size:16px;
	}
	/* END SUCCESS FORM */
    
    /* COURSES LIST */
	.courses-list.margin{
		margin:20px 0;
	}
    .courses-list>.row>p,
	body.black .courses-list>.row>div.not-found{
        background-color: #FFF;
        padding: 15px 30px 30px 30px;
		margin:-20px 0 40px 0;
		clear:left;
		border-radius:var(--radius1);
    }
	body.black .courses-list>.row>p,
	body.black .courses-list>.row>div.not-found{
        background-color: #222;
		color:#FFF;
        box-shadow: 2px 2px 4px #000;
    }
	body.black .courses-list>.row>div.not-found .center{
		max-width:600px;
		margin:0 auto;
	}
	body.black .courses-list>.row>div.not-found h4,
	body.black .courses-list>.row>div.not-found h5{
		color:#FFF;
		border-bottom:3px solid var(--dark);
		border-radius:var(--radius5);
		margin-bottom:20px;
		font-size:22px;
		line-height:30px;
		text-transform:uppercase;
		padding-bottom:10px;
		font-weight:600;
		text-align:center;
	}
	body.black .courses-list>.row>div.not-found h5{
		font-size:18px;
		line-height:22px;
		border:none;
		margin-bottom:0;
	}
	section article.course .content-article .more .courses-list .item,
    .courses-list .item{
        margin-bottom:25px;
        box-shadow: 2px 2px 4px #CCC;
        background-color: #FFF;
		float:left;
		width:32%;
		/*width:31.66%;*/
		margin:0 2% 2% 0;
		position:relative;
    }
    .account .courses-list .item{
		width:49%;
    }
	.courses-list.event>.content{
		text-align:center;
		width:100%;
		margin:0 !important;
		padding:0 !important;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.courses-list.event .item{
		max-width:350px !important;
		float:none;
		width:100%;
		margin:0 2% 2% 0 !important;
	}
	.courses-list.event .item:nth-child(3n){
		margin:0 2% 2% 0 !important;
	}	
	body.black section article.course .content-article .more .courses-list .item,
    body.black .courses-list .item{
        box-shadow: 2px 2px 4px #000;
        background-color: #222;
		border-radius:var(--radius1);
		/*
		background-image:url(../images/bg/footer_lodyas.png);
		background-position:top left;
		background-repeat:repeat;
		*/
    }
	body.black .account .courses-list .item{
		box-shadow: 2px 2px 4px #CCC;
        background-color: #FFF;
	}
	.courses-list .item:nth-child(3n){
		margin-right:0 !important;
    }
	.account .courses-list .item:nth-child(3n){
		margin-right:2% !important;
    }
	.account .courses-list .item:nth-child(2n){
		margin-right:0 !important;
    }
    .courses-list .item a{
        display: block;
		border-radius:var(--radius1);
    }
    .courses-list .item>a:hover{
        background-color: #FFF;
    }
	body.black .courses-list .item>a:hover{
        background-color: #222;
    }
	body.black .account .courses-list .item>a:hover{
        background-color: #FFF;
    }
	section article.course .content-article .more .courses-list .item>a:hover .content,
	.courses-list .item>a:hover .content{
		padding-left:28px;
		padding-right:5px;
		border-color:#F00;
    }
    .courses-list .item a:hover .image{
		transform:scale(1.1,1.1);
		box-shadow:0 0 10px rgba(0,0,0,0.5);
		border-radius:var(--radius1) !important;
		border: none !important;
    }	
	.courses-list .item.general a{
		height:230px;
		padding:70px 20px;
		line-height:50px;
		text-align:center;
		color:#FFF;
		font-size:20px;
		border-radius:var(--radius1);
	}
	.courses-list .item.general a i{
		display:block;
		font-size:60px;
	}
	.courses-list .item.general a:hover{
		background-color:#666 !important;
	}	
	section article.course .content-article .more .image,
    .courses-list .item .image{
        width: 235px; /* 287 */
        height: 235px; /* 287 */
        margin-bottom: -5px;
		background-color:#FFF;
        background-position: center top;
        background-size: cover;
		background-repeat:no-repeat;
		float:left;
		position:relative;
		top:-5px;
		z-index:2;
		overflow:hidden;
		border-radius:var(--radius1) 0 0 var(--radius1);
        
        /* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
	body.black section article.course .content-article .more .image,
    body.black .courses-list .item .image{
		background-color:#000;
    }
	
    body.black .account .courses-list .item .image.old{
		opacity:0.5;
		background-color:#FFF !important;
    }
	body.black .account .courses-list .item:hover .image.old{
		opacity:1;
    }
	
	section article.course .content-article .more .deal .image:after,
    .courses-list .item.deal .image:after,
	section article.course.deal .plans_value .item > h3:after,
	section article.course.deal .main .courses-list .item .content:after{
		/*
		content:'PROMOÇÃO';
		background-color:#888;
		*/
		color:#111;
		z-index:4;
		padding:0;
		height:60px;
		line-height:52px;
		font-weight:700;
		font-size:16px;
		position:absolute;
		top:9px;
		left:-46px;
		text-align:center;
		width:170px;
		box-shadow:0 2px 4px rgba(0,0,0,0.7);
		/*
		background-position:top left;
		background-repeat:repeat;
		*/
		
		transform:rotate(-45deg);
		
		/* new style */
		content: 'PROMOÇÃO';
		color:#FFF;
		background-color:var(--dark);
		background-image:linear-gradient(45deg, var(--dark) 0%, rgba(0,0,0,1) 100%);
		background-position: center center;
		background-repeat:no-repeat;
		background-size:contain;
		border:4px solid #FFF;
    }
	/*
	.black-friday section article.course .content-article .more .deal .image:after,
    .black-friday .courses-list .item.deal .image:after{
		content:'50% BLACK';
    }
	*/
	
    .account .courses-list .item .image{
        /*height: 200px;*/
    }
	section article.course .content-article .more .courses-list .item .content,
    .courses-list .item .content{
        padding: 10px 15px 17px 18px;
		border:3px solid #FFF;
		border-left:none;
		display:block;
		margin-left:231px; /* 287 */
		clear:none;
		line-height:10px;
		height: 230px;
		position:relative;
		
		/* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
	.courses-list.event .item .content{
		margin-left:0 !important;
		border:3px solid #FFF !important;
		background-position:center top;
		background-repeat:no-repeat;
		background-size:cover;
		padding:10px 15px !important;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.courses-list.event .item:hover .content{
		border-color:#F00 !important;
		transform:scale(1.02);
	}
	body.black section article.course .content-article .more .courses-list .item .content,
    body.black .courses-list .item .content{
		border:3px solid #222;
		border-left:none;
		border-radius:0 var(--radius1) var(--radius1) 0;
    }
    body.black #congresso .courses-list .item .content{
		border-radius:var(--radius1);
    }
	body.black section article.course .content-article .more .courses-list .item.deal .content,
    body.black .courses-list .item.deal .content{
		background-color:#000;
		border-color:#FFF;
    }
	body.black .account .courses-list .item .content{
		border-color:#FFF;
		background-color:#FFF;
    }
	section article.course .content-article .more .deal .image,
    .courses-list .item.deal .image{
		border:3px solid #FFF;
		border-right:none;
    }
	section article.course .content-article .more .deal:hover .image,
    .courses-list .item.deal:hover .image{
		border-color:transparent;
    }
    .courses-list .item .content h3{
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        height: 60px;
        margin: 30px 0 10px 0;
        padding: 0;
        color: #000;
        overflow: hidden;
    }
	.courses-list.event .item .content h3{
		margin:0;
		font-size:16px;
		line-height:1;
		text-align:center;
		height:auto;
		width:100%;
		max-height:100%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		background-origin: content-box;
		padding:0 !important;	
	}
	body.black .courses-list .item .content h3{
		color:#FFF;
		max-width:100%;
	}
	body.black .courses-list .item .content h3 img{
		width:auto;
		display:block;
		/*max-height:120px;*/
		/*max-height:100% !important;*/
		max-height: 204px !important;
		margin:0 auto;
	}
	body.black .account .courses-list .item .content h3{
		color:#111;
	}
    .courses-list .item .content h4{
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        height: 36px;
        margin: 0 0 5px 0;
        padding: 0;
        color: #666;
        overflow: hidden;
    }
	body.black .courses-list .item .content h4{
		color:#DDD;
	}
    .courses-list .item .content h4.list{
		display:inline-block;
		width:auto;
        margin: 2px 0 10px 0;
		background-color:#FFF;
		padding:9px 14px 9px 24px;
		border:none;
		color:#111;
		line-height: 16px;
		
		position:absolute;
		top:-10px;
		left:-5px;
		
		border-radius:0 var(--radius3) var(--radius3) 0;
		
		-webkit-transform: skew(-15deg,0); /* Chrome, Opera */
		-ms-transform: skew(-15deg,0); /* IE */
		transform: skew(-15deg,0); /* Padrão */
    }
	
	.account .courses-list .item .content.old h4.list{
		opacity:0.5;
		overflow:visible;
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.account .courses-list .item:hover .content.old h4.list{
		opacity:1;
	}
	.account .courses-list .item .content.old h4.list:before{
		content:'';
		position:absolute;
		top:0;
		left:-11px;
		width:20px;
		height:100%;
		background-color:#FFF;
		-webkit-transform: skew(15deg,0); /* Chrome, Opera */
		-ms-transform: skew(15deg,0); /* IE */
		transform: skew(15deg,0); /* Padrão */
	}
	
	section article.course .main .courses-list .item .content h4.list{
		padding-left:14px;
		position:static;
	}
	.courses-list .item .content h4.list span{	
		display:block;	
		-webkit-transform: skew(15deg,0); /* Chrome, Opera */
		-ms-transform: skew(15deg,0); /* IE */
		transform: skew(15deg,0); /* Padrão */
    }
	.courses-list .item .content.type-gold h4.list{
		background-color:#FFD700;
		border-color:#e1be5a;
		color:#000;
		background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
		font-weight:bold;
    }
	.home .categories-list ul li.type-site a:hover,
	.home .categories-list ul li.type-site.active a{
		border-color: var(--primary);
		color: var(--primary);
    }
	body.black .home .categories-list ul li.type-site a:hover,
	body.black .home .categories-list ul li.type-site.active a{
		color: #FFF;
    }
	.home .categories-list ul li.type-yellow a:hover,
	.home .categories-list ul li.type-yellow.active a{
		border-color: #e37400;
		color: #e37400;
    }
	.home .categories-list ul li.type-red a:hover,
	.home .categories-list ul li.type-red.active a{
		border-color: #d93025;
		color: #d93025;
    }
	.home .categories-list ul li.type-blue a:hover,
	.home .categories-list ul li.type-blue.active a{
		border-color: #1a73e8;
		color: #1a73e8;
    }
	.home .categories-list ul li.type-green a:hover,
	.home .categories-list ul li.type-green.active a{
		border-color: #188038;
		color: #188038;
    }
	.courses-list .item .content.type-1 h4.list,
	section article.course .main .courses-list.type-1 .btn.default,
	.courses-list .item > a:hover .content.type-1 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-1 h2{
		background: rgb(153,29,163);
		background: linear-gradient(270deg, rgba(153,29,163,1) 0%, rgba(91,9,142,1) 100%); 
		color:#FFF !important;
    }
	.courses-list .item>a:hover .content.type-1,
	.home .categories-list ul li.type-1 a:hover,
	.home .categories-list ul li.type-1.active a,
	section article.course .main .courses-list.type-1 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-1 a:after{
		border-color: rgb(153,29,163) !important;
		color: rgb(153,29,163);
    }
	.courses-list .item .content.type-2 h4.list,
	section article.course .main .courses-list.type-2 .btn.default,
	.courses-list .item > a:hover .content.type-2 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-2 h2{
		background: rgb(167,38,19);
		background: linear-gradient(270deg, rgba(167,38,19,1) 0%, rgba(124, 11, 7,1) 100%);
		color:#FFF !important;
    }
	.courses-list .item>a:hover .content.type-2,
	.home .categories-list ul li.type-2 a:hover,
	.home .categories-list ul li.type-2.active a,
	section article.course .main .courses-list.type-2 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-2 a:after{
		border-color: #d93025 !important;
		color: #d93025;
    }
	.courses-list .item .content.type-3 h4.list,
	section article.course .main .courses-list.type-3 .btn.default,
	.courses-list .item > a:hover .content.type-3 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-3 h2{
		background: rgb(200,150,19);
		background: linear-gradient(270deg, rgba(200,150,19,1) 0%, rgba(84, 11, 7,1) 100%);
		color:#FFF !important;
    }
	.courses-list .item>a:hover .content.type-3,
	.home .categories-list ul li.type-3 a:hover,
	.home .categories-list ul li.type-3.active a,
	section article.course .main .courses-list.type-3 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-3 a:after{
		border-color: rgb(200,150,19) !important;
		color: rgb(200,150,19);
    }
	.courses-list .item .content.type-5 h4.list,
	section article.course .main .courses-list.type-5 .btn.default,
	.courses-list .item > a:hover .content.type-5 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-5 h2{
		background: rgb(176,157,108);
		background: linear-gradient(270deg, rgba(176,157,108,1) 0%, rgba(255,237,191,1) 100%);
		color:#000 !important;
    }
	.courses-list .item>a:hover .content.type-5,
	.home .categories-list ul li.type-5 a:hover,
	.home .categories-list ul li.type-5.active a,
	section article.course .main .courses-list.type-5 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-5 a:after{
		border-color: rgb(176,157,108) !important;
		color: rgb(176,157,108);
    }
	.courses-list .item .content.type-6 h4.list,
	section article.course .main .courses-list.type-6 .btn.default,
	.courses-list .item > a:hover .content.type-6 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-6 h2{
		background: rgb(176,157,108);
		background: linear-gradient(270deg, rgba(176,176,176,1) 0%, rgba(255,255,255,1) 100%);
		color:#000 !important;
    }
	.courses-list .item>a:hover .content.type-6,
	.home .categories-list ul li.type-6 a:hover,
	.home .categories-list ul li.type-6.active a,
	section article.course .main .courses-list.type-6 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-6 a:after{
		border-color: rgb(176,176,176) !important;
		color: rgb(176,176,176);
    }
	.courses-list .item .content.type-7 h4.list,
	section article.course .main .courses-list.type-7 .btn.default,
	.courses-list .item > a:hover .content.type-7 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-7 h2{
		background: rgb(26,115,232);
		background: linear-gradient(270deg, rgba(26,115,232,1) 0%, rgba(12,14,73,1) 100%);
		border-color: rgb(0,212,255);
		color:#FFF !important;
    }
	.courses-list .item>a:hover .content.type-7,
	.home .categories-list ul li.type-7 a:hover,
	.home .categories-list ul li.type-7.active a,
	section article.course .main .courses-list.type-7 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-7 a:after{
		border-color: rgb(26,115,232) !important;
		color: rgb(26,115,232);
    }
	.courses-list .item .content.type-8 h4.list,
	section article.course .main .courses-list.type-8 .btn.default,
	.courses-list .item > a:hover .content.type-8 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-8 h2{
		background: rgb(18,68,43);
		background: linear-gradient(270deg, rgba(18,68,43,1) 0%, rgba(79,117,92,1) 100%); 
		border-color: rgb(18,68,43);
		color:#FFF !important;
    }
	.courses-list .item>a:hover .content.type-8,
	.home .categories-list ul li.type-8 a:hover,
	.home .categories-list ul li.type-8.active a,
	section article.course .main .courses-list.type-8 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-8 a:after{
		border-color: #188038 !important;
		color: #188038;
    }
	.courses-list .item .content.type-9 h4.list,
	section article.course .main .courses-list.type-9 .btn.default,
	.courses-list .item > a:hover .content.type-9 .types .type:last-child,
	section .new-layout.course.all ul.list li.type-9 h2{
		background: rgb(199, 76, 0);
		background: linear-gradient(270deg, rgba(199, 76, 0, 1) 0%, rgba(224, 113, 0, 1) 100%);
		border-color: rgb(199, 76, 0);
		color: #FFF !important;
    }
	.courses-list .item>a:hover .content.type-9,
	.home .categories-list ul li.type-9 a:hover,
	.home .categories-list ul li.type-9.active a,
	section article.course .main .courses-list.type-9 .item .content .time,
	section #register-form .home .categories-list ul li.active.current.type-9 a:after{
		border-color: #f7941e !important;
    	color: #f7941e;
    }
    .courses-list .item .content p{
        display: block;
        overflow: hidden;
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        padding: 0;
        color: #222;
        height: 80px;
    }
    .courses-list .item .content .price{
        display: block;
        margin: 15px 0 0 0;
        font-size: 12px;
        line-height: 18px;
        height: 60px;
        color: #222;
        text-align: left;
        overflow: hidden;
    }
	body.black .courses-list .item .content .price{
		color:#999;
	}
    .courses-list .item .content .price.list{
        margin: 0;
        height: 85px;
		float:left;
		width:100%;
    }	
	.courses-list .item .content .price.list .university{
		display:block;
		position:absolute;
		bottom:50px;
		right:0;
		width:50%;
		height:auto;
		color:#FFF;
		font-size:13px;
		line-height:16px;
		text-align:center;
    }	
	.courses-list .item .content .price.list .university:before{
		content:'Realização:';
		display:block;
		width:100%;
		height:auto;
    }
	.courses-list .item .content .price.list .university img{
		max-width:80px;
		max-height:50px;
		margin:3px 0 0 0;
    }
    .courses-list .item .content .price strong{
        font-size: 18px;
    }
	.courses-list .item .content .price strong.small{
        font-size: 14px;
    }
    .courses-list .item .content .price .old{
        color: #666;
        font-weight: normal;
        text-decoration: line-through;
        margin: 0;
        display: inline;
        font-size: 14px;
    }
    .courses-list .item .content .price .current{
        margin: 0 0 4px 0;
        display: inline-block;
        font-size: 22px;
		line-height:26px;
        font-weight: bold;
		color:#000;
    }
	body.black .courses-list .item .content .price .current{
		color:#FFF;
    }
    .courses-list .item .content .duration{
        display: block;
        margin: 15px 0 0 0;
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        color: #666;
        overflow: hidden;
    }
	.courses-list .item .content .duration-month{
        display: block;
		position:absolute;
		top:0;
		right:0;
        margin: 0;
		padding:9px 20px;
        font-size: 16px;
        line-height: 18px;
        height: auto;
        color: #FFF;
		background-color:transparent;
        overflow: hidden;
    }
	.account .courses-list .item .content .duration-month{
		color:#666;
	}
    .courses-list .item .content .time{
        display: block;
        margin: 3px 0 0 0;
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        color: #666;
        overflow: hidden;
    }
    .courses-list .item .content span strong{
        color: #222;
		font-weight:400;
    }
	body.black .courses-list .item .content span strong.small{
        color: #999;
    }
    body.black .courses-list .item .content span strong{
        color: #FFF;
    }
	body.black .account .courses-list .item .content span strong{
        color: #000;
    }
    .courses-list .item .content .types{
    }
    .courses-list .item .content .type{
        display: inline-block;
        margin: 77px 0 0 0;
        padding: 12px 20px;
        height: auto;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        color: #FFF;
        overflow: hidden;
        background-color: #222;
        width: 100%;
        text-transform: uppercase;
    }
    .courses-list .item .content .type.old{
        background-color: #FFF;
        border: 1px solid #DDD;
        color: #999;
    }
    .courses-list .item .content .type small{
        display: block;
        font-size: 12px;
    }
    .courses-list .item .content .types .type{
		width:50%;
        float: left;
        padding: 0 15px;
        font-size: 14px;
		line-height:45px;
		height:45px;
		overflow:hidden;
		
		
		/* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
	.courses-list .item .content .types .type i{
		margin:0 0 0 -5px;
		padding:0;
		opacity:0;
		color:#111;
		
		/* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
	}
	.courses-list .item>a:hover .content .types .type i{
		opacity:1;
	}
	.courses-list .item .content .types .type.info{
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		text-transform:none;
		border:1px solid #DDD;
		opacity:0;
	}
	.courses-list .item>a:hover .content .types .type.info{
		opacity:1;
	}
	.courses-list .item>a:hover .content .types .type.info:hover{
		border-color:transparent;
	}
    .courses-list .item .content .types .type:last-child{
		width:auto;
		position:absolute;
		bottom:0;
		right:0;
        background-color: #FFF;
        color: #222;
		border-radius:var(--radius1) 0 var(--radius2) 0;
    }
	body.black .courses-list .item .content .types .type:last-child{
        background-color: transparent;
        color: #FFF;
		opacity:0.8;
    }
	body.black .courses-list .item .content.old .types .type:last-child{
		opacity:0.2;
    }
	body.black .account .courses-list .item .content .types .type:last-child{
		color:#000;
		font-weight:600;
		font-size:18px;
	}
	body.black .account .courses-list .item .content .types .type i{
		opacity:1;
	}
	body.black .account .courses-list .item:hover .content.type-1 .types .type i,
	body.black .account .courses-list .item:hover .content.type-2 .types .type i,
	body.black .account .courses-list .item:hover .content.type-7 .types .type i,
	body.black .account .courses-list .item:hover .content.type-8 .types .type i{
		color:#FFF;
	}
	body.black .courses-list .item:hover .content .types .type:last-child{
        background-color: #222;
        color: #FFF;
		opacity:1;
    }
	.courses-list .item>a:hover .content .types .type:last-child{
    }
	.courses-list .item>a:hover .content .types .type:last-child:hover{
    }
    .courses-list .item .content .types.old .type{
        background-color: #999;
        border: 1px solid #FFF;
        color: #FFF;
    }
    .courses-list .item .content.old h3,
	.courses-list .item .content.old .duration-month,
	.courses-list .item .content.old span.price,
	.courses-list .item .content.old span.price *{
		color:#555 !important;
    }
    /* END COURSES LIST */
    
    
    /* COURSE */
	
	section .new-layout.course .content-article .full.main .image{
		width:402px;
		float:left;
		height:auto;
		min-height:402px;
		position:relative;
		overflow:hidden;
		margin:0 0 10px 0;
		box-shadow:2px 2px 5px rgba(0,0,0,0.7);
		background-color:#111;
		border-radius:var(--radius1);
    }
	section .new-layout.course .content-article .full.main .image:after{
		content:'';
		clear:both;
	}
	section .new-layout.course .content-article .full.main .image:after,
	section .new-layout.course .content-article .full.main .image:before{
		display:none;
	}
	section .new-layout.course .content-article .full.main .image img{
		width:402px;
		height:402px;
		margin:0;
    }	
	section article.course .item{
		box-shadow:none;
	}
	section article.course .main .courses-list{
		padding:0 !important;
		margin:0 0 0 452px !important;
		/* margin:0 0 0 402px!important; */
		border:none !important;
	}
    section article.course .main .courses-list .item{
        margin: 0;
		float:none;
		width:100%;
		background-color:transparent !important;
    }
	/* items about */
		section article.course .main .courses-list .item .content,
		section article.course .items-about .items{
			height:auto;
			margin:0 !important;
			overflow:hidden;
			/*background-color:rgba(0,0,0,0.5);*/
			background-color:#060606;
			padding:30px 40px 40px 40px !important;
			color:#FFF;
			box-shadow:2px 2px 5px rgba(0,0,0,0.7);
		}
		section article.course .items-about .items{
			color:#CCC;
		}
		section article.course .items-about .items strong,
		section article.course .items-about .items h1,
		section article.course .items-about .items h2,
		section article.course .items-about .items h3,
		section article.course .items-about .items h4,
		section article.course .items-about .items h5{
			color:#FFF;
		}
		section article.course .main .courses-list .item .content{
			padding-bottom:30px !important;
			border-radius:var(--radius1);
		}
		section article.course .items-about{
			margin-bottom:40px !important;
			/*overflow:hidden;*/
		}
		section article.course .items-about .menu{
			display:block;
			float:left;
			width:452px;
		}
		section article.course .items-about .menu li{
			background-color:transparent;
			color:#666;
			text-align:right;
			line-height:26px;
			font-size:16px;
			padding:0;
			color:#DDD;
		}
		section article.course .items-about .menu li.active span{
			background-color:#060606;
			color:#FFF;
			font-size:18px;
		}
		section article.course .items-about .menu li span i{
			float:left;
			font-size:20px;
			margin:0 10px;
		}
		section article.course .items-about .menu li span{
			display:block;
			padding:15px 50px 15px 20px;
			position:relative;
			background-color:rgba(0,0,0,0.1);
			box-shadow:1px 1px 6px #111;
			border-radius:var(--radius1) 0 0 var(--radius1);
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		section article.course .items-about .menu li span:hover{
			background-color:#FFF;
			color:#111;
			cursor:pointer;
		}
		section article.course .items-about .menu li span:before{
			content:'';
			display:none;
			position:absolute;
			top:0;
			left:-22px;
			width:30px;
			height:100%;
			background-color:#222;
			-webkit-transform: skew(-15deg); /* Chrome, Opera */
			-ms-transform: skew(-15deg); /* IE */
			transform: skew(-15deg); /* Padrão */
		}
		section article.course .items-about .items{
			margin-left:452px !important;
			border-radius:0 var(--radius1) var(--radius1) 0;
		}
		section article.course .items-about .items .item{
			display:none;
		}
		section article.course .items-about .items .item:first-child{
			display:block;
		}
		section article.course .items-about .items .item h3{
			font-size:24px;
			color:#FFF;
			border-bottom:1px solid #333;
			margin:-15px 0 20px 0;
		}

		section article.course .items-about .items .item .faq{
			display: block;
			margin: 0 0 20px 0;
		}

		section article.course .items-about .items .item .faq h5{
			text-align: justify;
			font-weight: bolder;
			text-align: justify;
			background-color: rgba(0,0,0, .5);
			padding: 0px;
			margin: 0 0 5px 0;
		}

		section article.course .items-about .items .item .faq p{
			text-align: justify;
			font-size: 13px;
			line-height:18px;
		}
	/* end items about */
    section article.course .main .courses-list img{
        width: 100%;
        margin: 0;
    }
    section article.course .main .courses-list .btn{
		display:inline-block;
        width:auto;
        margin:5px 0 0 0;
		border:none;
		padding-left:20px !important;
		border-radius:var(--radius0);
    }
	section article.course .main .courses-list .btn.info{
		text-transform:none;
		font-size:14px;
		line-height:20px;
		padding:15px 15px 15px 10px !important;
		float:left;
		margin:0 7px 10px 0;
	}
	section article.course .main .courses-list .btn i{
		margin:0 4px 0 0;
		padding:0;
		font-weight:normal;
    }
	section article.course .main .courses-list .btn.info i{
		margin:0 1px 0 0;
	}
    section article.course .main .courses-list .btn a small{
        font-size: 22px;
    }
	
	section article.course .main .courses-list .buttons{
		text-align:right;
		position:relative;
	}
		
	section article.course .main .courses-list .btn.info.right{
		float:left;
		height:61px;
		background-color:transparent;
		padding:0 12px !important;
		line-height:30px;
		font-size:12px;
	}
	section article.course .main .courses-list .btn.info.right:hover{
		box-shadow:none !important;
	}
	section article.course .main .courses-list .btn.info.right i{
		color:#FC0;
		font-size:30px;
		vertical-align:bottom;
		margin:0;
	}
	section article.course .main .courses-list .btn.info.right strong{
		font-size:24px;
		margin:0 5px 0 0;
		vertical-align:bottom;
	}
	
	section article.course .main .courses-list h2{
		margin:0 0 20px 0;
		padding:0 0 0 20px;
		border:none;
		font-size:18px;
		line-height:26px;
		font-weight: 300;
	}
	section article.course .main .courses-list h2 span{
		display:block;
		background-color:#FFF;
		padding:15px;
		color:#000;
		height:56px;
		border-radius:var(--radius3);
	}
	section article.course .main .courses-list .item .content h3.subtitle{
		display:block;
		margin:-20px 0 20px 0;
		padding:15px 20px;
		border:none;
		font-size:16px;
		line-height:22px;
		font-weight: 600 !important;
		background-color:#333;
		border-radius:3px;
	}	
    section article.course .main .courses-list .price,
    section article.course .main .courses-list h3,
    section article.course .main .courses-list h4{
        height: auto !important;
		font-weight: 300 !important;
    }
	section article.course .main .courses-list .item .content h4.list{
		float:left;
		margin:0 22px 0 0;
		border-radius:var(--radius3) 0 0 var(--radius3);
	}
	section article.course .main .courses-list .item .content h4.list span{
		font-size:18px;
		line-height:38px;
		padding-left:15px;
		padding-right:15px;
	}
	section article.course .main .courses-list .item .content h3{
		font-size:18px;
		line-height:26px;
		height:auto;
	}
	section article.course .main .courses-list .item .content .details{
	}
	section article.course .main .courses-list .item .content .details.buttons .organizer{
		float:left;
		width:135px;
		height:81px;
		text-align:center;
		font-size:14px;
		line-height:16px;
		position:absolute;
		bottom:-10px;
		left:0px;
		display:block;
		position:relative;
		bottom:5px;
		margin-bottom:-20px;
	}
	section article.course .main .courses-list .item .content .details.buttons .organizer img{
		width:auto;
		height:auto;
		max-width:100px;
		max-height:60px;
		display:block;
		margin:5px auto 0 auto;
	}
	section article.course .main .courses-list .item .content .time,
	section article.course .main .courses-list .item .content .duration{
		font-size:16px;
		line-height:26px;
		height:auto;
		color:#FFF;
		border-left:2px solid #666;
		width:20%;
		padding:12px 15px 15px 15px;
		float:left;
		margin:0;
		
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
	}
	section article.course .main .courses-list .item .content .details.four .time{
		width:25%;
	}
	section article.course .main .courses-list .item .content .duration{
		margin:0;
	}
	section article.course .main .courses-list .item .content .duration.target{
		width:100%;
		margin:12px 0 0 0;
		height:109px;
		border:none;
		padding-top:0;
		padding-bottom:0;
		padding-left:11px;
	}
	section article.course .main .courses-list .item .content .time span{
		display:block;
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
	}
	section article.course .main .courses-list .item .content .time strong{
		color:#FFF;
		display:block;
		margin-top:5px !important;
		font-size:18px;
		white-space: nowrap;
		overflow: hidden;
		
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
	}
	section article.course .main .courses-list .item .content .duration.target strong{
		white-space: normal;
		overflow: visible;
	}
	section article.course .main .courses-list .item .content .time strong{
		margin-top:10px;
	}
	section article.course .main .courses-list .item .content p{
		font-size:18px;
		line-height:26px;
		color:#FFF;
	}
    section article.course nav h3{
        padding-bottom:5px;
        margin-bottom:10px;
        font-size:32px;	
    }
    section article.course nav ul{
        overflow:hidden;
        margin-top:0;
    }
    section article.course nav ul li{
        list-style:none;
        margin:0 5px 5px 0;
        padding:0;
        float:left;
    }
    section article.course nav ul li a{
        display:block;
        color:#444;
        padding:2px 10px;
        font-size:12px;
        background-color:#FFF;
        box-shadow:3px 3px 0 #D3D3D3;
    }
    section article.course nav ul li.selected a,
    section article.course nav ul li.selected a:hover{
        background-color:#670202;
        color:#FFF;
    }
    section article.course nav ul li a:hover{
        box-shadow:3px 3px 0 #444;
        background-color:#999;
        color:#222;
    }
    
	section article.course .module.flex{
		display: flex;
		flex-wrap: wrap;
  		justify-content: center;
		margin-bottom:25px;
	}
	section article.course .module .item{
		margin-bottom:20px;
		background-color:#FFF;
		border-radius:var(--radius1);
		overflow:hidden;
		box-shadow:4px 4px 5px rgba(0,0,0,0.15);
	}
	section article.course .module .item{
		width:320px;
		margin:0 15px 15px 15px;
		height:auto;
		background-color:#EEE;
		position:relative;
	}
	/*
	section article.course .module .item:nth-child(1) h3,
	section article.course .module .item:nth-child(1):after{
		background-color:var(--pastelcolor1);
	}
	section article.course .module .item:nth-child(2) h3,
	section article.course .module .item:nth-child(2):after{
		background-color:var(--pastelcolor2);
	}
	section article.course .module .item:nth-child(3) h3,
	section article.course .module .item:nth-child(3):after{
		background-color:var(--pastelcolor3);
	}
	section article.course .module .item:nth-child(4) h3,
	section article.course .module .item:nth-child(4):after{
		background-color:var(--pastelcolor4);
	}
	section article.course .module .item:nth-child(5) h3,
	section article.course .module .item:nth-child(5):after{
		background-color:var(--pastelcolor5);
	}
	section article.course .module .item:nth-child(6) h3,
	section article.course .module .item:nth-child(6):after{
		background-color:var(--pastelcolor6);
	}
	section article.course .module .item:nth-child(7) h3,
	section article.course .module .item:nth-child(7):after{
		background-color:var(--pastelcolor7);
	}
	section article.course .module .item:nth-child(8) h3,
	section article.course .module .item:nth-child(8):after{
		background-color:var(--pastelcolor8);
	}
	section article.course .module .item:nth-child(9) h3,
	section article.course .module .item:nth-child(9):after{
		background-color:var(--pastelcolor9);
	}
	section article.course .module .item:nth-child(10) h3,
	section article.course .module .item:nth-child(10):after{
		background-color:var(--pastelcolor10);
	}
	section article.course .module .item:nth-child(11) h3,
	section article.course .module .item:nth-child(11):after{
		background-color:var(--pastelcolor11);
	}
	section article.course .module .item:nth-child(12) h3,
	section article.course .module .item:nth-child(12):after{
		background-color:var(--pastelcolor12);
	}
	section article.course .module .item:nth-child(13) h3,
	section article.course .module .item:nth-child(13):after{
		background-color:var(--pastelcolor13);
	}
	section article.course .module .item:nth-child(14) h3,
	section article.course .module .item:nth-child(14):after{
		background-color:var(--pastelcolor14);
	}
	section article.course .module .item:nth-child(15) h3,
	section article.course .module .item:nth-child(15):after{
		background-color:var(--pastelcolor15);
	}
	section article.course .module .item:nth-child(16) h3,
	section article.course .module .item:nth-child(16):after{
		background-color:var(--pastelcolor16);
	}
	section article.course .module .item:nth-child(17) h3,
	section article.course .module .item:nth-child(17):after{
		background-color:var(--pastelcolor17);
	}
	section article.course .module .item:nth-child(18) h3,
	section article.course .module .item:nth-child(18):after{
		background-color:var(--pastelcolor18);
	}
	section article.course .module .item:nth-child(19) h3,
	section article.course .module .item:nth-child(19):after{
		background-color:var(--pastelcolor19);
	}
	section article.course .module .item:nth-child(20) h3,
	section article.course .module .item:nth-child(20):after{
		background-color:var(--pastelcolor20);
	}
	*/
	section article.course .module.flex .item{
		/*flex: 1;*/
	}
	section article.course .module.flex .item:after{
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		opacity:0.6;
	}
	section article.course .module .item:last-child{
		/*margin-bottom:40px;*/
	}
	section article.course .module .item h3{
		padding:0;
		font-size:16px;
		text-transform:uppercase;
		font-weight:600;
		color:#FFF;
		text-align:center;
		max-height:116px;
		margin:0;
		padding:10px 20px 10px 20px;
		overflow:hidden;
		line-height:96px;
		background-color:var(--dark);
		position:relative;
		z-index:2;
		text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	}
	section article.course .module .item h3 span{
		line-height:22px;
		display: inline-block;
		vertical-align: middle;
	}
	section article.course .module ul.content{
		padding:0 0 0 0 !important;
		position:relative;
		z-index:2;
	}
    section article.course .module ul li strong{
        display: inline-block;
        width: 130px;
        height: 100%;
        padding: 0;
        line-height: 16px;
        text-align: center;
        background-color: #B70602;
        color: #FFF;
        font-size: 12px;
        float: left;
        position: absolute;
        top: 0px;
        left: 0;
		box-shadow:3px 0 4px rgba(0,0,0,0.05);
    }
    section article.course .module ul li strong.enable{
        background-color: rgba(255,255,255,0.6);
        color: #222;
        line-height: 32px;
    }
	section article.course .module ul li.minus strong.enable{
        width:14px;
    }
	section article.course .module ul{
		margin:0;
		padding:0;
	}
    section article.course .module ul li{
        background-color: rgba(255,255,255,0.5);
        height: auto;
        line-height: 18px !important;
		font-size:13px;
        overflow: visible;
        margin-bottom: 1px;
        color: #222;
		font-weight:600;
        position: relative;
        padding: 7px 10px 7px 26px;
    }
	/*
	section article.course .module ul li:nth-child(even){
        background-color: rgba(255,255,255,0.1);
    }
	*/
	section article.course .module ul li:last-child{
        /*margin-bottom: 0;*/
    }
		/* PLANS */
		section article.course .plans_value{
			text-align:center;			
		}
		section article.course .plans_value .item{
			display:inline-block;
			width:400px;
			height:490px;
			border:3px solid #222;
			padding:0;
			margin:30px 20px;
			vertical-align:top;
			box-shadow:3px 3px 10px rgba(0,0,0,0.4);
			position:relative;
			background-color:#FFF;
			overflow:hidden;
			border-radius:var(--radius1);
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		section article.course .plans_value.is_register .item{
			width:31%;
			margin:30px 1% 15px 1%;
		}
		section article.course .plans_value .item:hover{
			box-shadow:0 0 20px rgba(0,0,0,0.6);
			background-color:#FFF;
		}
		section article.course .plans_value .item:nth-child(1){
			border-color:var(--dark);
		}
		section article.course .plans_value .item:nth-child(1):hover{
			border-color:var(--primary);
		}
		section article.course .plans_value .item:nth-child(1) h3,
		section article.course .plans_value .item:nth-child(1) .btn.info{
			background: rgb(4,23,159);
			background: linear-gradient(270deg, #000 0%, var(--dark) 100%);
			border:none;
		}
		section article.course .plans_value .item:nth-child(2){
			border-color:#000;
		}
		section article.course .plans_value .item:nth-child(2):hover{
			border-color:#333;
		}
		section article.course .plans_value .item:nth-child(2) h3,
		section article.course .plans_value .item:nth-child(2) .btn.info{
			background: rgb(43,163,146);
			background: linear-gradient(270deg, #aaa9ad 0%, #000 100%);
			border:none;
		}
		/*
		section article.course .plans_value .item:nth-child(3){
			border-color:#aaa9ad;
		}
		section article.course .plans_value .item:nth-child(3):hover{
			border-color:#CCC9CD;
		}
		section article.course .plans_value .item:nth-child(3) h3,
		section article.course .plans_value .item:nth-child(3) .btn.info{
			background: rgb(212,232,12);
			background: linear-gradient(270deg, var(--primary) 0%, #aaa9ad 100%);
			border:none;
		}
		section article.course .plans_value .item:nth-child(4){
			border-color:rgb(204,43,32);
		}
		section article.course .plans_value .item:nth-child(4):hover{
			border-color:rgb(212,232,12);
		}
		section article.course .plans_value .item:nth-child(4) h3,
		section article.course .plans_value .item:nth-child(4) .btn.info{
			background: rgb(204,43,32);
			background: linear-gradient(270deg, rgba(204,43,32,1) 0%, rgba(212,232,12,1) 100%);
			border:none;
		}
		section article.course .plans_value .item:nth-child(5){
			border-color:rgb(74,12,232);
		}
		section article.course .plans_value .item:nth-child(5):hover{
			border-color:rgb(204,43,32);
		}
		section article.course .plans_value .item:nth-child(5) h3,
		section article.course .plans_value .item:nth-child(5) .btn.info{
			background: rgb(74,12,232);
			background: linear-gradient(270deg, rgba(74,12,232,1) 0%, rgba(204,43,32,1) 100%);
			border:none;
		}
		section article.course .plans_value .item:nth-child(6){
			border-color:rgb(122,196,244);
		}
		section article.course .plans_value .item:nth-child(6):hover{
			border-color:rgb(74,12,232);
		}
		section article.course .plans_value .item:nth-child(6) h3,
		section article.course .plans_value .item:nth-child(6) .btn.info{
			background: rgb(122,196,244);
			background: linear-gradient(270deg, rgba(122,196,244,1) 0%, rgba(74,12,232,1) 100%);
			border:none;
		}
		*/
		section article.course .plans_value.preview .item.highlight{
			width:425px;
			height:539px;
			margin:5px 15px;
		}
		section article.course .plans_value.preview .item.highlight:after{
			content:'Plano mais econômico';
			position:absolute;
			bottom:0;
			left:0;
			padding:0 20px;
			font-size:14px;
			line-height:50px;
			width:100%;
			font-weight: 400;
			color:#222;
			background-color:#F5F5F5;
		}
		section article.course .plans_value.is_register .item{
			cursor:pointer;
			height:440px;
			filter: grayscale(70%);
		}
		section article.course .plans_value.is_register .item p,
		section article.course .plans_value.is_register .item p small,
		section article.course .plans_value.is_register .item p span,
		section article.course .plans_value.is_register .item p strong{
			/*color:#111 !important;*/
		}
		section article.course .plans_value.is_register .item:hover,
		section article.course .plans_value.is_register .item.active{
			transform:scale(1.05);
		}
		section article.course .plans_value.is_register .item.active{
			filter: grayscale(0);
			border-color:#FFF;
			background-color:#FFF;
		}
		section article.course .plans_value.is_register .item.active p,
		section article.course .plans_value.is_register .item.active p small,
		section article.course .plans_value.is_register .item.active p span,
		section article.course .plans_value.is_register .item.active p strong{
			color:#000 !important;
		}
		section article.course .plans_value.is_register .item h3 label input{
			opacity:0;
			position:absolute;
		}
		section article.course .plans_value.is_register .item h3 label span i{
			border:2px solid #FFF;
			width:24px;
			height:24px;
			line-height:20px;
			display:inline-block;
			border-radius:100%;
			vertical-align:middle;
			margin:-4px 5px 0 0;
			font-weight:300;
			font-size:16px;
		}
		section article.course .plans_value.is_register .item h3 label span.selected{
			display:none;
			font-size:20px;
			font-weight:600;
		}
		section article.course .plans_value.is_register .item.active:after{
			content:'Plano Selecionado';
			position:absolute;
			bottom:0;
			left:0;
			padding:0 20px;
			font-size:14px;
			line-height:50px;
			width:100%;
			font-weight: 400;
			color:#000;
			background-color:#F5F5F5;
		}
		section article.course .plans_value.is_register .item h3 label span.selected i{
		}
		section article.course .plans_value.is_register .item.active h3{
			font-size:34px;
		}
		section article.course .plans_value.is_register .item.active h3 label span.selected{
			display:block;
		}
		section article.course .plans_value.is_register .item.active h3 label span.none{
			display:none;
		}
		section article.course .plans_value.is_register .item p.main.extra{
			height:auto;
			margin-top:0;
		}
		section article.course .plans_value .item .values{
			overflow:hidden;
			height:301px;
			padding:20px 15px;
			position:relative;
		}
		section article.course .plans_value .item .values .right{
			height:100%;
			width:100%;
			position:absolute;
			top:0;
			left:0;
			margin:0;
			background-color:#FFF;
			opacity:0;
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		section article.course .plans_value .item:hover .values .right{
			opacity:1;
		}
		section article.course .plans_value .item h3{
			background-color:#222;
			color:#FFF;
			padding:20px;		
			margin:0;
			font-size:30px;
			line-height:40px;
			position:relative;
			font-weight:600;
			
			/* tempo da transicao */
			-moz-transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-o-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
			transition: all 0.2s ease-in-out 0s;
		}
		section article.course .plans_value .item:hover h3{
			font-size:34px;
		}
		section article.course .plans_value .item h3:after{
			background-color:#FFF;
		}
		section article.course .plans_value .item .btn:hover{
			box-shadow:0 0 20px rgba(0,0,0,0.3);
		}
		section article.course .plans_value .item p{
			text-align:center;			
			font-size:16px;
			line-height:24px;
		}
		section article.course .plans_value .item p.main,
		section article.course .plans_value .item .right p.default.discount{
			height:113px;
			margin:0;
			display:block;
		}
		section article.course .plans_value .item p.main,
		section article.course .plans_value .item p.default{
			margin:0;
		}
		section article.course .plans_value .item p.default{
			height:75px;
			display:block;
		}
		section article.course .plans_value .item .right p.default{
			margin-top:20px;
		}
		section article.course .plans_value .item p.main.extra{
			margin-top:30px;
		}
		section article.course .plans_value .item .right p.default.discount strong{
			font-weight:bold;
			font-size:24px;
		}
		section article.course .plans_value .item .right p.default.discount{
			padding-top:20px;
		}
		section article.course .plans_value .item p.main strong{
			font-size:26px;
			line-height:34px;
			color:#000;
		}
		section article.course .plans_value .item p.main strong span{
			font-size:50px;
			line-height:50px;
		}
		section article.course .plans_value .item p.main small{
			font-size:16px;
			font-weight:normal;
			color:#222;
			margin-right:5px;
		}
		section article.course .plans_value .item p.main small.enrollment{
			font-size:16px;
			color:#555;
		}
		section article.course .plans_value .item p.main small.enrollment strong{
			font-size:18px;
			line-height:20px;
			color:#222;
			font-weight:normal;
		}
		section article.course .plans_value .item p.default{
			font-size:14px;
		}
		section article.course .plans_value .item p.default strong{
			font-weight:normal;
			color:#222;
			font-size:16px;
		}
		section article.course .plans_value .item p.default strong small{
			font-size:11px;
		}
		section article.course .plans_value .item p.default .old strong{
			text-decoration:line-through;			
		}
		
		section article.course .plans_value .obs{
			display:block;
			text-align:center;
			margin:20px 0 30px 0;
		}
		section article.course .plans_value.is_register .obs{
			color:#FFF;
			font-size:16px;
		}
		section article.course .plans_value.is_register  .item p.default{
			height:63px;
		}
		/* END PLANS */
		
		/* FEEDBACK */
		section article.course .feedback{		
			overflow:hidden;
			padding-bottom:60px !important;
			overflow:hidden;
		}
		section article.course .feedback .rating{
			float:left;
			width:402px;
		}
		section article.course .feedback .rating .items{			
		}
		section article.course .feedback .rating .items .item{						
		}
		section article.course .feedback .rating .items .item span{
			float:left;
			line-height:40px;
			width:40px;
			height:40px;
			display:block;	
			text-align:center;
			margin-bottom:10px;
		}
		section article.course .feedback .rating .items .item span.bar{
			float:none;
			width:auto;
			margin-left:40px;
			background-color:#DDD;
		}
		
		section article.course .feedback .comments{
			margin-left:432px;					
		}		
		section article.course .feedback .comments .items{
					
		}		
		section article.course .feedback .comments .items .item{
			background-color:#F7F7F7;
			padding:30px;
			margin:0 0 20px 0;
		}		
		section article.course .feedback .comments .items .item .image{
			float:left;
			width:100px;
			height:100px;
			margin:0 30px 0 0;
			border:2px solid #FFF;
		}
		section article.course .feedback .comments .items .item h5{
			font-weight:bold;
			color:#222;
			font-size:18px;
			line-height:18px;
			margin:0;
			padding:0;
		}
		section article.course .feedback .comments .items .item p{
			font-weight:300;
			display:block;
			margin-left:130px;
			color:#333;
		}
		section article.course .feedback .comments .items .item p.person{
			margin-bottom:0;
		}
		section article.course .feedback .stars{
			margin:5px 0 8px 0;
			display:block;
		}
		section article.course .feedback i.icon-star{
			color:#F2C832;
			font-size:22px;
			vertical-align:bottom;
			margin:0;
		}
		section article.course .feedback i.icon-star.empty{
			color:#DDD;
		}
		/* END FEEDBACK */
    /* END COURSE*/
	
	/* CORPO DOCENTE */
	section article.new-layout .professors-module{
		text-align:center;	
		padding:0 !important;
	}
	section article.new-layout .professors-module .items{
	}
	section article.new-layout .professors-module .items .group{
		overflow:hidden;
		margin:0 140px;
		padding:0 20px;
	}
	section article.new-layout .professors-module .arrow{
		font-size:80px;
		width:140px;
		padding:0 10px;
		text-align:left;
		height:400px;
		line-height:400px;
		cursor:pointer;
		color:#DDD;
		font-weight:700;
		
		/* tempo da transicao */
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	section article.new-layout .professors-module .arrow:hover{
		transform:scale(1.2);
		color:#666;
	}
	section article.new-layout .professors-module .arrow.right{
		text-align:right;
	}
	section article.new-layout .professors-module .arrow:before{
		content: "\e765";
		font-family: "entypo";
	}
	section article.new-layout .professors-module .arrow.right:before{
		content: "\e766";
	}
	section article.new-layout .professors-module .items .item .image{
		float:left;
		height:400px;
		line-height:400px;
		width:35%;
		background:none;
		position:relative;
		overflow:hidden;
	}
	/*
	section article.new-layout .professors-module .items .item .image:after{
		content:'';
		position:absolute;
		bottom:-10px;
		left:3%;
		width:94%;
		height:10px;
		box-shadow:0 0 20px rgba(0,0,0,0.3);
	}
	*/
	section article.new-layout .professors-module .items .item .image img{
		max-height:100%;
		max-width:100%;
		vertical-align:bottom;
		border-radius:100%;
	}
	section article.new-layout .professors-module .items .item .detail{
		float:left;
		height:400px;
		margin-left:2%;
		width:63%;
	}
	section article.new-layout .professors-module .items .item .detail h3{
		background-color:#EEE;
		padding:15px 30px;
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
		/*box-shadow:2px 2px 6px rgba(0,0,0,0.2);*/
	}
	section article.new-layout .professors-module .items .item .detail h4{
		padding:15px 30px;
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
		/*box-shadow:2px 2px 6px rgba(0,0,0,0.2);*/
		border:1px solid #EEE;
		border-top:0;
	}
	section article.new-layout .professors-module .items .item .detail h3 span{
		display:block;
		-webkit-transform: skew(15deg); /* Chrome, Opera */
		-ms-transform: skew(15deg); /* IE */
		transform: skew(15deg); /* Padrão */
	}
	section article.new-layout .professors-module .items .item .detail h4 span{
		display:block;
		-webkit-transform: skew(-15deg); /* Chrome, Opera */
		-ms-transform: skew(-15deg); /* IE */
		transform: skew(-15deg); /* Padrão */
	}
	section article.new-layout .professors-module .items .item .detail p{
		margin:20px 30px;
	}
	
	section article.new-layout .professors-module .carrossel{
		clear:both;
		position:relative;
	}
	section article.new-layout .professors-module .all{
		height:auto;
		padding:0;
		margin:0 0 40px 0;
	}
	/*
	section article.new-layout .professors-module .carrossel:before,
	section article.new-layout .professors-module .carrossel:after{
		content:'';
		width:50px;
		height:260px;
		background: rgb(255,255,255);
		background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
		position:absolute;
		top:0;
		left:50px;
		z-index:5;
	}
	section article.new-layout .professors-module .carrossel:after{
		background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
		left:auto;
		right:50px;
	}
	*/
	section article.new-layout .professors-module .carrossel .arrow{
		width:100px;
		font-size:30px;
		line-height:260px;
		height:260px;
		position:relative;
		z-index:6;
	}
	section article.new-layout .professors-module .carrossel .arrow.left{
		padding-right:50px;
		margin-right:-50px;
	}
	section article.new-layout .professors-module .carrossel .arrow.right{
		padding-left:50px;
		margin-left:-50px;
	}
	section article.new-layout .professors-module .all .thumbs{
		width:auto;
		text-align:center;
		display:grid;
		grid-template-columns: repeat(auto-fill, 300px);
		gap:25px;
		justify-content:center;
		
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Old versions of Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently */
		-webkit-tap-highlight-color:transparent;
		outline-style:none;
	}
	section article.new-layout .professors-module .all .thumbs .item{
		float:none;
		width:300px;
		height:auto;
		margin:0;
		position:relative;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:relative;
		
		/* tempo da transicao */
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
		cursor:pointer;
	}
	section article.new-layout .professors-module .all .thumbs .item:hover p{
		background-color:#CCC;
	}
	section article.new-layout .professors-module .all .thumbs .item.highlight:hover p{
		background-color:var(--primary);
	}
	section article.new-layout .professors-module .all .thumbs .item:hover p.after .button{
		color:#111;
	}
	section article.new-layout .professors-module .all .thumbs .item:hover .image{
		transform:scale(1.12,1.12);
	}
	/*
	section article.new-layout .professors-module .all .thumbs .item:hover{
		transform:scale(1.1,1.1) translateY(-5px);
	}
	section article.new-layout .professors-module .all .thumbs .item.highlight{
		transform:scale(1.1,1.1) translateY(-5px);
	}
	*/
	section article.new-layout .professors-module .all .thumbs .item .image{
		border-radius:0;
		width:120px;
		height:120px;
		margin-right:-65px;
		float:left;
		border-radius:100%;
		border:5px solid #FFF;
		
		/* tempo da transicao */
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	section article.new-layout .professors-module .all .thumbs .item p{
		line-height:14px;
		font-size:13px;
		font-weight:200;
		text-align:left;
		display:block;
		overflow: hidden;
		background-color:#E1E1E1;
		margin:0;
		color:#222;
		margin-top:0;
		width:auto;
		padding:8px 0 8px 60px;
		border-radius:0 var(--radius1) 0 0;
		float:none;
	}
	section article.new-layout .professors-module .all .thumbs .item p span{
		display:block;
		overflow: hidden;
		padding:0 10px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after{
		display:block;
		background-color:rgba(255,255,255,0.97);
		border:1px solid #EEE;
		border-top:0;
		font-weight:bold;
		border-radius:0 0 var(--radius1) var(--radius1);
		line-height:18px;
		font-size:14px;
		height:85px;
		position:relative;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after:after{
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		display:block;
		background-color:#EEE;
		width:100%;
		height:7px;
	}
	section article.new-layout .professors-module .all .thumbs .item.highlight p.after:after{
		background-color:var(--dark);
	}
	section article.new-layout .professors-module .all .thumbs .item p.after .button{
		font-weight:400;
		position:absolute;
		bottom:10px;
		right:10px;
		color:#AAA;
		font-size:12px;
		margin:0;
		padding:0;
	}
	section article.new-layout .professors-module .all .thumbs .item p.description{
		font-weight:400;
		border-radius:0 0 var(--radius1) var(--radius1);
		font-size:12px;
		line-height:18px;
		padding:0 5px 0 5px;
		text-align:justify;
		overflow:hidden;
		height:1px;
		opacity:0;
		margin-top:-8px;
		background-color:#E1E1E1 !important;
		color:#111 !important;
	}
	section article.new-layout .professors-module .all .thumbs .item.enable p.description{
		height:auto;
		opacity:1;
	}
	section article.new-layout .professors-module .all .thumbs .item p.description span{
		height:auto;
		padding:15px;	
	}
	/*
	section article.new-layout .professors-module .all .thumbs .item p.description span:before{
		content:'';
		float:left;
		width:55px;
		height:45px;	
	}
	*/
	section article.new-layout .professors-module .all .thumbs .item p.after span.title{
		font-weight:400;
		font-size:12px;
	}
	section article.new-layout .professors-module .all .thumbs .item.highlight p{
		background-color:var(--dark);
		color:#FFF;
	}
	section article.new-layout .professors-module .all .thumbs .item.highlight p.after{
		background-color:rgba(255,255,255,0.97);
		border:1px solid var(--dark);
		border-top:0;
		color:#222;
	}
	section article.new-layout .professors-module .all .thumbs .item span.description{
		display:none;
	}
	/* END CORPO DOCENTE */
	
	
	/* ALERT */
	li.alert{
		position:relative;
		padding:8px 35px 8px 10px;
		border-radius:var(--radius0);
		text-align:center;
	}
	li.alert .close{
		position:absolute;
		top:-1px;
		right:-1px;
		padding:8px 10px;
		color:inherit;
		font-size:22px;
	}
	li.alert .close:hover{
		color:#000;
	}
	li.alert .close i{
		margin:0;
	}
	li.alert .error-message{
		display:block;
		color:#290101;
	}
    
    .new-layout .alert-form{
        display: block;
        overflow: hidden;
        clear: both;
	}
    .new-layout .alert-form ul li.alert{
        font-size: 14px;
        line-height: 18px;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:15px;
        margin-bottom: 20px;
	}
	.new-layout .alert-form ul li.alert.shake{	
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	}
	.new-layout .alert-form ul li.alert{
		padding: 10px 40px 10px 15px;
		font-size: 16px;
		line-height: 24px;
	}
	.new-layout .alert-form ul li.alert span{
		display:block;
		min-height:24px;
	}
	.new-layout .alert-form ul li.alert .close{
		padding: 10px;
		color:inherit !important;
	}
	.new-layout .alert-form ul li.alert .close:hover{
		color:#222 !important;
	}
	@keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }
	  
	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }
	
	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }
	
	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}
	/* END ALERT */
    
    
    /* ARTICLE NEWS */
    section .news header{
        height:495px;
        position:relative;
        overflow:hidden;
        z-index:2;
    }
    section .news header img{
        width:auto;
        min-width:100%;
        max-width:300%;
        height:495px;
        position:absolute;
        top:0;
        left:50%;
        margin-left:-50%;
        z-index:1;
    }
    section .news header .info{
        position:absolute;
        z-index:2;
        padding:15px 0;
        bottom:0;
        left:0;
        background-color:rgba(0,0,0,0.5);
        width:100%;
    }
    section .news header h2{
        color:#FFF;
        text-shadow:0 0 8px #000, 0 0 4px #000, 0 0 2px #000;
        position:relative;
    }
    section .news header time{
        display:block;
        position:absolute;
        top:-55px;
        left:0;
        background-color:rgba(0,0,0,0.5);
        border-radius:0 0 0 0;
        color:#FFF;
        z-index:3;
        height:40px;
        line-height:50px;
        font-size:14px;
        width:auto;
        padding:0 25px;
        text-shadow:0 0 8px #000, 0 0 4px #000, 0 0 2px #000;
    }
    section .news header time i.icon{
        padding:0;
        margin:0 10px 0 0;
        min-width:auto;
    }
    section .news .content-article{
        width:74% !important;
        padding:0 0 20px 0;
        float:left;
        margin:0 !important;
    }
    section .news .index h4{
        background-color:#222;
        box-shadow:6px 6px 0 rgba(0,0,0,0.3);
        padding:10px 15px;
        color:#FFF;
        margin-bottom:10px;
    }
    section .news .index .items .item{
        margin:8px 0 25px 0;
        background-color:#FFF;
        overflow:hidden;
        padding:0;
        box-shadow:6px 6px 0 #D3D3D3;
    }
    section .news .index .items .item .image{
        float:none;
        display:block;
        margin:0;
        height:128px;
    }
    section .news .index .items .item .image img{
        margin:0;
        width:320px;
        height:128px;
    }
    section .news .index .items .item .content{
        clear:both;
        margin:0;
        padding:0 15px 15px 15px;
    }
    section .news .index .items .item .content h5{
        margin:10px 0 4px 0;
        padding:0;
        text-align:justify;
        font-size:16px;
    }
    section .news .index .items .item .content h5 a{
        color:#333;
    }
    section .news .index .items .item .content h5 a:hover{
        color:#CA0501;
    }
    section .news .index .items .item .content time{
        display:block;
        height:18px;
        padding:0;
        margin:7px 0 0 -4px;
        color:#999;
        font-size:11px;
        line-height:11px;
    }
    section .news .index .items .item .content time i.icon{
        margin:0;
        padding:0;
    }
    section .news .index .items .item .content p{
        font-size:12px;
        line-height:16px;
        height:130px;
        padding:0;
        color:#666;
        margin-bottom:8px;
        overflow:hidden;
    }
    section .news .index .items .item .content .btn{
        float:right;
        margin-bottom:15px;
    }
	section .news .account-content{
		display:block;
		margin:20px 30px 30px 26% !important;
	}
    section .news aside{
        padding:0 40px 40px 30px;
        float:left;
        width:26%;
    }
    section .news aside ul li.separator{
		padding:8px 15px 5px 15px;
		color:#222;
    }
	section .news aside ul li.separator:after{
		content:':';
    }
	section .news aside ul li a{
        display: block;
        background-color: #DDD;
        color: #222;
        padding: 10px 20px;
		border-radius:var(--radius3);
    }
	section .news aside.account ul li a{
        padding: 10px;
    }
    section .news aside ul li a.active{
        border-left: 6px solid #A00;
    }
    section .news aside ul li a:hover{
        background-color: #CCC;
        color: #000;
    }
    section .news aside h4{
        border-bottom: 3px solid #DDD;
        font-size: 22px;
        line-height: 40px;
        color: #666;
        padding: 0 0 10px 0;
        margin: 20px 0 0 0;
		border-radius:var(--radius3);
    }
	
	/* NEW PAGE INSTITUCIONAL */
	body.black section .new-layout.account{
		padding:0;
	}
	section .new-layout p{
		font-size: 18px;
	}
	body.black section .new-layout{
		background-color:#222;
		background-image:url(../images/bg/dark_wall.png);
		background-position:top left;
		background-repeat:repeat;
	}
	body.black section .new-layout.white{
	}
	section .new-layout .content-article.default{
		background-color:#F7F7F7;
	}
	section .new-layout:not(.account) .content-article.default .content{
		display:block;
		max-width:1200px !important;
		min-width:auto !important;
		margin:0 auto;
		padding:0 30px 0 30px;
	}
	body.black section .new-layout .new-layout{
		background:none !important;
	}
	section .new-layout .content-article{
        width:100% !important;
		max-width:100% !important;
		min-width:100% !important;
        float:none;
		clear:both;
		overflow:hidden;
    }
	section .new-layout .content-article.margin{
		padding:100px 30px 80px 30px;
		margin-top:-70px;
	}
	section .new-layout>.row{
        max-width:100% !important;
		min-width:100% !important;
		padding:0;
    }
	section .new-layout .content-article .scrolling-module{
		padding-top:70px;
		margin-top:-70px;
	}
	
	section .new-layout .content-article .full{
		overflow:hidden;
    }
	section .new-layout .content-article .full.left,
	section .new-layout .content-article .full.right{
		float:none;
	}
	section .new-layout .content-article .full .image{
		width:100%;
		height:240px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:relative;
		margin:0;
		z-index:8;
		background-color:#222;
    }
	section .new-layout .content-article .full .image .another{
		width:112%;
		height:100%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		margin:0;
		opacity:0;
		
		
		/* tempo da transicao */
		-moz-transition: opacity 2s ease-in-out 0s, transform 12s ease-in-out 0s;
		-webkit-transition: opacity 2s ease-in-out 0s, transform 12s ease-in-out 0s;
		-o-transition: opacity 2s ease-in-out 0s, transform 12s ease-in-out 0s;
		-ms-transition: opacity 2s ease-in-out 0s, transform 12s ease-in-out 0s;
		transition: opacity 2s ease-in-out 0s, transform 12s ease-in-out 0s;
		
		/*box-shadow:0px 0px 200px #F6F6F6 inset;*/	
    }
	section .new-layout .content-article .full .image .another:first-child{
		opacity:1;
    }
	section .new-layout .content-article .full .image .another.active{
		opacity:1;
    }
	section .new-layout .content-article .full.left .image{
		width:37%;
		height:600px;
		float:left;
		position:relative;
		overflow:hidden;
		margin-left:-80px;
		
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
    }
	section .new-layout .content-article .full.left .image:after{
		content:'';
		position:absolute;
		top:0;
		right:-11px;
		width:10px;
		height:100%;
		background-color:transparent;
		box-shadow:-3px 0 10px rgba(0,0,0,0.9);
	}
	section .new-layout .content-article .full.left .image:before{
		content:'';
		position:absolute;
		bottom:-10px;
		left:0;
		width:100%;
		height:10px;
		background-color:transparent;
		box-shadow:0 -1px 10px rgba(0,0,0,0.9);
		z-index:2;
	}
	section .new-layout .content-article .full.left .image .another{		
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
	section .new-layout .content-article .full.left .image .another.active{
		-webkit-transform: skew(15deg) scale(1.2,1.2);
		-ms-transform: skew(15deg) scale(1.2,1.2);
		transform: skew(15deg) scale(1.2,1.2);
    }
	
	section .new-layout .content-article .full.right .image{
		width:37%;
		height:600px;
		float:right;
		position:relative;
		overflow:hidden;
		margin-right:-80px;
		
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
	section .new-layout .content-article .full.right .image:after{
		content:'';
		position:absolute;
		top:0;
		left:-11px;
		width:10px;
		height:100%;
		background-color:transparent;
		box-shadow:3px 0 10px rgba(0,0,0,0.9);
	}
	section .new-layout .content-article .full.right .image:before{
		content:'';
		position:absolute;
		bottom:-10px;
		left:0;
		width:100%;
		height:10px;
		background-color:transparent;
		box-shadow:0 -1px 10px rgba(0,0,0,0.9);
		z-index:2;
	}
	section .new-layout .content-article .full.right .image .another{
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
		left:auto;
		right:0;
    }
	section .new-layout .content-article .full.right .image .another.active{
		-webkit-transform: skew(-15deg) scale(1.15,1.15);
		-ms-transform: skew(-15deg) scale(1.15,1.15);
		transform: skew(-15deg) scale(1.15,1.15);
    }	
	
	section .new-layout .content-article .full .content{
		padding:20px 30px;
    }
	section .new-layout .content-article .full.left .content{
		padding:20px 30px 20px 37%;
    }
	section .new-layout .content-article .full.right .content{
		padding:20px 37% 20px 30px;
    }
	section .new-layout .content-article .full .content h2{
    }
	section .new-layout .content-article .full .content h2.art{
		display:inline-block;
		margin-bottom:30px;
		width:100%;
		text-transform:none;
		margin-left:0;
    }
	section .new-layout .content-article .full .content .text h2.art{
		margin-left:15px;
	}
	section .new-layout .content-article .full .content .text{
		padding:0 30px;
    }
	section .new-layout .content-article .full .content .text.parent{
		padding:10px 30px;
		line-height:20px;
    }
	section .new-layout .content-article .full .content .text.parent .plain-cart{
		display:block;
		font-weight:normal;
		margin-top:5px;
		font-size:12px;
	}
	section .new-layout .content-article .full .content .text.parent .plain-cart #plain-cart{
		display:block;
		font-size:16px;
	}
	section .new-layout .content-article .full .content .text.parent .plain-cart #plain-cart small{
		font-size:12px;
	}
	section .new-layout .content-article .full.left .content .text{
		padding:0 30px 0 0;
    }
	section .new-layout .content-article .full.right .content .text{
		padding:0 0 0 30px;
    }
	section .new-layout .content-article .full.left .content h2.art{
		margin-left:0;
		padding-right:100px;
    }
	section .new-layout .content-article .full.right .content h2.art{
		margin-left:0;
		padding-left:100px;
    }
	section .new-layout .content-article .full.right .content h2.art i{
		left:auto;
		right:-16px;
		
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
	section .new-layout .content-article .full.right .content h2.art i:before{
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
    }
	section .new-layout .content-article .full .image h2{
		color:#FFF;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		margin:0;
		border-top: 3px solid rgba(0,0,0,0.2);
		padding-top:10px;
		background-color: rgba(0,0,0,0.6);
    }
	section .new-layout .content-article .full .image h2 span.row{
		display:block;
    }
	section .new-layout .content-article .full.red,
	section .new-layout .content-article .animatedParent.red{
		background-color:#960705;
		color:#FFF;
    }
	section .new-layout .content-article .full.white{
		background-color:#FFF;
    }
	body.black section .new-layout .content-article .full.white{
		background-color:#111;
		background-image:url(../images/bg/zwartevilt.png);
		background-position:top left;
		background-repeat:repeat;
		color:#DDD;
    }
	body.black section .new-layout .content-article .full.white.always{
		color:inherit;
    }
	body.black section .new-layout .content-article h4.highlight{
		color:#FFF;
		font-size:20px;
		font-weight:400;
	}
	body.black section .new-layout .content-article .full.white.always{
		background:none;
		background-color:#FFF;
    }
	section .new-layout .content-article .full.grey{
		background-color:#EEE;
		background-image:url(../images/bg/concrete_seamless.png);
		background-position:top left;
		background-repeat:repeat;
    }
	section .new-layout .content-article .full.black,
	section .new-layout .content-article .animatedParent.black{
		background-color:#222;
		color:#FFF;
    }
	section .new-layout .content-article .full.red p{
    }
	section .new-layout .content-article .full.red h2{
		color:#FFF;
    }
	section .new-layout .content-article .full.black h2{
		color:#FFF;
    }
	
	section .new-layout .content-article .full #photo-slide{
		padding-left:0;
		padding-right:0;
	}
	section .new-layout .content-article .full .photos-zoom{
		position:fixed;
		top:0;
		left:0;
		background-color:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		z-index:9;
		
		display:none;
	}
	section .new-layout .content-article .full .photos-zoom .loading{
		position:absolute;
		width:300px;
		height:200px;
		top:50%;
		left:50%;
		margin:-100px 0 0 -150px;
		text-align:center;
		line-height:30px;
		font-size:20px;
	}
	section .new-layout .content-article .full .photos-zoom .loading:before{
		content: url(../images/icons/load.svg);
		display:block;
		margin:20px 0;
	}
	section .new-layout .content-article .full .photos-zoom .loading:after{
		content:'Carregando...';
	}
	section .new-layout .content-article .full .photos-zoom .image{
		width:100%;
		height:100%;
		min-width:30%;
		min-height:30%;
		max-width:90%;
		max-height:75%;
		padding:0;
		margin: 0;
		position: absolute;
		top: 58%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		overflow:hidden;
		background:transparent;
	}
	.fixed-header section .new-layout .content-article .full .photos-zoom .image{
		top: 53%;
		max-height:85%;
	}
	section .new-layout .content-article .full .photos-zoom .image img{
		height:100%;
		max-width:100%;
		max-height:100%;
		border:5px solid #FFF;
		margin:0 auto;
		display:block;
		position:relative;
		opacity:0;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .photos-zoom .image img.active{
		opacity:1;
	}
	section .new-layout .content-article .full .photos-zoom .arrow{
		position:absolute;
		top:0;
		background: rgb(0,0,0);
		width:120px;
		height:100%;
		color:#666;
		line-height:160px;
		text-align:center;
		font-size:80px;
		font-weight:700;
		display:table;
		z-index:9;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .photos-zoom .arrow.left{
		left:0;
		background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}
	section .new-layout .content-article .full .photos-zoom .arrow.right{
		right:0;
		background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}
	section .new-layout .content-article .full .photos-zoom .arrow span{
		display:table-cell;
		height:100%;
		width:100%;
		vertical-align:middle;
	}
	section .new-layout .content-article .full .photos-zoom .arrow i{
		display:block;
		background-color:#FFF;
		color:#AAA;
		width:100%;
		cursor:pointer;
		margin:0;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .photos-zoom .arrow i:hover{
		transform:scale(1.3,1.3);
		color:#000;
	}
	/*
	section .new-layout .content-article .full .photos-zoom .image:after{
		content:'x';
		display:block;
		color:#FFF;
		background-color:#060606;
		border:5px solid #FFF;
		border-radius:100%;
		width:60px;
		height:60px;
		text-align:center;
		line-height:60px;
		font-size:20px;
		position:absolute;
		top:0;
		left:50%;
		margin:0 0 0 -30px;
	}
	*/
	section .new-layout .content-article .full .photos{
		overflow:hidden;
		width:100%;
		height:330px;
		position:relative;
		margin:32px 0 40px 0;
		padding:10px 0 20px 0;
	}
	section .new-layout .content-article .full .photos .items{
		position:absolute;
		top:10px;
		left:0;
		width:60000px;
		height:100%;
		padding:0 30px 0 0;
	}
	/*
	section .new-layout .content-article .full .photos:after{
		content:'';
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 70%);
		width:50px;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		z-index:3;
	}
	section .new-layout .content-article .full .photos:before{
		content:'';
		background: rgb(255,255,255);
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 70%);
		width:50px;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:3;
	}
	*/
	section .new-layout .content-article .full.black .photos:after{
		background: rgb(34, 34, 34);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(34, 34, 34,1) 70%);
	}
	section .new-layout .content-article .full.black .photos:before{
		background: rgb(34, 34, 34);
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(34, 34, 34,1) 70%);
	}
	section .new-layout .content-article .full .photos .item{
		width:auto;
		height:300px;
		float:left;
		
		border:5px solid #060606;
		margin:0 10px;
		cursor:pointer;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .photos .item:first-child{
		margin-left:35px;
	}
	section .new-layout .content-article .full .photos .item:hover{
		transform:scale(1.05,1.05);
		border:5px solid #FFF;
	}
	section .new-layout .content-article .full .photos .item img{
		height:100%;
		width:auto;
	}
	
	section .new-layout .content-article .full .valores{
		display:flex;
		padding:45px 0 20px 0;
	}
	section .new-layout .content-article .full .valores .item{
		flex:1;
		background-color:#FFF;
		margin:15px 15px 0 15px;
		padding:0;
		box-shadow:-2px 2px 4px rgba(0,0,0,0.1);
		position:relative;
	}
	section .new-layout .content-article .full .valores .item h3{
		color:#960705;
		text-align:center;
		font-size:20px;
		line-height:30px;
		background-color:#FFF;
		width:100%;
		padding:0;
		height:98px;
	}
	section .new-layout .content-article .full .valores .item h3 strong{
		display:block;
		font-weight:300;	
		position:relative;
		z-index:2;
		padding:20px 20px 0 20px;
		background-color:#FFF;
		height:100%;
		overflow:hidden;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .valores .item h3 i{
		display:block;
		color:#FFF;
		text-align:center;
		width:100%;
		font-size:80px;
		height:50px;
		line-height:80px;
		position:absolute;
		top:-65px;
		left:0;
		margin:0;
		z-index:1;
		vertical-align:text-bottom;
		font-weight:600;
		
		text-shadow:-2px 2px 4px rgba(0,0,0,0.1);
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .valores .item.red h3 i{
		color:#D93025;
	}
	section .new-layout .content-article .full .valores .item.red h3 strong{
		background-color:#D93025;
		color:#FFF;
	}
	section .new-layout .content-article .full .valores .item.blue h3 i{
		color:#1A73E8;
	}
	section .new-layout .content-article .full .valores .item.blue h3 strong{
		background-color:#1A73E8;
		color:#FFF;
	}
	section .new-layout .content-article .full .valores .item.yellow h3 i{
		color:#E37400;
	}
	section .new-layout .content-article .full .valores .item.yellow h3 strong{
		background-color:#E37400;
		color:#FFF;
	}
	section .new-layout .content-article .full .valores .item:hover h3 i{
		color:#111;
	}
	section .new-layout .content-article .full .valores .item:hover h3 strong{
		background-color:#111;
		color:#FFF;
	}
	section .new-layout .content-article .full .valores .item p{
		color:#222;
		line-height:26px;
		font-size:16px;
		padding:30px;
	}
	
	section .new-layout .content-article .full .partners{
		display:flex;
		overflow:hidden;
		padding-bottom:30px;
	}
	section .new-layout .content-article .full .partners li{
		flex:1;
		height:auto;
		margin:0 20px;
		padding:0;
		background-color:#FFF;
		color:#111;
		font-size:20px;
		line-height:30px;
		text-align:center;
		box-shadow:-2px 2px 4px rgba(0,0,0,0.1);
	}
	section .new-layout .content-article .full .partners li .image{
		height:155px;
		line-height:105px;
		display:block;
		margin:0;
		padding:20px 0;
		width:100%;
		background:none;
		border-bottom:1px solid #FFF;
	}
	section .new-layout .content-article .full .partners li img{
		width:auto;
		max-width:140px;
		max-height:105px;
		vertical-align:middle;
	}
	section .new-layout .content-article .full .partners li img.bigger{
		max-width:214px;
	}
	section .new-layout .content-article .full .partners li a{
		color:#111;
		display:block;
		height:100%;
	}
	section .new-layout .content-article .full .partners li a:hover{
		background-color:#F7F7F7;
	}
	section .new-layout .content-article .full .partners li a .link{
		display:inline-block;
		width:auto;
		height:auto;
		padding:10px 20px;
		background-color:#DDD;
		font-size:16px;
		margin:30px 0;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout .content-article .full .partners li a:hover .link{
		transform:scale(1.1);
		background-color:#222;
		color:#FFF;
	}
	section .new-layout .content-article .full .partners li strong{
		background-color:#FFF;
		border-top:1px solid #DDD;
		border-bottom:1px solid #DDD;
		padding:15px;
		display:block;
	}
	section .new-layout .content-article .full .partners li.list a{
		font-size:16px;
		margin:0;
		padding:0 20px;
		border-bottom:1px solid #DDD;
		text-align:left;		
		line-height:50px;
		height:auto;
	}
	section .new-layout .content-article .full .partners li.list a:last-child{
		border:none;
		margin-bottom:0;
	}
	section .new-layout .content-article .full .partners li.list .link{
		padding:2px 10px;
		font-size:14px;
		margin:8px 0 0 0;
		float:right;
		line-height:30px;
	}
	section .new-layout .content-article .full .partners li .link:before{
		content:'\27a6';
		font-family: "entypo";
		margin:0 10px 0 -5px;
	}
	
	section .new-layout .content-article .full .text.location iframe{
		width:100%;
		border:5px solid #060606;
		height:600px;
	}
	section .new-layout .content-article .full.red h2.art3{
		border-color:#5b0f0f;
	}
	section .new-layout .content-article .full .text.location{
		padding-bottom:50px;
	}
	section .new-layout .content-article .full .text.location h5{
		color:#FFF;
		text-align:left;
		font-size:20px;
		line-height:26px;
		background-color:transparent;
		padding:15px 0 15px 80px;
		position:relative;
		overflow:hidden;
	}
	section .new-layout .content-article .full .text.location :not(button)>i{
		display:inline-block;
		background-color:rgba(0,0,0,0.5);
		color:#FFF;
		position:absolute;
		top:0;
		left:-20px;
		width:77px;
		padding:0 0 0 20px;
		height:57px;
		line-height:56px;
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
	}
	section .new-layout .content-article .full .text.location i:before{
		display:inline-block;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
	section .new-layout .content-article .full .text.location p{
		color:#FFF;
		text-align:left;
		margin-bottom:30px;
		background-color:rgba(0,0,0,0.5);
		padding:15px 15px 15px 80px;
	}
	/* END NEW PAGE INSTITUCIONAL */
    
        /* PROFESSORS */
        section .news .row.staff{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10px;
        }
        section .news .row.staff:before{
            display: none;
        }
        section .news .row.staff .person{
            padding: 5px;
        }
        section .news .row.staff .person .box{
            background-color: #FFF;
            padding: 12px;
            overflow: hidden;
            height: 100%;
            max-height: 450px;
            position: relative;
            cursor: pointer;
            box-shadow: 2px 2px 3px #DDD;
        }
        section .news .row.staff .person .box.active{
            max-height: 100% !important;
        }
        section .news .row.staff .person .box:hover{
            background-color: #d30301;
        }
        section .news .row.staff .person .box:hover h3,
        section .news .row.staff .person .box:hover p{
            color: #FFF;
        }
        section .news .row.staff .person .box:hover h3 .image{
            border-color: #FFF;
        }
        section .news .row.staff .person .box:hover:after{
            background: #d30301;
            background: -webkit-linear-gradient(bottom, #d30301 40%, rgba(255,255,255,0) 100%);
            background: -o-linear-gradient(bottom, #d30301 40%, rgba(255,255,255,0) 100%);
            background: linear-gradient(to top, #d30301 40%, rgba(255,255,255,0) 100%);
        }
        section .news .row.staff .person .box:after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30px;
            background: rgb(255,255,255);
            background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
            background: -o-linear-gradient(bottom, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
            background: linear-gradient(to top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
        }
        section .news .row.staff .person .box h3{
            margin: 0 0 10px 0;
            padding: 0;
        }
        section .news .row.staff .person .box h3 .image{
            display: block;
            border: 3px solid #d30301;
            background-color: #FFF;
            overflow: hidden;
            line-height: normal;
            margin: 0 0 8px 0;
            clear: both;
            text-align: center;
        }
        section .news .row.staff .person .box h3 .image img{
            display: block;
            margin: 0 auto;
            padding: 0;
            width: 100%;
        }
        section .news .row.staff .person .box h3 .name{
            display: block;
            font-size: 16px;
            line-height: 22px;
            text-align: left;
            margin: 0 0 10px 0;
        }
        section .news .row.staff .person .box h3 .title{
            display: block;
            font-size: 14px;
            line-height: 16px;
            font-weight: bold;
            text-align: left;
        }
        section .news .row.staff .person .box h3 .title i{
            margin: 0 5px 0 0;
            padding: 0;
        }
        section .news .row.staff .person .box .content p{
            display: block;
            font-size: 12px;
            line-height: 18px;
            overflow: hidden;
        }
        /* END PROFESSORS */
        
        /* ABOUT EMD */
        section .news .row.valores h2{
            background-color: #FFF;
            text-align: center;
            padding: 15px 20px;
            color: #d30301;
        }
        section .news .row.valores h2:before{
            content: "\1f3c6";
            font-family: "entypo";
            margin-right: 10px;
        }
        section .news .row.valores h3{
            text-align: center;
            font-size: 18px;
            line-height: 24px;
            height: 110px;
            margin-top: -10px;
        }
        section .news .row.valores h3:before{
            content: "\1f44d";
            display: block;
            font-family: "entypo";
            margin-right: 10px;
            font-size: 25px;
            line-height: 40px;
        }
        section .news .row.valores .columns:first-child h3:before{
            content: "\1f465";
        }
        section .news .row.valores .columns:last-child h3:before{
            content: "\1f4bc";
        }
        section .news .row.valores p{
            line-height: 22px;
            font-size: 14px;
        }
        /* END ABOUT EMD */
		
	/* ALL COURSES */
	section .new-layout.course.all ul.list{
		display:block;
		width:100%;
		overflow:hidden;
		margin:0;
		padding:40px 100px 90px 100px;
		background-color:#111;
		text-align:center;
	}
	section .new-layout.course.all .account-content ul.list{
		padding:20px 0 0 0;
		background-color:transparent;
		overflow:visible;
	}
	section .new-layout.course.all ul.list li{
		width:23%;
		margin:0 0.9%;
		padding:0;
		/*float:left;*/
		display:inline-block;
	}
	section .new-layout.course.all ul.list li:first-child{
		margin-left:0;
	}
	section .new-layout.course.all ul.list li:last-child{
		margin-right:0;
	}
	section .new-layout.course.all ul.list li a{
		display:block;
		width:100%;
		height:700px;
		background-color:#222;
		text-align:center;
		padding:320px 0 0 0;
		
		background-position:center center;
		background-size:cover;
		
		position:relative;
	}
	section .new-layout.course.all .account-content ul.list li a{
		/*
		height:370px;
		padding:0;
		*/
		padding-top:220px;
		height:570px;
	}
	section .new-layout.course.all ul.list li:first-child a{
		border-left:none;
	}
	section .new-layout.course.all ul.list:hover li a{
	}
	section .new-layout.course.all ul.list li a:hover{
		background-color:#000;
	}
	section .new-layout.course.all ul.list li h2{
		color:#FFF;
		border:none;
		margin:0 0 0 -3%;
		width:106%;
		background-color:#FFF;
		padding:20px 0;
		color:#222;
		box-shadow:0 -2px 5px rgba(0,0,0,0.5);
		font-size:26px;
		line-height:32px;
		position:relative;
		z-index:2;
		
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
	}
	section .new-layout.course.all ul.list li h2 span{
		display:block;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
	section .new-layout.course.all .account-content ul.list li h2{
		padding:10px 0;
		font-size:20px;
	}
	section .new-layout.course.all ul.list li h3{
		color:#FFF;
		margin:10px 0 0 0;
		text-shadow:1px 1px 1px #000;
	}
	section .new-layout.course.all .account-content ul.list li h3{
		font-size:16px;
	}
	section .new-layout.course.all ul.list li .content{
		background-color:rgba(0,0,0,0.5);
		clear:both;
		overflow:hidden;
		padding-bottom:50px;
		position:relative;
		z-index:2;
	}
	section .new-layout.course.all .account-content ul.list li .content{
		padding-bottom:40px;
	}
	section .new-layout.course.all ul.list li .image{
		background-color:transparent;
		background-position:left top;
		background-repeat:no-repeat;
		background-size:cover;
		width:100%;
		height:100%;
		margin:0;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		opacity:0.5;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	section .new-layout.course.all .account-content ul.list li .image{
	}
	section .new-layout.course.all ul.list li a:hover .image{
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		opacity:1;
	}
	section .new-layout.course.all ul.list li p{
		padding:20px 30px;
		height:140px;
		color:#FFF;
		font-size:16px;
		line-height:24px;
		text-shadow:1px 1px 1px #000;
	}
	section .new-layout.course.all .account-content ul.list li p{
		font-size:14px;
		line-height:22px;
		padding:10px 20px;
	}
	section .new-layout.course.all ul.list li span.more{
		background-color:#FFF;
		color:#111;
		padding:15px 30px;
		display:inline-block;
		border-radius:var(--radius0);
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;		
	}
	section .new-layout.course.all ul.list li span.more span{
		display:block;
	}
	section .new-layout.course.all ul.list li a:hover span.more{
		transform:scale(1.1);
	}
	/* END ALL COURSES */
    
    /* END ARTICLE NEWS */
	
	/* VIDEO */
    article.video.row{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 0;
    }
	article.video.row .content{
		width:75%;
		float:left;
		height:auto;
        margin: 0;
        padding: 0;
		/*position:absolute;*/
	}
    article.video.row.hidden .content{
		width:100%;
	}
		/* nav disciplinas */
		article.video.row .course{
			width:25%;
            height: 100% !important;
            padding-top: 73px;
			float:left;
			background-color:#F4F4F4;
			position:fixed;
			top:0;
			right:0;
			overflow:auto;
            z-index: 9;
            border-left: 1px solid #DDD;
			
			-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
			   -moz-user-select: none; /* Old versions of Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										  supported by Chrome, Opera and Firefox */
                                          
            /* tempo da transicao */
            -moz-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
		}        
        article.video.row.hidden .course{
			width:1px;
		}
        article.video.row.hidden .course .container{
            overflow: hidden;
		}
        article.video.row.hidden .course .items,
        article.video.row.hidden .course h2{
            display: none;
		}
        article.video.row a#hide-sections .icon-left-open-big,
        article.video.row.hidden a#hide-sections .icon-right-open-big{
            display: none;
		}
        article.video.row a#hide-sections .icon-right-open-big,
        article.video.row.hidden a#hide-sections .icon-left-open-big{
            display: inline-block;
		}
        article.video.row a#hide-sections span.smaller,
        article.video.row.hidden a#hide-sections span.bigger{
            display: none;
		}
        article.video.row a#hide-sections span.bigger,
        article.video.row.hidden a#hide-sections span.smaller{
            display: inline-block;
		}
		article.video.row .course h2{
            display: none;
			background-color:transparent;
			color:#222;
			font-size:20px;
			line-height:20px;
			padding:15px;
			margin:0;
			border-bottom:3px solid #DDD;	
			border-radius:0;
            position: relative;
            text-align: center;
		}
        article.video.row a#hide-sections{
            border:1px solid #DDD;
            display: block;
            height: 64px;
            line-height: 64px;
            min-width: 50px;
            width: auto;
            text-align: center;
            z-index: 999;
            overflow: hidden;
            margin-right: -30px;
		}
        article.video.row a#hide-sections span{
            font-size: 12px;
            float: none;
		}
        article.video.row a#hide-sections i{
            width: auto;
            margin: 0;
            padding: 0;
            margin-right: 10px;
		}
		article.video.row .course .container{
            overflow-y:auto;
            position: relative;
            top: 0;
            left: 0;
            height: 100%;
		}
        article.video.row .course .container>ul{
			padding:0;
			margin:0;
		}
		article.video.row .course .container>ul>li{
			border-bottom:1px solid #DDD;
			padding:0;
			display:block;
			overflow:hidden;
		}
		article.video.row .course .container>ul>li>span{
			display:block;
			padding:15px 40px 15px 15px;
			font-size:16px;
			line-height:20px;
			position:relative;
			text-align:left;
			cursor:pointer;
            font-weight: bold;
            color: #222;
		}
		article.video.row .course .container>ul>li>span i{
			position:absolute;
			right:5px;
			top:15px;			
		}
        article.video.row .course .container>ul>li>span small{
            font-size: 12px;
            line-height: 20px;
            margin-top: 3px;
            display: block;
            font-weight: normal;
		}
        article.video.row .course .container>ul>li>span small .new{
            display: inline-block;
            border: none;
            background-color: #6C0A09;
            padding: 3px 10px;
            margin-left: 5px;
            color: #FFF;
			border-radius:var(--radius0);
		}
		article.video.row .course .container>ul>li>span:hover{
			background-color:#DDD;
		}
		article.video.row .course .container>ul>li ul{
			background-color:#FFF;
			margin:0 !important;
			padding:0 !important;
			display:none;
		}
		article.video.row .course .container>ul>li.active ul{
			display:block;
		}
		article.video.row .course .container>ul>li>span>i{
			display:none;
		}
		article.video.row .course .container>ul>li>span>i.icon-down-open-big{
			display:block;
		}
		article.video.row .course .container>ul>li.active>span>i.icon-down-open-big{
			display:none;
		}
		article.video.row .course .container>ul>li.active>span>i.icon-up-open-big{
			display:block;
		}
		article.video.row .course .container>ul>li ul>li{
            padding: 0;
			font-size:14px;	
		}
        article.video.row .course .container>ul>li ul>li.current{
            background-color: #222;
		}
        article.video.row .course .container>ul>li ul>li.current a{
            color: #FFF;
		}
        article.video.row .course .container>ul>li ul>li a{
            padding:13px 15px 10px 50px;
            display: block;
            color: #333;
            line-height: 20px;
		}
        article.video.row .course .container>ul>li ul>li a:hover{
            background-color: rgba(0,0,0,0.7);
            color: #FFF;
		}
		article.video.row .course .container>ul>li ul>li:hover{		
		}
		article.video.row .course .container>ul>li ul>li .field{
            float: left;
		}
        article.video.row .course .container>ul>li ul>li .field span{
			background-color:#FFF;
			color:#FFF;
			border-radius:2px;
			width:20px;
			height:20px;
			text-align:center;
			border:1px solid #DDD;
			margin:10px 15px 10px 15px;
		}
		article.video.row .course .container>ul>li ul>li .field .checked span{
			background-color:#990a09;
			border:1px solid #660a09;
		}
		article.video.row .course .container>ul>li ul>li .field span i{
			margin:0;
			padding:0;
			line-height:20px;
			display:block;
			top:-1px;
			left:-1px;
		}
		article.video.row .course .container>ul>li ul>li .minute{
			display:block;
			font-size:12px;
			line-height:12px;
			margin:10px 0 5px 0;
		}
		article.video.row .course .container>ul>li ul>li .minute i{
			margin:0px 3px 0 0;
			padding:0;
            font-size: 18px;
            display:inline-block;
            position: relative;
            top:1px;
            /*
            min-width:auto;
            width:16px;
            height:16px;
			line-height:16px;
			background-color:#DDD;
			color:#FFF;
            border-radius:100%;
            display:inline-block;
            */
		}
		article.video.row .course .container>ul>li ul>li:hover .minute i{
            /*
			background-color:#FFF;
            */
			color:#f4e1e1;
		}
        
            /* CHAT */
            article.video.row nav.course .chat h2{
                display: block;
            }
            article.video.row nav.course .chat .message{
                position: absolute;
                bottom:0;
                left: 0;
                padding: 15px;
                border-top:2px solid #DDD;
                width: 100%;
                font-size: 14px;
                line-height: 14px;
            }
            article.video.row nav.course .chat .message .loading.main.total{
                display: none;
                margin-bottom: 0 !important;
            }
            article.video.row nav.course .chat .message .loading.main.total .row{
                bottom: 0;
            }
            article.video.row nav.course .chat .message .loading img{
                height: 70px;
            }
            article.video.row nav.course .chat .message form{
                position: relative;
                /*overflow: hidden;*/
                margin-bottom: 0;
            }
            article.video.row nav.course .chat .message ul{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }
            article.video.row nav.course .chat .message .profile-photo{
                float: left;
                width:70px;
                height: 70px;
                margin-right: 10px;
                border: 2px solid #DDD;
            }
            article.video.row nav.course .chat .message .field{
                margin: 12px 50px 0 80px;
            }
            article.video.row nav.course .chat .message .field input{
                font-size: 14px;
            }
            article.video.row nav.course .chat .message button{
                height: 44px;
                line-height: 44px;
                width: 50px;
                margin: 26px 0 0 0;
            }
            
            article.video.row nav.course .chat .content .item .profile-photo{
                float: left;
                width:35px;
                height: 35px;
                margin-right: 10px;
                border: 1px solid #DDD;
                overflow: hidden;
            }
            article.video.row nav.course .chat .content .item strong{
                margin-right: 5px;
                font-size: 13px;
                color: #666;
            }
            article.video.row nav.course .chat .content .item span{
                color: #222;
            }
            article.video.row nav.course .chat .content{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 53px 0 100px 0;
                overflow: hidden;
                
                -webkit-touch-callout: text; /* iOS Safari */
                -webkit-user-select: text; /* Safari */
                 -khtml-user-select: text; /* Konqueror HTML */
                   -moz-user-select: text; /* Old versions of Firefox */
                    -ms-user-select: text; /* Internet Explorer/Edge */
                        user-select: text; /* Non-prefixed version, currently
                                              supported by Chrome, Opera and Firefox */
            }
            article.video.row nav.course .chat .content .items{
                display: block;
                width: 100%;
                padding: 20px;
                overflow-y: auto;
                overflow-x: hidden;
                height: 100%;
                background-color: #FFF;
            }
            article.video.row nav.course .chat .content .item{
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 15px;
                clear: left;
                overflow: hidden;
            }
            article.video.row nav.course .chat .content .item.removed span{
                font-style: italic;
                color: #999;
            }
            /* END CHAT */
        
		/* end nav disciplinas */
	article.video.row .player_wrapper{
		width:100%;
		height:auto;
		position:relative;
		background-color:#000;
		overflow:hidden;
	}
    article.video.row .player_wrapper .row{
        max-width: 100% !important;
        margin: 0 auto !important;
	}
	article.video.row .player_wrapper #video_player{
	}
    article.video.row .player_wrapper iframe{
        width: 100%;
        height: 700px;
	}
    article.video.row .player_wrapper #youtubeb{
        display: none;
        width: 100%;
        height: 100px;
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
    }
	/* feedback*/
	article.video.row .player_wrapper .feedback{
		position:absolute;
		top:0;
		left:0;
		z-index:9999;
		width:100%;
		height:auto;
		background-color:rgba(0,0,0,0.8);
		padding:30px;
		display:none;
	}
	article.video.row .player_wrapper .feedback h2{
		text-align:center;
		color:#FFF;
	}
	article.video.row .player_wrapper .feedback .options{
		text-align:center;
	}
	article.video.row .player_wrapper .feedback .options p{
		font-size:30px;
		text-align:center;
		color:#FFF;
	}
	article.video.row .player_wrapper .feedback .options .star{
		font-size:80px;
		line-height:100px;
	}
	article.video.row .player_wrapper .feedback .options .star.active{
		color:#FC0;
	}
	article.video.row .player_wrapper .feedback .options .star:before{
		content:'\2606';
		font-family: "entypo";
	}
	article.video.row .player_wrapper .feedback .options .star.active:before{
		content:'\2605';
	}
	#aula .tab-content .feedback-form .forum .item .options label{
		border:1px solid #DDD;
		padding:10px;
	}
	#aula .tab-content .feedback-form .forum .item .options label.selected{
		font-weight:bold;
		color:#000;
		border-color:#000;
	}
	/* END VIDEO */

	
	article.video.row.list{
		padding:0 20px 40px 20px;
		overflow:hidden;
		height:auto;
    }
	article.video.row.list .content{
		width:100%;
    }
	article.video.row.list .content ul.items li ul{
		display:block;
		overflow:hidden;
		margin:0;
		padding:0;
    }
	article.video.row.list .conten ul.items>li>span{
		display:block;
		border-bottom: 3px solid #d30301;
		font-size: 24px;
		color: #222;
		line-height: 30px;
		padding: 0 0 5px 0;
		margin: 20px 0;
		font-family: "Open Sans";
		font-weight: 300;
		overflow:hidden;
    }
	article.video.row.list .content ul.items>li>span strong.new{
		float:right;
		background-color:var(--primary);
		color:#FFF;
		padding:0 15px;
		font-size:11px;
		border-radius:0;
		position:absolute;
		top:0;
		right:0;
		height:100%;
		line-height:36px;
    }
	article.video.row.list .content ul.items>li>span small{
		padding:0 15px;
		font-weight:bold;
		vertical-align:top;
    }
	article.video.row.list .content ul.items li ul li{
		display:block;
		float:left;
		width:240px;
		height:auto;
		margin:10px;
		padding:0;
		border:1px solid #AAA;
		position:relative;
		border-radius:var(--radius1);
		overflow:hidden;
    }
	article.video.row.list .content ul.items li ul li.new{
		border:1px solid #d30301;
    }
	article.video.row.list .content ul.items li ul li.live{
		border:1px solid #0099ff;
    }
	article.video.row.list .content ul.items li ul li.new a{
		/*background-color:#F36B6D;*/
		background-color:#FFF;
    }
	article.video.row.list .content ul.items li ul li.live:before{
		content:'AO VIVO';
		font-size:20px;
		line-height:24px;
		float:right;
		background-color:#0099ff;
		color:#FFF;
		padding:10px;
		margin:0 0 0 5px;
		position:relative;
		z-index:5;
		border-radius:0 0 0 5px;
		animation: blinker_live 1s linear infinite;
    }
	@keyframes blinker_live {
	  50% {
		color: #012245;
	  }
	}
	article.video.row.list .content ul.items li ul li.new.next:before{
		display:none;
		content:'PRÓXIMA AULA';
		background-color:#0303D1;
    }
	article.video.row.list .content ul.items li ul li a{
		display:block;
		width:100%;
		height:auto;
		padding:11px 15px 15px 15px;
		font-size:12px;
		line-height:16px;
		color:#111;
		background-color:#FFF;
		margin:0;
    }
	article.video.row.list .content ul.items li ul li a:hover{
		background-color:#DDD;
    }
	article.video.row.list .content ul.items li ul li .title{
		display:block;
		height:48px;
		overflow:hidden;
		font-weight:bold;
    }
	article.video.row.list .content ul.items li ul li .professor{
		display:block;
		margin:10px 0;
		height:32px;
    }
	article.video.row.list .content ul.items li ul li.new.next .professor{
		display:none;
    }
	article.video.row.list .content ul.items li ul li .professor span{
		float:left;
		display:block;
		width:32px;
		height:32px;
		border:none;
		/*box-shadow:1px 1px 3px rgba(0,0,0,0.7);*/
		margin-right: 10px;
		background-position:center;
		background-size:cover;
		border-radius:100%;
    }
	article.video.row.list .content ul.items li ul li .type{
		display:block;
		height:16px;
		margin-bottom:5px;
    }
	article.video.row.list .content ul.items li ul li.new.next .type{
		display:none;
    }
	article.video.row.list .content ul.items li ul li .type i{
		margin:0;
		padding:0;
		min-width:auto;
		margin:0 5px 0 0;
    }
	article.video.row.list .content ul.items li ul li .type .minute{
		float:right;
    }
	article.video.row.list .content ul.items li ul li.new.next .progress{
		display:none;
    }
	article.video.row.list .content ul.items li ul li .progress{
		width:100%;
		display:block;
		height:10px;
		background-color:#EEE;
		overflow:hidden;
		border-radius: var(--radius0);
    }
	article.video.row.list .content ul.items li ul li .progress .current{
		width:0%;
		display:block;
		height:10px;
		background-color:#3085d6;
    }
	article.video.row.list .content ul.items li ul li .progress .current.complete{
		background-color:#58c026;
    }
	article.video.row.list .content ul.items li ul li .progress-caption{
		width:100%;
		display:block;
		height:16px;
		line-height:16px;
		overflow:hidden;
		font-weight:bold;
		text-align:right;
    }
	article.video.row.list .content ul.items li ul li.new.next .progress-caption{
		display:none;
    }
	article.video.row.list .content ul.items li ul li .progress-caption i{
		margin:0;
		padding:0;
		min-width:auto;
		margin:0 2px 0 0;
    }
	article.video.row.list .content ul.items li ul li .progress-caption .text-right{
		width:0%;
		display:block;
    }
	article.video.row.list .content ul.items li ul li .progress-caption .text-right span{
		display:inline-block;
    }
	article.video.row.list .content ul.items li ul li .icons{
		margin:10px 0 0 0;
		width:100%;
		display:block;
		height:35px;
		line-height:16px;
    }
	article.video.row.list .content ul.items li ul li .icons span{
		float:left;
		width:auto;
		font-size:12px;
		background-color:#FFF;
		padding:10px;
		margin:0 2px;
		color:#666;
		border-radius:var(--radius3);
    }
	article.video.row.list .content ul.items li ul li .icons span:hover{
		background-color:#111 !important;
		color:#FFF !important;
    }
	article.video.row.list .content ul.items li ul li .icons span.new{
		color:#000;
		font-weight:bold;
		font-size:14px;
		background-color:#EEE;
		position:relative;
    }
	article.video.row.list .content ul.items li ul li .icons span.new:before{
		position:absolute;
		content:'';
		width: 8px;
		height: 8px;
		top:0;
		right: -3px;
		display:block;
		padding:1px 2px;
		background-color:#FFA400;
		color:#FFF;
		font-size:10px;
		font-weight:normal;
		border-radius:var(--radius1);
    }
	/*
	article.video.row.list .content ul.items li ul li.new .icons span.new:before{
		display:none;
    }
	*/
	article.video.row.list .content ul.items li ul li .icons span i{
		margin:0 5px 0 0;
		padding:0;
		min-width:auto;
    }
	article.video.row.list .content ul.items li ul li .icons span:first-child{
		margin-left:0;
    }
		/* MAIN PAGE */
		article.video.row.list.main .content #aula{
			margin-left:410px;
			margin-bottom:0;
			width:auto;
			overflow:hidden;
		}
		article.video.row.list.main .content #aula .tab-nav{
			padding:0;
		}
		article.video.row.list.main .content #aula .tab-nav li{
			margin-right:0;
		}
		article.video.row.list.main .content #aula .tab-nav li a{
			padding-right:7px;
			/*border-radius:var(--radius4);*/
		}
		article.video.row.list.main .content #aula p{
			font-size:14px;
			line-height:24px;
		}
		article.video.row.list.main .content ul.items{
			margin-top:15px;
			float:left;
			background-color:#FFF;
			border-radius:var(--radius1);
		}
		article.video.row.list.main .content ul.items>li{
			padding-bottom:0;
		}
		article.video.row.list.main .content ul.items.access{
			float:none;
			background-color:transparent;
			margin:0;
		}
		article.video.row.list.main .content ul.items.history{
			float:none;
			background-color:transparent;
			margin:0;
		}
		article.video.row.list.main .content ul.items li ul li{
			width:396px;
			margin:0;
			float:left;
			z-index: 1;
		}
		article.video.row.list.main .content ul.items.access li ul li{
			margin:0;
			width:49.5%;
			/*
			display:block;
			float:none;
			*/
		}
		article.video.row.list.main .content ul.items.access li ul li.news{
			margin:0 0 0 1%;
			width:49.5%;
			padding: 0 15px 15px 15px;
			border:none;
		}
		article.video.row.list.main .content ul.items.access li ul li.news h4{
			font-size: 18px;
			line-height: 24px;
			font-weight:bold;
			color:#111;
			margin-bottom:10px;
			padding:0;
		}
		article.video.row.list.main .content ul.items.access li ul li.news p{
			font-size:14px !important;
			line-height:20px !important;
			color:#111;
			background-color:#E2E2E2;
			padding:12px 15px;
			margin:0 0 10px 0;
			border-radius:var(--radius1);
		}
		article.video.row.list.main .content ul.items.access li ul li.news p .btn{
			height:40px;
			line-height:40px;
			font-size:16px;
			margin-top:12px;
			margin-bottom:6px;
		}
		article.video.row.list.main .content ul.items.access li ul li.news p .btn.primary{
			border-color:1px solid #060;
			background-color:#0C3;
			color:#FFF;
		}
		article.video.row.list.main .content ul.items.access li ul li.news p.warning{
			background-color:#FFF;
			border:3px solid #DDD;
		}
		article.video.row.list.main .content ul.items.access li ul li.news p:last-child{
			margin:0;
		}
		article.video.row.list.main .content ul.items.access li ul li.news p span.title-classroom{
			display:block;
			font-size:13px;
			line-height:16px;
			color:#555;
			margin:4px 0 4px 0;
		}
		article.video.row.list.main .content ul.items.history li ul li{
			width:24.5%;
			margin:0 0.65% 0 0;
		}
		article.video.row.list.main .content ul.items.history li ul li:last-child{
			/* margin:0; */
		}
		article.video.row.list.main .content ul.items.history li ul li.new.next{
			border:1px solid #4a4d50;
			width:100%;
			margin:10px 0 0 0;
		}
		article.video.row.list.main .content ul.items.history li ul li.new.next a{
			background-color:#DDD;
			cursor:default !important;
		}
		article.video.row.list.main .content ul.items li ul li .image{
			display:block;
			width:394px;
			height:394px;
			background-size:cover;
			background-position:top center;
			background-repeat:no-repeat;
			margin:0;
		}
		article.video.row.list.main .content ul.items li ul li .title{
			font-size:18px;
			line-height:24px;
			height:auto;
		}
		article.video.row.list.main .content ul.items.history li ul li .title{
			font-size:12px;
			line-height:16px;
			height:65px;
			overflow:hidden;
			color:#111;
		}
		article.video.row.list.main .content ul.items.history li ul li.new.next .title{
			height:auto;
			margin:56px 0 8px 0;
			font-size:16px;
			line-height:20px;
			text-align:center;
		}
		article.video.row.list.main .content ul.items.history li ul li .title small{
			font-size:12px;
			font-weight:normal;
		}
		article.video.row.list.main .content ul.items.history li ul li.new.next .title small{
			background-color:#4a4d50;
			color:#FFF;
			position:absolute;
			top:0;
			left:0;
			display:block;
			line-height:24px;
			font-size:20px;
			font-weight:normal;
			width:50%;
			padding:10px 0;
		}
		article.video.row.list.main .content ul.items.history li ul li.new.next .title small:before{
			content:'PRÓXIMA AULA:';
			displaY:block;
			width:100%;
			font-size:14px;
		}
		article.video.row.list.main .content ul.items li ul li .continue{
			display:block;
			margin-top:15px;
			font-size:14px;
			padding:3px 0 !important;
			height:auto;
			border-radius:var(--radius0);
		}
		
		/*
		article.video.row.list.main .content ul.items .content{
			display:block;
			height:auto;
			width:100%;
			float:none;
			padding:15px;
		}
		
		article.video.row.list.main .content ul.items .content>span{
			color:#444;
			font-size:14px;
			line-height:20px;
			margin:0 0 20px 0;
		}
		*/
		article.video.row.list.main .content ul.items .content a.btn.general,
		article.video.row.list.main .buttons.history a.btn.general{
			background-color:#4a4d50;
			padding:15px 0 !important;
			color:#FFF;
			font-size:14px;
			border-radius:var(--radius0);
		}
		article.video.row.list.main .buttons.history a.btn.general{
			padding:0 15px 0 0 !important;
		}
		article.video.row.list.main .buttons.history{
			text-align:right;
			margin-top:10px;
		}
		article.video.row.list.main .content ul.items .content a.btn.general:hover,
		article.video.row.list.main .buttons.history a.btn.general:hover{
			background-color:#63676a;
		}
		article.video.row.list.main .content ul.items .content strong{
			display:block;
			color:#222;
			font-size:16px;
			margin-bottom:5px;
		}
		

		article.video.row.list.main .content ul.items .content .progress{
			height:auto;
			background-color:transparent;
			border-radius:0;
		}
		article.video.row.list.main .content ul.items .content .progress .bar{
			height:10px;
			width:100%;
			display:block;
			background-color:#EEE;
			border-radius: var(--radius0);
			overflow: hidden;
		}
		
		article.video.row.list.main .content ul.items .content .progress.tcc{
			margin:20px 0 5px 0;
		}
		article.video.row.list.main .content ul.items .content .progress.tcc strong .normal{
			font-weight:normal;			
		}
		article.video.row.list.main .content ul.items .content .progress.tcc a.btn{
			padding:15px !important;	
			font-size:14px;	
			text-transform:uppercase;
			border-radius:var(--radius0);
		}
		
		article.video.row.list.main .content .search-user, article.video.row.list.main .content .search-forum{
			margin-top:0;
		}
		article.video.row.list.main .content .search-forum input{
			border-radius:var(--radius2) 0 0 var(--radius2);
		}
		article.video.row.list.main .content .search-forum button{
			border-radius:0 var(--radius0) var(--radius0) 0;
		}
		article.video.row.list.main .content #aula .tab-nav li.active > a,
		article.video.row .content #aula .tab-nav li.active > a{
			color:#222;
		}		
		article.video.row.list.main .content #aula .tab-content{
			padding:15px 15px 20px 15px;
		}		
		article.video.row.list.main .content #aula .tab-content h2{
			margin-top:0;
		}
		article.video.row.list.main .content #aula .tab-content .full .profile-url.columns.six{
			width:100%;
			margin-left:0 !important;
			margin-right:0 !important;
		}		
		
		article.video.row.list.main .content #aula .module h2{
			margin-top:20px;
		}
		article.video.row.list.main .content #aula .module h3{
			margin-top:0;
			display:block;
			border:none;
			padding-top:10px;
			padding-bottom:10px;
			padding-left:10px;
			background-color:#4a4d50;
			color:#FFF;
		}
		article.video.row.list.main .content #aula .module ul{
			overflow:hidden;
			float:none;
			margin-bottom:0;
		}
		article.video.row.list.main .content #aula .module ul li strong{
			display: inline-block;
			width: 130px;
			height: 100%;
			padding: 8px 0;
			line-height: 18px;
			text-align: center;
			background-color: #B70602;
			color: #FFF;
			font-size: 12px;
			float: left;
			position: absolute;
			top: 0;
			left: 0;
		}
		article.video.row.list.main .content #aula .module ul li strong.enable{
			background-color: #EEE;
			color: #222;
			/*line-height: 18px; *//* 32 */
		}
		article.video.row.list.main .content #aula .module ul li{
			background-color: #FFF;
			height: auto;
			min-height:52px;
			line-height: 18px !important;
			overflow: hidden;
			margin-bottom: 5px;
			color: #222;
			position: relative;
			padding: 8px 8px 8px 140px;
			font-size:14px;
		}
		/* END MAIN PAGE */
		/* TCC PAGE MAIN */
		article.video.row.list.main .tcc-tab{
			position:relative;
		}
		article.video.row.list.main .tcc-tab button.back{
			height:60px;
			line-height:60px;
			position:absolute;
			top:4px;
			right:4px;
		}
		article.video.row.list.main .tcc-tab iframe{
			width:100%;
			height:705px;
		}
		/* PROFESSOR VIEW */
		article.video.row.list.main .tcc-tab .box.students{
			
		}
		article.video.row.list.main .tcc-tab .box.students h4{
			border-bottom:1px solid #DDD;
			padding:0 0 10px 0;			
		}
		article.video.row.list.main .tcc-tab .box.students .item{
			border-bottom:1px solid #F00;
			padding:20px;
			font-size:14px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon{
			display:inline-block;
			padding:10px;
			background-color:#DDD;
			margin:0 0 4px 0;
			color:#000;
			line-height:18px;
			font-size:12px;
			position:relative;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon.new{
			border:2px solid #D00;
			background-color:#F7F7F7;
			font-weight:bold;
			margin-top:7px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon.new:after{
			content:'NOVO';
			position:absolute;
			top:-10px;
			right:-10px;
			padding:7px;
			font-size:10px;
			line-height:10px;
			color:#FFF;
			background-color:#D00;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon:hover{
			background-color:#222;
			color:#FFF;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon i{
			margin:0 5px 0 0;
			padding:0;
			font-size:18px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon-theory{
			display:block;
			background-color:#F7F7F7;
			margin:10px 0 0 0;
			font-size:12px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon-theory .button{
			display:block;
			padding:10px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon-theory .button i{
			margin:0;
			padding:0;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon-theory p{
			margin:0;
			padding:0 25px 25px 25px;
		}
		article.video.row.list.main .tcc-tab .box.students .item .icon-theory p strong{
			display:block;
			margin-bottom:2px;
		}
		/* END PROFESSOR VIEW */
		article.video.row.list.main .tcc-tab .box{
			display:block;
			width:100%;
			height:auto;
			border:1px solid #DDD;
			background-color:#FFF;
			padding: 11px 15px 15px 15px;
			font-size: 13px;
			line-height: 18px;
			color: #111;
			margin:0;
		}
		article.video.row.list.main .tcc-tab .box.file{
			border:none;
			padding: 0;
		}
		article.video.row.list.main .tcc-tab .box p{
			font-size: 13px !important;
			line-height: 18px !important;
			text-align:justify;
		}
		article.video.row.list.main .tcc-tab .box .title{
			display:block;
			font-size: 18px;
			line-height: 24px;
			height: auto;
			font-weight:bold;
			margin-bottom:5px;
		}
		article.video.row.list.main .tcc-tab .box .professor{
			overflow:hidden;
			font-size:14px;
			line-height:22px;
			margin:0 !important;
			border:1px solid #DDD;
			padding:15px;
		}
		article.video.row.list.main .tcc-tab .box.file .professor p{
			font-size:14px !important;	
			line-height:22px !important;		
		}
		article.video.row.list.main .tcc-tab .box.file .professor p strong{
			display:inline-block !important;
			margin:0;
			width:auto;
			clear:left;
		}
		article.video.row.list.main .tcc-tab .box.file .professor span{
			display:inline-block !important;
			background-color:#FFF;
			margin:0 0 10px 0;
		}
		article.video.row.list.main .tcc-tab .box.file .professor span strong{
			display:inline-block !important;
			font-size:20px;
			padding:10px;
			background-color:#EEE;
			margin:0 0 0 7px;
		}
		article.video.row.list.main .tcc-tab .box .professor .image{
			width:97px;
			height:97px;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			border:2px solid #DDD;
			float:left;
			margin:0 15px 0 0;
		}
		article.video.row.list.main .tcc-tab .box .professor strong{
			display:block;
		}
		article.video.row.list.main .tcc-tab .box .professor a.btn{
			display:inline-block;
			font-size:14px;
			padding:9px 15px !important;
			margin:10px 0 0 0;
			height:auto;
			line-height:22px;
			width:100%;
			text-transform:uppercase;
		}
		article.video.row.list.main .tcc-tab .box .professor a.btn i{
			font-size:18px;
		}
		article.video.row.list.main .tcc-tab .box .professor a.btn strong{
			display:inline;
			font-size:16px;
		}
		article.video.row.list.main .tcc-tab .box .btn.pdf {
			background-image: url('../images/icons/files/pdf.png');
			background-repeat: no-repeat;
			background-position: 10px center;
			border: 1px solid #DDD;
			border-bottom-color: rgb(221, 221, 221);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom: 3px solid #d30301;
			width: auto;
			padding: 0 20px 0 50px !important;
			height: 50px;
			line-height: 50px;
			margin: 0;
			font-size:14px;
		}
		/* END TCC PAGE MAIN */
		/* ADVICE COURSE LIST */
		article.video.row.list.main .content ul.items.access li ul li.news .row.advice .item,
		section .news .content-article .row.advice .item{
			display:block;
			border:2px solid #DDD;
			padding:0;
			background-color:#FFF;
			padding:10px 15px 15px 15px;
			margin:0 0 10px 0;
		}
		section .news .content-article .row.advice .item{
			margin:-5px 0 15px 0;
		}
		article.video.row.list.main .content ul.items.access li ul li.news .row.advice .item h4,
		section .news .content-article .row.advice .item h4{
			border-bottom:1px solid #DDD;
			margin:0 0 5px 0;
			padding:0 0 5px 0;
			font-size:16px;
			font-weight:bold;
			color:#222;
		}
		article.video.row.list.main .content ul.items.access li ul li.news .row.advice .item p,
		section .news .content-article .row.advice .item p{
			font-size:14px;
			line-height:22px;
			margin:0 0 5px 0;
			padding:0;
			background-color:transparent;
			color:#222;
		}
		article.video.row.list.main .content ul.items.access li ul li.news .row.advice .item .btn.medium,
		section .news .content-article .row.advice .item .btn.medium{
			padding:0 15px 0 0 !important;
			margin-top:5px;
			font-size:14px;
			width:auto;
			display:inline-block;
			border: 1px solid #3085d6;
			color:#FFF;
			height:auto;
			line-height:34px;
			background: #3085d6;
		}
		article.video.row.list.main .content ul.items.access li ul li.news .row.advice .item .btn.medium:hover,
		section .news .content-article .row.advice .item .btn.medium:hover{
			background-color:#5b9ede;
		}
		/* END ADVICE COURSE LIST */
		/* REENROLLMENT PAGE */
		article.video.row.list.main.re-enrollment .content #aula .proof{
			color:#222;
			font-size:14px;
			background-color:#FFF;
			padding:15px;
			margin:0;
			border:2px solid #DDD;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof .item{
			color:#222;
			font-size:14px;
			background-color:#FFF;
			padding:15px;
			border:1px solid #DDD;
			border-bottom:none;
			border-left:none;
			float:left;
			width:100%;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof .item.small-small{
			width:20%;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof .item.big-medium{
			width:60%;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof .item:first-child{
			border-left:1px solid #DDD;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof .lines .line:last-child .item{
			border-bottom:1px solid #DDD;
		}
		article.video.row.list.main.re-enrollment .content #aula .proof a.btn.medium{
			padding:10px 15px 10px 10px !important;
			height:auto;		
			margin:15px 0 0 0;	
		}
		article.video.row.list.main.re-enrollment .content #aula p{
			color:#222;
			font-size:14px;
			background-color:#FFF;
			padding:15px;
			margin:0;
			border:2px solid #DDD;
		}
		article.video.row.list.main.re-enrollment .content #aula .checkbox{
			border:1px solid #DDD;
			padding:15px;
			user-select:none;
			background-color:#FFF;
		}
		article.video.row.list.main.re-enrollment .content #aula .checkbox.checked{
			border:1px solid #222;
			font-weight:bold;
			color:#222;
			background-color:#FFF;
		}
		article.video.row.list.main.re-enrollment .content #aula .checkbox span{
			margin:0 10px 0 0;
		}
		article.video.row.list.main.re-enrollment .content #aula .checkbox small{
			font-size:12px;
			line-height:16px;
			color:#888;
		}
		article.video.row.list.main.re-enrollment .content #aula .checkbox.checked small{
			display:none;
		}
		article.video.row.list.main.re-enrollment .content #aula a.btn.boleto{
			background-repeat: no-repeat;
			background-position: 10px center;
			border: 1px solid #DDD;
			width: auto;
			padding: 0 20px 0 50px !important;
			height: 60px;
			line-height: 60px;
			margin: 10px 0 15px 0;
			font-size:18px;
			background-image: url('../images/icons/files/boleto.png');
			border-bottom: 3px solid #0103d3;
		}
		article.video.row.list.main.re-enrollment .content #aula a.btn.info{
			display:block;
			width:auto;
			padding: 0 20px 10px 0 !important;
			height:50px;
			line-height:50px;
			margin:15px 0 0 0;
		}
		/* END REENROLLMENT PAGE */
		
		/* END TCC PAGE */
		article.video.row.list.main.tcc .content #aula .professor .image{
			float:left;
			width:120px;
			height:120px;
			border:2px solid #FFF;
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
		}
		article.video.row.list.main.tcc .content #aula .professor .select-input.input{
			margin-left:130px;
		}
		article.video.row.list.main.tcc .content #aula .professor p{
			padding:0;
			border:none;
			background:none;
			margin:5px 0 0 135px;
			font-size:13px;
			line-height:20px;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio{
			background-position:center 17px;
			background-repeat:no-repeat;
			width:100%;
			padding:55px 40px 10px 40px;
			line-height:24px;
			font-size:13px;
			height:160px;
			text-align:center;
			border:2px solid #EEE;
			position:relative;
			background-color:#FFF;
			-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
			   -moz-user-select: none; /* Old versions of Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										  supported by Chrome, Edge, Opera and Firefox */
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio.checked{
			border:2px solid #222;
			color:#222;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio input{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:20px;
			height:20px;
			-webkit-appearance: auto;
			top:18px;
			left:20px;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio.checked input{
			display:none;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio:before,
		article.video.row.list.main.tcc .content #aula .payment label.radio.checked:after{
			content: "\2713";
			font-family: "entypo";
			position:absolute;
			top:15px;
			left:20px;
			font-size: 30px;
			line-height: 30px;
			float: left;
			position: absolute;
			font-weight: 300;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio:before{
			opacity:0;
			z-index:2;
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio.boleto{
			background-image:url(../images/icons/files/boleto.png);
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio.card{
			background-image:url(../images/icons/files/card.png);
		}
		article.video.row.list.main.tcc .content #aula .payment label.radio strong{
			font-size:16px;
		}
		/* END TCC PAGE */
		
		/* PRESENCE LIST */
		article.video.row.list.main .content #aula .presence{
			
		}
		article.video.row.list.main .content #aula .presence tr td,
		article.video.row.list.main .content #aula .presence tr th{
			padding:5px;
			border:1px solid #AAA;
			color:#222;
		}
		article.video.row.list.main .content #aula .presence tr td{
			height:100px;
			vertical-align:top;
		}
		article.video.row.list.main .content #aula .presence .exam tr td{
			height:130px;
		}
		article.video.row.list.main .content #aula .presence table .module{
			font-size:11px;
			font-weight:bold;
		}
		article.video.row.list.main .content #aula .presence table tr.group{
			border-top:2px solid #222;
		}
		article.video.row.list.main .content #aula .presence table tbody tr{
			border-right:2px solid #222;
			border-left:2px solid #222;
		}
		article.video.row.list.main .content #aula .presence table{
			border-bottom:2px solid #222;
			margin-bottom:250px;
		}
		article.video.row.list.main .content #aula .presence table .module span{
			display:block;
			font-weight:bold;
			height:50px;
			overflow:hidden;
		}
		/*
		article.video.row.list.main .content #aula .presence table .title{
			text-align:center;
			font-size:10px;
			line-height:12px;
		}
		article.video.row.list.main .content #aula .presence table .title span{
			width:100%;
			display:block;
			overflow-wrap: break-word;
			width:50px;
			max-width:50px;
		}
		*/
		article.video.row.list.main .content #aula .presence table td>.title{
			text-align:center;
			font-size:10px;
			line-height:12px;
			margin:0 5px;
			height:59px;
			display:block;
			overflow-wrap: break-word;
			width:50px;
			max-width:50px;
			border-bottom:1px solid #DDD;
			margin-bottom:10px;
		}
		article.video.row.list.main .content #aula .presence table .day{
			padding-left:0;
			padding-right:0;
			width:24px;
			text-align:center;
			/*vertical-align:top;*/
			cursor:pointer;
		}
		article.video.row.list.main .content #aula .presence table .day:hover article.video.row.list .content{
			display:block;
		}
		article.video.row.list.main .content #aula .presence table tr td.day:hover{
			background-color:#222;
			color:#FFF;
			border:1px solid #000;
		}
		/*
		article.video.row.list.main .content #aula .presence table td.day i{
			padding:0;
			margin:0;
			display:inline;
		}
		article.video.row.list.main .content #aula .presence table td.day.check{
			background-color:#0F0;
			border:1px solid #13AC00;
		}
		article.video.row.list.main .content #aula .presence table td.day.check:hover{
			background-color:#13AC00;
		}
		article.video.row.list.main .content #aula .presence table td.day i.icon-check{
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table td.day.cancel{
			background-color:#F00;
			border:1px solid #B40000;
		}
		article.video.row.list.main .content #aula .presence table td.day.cancel:hover{
			background-color:#B40000;
		}
		article.video.row.list.main .content #aula .presence table td.day i.icon-cancel{
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table td.day.attention{
			background-color:#FFA500;
			border:1px solid #FF7500;
		}
		article.video.row.list.main .content #aula .presence table td.day.attention:hover{
			background-color:#FF7500;
		}
		article.video.row.list.main .content #aula .presence table td.day i.icon-attention{
			color:#FFF;
		}
		*/
		/*
		article.video.row.list.main .content #aula .presence table tr:hover td{
			background-color:#DDD;
		}
		article.video.row.list.main .content #aula .presence table tr:hover td.module{
			color:#FFF;
			background-color:#222;
		}
		*/
		
		article.video.row.list.main .content #aula .presence .legend{
			background-color:#DDD;
			padding:0;
			border:none;
			border-bottom:0;
			border-radius:var(--radius1) var(--radius1) 0 0;
		}
		article.video.row.list.main .content #aula .presence .legend h5{
			/*border-bottom:1px solid #AAA;*/
			padding-top:0;
			margin-top:0;
			margin-bottom:5px;
			overflow:hidden;
			padding-bottom:0;
		}
		article.video.row.list.main .content #aula .presence.calendar .legend{
			height:40px;
			border:none;
		}
		article.video.row.list.main .content #aula .presence.calendar .legend h5{
			padding-bottom:0 !important;
		}
		article.video.row.list.main .content #aula .presence .legend h5 a{
			float:left;
			width:50%;
			border-bottom:2px solid #AAA;
			line-height:40px;
			height:40px;
			padding:0 10px;
			color:#222;
			margin-bottom:4px;
			border-radius:var(--radius1) var(--radius1) 0 0;
		}
		article.video.row.list.main .content #aula .presence.calendar .legend h5 a{
			margin-bottom:0;
		}
		article.video.row.list.main .content #aula .presence .legend h5 a:hover{
			color:#000;
			border-bottom-color:#B70602;
			background-color:#FFF;
		}
		article.video.row.list.main .content #aula .presence .legend h5 a i{
			margin:0;
			padding:0;
			font-size:20px;
			color:#222;
		}
		article.video.row.list.main .content #aula .presence .legend h5 a.selected{
			border:1px solid #000;
			border-bottom:2px solid #000;
			background-color:#4a4d50;
			color:#FFF;
			font-weight:bold;
		}
		article.video.row.list.main .content #aula .presence .legend h5 a.selected i{
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence .legend p{
			font-size:12px;
			color:#222;
			font-weight:bold;
			margin:0 0 3px 0;
			padding:0 15px;
		}
		article.video.row.list.main .content #aula .presence .legend p:last-child{
			margin-bottom:10px;
		}
		article.video.row.list.main .content #aula .presence .legend p small{
			font-size:12px;
			color:#444;
			font-weight:normal;
		}
		article.video.row.list.main .content #aula .presence .legend i{
			display:inline-block;
			margin:0 5px 0 0;
			padding:0;
			width:34px;
			height:22px;
			line-height:20px;
			color:#FFF;
			text-align:center;
			font-weight:normal;
			font-size:14px;
			border-radius:var(--radius0);
		}
		article.video.row.list.main .content #aula .presence .legend i.icon-check{
			background-color: #38D530;
			border: 1px solid #4BB543;
		}
		article.video.row.list.main .content #aula .presence .legend i.icon-cancel{
			background-color: #ef1313;
			border: 1px solid #bf1c1c;
		}
		article.video.row.list.main .content #aula .presence .legend i.icon-attention{
			background-color:#FFA500;
			border:1px solid #FF7500;
		}
		article.video.row.list.main .content #aula .presence .legend i.icon-new{
			font-size:9px;
			background-color:#3085D6;
			border:1px solid #3065A6;
		}
		article.video.row.list.main .content #aula .presence .legend i.icon-new:before{
			content:'Novo';
			font-family:"Open Sans",Arial;
		}
		/* exam table */
		article.video.row.list.main .content #aula .presence table td.day{
			width:50px;
			border:1px solid #AAA;
			border-top:1px solid transparent;
		}
		article.video.row.list.main .content #aula .presence table td.no-td{
			border:1px solid transparent;
		}
		article.video.row.list.main .content #aula .presence table td.day>i{
			color:#222;
			background-color:#222;
			line-height:20px !important;
			display:inline-block;
			width:34px;
			border:1px solid #CCC;
			margin-bottom:15px;
			border-radius:var(--radius0);
		}
		article.video.row.list.main .content #aula .presence table.exam td.day>i{
			margin-bottom:0;
		}
		article.video.row.list.main .content #aula .presence table td.day:hover>i{
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table td.day.check,
		article.video.row.list.main .content #aula .presence table td.day.attention,
		article.video.row.list.main .content #aula .presence table td.day.cancel{
			background-color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table td.day.check span.result strong,
		article.video.row.list.main .content #aula .presence table td.day.attention span.result strong,
		article.video.row.list.main .content #aula .presence table td.day.cancel span.result strong{
			color:#000;
		}
		article.video.row.list.main .content #aula .presence table td.day>.icon-check{
			background-color:#38D530;
			color:#FFF;
			border:1px solid #4BB543;
		}
		article.video.row.list.main .content #aula .presence table td.day>.icon-attention{
			background-color:#FFA500;
			color:#FFF;
			border:1px solid #FF7500;
		}
		article.video.row.list.main .content #aula .presence table td.day>.icon-cancel{
			background-color:#ef1313;
			color:#FFF;
			border:1px solid #bf1c1c;
		}
		article.video.row.list.main .content #aula .presence table td.day .icon-new{
			font-size:9px;
			background-color:#3085D6;
			border:1px solid #3065A6;
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table td.day .icon-new:before{
			content:'Novo';
			font-family:"Open Sans",Arial;
		}
		article.video.row.list.main .content #aula .presence table.exam td.day span.result{
			color:#333;
			font-size:14px;
			line-height:20px;
			text-align:center;
			padding:7px 3px 0 3px;
			min-width:50px;
			display:block;
		}
		article.video.row.list.main .content #aula .presence table.exam td.day:hover span.result,
		article.video.row.list.main .content #aula .presence table.exam td.day:hover span.result strong{
			color:#FFF;
		}
		article.video.row.list.main .content #aula .presence table.exam td.day span.no-result{
			width:50px;
			height:50px;
			display:block;
		}
		article.video.row.list.main .content #aula .presence table.exam td.day span.result.min{
			font-size:9px;
		}
		article.video.row.list.main .content #aula .presence table.exam td.day span.result strong{
			color:#111;
			font-size:16px;
		}
		
		.presence table article.video.row.list{
			position:relative;
			width:1px;
			height:1px;
			overflow:visible;
			padding:0;
			margin:0;
			z-index:2;
		}
		.presence table article.video.row.list .content{
			position:absolute;
			top:0;
			right:-2px;
			/*left:50%;*/
			width:240px !important;
			min-width:240px !important;
			height:auto;
			padding:0;
			/*margin-left:-120px;*/
			display:none;
			z-index:9999;
			box-shadow:2px 2px 2px rgba(0,0,0,0.4);
			border-radius:var(--radius1);
		}
		.presence table article.video.row.list .content ul.items{
			padding:0;
			margin:0;
		}
		.presence table article.video.row.list .content ul.items li{
			padding:0;
			margin:0;
		}
		.presence table article.video.row.list .content ul.items li ul li{
			width:240px;
			border:2px solid #222;
		}
		.presence article.video.row.list .content ul.items li ul li a{
			text-align:left;
		}
		.presence article.video.row.list .content ul.items li ul li a .title{
			font-size:12px;
			line-height:16px;
		}
		.presence article.video.row.list .content ul.items li ul li a .dates{
			border-bottom:1px solid #DDD;
			margin-bottom:5px;
			padding-bottom:5px;
			display:block;
		}
		.presence article.video.row.list .content ul.items li ul li a .exam{
			border-bottom:1px solid #DDD;
			margin-bottom:5px;
			padding-bottom:5px;
			display:block;
			font-size:14px;
			line-height:20px;
		}
		.presence article.video.row.list .content ul.items li ul li a .exam small{
			font-size:12px;
		}
		.presence article.video.row.list .content ul.items li ul li a .exam .hight{
			font-weight:bold;
		}
		.presence article.video.row.list .content ul.items li ul li a i{
			color:#222 !important;
		}
		.presence article.video.row.list .content ul.items li ul li a .fix-right{
			float:right;
		}
		
		/* END PRESENCE LIST */
	/* VIDEO LIST CLASSROOM */
	
	/* END VIDEO LIST CLASSROOM */
    
    /* COURSE PRICE */
	article .prices-choose{
		margin-top:-30px;
	}
	section #register-form fieldset.prices-choose{
		margin-bottom:10px !important;
		padding-bottom:0 !important;
		margin-top:0;
	}
	article .prices-choose >.row{
		display:flex;
	}
	article .prices-choose h3{
		color:#FFF;				
	}
    article .prices-box{
        font-family: "Open Sans";
        font-weight: 300;
        background-color: #222;
		border:2px solid #FFF;
        color: #FFF;
        padding: 10px 20px 20px 20px !important;
    }
    article .prices-box.light{
        background-color: #CCC;
		border:2px solid #CCC;
        color: #222;
    }
    article .prices-box.light h4{
        color: #FFF !important;
    }
    article .prices-box h4{
        color: #FFF !important;
        text-align: center !important;
        font-size: 26px !important;
        line-height: 38px !important;
        margin-bottom: 20px !important;
		border:none !important;
		background-position:center top;
		background-repeat:no-repeat;
		padding-top:30px;
		border-bottom:2px solid transparent !important;
    }
	article .prices-box.card h4{
		background-image:url(../images/icons/files/card2.png);
    }
	article .prices-box.boleto h4{
		background-image:url(../images/icons/files/boleto2.png);
    }
    article .prices-box span{
        display: block;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    article .prices-box span.small{
        font-size: 14px;
        min-height: 38px;
    }
    article .prices-box span.big{
        font-size: 60px;
        line-height: 60px;
    }
    article .prices-box span.big strong small{
        font-size: 16px;
        line-height: 24px;
        float: left;
        position: absolute;
        top: 0;
        left: -20px;
        font-weight: 300;
    }
    article .prices-box span.big strong{
        display: inline-block;
        position: relative;
        width: auto;
    }
    article .prices-box .btn{
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-transform: uppercase;
        margin-top: 40px;
    }
    article .prices-box input{
        float: left;
        margin-top: 10px;
		opacity:0;
    }
    article .prices-box.light.r{
        /*background-color: transparent;*/
		background-color: rgba(255,255,255,0.2);
		border-color:#111;
		color:#FFF;
    }
    article .prices-box.light.r.active{
        background-color: #111 !important;
		border-color:#FFF;
        color: #FFF !important;
    }
    article .prices-box.light.r h4{
		position:relative !important;
    }
	article .prices-box.light.r.active h4{
        color: #FFF !important;
		border-bottom-color:#FFF !important;
    }
	article .prices-box.light.r:hover{
		background-color:#444;
    }
    article .prices-box.light.r:hover h4{
		border-bottom-color:#FFF !important;
    }
	/*
	article .prices-box.light.r.active span{
		display:inline-block;
		position:absolute;
		top:0;
		left:0;
		padding:10px 10px 10px 30px;
		line-height:32px;
		width:100%;
	} 
	*/
	article .prices-box.light.r i{
		display:block;
		position:absolute;
		top:10px;
		left:0;
		line-height:52px;
		width:52px;
		height:52px;
		padding:0;
		margin:0;
		font-size:30px;
		color:#FFF;
		border-radius:100%;
		border:2px solid #FFF;
		opacity:0;
		text-indent:-99px;
		overflow:hidden;
	}
	article .prices-box.light.r.active input:checked+i{
		opacity:1;
		text-indent:0;
	}
	article .prices-box.light.r.active input:checked{
		opacity:0;
	}
	
    /* END COURSE PRICE */
	
	/* OPCOES AULA */
    #aula.row{
        margin: 0 0 30px 0;
        max-width: 100% !important;
    }
	#aula .tab-nav{
		padding:0 20px;
	}
	.course #aula .tab-nav{
		padding:0;
	}
	#aula .tab-nav li a{
		box-shadow:none;
		border:none;
		height:63px;
		line-height:63px;
	}
	#aula .tab-nav li a:hover{
		border-bottom:5px solid #DDD;
	}
	#aula .tab-nav li{
		background-color:transparent;
		box-shadow:none;
		padding:0;
		height:63px;
        margin-right: 10px;
	}
    #aula .tab-nav li:first-child{
        margin-right: 10px;
    }
    #aula .tab-nav li > a{
		background-color:transparent;
	}
    #aula .tab-nav li > i{
        font-size: 18px;
        display: block;
        line-height: 63px;
	}
    #aula .tab-nav li > a > i{
        font-size: 18px;
        font-weight: normal;
        margin: 0 5px 0 -7px;
        padding: 0;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;		
	}
	#aula .tab-nav li.active > a{
		background-color:transparent;
		border-bottom:5px solid #B70602;
		color:#222;
	}
	#aula .tab-content{
		padding:10px 20px;
        max-width: 900px;
        margin: 0 auto;
	}
	.row.video.list.main #aula .tab-content{
        max-width: 1300px;
	}
	#aula .tab-content h2{
		background:none;
		color:#111;
		padding-top:0;
		margin:5px 0 15px 0;
	}
	#aula .tab-content h3{
		background:none;
		color:#333;
		padding:15px 0;
		margin:25px 0 5px 0;
		font-weight:normal;
		font-size:20px;
		line-height:24px;
		border-top:1px solid #DDD;
	}
    #aula .tab-content h3.no-border{
        border: none;
        margin-top: 0;
    }
    .course #aula .tab-content h3{
        border: none;
        margin-top: 0;
    }
    .course #aula .tab-content#sobre ul li:before{
        content:'\2713';
        font-family: "entypo";
        display: inline-block;
        margin-right: 5px;
        color: #d30301;
        font-size: 16px;
    }
	#aula .tab-content .professor{
		overflow:hidden;
		margin-bottom:20px;
	}
	#aula .tab-content .professor img{
		width: 90px;
        height: 90px;
		float:left;
		border:2px solid #B70602;
		margin:0 20px 5px 0;
	}
    #aula .tab-content .professor p{
        font-size: 14px;
	}
    #aula .tab-content .professor h4{
        font-weight: bold;
        color: #222;
	}
        /* PARTICIPANTES */
        #aula .tab-content .profile-url{
            padding: 0 !important;
        }
        #aula .tab-content .profile-url img{
            float: left;
            width: 50%;
            margin: 0px 10px 0 0px;
        }
        #aula .tab-content .profile-url .image{
            float: left;
            width: 120px;
            height: 120px;
            background-size: cover;
            background-position: center center;
            margin: 0;
            border: none;
			border-radius:100%;
        }
        #aula .tab-content .full .profile-url .image{
            width: 120px;
        }
        #aula .tab-content .profile-url .item{
            display: block;
            font-size: 16px;
            line-height: 20px;
            padding: 15px 10px 10px 10px;
            margin-bottom: 20px;
            text-overflow: ellipsis;
            color: #222;
            background-color: #FFF;
            height: auto;
            overflow: hidden;
            box-shadow: 2px 2px 4px #DDD;
			border-radius:var(--radius1);
        }
        #aula .tab-content .profile-url .item .border{
            /*border-left: 3px solid #EEE;*/
        }
        #aula .tab-content .full{
            display: flex;
			margin-bottom: 20px;
        }
        #aula .tab-content  .full .profile-url{
            /*flex: 1;*/
        }
        #aula .tab-content  .full .profile-url .item{
            height: 100%;
            position: relative;
            padding-bottom: 70px;
        }
        #aula .tab-content  .full .profile-url .item strong{
            font-size: 16px;
        }
        #aula .tab-content  .full .profile-url .item .options{
            width: 100%;
            padding: 10px 10px 15px 10px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        #aula .tab-content .profile-url .item span.name{
            display: block;
            height: 100px;
            overflow: hidden;
            padding-left: 10px;
            font-size: 14px;
        }
        #aula .tab-content .profile-url .item span.type{
            font-size: 12px;
            display: block;
            color: #AAA;
            height: 20px;
            overflow: hidden;
            padding-left: 10px;
        }
        #aula .tab-content .profile-url .item span.description{
            font-size: 12px;
            display: block;
            color: #AAA;
            text-align: justify;
            line-height: 16px;
            height: 190px;
            overflow: hidden;
            margin: 10px 15px 5px 15px;
            padding-bottom: 15px;
        }
        #aula .tab-content .full .profile-url .item span.description{
            color: #555;
            height: auto;
        }
        #aula .tab-content .profile-url .item .options{
            clear: both;            
        }
        #aula .tab-content .profile-url .item .options .btn{
            width: 50%;
            float: left;
            margin: 15px 0 0 0;
            height: auto;
        }
		#aula .tab-content .profile-url .item .options .btn:first-child{
			border-radius:var(--radius0) 0 0 var(--radius0);
        }
		#aula .tab-content .profile-url .item .options .btn:last-child{
			border-radius:0 var(--radius0) var(--radius0) 0;
        }
		#aula .tab-content .profile-url .item .options .btn:first-child:last-child{
			border-radius:var(--radius0);
        }
        #aula .tab-content .profile-url .item .options .btn i{
            margin: 0;
            padding: 0;
            font-size: 20px;
            display: block;
        }
        #aula .tab-content .profile-url .item .options .btn a{
            font-size: 12px;
            text-align: center;
            padding: 10px 5px;
            height: auto;
            line-height: 20px;
        }
		#aula .tab-content .profile-url .item .options .btn.info:hover a{
			color:inherit !important;
        }
        /* END PARTICIPANTES */
        
        /* FORUM */
        #aula .tab-content .forum .item{
            margin: 10px 0 30px 0;
            padding: 15px 15px 20px 15px;
            background-color: #FFF;
            box-shadow: 2px 2px 4px #DDD;
            /*border-top:3px solid #222;*/
            position: relative;
        }
        #aula .tab-content .forum .item h4{
            font-weight: bold;
            color: #222;
            font-size: 22px;
            margin: 0 0 20px 0;
            padding: 0 0 15px 0;
            text-align: left;
            border-bottom: 1px solid #DDD;
        }
		#aula .tab-content .forum .item .section h4{
			font-size:18px;
			line-height:18px;
			background-color:#222;
			color:#FFF;
			padding:15px;
        }
        #aula .tab-content .forum .item h4 span{
            display: block;
            float: right;
            font-size: 14px;
            margin-left: 20px;
            line-height: 26px;
        }
        #aula .tab-content .forum .item h4 span i{
            font-size: 18px;
            margin: 0;
            padding: 0;
        }
        #aula .tab-content .forum .item h4 .btn{
            float: right;
            width: auto;
            height: 43px;
            line-height: 43px;
        }
        #aula .tab-content .forum .last>.columns{
            border-left: 3px solid #EEE;
            flex: 1;
            
        }
        #aula .tab-content .forum .last{
            display: flex;
            position: relative;
        }
        #aula .tab-content .forum.topic .last{
            margin-bottom: 35px;
        }
        #aula .tab-content .forum.topic .last .options{
            float: right;
            width: auto;
            height: 35px;
            overflow: hidden;
            margin-top: 8px;
            text-align: right;
            opacity: 0;
            
            /* tempo da transicao */
            -moz-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }
        #aula .tab-content .forum.topic .last:hover .options{
            opacity: 1;
        }
        #aula .tab-content .forum.topic .last .options .btn{
            display: inline-block;
            height: 35px;
            line-height: 35px;
            width: 35px;
            text-align: center;
            margin-left: 3px;
        }
        #aula .tab-content .forum.topic .last .options .btn a{
            margin: 0;
            padding: 0;
        }
        #aula .tab-content .forum.topic .last .options .btn i{
            margin: 0;
            padding: 0;
            font-size: 18px;
        }
        #aula .tab-content .forum .last.small{
            border-top: 1px solid #AAA;
            margin-left: 3%;
            width: 97%;
        }
        #aula .tab-content .forum.topic .last>.columns{
            border-left: none;
        }
        #aula .tab-content .forum .last .image{
            width: 78px;
            height: 78px;
            margin: 0 15px 0 0;
            background-size: cover;
            background-position: center center;
            float: left;
            border: none;
			border-radius:100%;
        }
        #aula .tab-content .forum.topic .last .image{
            border: 3px solid #EEE;
        }
        #aula .tab-content .forum.topic .last.small .image{
            width: 52px;
            height: 52px;
            border: none;
            border-left: 1px solid #AAA;
        }
        #aula .tab-content .forum .last h5{
            margin: 0;
            font-size: 14px;
            line-height: 18px;
            padding: 9px 0 2px 0;
        }
        #aula .tab-content .forum .last .message{
            font-size: 14px;
            line-height: 18px;
            color: #222;
            background-color: #FFF;
            padding: 12px 15px 15px 15px;
            margin: 10px 0 0 0;
            text-align: justify;
            clear: left;
            overflow: hidden;
            max-height: 200px;
        }
        #aula .tab-content .forum .last .message:after{
            content:'';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 20px;
            background: linear-gradient(to top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
        }
        #aula .tab-content .forum.topic .last .message{
            display: block;
            clear: left;
            padding: 0 10px 0 0;
            margin-top: 22px;
            max-height: 100%;
        }
        #aula .tab-content .forum.topic .last .message:after{
            display: none;
        }
        #aula .tab-content .forum.topic .last.small .message{
            margin-top: 15px;
        }
        #aula .tab-content .forum .btn{
            height: 50px;
            line-height: 50px;
            width: 100%;
            text-align: center;
            margin: 15px 0 0 0;
        }
        #aula .tab-content .forum.topic .btn{
            margin: 0;
			border-radius:var(--radius0);
        }
		#aula .tab-content .notification-check{
        }
		#aula .tab-content .notification-check label{
			font-size:14px;
			line-height:16px;
			border:1px solid #d8d8d8;
			padding:10px;
			margin:10px 0 0 0;
        }
		#aula .tab-content .notification-check label input{
			position:relative;
			top:1px;
			margin-right:5px;
        }
		#aula .tab-content .notification-check input:checked+span{
			color:#000;
			font-weight:bold;
		} 
		
		/* simulated */
		#aula .tab-content .forum .item .simulated-edit.header{
            font-size: 11px;
			line-height:16px;
			background-color:#222;
			color:#FFF;
			margin-bottom:10px;
        }
		#aula .tab-content .forum .item .simulated-edit.header .columns{
			padding:5px 0;
        }
		#aula .tab-content .forum .item .simulated-edit.header .columns:first-child{
			text-align:center;
        }
		#aula .tab-content .forum .item .simulated-edit.content{
			margin-bottom:10px;
        }
		#aula .tab-content .forum .item .simulated-edit.content .columns{
			margin-bottom:0;
        }
		#aula .tab-content .forum .item .simulated-edit.content{
			background-color:#DDD;
        }
		#aula .tab-content .forum .item .simulated-edit.content .field label{
			line-height:40px;
        }
		/* end simulated */
        
        /* repply */
        #aula .tab-content .forum .last .message .reply{
            background-color: #EFEFEF;
            padding: 12px 15px;
            margin-bottom: 10px;
        }
        #aula .tab-content .forum .last .message .reply .reply{
            border: 1px solid #DDD;
            padding: 7px 10px;
        }
        #aula .tab-content .forum .last .message .reply .message{
            background-color: transparent;
            font-size: 12px;
            line-height: 16px;
            margin-top: 2px;
            color: #666;
        }
        #aula .tab-content .forum .last .message .reply h5{
            padding-top: 0;
            font-size: 12px;
            line-height: 16px;
        }
        
        /* forum top bar */
        #aula .tab-content .forum.bar .box{
            background-color: #EEE;
            padding: 20px;
            border: 1px solid #DDD;
            margin-top: 10px;
            margin-bottom: 20px;
			border-radius:var(--radius1);
        }
        #aula .tab-content .forum.bar .box .field{
            margin: 0;
        }
        #aula .tab-content .forum.bar .box .btn{
            margin: 0;
            height: 44px;
            line-height: 44px;
        }
        #aula .tab-content .forum.bar .box p{
            margin: 0 0 20px 0;
            font-size: 14px;
            line-height: 18px;
            color: #222;
        }
        /* end forum top bar */
        /* END FORUM */
        
        /* MATERIAL */
        #aula .tab-content .materiais .item{
            margin: 10px 0 30px 0;
            padding: 15px 15px 20px 15px;
            background-color: #FFF;
            box-shadow: 2px 2px 4px #DDD;
			position:relative;
        }  
		#aula .tab-content .materiais .item.new:before{
			position: absolute;
			content: 'Novo';
			top: -15px;
			left: 0;
			display: block;
			padding: 1px 10px;
			background-color: #d30301;
			color: #FFF;
			font-size: 12px;
			font-weight: normal;
        }  
        
        #aula .tab-content .materiais .item.success{
            background-color: #86B99F;
        }
        #aula .tab-content .materiais .item.success .image{
            opacity: 0.5;
        }
        #aula .tab-content .materiais .item.success .post,
        #aula .tab-content .materiais .item.success .docs{
            border-left: 3px solid #EEEEEE7F;
        }
        #aula .tab-content .materiais .item.success h4:before{
            font-family: "entypo";
            content: "\2713";
            display: inline-block;
            position: static;
            min-width: 20px;
            margin: 0 5px;
            text-align: center;
        }
        #aula .tab-content .materiais .item.success h4 i{
            display: none;
        }
        
        #aula .tab-content .materiais .item.warning{
            background-color: #DFBB6E;
        }
        #aula .tab-content .materiais .item.warning .image{
            opacity: 0.5;
        }
        #aula .tab-content .materiais .item.warning .post,
        #aula .tab-content .materiais .item.warning .docs{
            border-left: 3px solid #EEEEEE7F;
        }
        #aula .tab-content .materiais .item.warning h4:before{
            font-family: "entypo";
            content: "\1f4a5";
            display: inline-block;
            position: static;
            min-width: 20px;
            margin: 0 5px;
            text-align: center;
        }
        #aula .tab-content .materiais .item.warning h4 i{
            display: none;
        }
        
        #aula .tab-content .materiais .item.error{
            background-color: #E79E9F;
        }
        #aula .tab-content .materiais .item.error .image{
            opacity: 0.5;
        }
        #aula .tab-content .materiais .item.error .post,
        #aula .tab-content .materiais .item.error .docs{
            border-left: 3px solid #EEEEEE7F;
        }
        #aula .tab-content .materiais .item.error h4:before{
            font-family: "entypo";
            content: "\2716";
            display: inline-block;
            position: static;
            min-width: 20px;
            margin: 0 5px;
            text-align: center;
        }
        #aula .tab-content .materiais .item.error h4 i{
            display: none;
        }
        
        #aula .tab-content .materiais .item.waiting{
            background-color: #9BC8F1;
        }
        #aula .tab-content .materiais .item.waiting .image{
            opacity: 0.5;
        }
        #aula .tab-content .materiais .item.waiting .post,
        #aula .tab-content .materiais .item.waiting .docs{
            border-left: 3px solid #EEEEEE7F;
        }
        #aula .tab-content .materiais .item.waiting h4:before{
            font-family: "entypo";
            content: "\23f3";
            display: inline-block;
            position: static;
            min-width: 20px;
            margin: 0 5px;
            text-align: center;
        }
        #aula .tab-content .materiais .item.waiting h4 i{
            display: none;
        }
        
        #aula .tab-content .materiais .item h4{
            font-weight: bold;
            color: #222;
            font-size: 22px;
            margin: 0 0 20px 0;
            padding: 0 0 15px 0;
            text-align: justify;
            border-bottom: 1px solid #DDD;
        }
        #aula .tab-content .materiais .post{
            border-left: 3px solid #EEE;
        }
        #aula .tab-content .materiais .post .image{
            width: 78px;
            height: 78px;
            margin: 0 15px 0 0;
            background-size: cover;
            background-position: center center;
            float: left;
            border: 3px solid #EEE;
            border-left: 0;
        }
        #aula .tab-content .materiais .post h5{
            margin: 0;
            font-size: 14px;
            line-height: 18px;
            padding: 9px 0 2px 0;
        }
        #aula .tab-content .materiais.atividades .post h5{
            color: #222;
        }
        #aula .tab-content .materiais .post .message{
            font-size: 14px;
            line-height: 18px;
            color: #222;
            padding: 12px 15px 15px 15px;
            margin: 10px 0 0 0;
            text-align: justify;
        }
        #aula .tab-content .materiais .docs{
            border-left: 3px solid #EEE;
            padding: 0 0 15px 15px;
        }
        #aula .tab-content .materiais .btn{
            float: left;
            height: 50px;
            line-height: 50px;
            max-height: 50px;
            overflow: hidden;
            width: auto;
            text-align: center;
            margin: 5px 5px 0 0;
            font-size: 12px;
        }
        #aula .tab-content .materiais.atividades .btn{
            font-size: 16px;
            width: 100%;
        }
        #aula .tab-content .materiais.atividades .btn i{
            float: none;
        }
        #aula .tab-content .materiais .btn i,
        #aula .tab-content .files i{
            margin: 0 8px 0 -5px;
            padding-left: 0;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 48px;
            width: 23px;
            float: left;
        }
        #aula .tab-content .materiais .btn i.icon-pdf,
        #aula .tab-content .files i.icon-pdf{
            background-image: url("../images/icons/files/pdf.png");
        }
        #aula .tab-content .materiais .btn i.icon-word,
        #aula .tab-content .files i.icon-word{
            background-image: url("../images/icons/files/word.png");
        }
        #aula .tab-content .materiais .btn i.icon-excel,
        #aula .tab-content .files i.icon-excel{
            background-image: url("../images/icons/files/excel.png");
        }
        #aula .tab-content .materiais .btn i.icon-video,
        #aula .tab-content .files i.icon-video{
            background-image: url("../images/icons/files/mp4.png");
        }
        #aula .tab-content .materiais .btn i.icon-image,
        #aula .tab-content .files i.icon-image{
            background-image: url("../images/icons/files/img.png");
        }
        #aula .tab-content .materiais .btn i.icon-zip,
        #aula .tab-content .files i.icon-zip{
            background-image: url("../images/icons/files/zip.png");
        }
		#aula .tab-content .materiais .btn i.icon-ppt,
        #aula .tab-content .files i.icon-ppt{
            background-image: url("../images/icons/files/powerpoint.png");
        }
		#aula .tab-content .materiais .btn i.icon-xls,
        #aula .tab-content .files i.icon-xls{
            background-image: url("../images/icons/files/excel.png");
        }
        
        #aula .tab-content .materiais .item table{
            margin: 0 0 10px 0;
        }
        #aula .tab-content .materiais .item table tr td{
            padding: 0;
        }
        #aula .tab-content .materiais .item table tr th{
            padding: 5px 0;
            background-color: #FFF;
        }
        #aula .tab-content .materiais .item table tr td .btn{
            margin: 0;
        }
        #aula .tab-content .materiais .item table .attempt{
            text-align: center;
            width: 10%;
        }
        #aula .tab-content .materiais .item table .date{
            text-align: center;
            width: 30%;
        }
        #aula .tab-content .materiais .item table .result{
            text-align: center;
            width: 20%;
            font-weight: bold;
        }
        #aula .tab-content .materiais .item table .action{
            text-align: center;
            width: 40%;
        }
        #aula .tab-content .materiais .item table .more{
            text-align: center;
            padding: 20px 0;
        }
        #aula .tab-content .materiais .item table .more span{
            font-size: 20px;
            color: #222;
        }
		#aula .tab-content .materiais a.btn.remove,
		#aula .tab-content .materiais a.btn.edit{
			float: right;
			height: 42px;
			width: auto;
			text-align: center;
			background-color: #FFF;
			padding: 0 15px !important;
			font-size: 12px;
			line-height: 42px;
			color: #666;
			margin:0 0 0 0;
		}
		#aula .tab-content .materiais a.btn.remove:hover,
		#aula .tab-content .materiais a.btn.edit:hover{
			background-color: #DDD;
			color: #F00;
		}
        
        #aula .tab-content .files .item{
            padding: 0 20px 15px 20px;
            margin-bottom: 10px;
            border: 1px solid #EEE;
        }
        #aula .tab-content .files .item:hover{
            border: 1px solid #F00;
        }
        #aula .tab-content .files .item h5{
            line-height: 48px;
        }
        #aula .tab-content .files .item h5 .options{
            float: right;
        }
        #aula .tab-content .files .item h5 .options a{
            float: left;
            height: 48px;
            width: auto;
            text-align: center;
            background-color: #FFF;
            padding: 0 15px;
            font-size: 12px;
            line-height: 48px;
            color: #666;
        }
        #aula .tab-content .files .item h5 .options a:hover{
            background-color: #DDD;
            color: #F00;
        }
        #aula .tab-content .files .item h5 .options a i{
            display: inline;
            margin: 0;
            padding: 0;
            float: none;
            font-size: 18px;
            margin-right: 5px;
        }
        #aula .tab-content .files .item h5 i{
            margin-left: 0;
        }
        #aula .tab-content .files .item .progress{
            position: relative;
            overflow: hidden;
            height: 24px;
        }
        #aula .tab-content .files .item .progress .bar{
            height: 24px;
            width: auto;
            display: block;
            margin-right: 60px;
            background-color: #DDD;
        }
        #aula .tab-content .files .item .progress .bar .current{
            height: 24px;
            width: 0;
            display: block;
            background-color: #F00;
        }
        #aula .tab-content .files .item .progress .percent{
            float: right;
            width: 50px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
        }
        /* END MATERIAL */
        
        /* RESPONDER ATIVIDADE */
        #aula .tab-content .forum.atividade .button2{
            display: none;
        }
        #aula .tab-content .forum.atividade.result .button2{
            display: block;
        }
        #aula .tab-content .forum.atividade.result .button1{
            display: none;
        }
        #aula .tab-content .forum.atividade .option{
            display: block;
            border: 1px solid #FFF;
            text-align: justify;
        }
        #aula .tab-content .forum.atividade.result .option{
            color: #AAA;
        }
        #aula .tab-content .forum.atividade .option label{
            display: block;
            padding: 10px;
            margin: 0;
        }
        #aula .tab-content .forum.atividade.result .option label input,
        #aula .tab-content .forum.atividade.gabarito .option label input{
            display: none;
        }
        #aula .tab-content .forum.atividade .option:hover{
            border: 1px solid #DDD;
        }
        #aula .tab-content .forum.atividade.result .option:hover{
            border: 1px solid #FFF;
        }
        #aula .tab-content .forum.atividade .option.selected{
            border: 1px solid #000;
            font-weight: bold;
        }
        #aula .tab-content .forum.atividade.result .option.c,
        #aula .tab-content .forum.atividade.gabarito .option.c{
            border: 1px dashed #222 !important;
            color: #222;
            font-weight: bold;
        }
        #aula .tab-content .forum.atividade.result .option.c:before,
        #aula .tab-content .forum.atividade.gabarito .option.c:before{
            content: 'A alternativa correta é:';
            display: block;
            padding: 8px 8px 0 8px;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: -10px;
        }
		#aula .tab-content .forum.atividade.result .question.disable .option.c,
        #aula .tab-content .forum.atividade.gabarito  .question.disable .option.c{
            border: none !important;
            color: #AAA;
            font-weight: normal;
        }
		#aula .tab-content .forum.atividade.result .question.disable .option.c:before,
        #aula .tab-content .forum.atividade.gabarito .question.disable .option.c:before{
            display: none;
        }
        #aula .tab-content .forum.atividade.result .option.c.success{
            border: 1px solid #193211 !important;
            background-color:#7DB583;
            color: #193211;
        }
        #aula .tab-content .forum.atividade.result .option.c.success:before{
            content: 'Resposta Correta';
            display: block;
            padding: 8px 8px 0 8px;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: -10px;
        }
		#aula .tab-content .forum.atividade.result .question.disable .option.c.success{
            border: 1px solid #163c60 !important;
            background-color:#5B9EDE;
            color: #163c60;
			font-weight:bold;
        }
		#aula .tab-content .forum.atividade.result .question.disable .option.c.success:before{
            content: 'Questão Anulada!';
            display: block;
        }
        #aula .tab-content .forum.atividade .option.error{
            border: 1px solid #410F10 !important;
            background-color:#B96E6F;
            color: #410F10;
        }
        #aula .tab-content .forum.atividade .option.error:before{
            content: 'Alternativa Incorreta';
            display: block;
            padding: 8px 8px 0 8px;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: -10px;
        }
        #aula .tab-content .forum.atividade .question{
            border-top: 2px solid #DDD;
            margin-bottom: 20px;
            padding-top: 30px;
            padding-bottom: 10px;
            color: #222;
        }
        #aula .tab-content .forum.atividade .question p{
            overflow: hidden;
        }
        #aula .tab-content .forum.atividade .question p strong{
            display: inline-block;
            background-color: #222;
            color: #FFF;
            text-align: center;
            line-height: 52px;
            height: 52px;
            width: 52px;
            float: left;
            margin-right: 8px;
        }
        #aula .tab-content .forum.atividade .question:first-of-type{
            border-top: none;
            padding-top: 0;
        }
		
		#aula .tab-content .forum.atividade .result_final{
			border:1px solid #DDD;
			padding:15px;
			margin-bottom:15px;
			margin-top:-21px;
        }
		#aula .tab-content .forum.atividade .result_final h5{
			font-size:20px;
			color:#222;
			border-bottom:1px solid #DDD;
			margin:0 0 15px 0;
			padding:0 0 15px 0;
        }
		#aula .tab-content .forum.atividade .result_final p{
			margin:0;
			color:#222;
			font-size:14px;
        }
		#aula .tab-content .forum.atividade .result_final p strong{
			color:#222;
			font-size:18px;
        }
		#aula .tab-content .forum.atividade .result_final p.date{
			margin-bottom:15px;
        }
		#aula .tab-content .forum.atividade .result_final p.result .number{
			font-size:20px;
			display:inline-block;
			background-color:#DDD;
			padding:8px 15px 15px 15px;
        }
		#aula .tab-content .forum.atividade .result_final p.result .number span{
        }
		#aula .tab-content .forum.atividade .result_final p.result strong{
			font-size:42px;
			position:relative;
			top:5px;
        }
        /* RESPONDER ATIVIDADE */
        
        /* ADD ATIVIDADE */
        #aula .tab-content .add-atividade .row.questions{
            margin-bottom: 20px;
        }
        #aula .tab-content .add-atividade .row.questions .question{
            padding: 15px 20px;
            margin: 10px 0 20px 0;
            background-color: #F8F8F8;
            border: 1px solid #D8D8D8;
        }
        #aula .tab-content .add-atividade .row.questions .question .columns.one label{
            display: block;
            border: 1px solid #DDD;
            padding: 0 7px;
            margin: 0;
            width: 100%;
            height: 48px;
            overflow: hidden;
            line-height: 44px;
            background-color: #FFF;
            font-size: 14px;
            text-align: center;
            font-weight: bold;
            position: relative;
        }
        #aula .tab-content .add-atividade .row.questions .question .columns.one label input{
            float: left;
            margin-top: 18px;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
        }
        #aula .tab-content .add-atividade .row.questions .question .columns.one label.selected{
            background-color: #222;
            color: #FFF;
            border-color: #000; 
            font-size: 18px;
        }
        #aula .tab-content .add-atividade .row.questions .question textarea{
            height: 48px;
            min-height: 48px !important;
            overflow: hidden;
            
            /* tempo da transicao */
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: color 0 ease-in;
            transition: none;
        }
        #aula .tab-content .add-atividade .row.questions .question h5{
            font-weight: bold;
            color: #222;
            line-height: 48px;
            font-size: 26px;
        }
        #aula .tab-content .add-atividade .row.questions .question .options{
            float: right;
        }
		#aula .tab-content .add-atividade .row.questions .question .options.ext{
			width:100%;
        }
        #aula .tab-content .add-atividade .row.questions .question .one .options i{
            margin: 0;
        }
        #aula .tab-content .add-atividade .row.questions .question .options a{
            float: left;
            height: 48px;
            width: auto;
            text-align: center;
            background-color: #FFF;
            padding: 0 15px;
            font-size: 12px;
            line-height: 48px;
            color: #666;
            font-weight: normal;
        }
		#aula .tab-content .add-atividade .row.questions .question .options.ext a{
			float: right;
		}
        #aula .tab-content .add-atividade .row.questions .question .options a:hover{
            background-color: #DDD;
            color: #0B3277;
        }
        #aula .tab-content .add-atividade .row.questions .question .options a.remove:hover{
            background-color: #DDD;
            color: #F00;
        }
        #aula .tab-content .add-atividade .row.questions .question .options a i{
            display: inline;
            margin: 0;
            padding: 0;
            float: none;
            font-size: 18px;
            margin-right: 5px;
        }
        #aula .tab-content .add-atividade .row.questions .question .obs{
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 8px;
        }
        #aula .tab-content .add-atividade .row.questions .question .extra .row:first-child{
            display: none;
        }
        /* END ADD ATIVIDADE */
        
	/* OPCOES AULA */
    
    /* PROFILE PUBLIC */
    article.profile img{
        float: left;
        border:2px solid #B70602;
        margin: 20px 20px 10px 0;
        width: 140px;
		border-radius:var(--radius1);
    }
    article.profile .btn{
        float: right;
        clear: left;
        height: 60px;
        line-height: 60px;
		border-radius:var(--radius0);
    }
    .modal a.close.switch{
        font-size: 30px;
        color: #A00;
    }
    .modal a.close.switch:hover{
        color: #F00;
    }
    .modal .content{
        min-height:auto;
        max-height:auto;
    }
    .modal .content>.row{
        padding-bottom: 35px;
        padding-top: 10px;
    }
    
    .loading.main{
        width: 100%;
        height: 202px;
        line-height: 22px;
        text-align: center;
        font-size: 22px;
        margin: 0 0 40px 0 !important;
        color: #BBB;
        user-select: none;
    }
    .loading.main.total{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 2;
        background-color: rgba(255,255,255,0.9);
    }
    .loading.main.total .row{
        position: absolute;
        bottom: 90px;
        left: 0;
        height: auto;
        width: 100%;
    }
    .loading.main img{
        height: 200px;
        display: block;
        margin: 0 auto -20px auto;
    }
    article .pager-users{
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 10px;
    }
    article .pager-users ul{
        display: table-row;
    }
    article .pager-users ul li{
        display: table-cell;
        height: 40px;
        line-height: 40px;
    }
    article .pager-users ul li a{
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        vertical-align: top;
        text-align: center;
        color: #666;
        font-size: 16px;
        margin: 0;
        border: 1px solid #F6F6F6;
        border-bottom: 2px solid #DDD;
    }
    article .pager-users ul a:hover{
        border: 1px solid #DDD;
        border-bottom: 2px solid #999;
        background-color: #EEE;
        color: #222;
        font-size: 20px; 
    }
    article .pager-users ul a.active{
        border: 1px solid #DDD;
        border-bottom: 2px solid #A00;
        background-color: #EEE;
        color: #A00;
        font-size: 20px;        
    }
    article .search-user,
    article .search-forum{
        margin-top: -10px;
    }
    article .search-user .btn,
    article .search-forum .btn{
        height: 44px;
        line-height: 44px;
        width: 100%;
		border-radius:var(--radius0);
    }
    /* END PROFILE PUBLIC */
	
	/* TEST VIDEO UPLOAD */
	.row.test-video{
		padding:30px;
	}
	.row.test-video h4{
	}
	/* END TEST VIDEO UPLOAD */
    
    /* LOGIN */
	section article#login{		
		padding:0;
		margin:0 auto;
	}
	body.black section article#login{		
		background-color:#060606;
	}
	section article#survey_form .row .box{
		width:70%;
		overflow:hidden;
		background-color:transparent;
		padding: 30px 80px 30px 80px;
		margin:0 15% 25px;
		position:relative;
	}
	section article#login .row .box{
		width:50%;
		overflow:hidden;
        background-color:transparent;
        padding: 30px 80px 30px 80px;
		margin:0 0 25px 0;
		position:relative;
	}
    section article#login .row .box.centered{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
        display: block;
        float: none;
        border: none !important;
	}
	body.black section article#login .row .box{
	}
	section article#login .row .box:last-child{
		border-left:2px solid #DDD;
	}
	body.black section article#login .row .box:last-child{
		border-left-color:#333;
	}
    section article#login .row .box.social{
        margin-bottom: 0;
	}
	section article#login .row .box form .loading{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		text-align: center;
		line-height: 30px;
		font-size: 20px;
		color:#FFF;
		background-color:rgba(0,0,0,0.7);
		display:none;
		z-index:999;
	}
	section .loading-block{
		position:relative;
	}
	section .loading-block:before,
	section article#login .row .box form .loading:before{
		content: url(../images/icons/load.svg);
		text-align:center;
		display: block;
		position:fixed;
		width:100%;
		height:108px;
		top:50%;
		left:0;
		margin:-84px 0 0 0;
		z-index:5;
	}
	section .loading-block:before{
		content:'';
		background-color:rgba(0,0,0,0.7);
		height:100%;
		top:0;
		margin:0;
		display:none;
	}
	section .loading-block:after{
		content: url(../images/icons/load.svg);
		top:50%;
		left:0;
		position:fixed;
		width:100%;
		height:108px;
		line-height:108px;
		margin:-84px 0 0 0;
		text-align:center;
		z-index:6;
		display:none;
	}
	section .loading-block.loading:before,
	section .loading-block.loading:after{
		display:block;
	}
	section article#login .row .box form .loading:after{
		content: 'Carregando...';
		line-height:30px;
		display:block;
		position:fixed;
		width:100%;
		top:50%;
		left:0;
		margin:30px 0 0 0;
		z-index:6;
	}
	section article#login .field.margin{
        margin-bottom: 22px;
	}
    section article#login h3{
        border-bottom: 1px solid #DDD;
        margin-bottom: 40px;
		font-weight:600;
		text-align:center;
		border:none;
		text-transform:uppercase;
	}
    section article#login h4{
        border-bottom: 1px solid #DDD;
        margin-bottom: 20px;
        margin-top: 20px;
		font-weight:400;
		text-align:left;
		border:none;
        border-top: 1px solid #DDD;
        padding-top: 15px;
        font-size: 14px;
        line-height: 18px;
	}
	body.black section article#login h3,
    body.black section article#login h4{
		color:#FFF;
	}
    body.black section article#login h4{
        border-top-color: #333;
    }
    section article#login .left a{
        font-size: 14px;
	}
    section article#login p{
        
	}
    body.black section article#login p{
        color:#FFF;
	}
    section article#login .design.inline{
        width: 100%;
    }
    section article#login .design.inline{
        width: 100% !important;
    }
    section article#login .design.inline a span{
        padding: 12px 0;
        font-size: 14px;
    }
    section article#login .design.inline a{
        text-decoration: none !important;
    }
    /*
    section article#login form>.row{
        clear: both;
	}
    */
    section article#login p.text-register{
        min-height: 159px;
        display: block;
	}
	section article#login .social-networks{
		margin:0;
		padding:0 0 0 20px;
		display:inline-block;
		width:auto;
        float: right;
        text-align: right;
	}
	section article#login .social-networks li{
		margin:5px 0 8px 0;
		padding:0;
		width:100%;
        max-width: 145px;
		display:inline-block;
	}
    section article#login .social-networks li:last-child{
		margin-bottom:0;
	}
	section article#login .social-networks li .btn{
		width:100%;
		text-align:center !important;
	}
	section article#login .social-networks li .btn a{
		display:block;
		text-align:left;
		width:100%;
	}
    section article#login .social-networks li .btn a:before{
        display: inline-block;
        margin-right: 15px !important;
        position: static;
	}
	section article#login .social-networks li .btn.icon-twitter{
		background:#00aced;
		border-color:#00aced !important;
	}
	section article#login .social-networks li .btn.icon-facebook{
		background:#3b5998;
		border-color:#3b5998 !important;
	}
	section article#login .social-networks li .btn.icon-gplus{
		background:#dd4b39;
		border-color:#dd4b39 !important;
	}
	section article#login .social-networks li .btn.icon-linkedin{
		background:#1883BB;
		border-color:#1883BB !important;
	}
	section article#login .social-networks li .btn:hover{
		opacity:0.7;
	}
	section article form .btn.xlarge{
		padding:0 !important;
		width:100%;
		
		/* tempo da transicao */
		-moz-transition: all 0s ease-in-out 0s;
		-webkit-transition: all 0s ease-in-out 0s;
		-o-transition: all 0s ease-in-out 0s;
		-ms-transition: all 0s ease-in-out 0s;
		transition: all 0s ease-in-out 0s;
	}
	section article form .btn.xlarge.fill{
		padding:20px 28px !important;
	}
	section article form .btn.xlarge:hover{
		transform:none;
	}
	section article form .btn.xlarge button{
		padding:20px 28px;
		text-transform:uppercase;
		font-size:20px;
	}
	section article form .btn.xlarge button i{
		padding:0;
		margin:0 5px 0 -5px;
		font-weight:normal;
		font-size:24px;
		line-height:20px;
		vertical-align:bottom;
	}
	
	section article#login .boxes a{
		color:#DDD;
	}
	section article#login .boxes a:hover{
		color:#FFF;
		text-decoration:underline;
	}
	section article#login .options{
		text-align:center;
		margin:20px 0;
	}
	section article#login small{
		display:block;
		font-size:12px;
		margin:10px 0 20px 0;
        line-height: 18px;
	}
	body.black section article#login small{
		color:#AAA;       
	}
	/* END LOGIN */
	
	/* REGISTER COURSE */
    section #register-form .home .categories-list{
        display: table;
        width: 100%;
    }
    section #register-form .home .categories-list ul{
        display: table-row;
    }
    section #register-form .home .categories-list ul li{
        display: table-cell;
        width: auto;
        float: none;
    }
    section #register-form .home .categories-list ul li a{
        text-align: center;
		font-weight:400;
		position:relative;
		border-color:#111;
		border-radius:0;
    }
	section #register-form .home .categories-list ul li:not(.active) a:hover{
		border-color:#111 !important;
		color:#FFF;
    }
	section #register-form .home .categories-list ul li:not(.active) a{
		color:#666;
    }
    section #register-form .home .categories-list ul li.active:not(.current) a{
		font-weight:400;
		color:#FFF;
    }
	section #register-form .home .categories-list ul li.active.current a{
		font-weight:700;
    }
	section #register-form .home .categories-list ul li a:after{
		content:'\26ab';
		font-family: "entypo";
		font-size:32px;
		text-align:left;
		display:block;
		position:absolute;
		bottom:-14px;
		left:50%;
		width:24px;
		height:24px;
		line-height:24px;
		margin:0 0 0 -12px;
		color:#FFF;
		opacity:0;
	}
	section #register-form .home .categories-list ul li a:before{
		content:'';
		display:block;
		position:absolute;
		bottom:-5px;
		left:50%;
		width:50%;
		height:5px;
		margin:0;
		background-color:#111;
		opacity:0;
	}
	section #register-form .home .categories-list ul li.active.current a:after,
	section #register-form .home .categories-list ul li.active.current a:before{
		opacity:1;
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
    section #register-form .home .categories-list ul li a i{
        float: none;
        display: inline-block;
        vertical-align: bottom;
    }
    section #register-form{
		max-width:1300px !important;
		min-width:auto !important;
		margin:0 auto 10px auto;
		padding:0;
    }
    section #register-form fieldset{
        background-color: transparent;
        border: none;
		padding-left:0 !important;
		padding-right:0 !important;
		padding-top:0 !important;
    }
	section #register-form fieldset:first-child{
		padding-top:20px !important;
    }
    section #register-form fieldset:last-child{
    }
	section #register-form>.scroll{
		overflow:hidden;
    }
	section #register-form .items#items-content{
		width:600%;
		max-width:600% !important;
		min-width:auto !important;
    }
	section #register-form .items#items-content>form{
		overflow:hidden;
    }
    section #register-form .items#items-content>form>.item{
        /*display: none;*/
		width:1300px;
		float:left;
		clear:none;
    }
	/*
    section #register-form .items .item:first-child{
        display: block;
    }
	*/
	section #register-form fieldset h4{
		border-bottom:2px solid #333;
		text-align:left;
		font-size:24px;
		line-height:34px;
    }
		/* TABS PAYMENT TYPE */
		section #register-form fieldset .tabs{
			display:flex;
			flex-direction:row;
			flex-wrap:nowrap;
		}
		section #register-form fieldset .tabs a{
			flex:1;
			text-align:center;
			padding:20px;
			border-width:0 1px 0 0;
			border-style:solid;
			border-image:linear-gradient(transparent, #666 100%) 1 100% / 1 / 0 stretch;
			color:#FFF;
			background-color:transparent;
			position:relative;
		}
		section #register-form fieldset .tabs a.selected{
			background-color: rgba(255,255,255,0.1);
		}
		section #register-form fieldset .tabs a:before{
			content:'';
			display:block;
			width:100%;
			height:0px;
			background-color:var(--dark);
			position:absolute;
			top:0;
			left:0;
		}
		section #register-form fieldset .tabs a.selected:before{
			height:3px;
		}
		section #register-form fieldset .tabs a:hover{
			background-color: rgba(255,255,255,0.1);
		}
		section #register-form fieldset .tabs a:last-child{
			border-right:none;
		}
		section #register-form fieldset .tabs a label{
			display:block;
			width:100%;
			height:40px;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:contain;
			color:#FFF;
		}
		section #register-form fieldset .tabs a label svg{
			filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
		}
		section #register-form fieldset .tabs a label.pix{
			background-image:url(../images/pay/pix.webp);
		}
		section #register-form fieldset .tabs a label.card{
			background-image:url(../images/pay/card.webp);
		}
		section #register-form fieldset .tabs a label.boleto{
			background-image:url(../images/pay/boleto.webp);
		}
		section #register-form fieldset .tab-content{
			padding:40px;
			display:block;
			background-color: rgba(255,255,255,0.1);
			color:#FFF;
			text-shadow:none;
		}
		section #register-form fieldset .tab-content .alert{
			padding:15px;
			background-color:var(--dark);
			text-align:center;
			margin:-15px 0 15px 0;
		}
		section #register-form fieldset .tab-content p.total{
			font-size:30px;
			line-height:30px;
			margin:20px 0 0 0;
			text-shadow:1px 1px #333;
			font-weight:600 !important;
		}
		section #register-form fieldset .tab-content .row.centered p.total{
			margin-top:10px;
			border-top:1px solid #AAA;
			padding-top:10px;
		}
		section #register-form fieldset .tab-content p.total span{
			float:right;
		}
		section #register-form fieldset .tab-content p.total span small{
			font-size:18px;
		}
		section #register-form fieldset .tab-content .item .row.centered{
			max-width:600px !important;
			margin:0 auto !important;
			font-weight:200;
			font-family:"Open Sans";
			text-shadow:1px 1px #333;
		}
		section #register-form fieldset .tab-content .item .row.centered p{
			font-weight:200;
		}
		section #register-form fieldset .tab-content .item .row.centered ul li{
			overflow:hidden;
			display:flex;
			margin-bottom:6px;
			align-items: center;
		}
		section #register-form fieldset .tab-content .item .row.centered ul li span{
			line-height:120%;
		}
		section #register-form fieldset .tab-content .item .row.centered i{
			background-color:#FFF;
			width:50px;
			height:50px;
			min-width:50px;
			margin:0 10px 0 0;
			padding:0;
			line-height:50px;
			text-align:center;
			font-size:24px;
			color:#333;
			border-radius:100%;
			text-shadow:none;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix{
			margin:10px 0;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix img{
			width:100%;
			max-width:100%;
			max-height:400px;
		}		
		section #register-form fieldset .tab-content .item .row.centered .pix #copy-pix{
			position:relative;
			cursor:pointer;
			overflow:hidden;
			height:100px;
			overflow:hidden;
			font-size:12px;
			line-height:16px;
			background-color:rgba(0,0,0,0.6);
			border:1px solid #DDD;
			padding:4px 40px 4px 4px;
			margin:6px 0 0 0;
			word-break: break-all;
			border-radius:2px;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix #copy-pix i{
			position:absolute;
			top:50%;
			margin-top:-15px;
			right:0;
			font-size:20px;
			padding:5px;
			min-width:30px;
			width:30px;
			height:30px;
			line-height:20px;
			background:none;
			color:#FFF;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix #copy-pix:hover i{
			background-color:#FFF;
			color:#000;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix #copy-pix strong{
			opacity:0;
			display:block;
			position:absolute;
			top:0;
			right:0;
			width:100%;
			height:100%;
			text-align:center;
			line-height:98px;
			background-color:rgba(0,0,0,0.8);
			
			/* tempo da transicao */
			-moz-transition: all 0.3s ease-in-out 0s;
			-webkit-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		section #register-form fieldset .tab-content .item .row.centered .pix #copy-pix strong.show{
			opacity:1;
		}
		
		/* END TABS PAYMENT TYPE */
	section #register-form .items .plans_value .item:first-child{
        display:inline-block;
    }
	section #register-form .infos p{
		color:#DDD;
		position:relative;
		overflow:hidden;
    }
	section #register-form .infos p strong{
		color:#FFF;
		display:inline-block;
		padding:30px 20px 10px 20px;
		width:100%;
		font-weight:400;
    }
	section #register-form .infos p label{
		position:absolute;
		top:0;
		left:0;
		background-color:#DDD;
		color:#FFF;
		padding: 3px 15px 5px 25px;
		margin: 0 0 0 -15px;
		/*background-color: #A10E09;*/
		background-color: #666;
		font-size: 13px;
		line-height: 18px;
		/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
    }
	section #register-form .infos p label span{
		display:block;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
    }
    /* END REGISTER COURSE */
    
    /* CONTACT */
	section .new-layout.contact .content-article{
		padding:30px;
	}
	section .new-layout.contact .content-article h3{
		color:#FFF;
		margin-bottom:20px;
	}
    article.contact .address-contact h5 i{
        margin-left: 0;
        padding-left: 0;
    }
    article.contact .address-contact p{
        margin-left: 30px;
        font-size: 14px;
    }
    /* END CONTACT */
    
    /* MESSAGE */
    article.row.message .m{
        display: flex;
    }
	
	article.row.message .m>.columns{
		max-height:725px !important;
		overflow:auto;
    }
    
    article.row.message .left-m{
        background-color: #FFF;
        border: 1px solid #DDD;
    }    
    article.row.message .left-m a{
        padding: 10px;
        display: block;
        border-bottom: 1px solid #DDD;
    }
    article.row.message .left-m a h4{
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
		color:#444;
    }
	article.row.message .left-m a h4 i{
		/*display:none;*/
		margin:0;
		padding:0;
		color:#DDD;
    }
	article.row.message .left-m a.new h4{
        font-weight: bold;
		color:#222;
    }
	article.row.message .left-m a.new h4 i{
		display:inline-block;
		color:#222;
    }
    article.row.message .left-m a h5{
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
    }
    article.row.message .left-m a h5 span{
        font-size: 12px;
        line-height: 18px;
    }
	article.row.message .left-m a h5 span.course{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display:block;
    }
	article.row.message .left-m a h5 strong{
		font-weight:normal;
		color:#444;
    }
	article.row.message .left-m a.new h5 strong{
		font-weight:bold;
		color:#222;
    }
    article.row.message .left-m a.selected{
        background-color: #C8E0F4;
		color:#000;
    }
	article.row.message .left-m a.selected h4,
	article.row.message .left-m a.selected strong{
		color:#000;
    }
	article.row.message .left-m a.selected h4 i{
		color:#FFF;
    }
    
    article.row.message .right-m{
        background-color: #FFF;
        min-height: 400px;
        border: 1px solid #DDD;
        padding: 10px 20px 20px 20px;
    }
    article.row.message .right-m .not-selected{
        line-height: 80px;
        text-align: center;
    }
    
    article.row.message .right-m .image{
        float: left;
        width: 50px;
        height: 50px;
        margin: 0 10px 0 0;
        background-size: cover;
        background-position: center center;
        border: 2px solid #EEE;
        clear: both;
    }
    
    article.row.message .right-m h4{
        font-weight: bold;
        border-bottom: 1px solid #DDD;
		color:#222;
		font-size: 18px;
		line-height: 22px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }
    article.row.message .right-m h4 span{
        font-size: 12px;
        font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }
	article.row.message .right-m h4 span.course{
		display:block;
		line-height:16px;
		padding-bottom:4px;
    }
	article.row.message .right-m h4 span.course a{
		color:#D93025;
    }
	article.row.message .right-m h4 span.course a:hover{
		text-decoration:underline;
    }
    article.row.message .right-m h5{
        font-size: 14px;
        line-height: 30px;
    }
    article.row.message .right-m h5 strong{
        display: block;
        font-size: 14px;
        line-height: 18px;
    }
	article.row.message .right-m .items{
		max-height:420px;
		overflow:auto;
		padding-right:10px;
	}
    
    article.row.message .right-m .row.last{
		margin-top:10px;
    }
	article.row.message .right-m .message-content{
        display: block;
        font-size: 14px;
        line-height: 18px;
        background-color: #EEE;
        margin: 2px 0 0 70px;
        padding: 10px 15px 15px 15px;
        color: #222;
		text-align:left;
		position:relative;
		font-weight:bold;
    }
	article.row.message .right-m .message-content:before {
		content: "";
		position: absolute;
		top: 0;
		left: -10px;
		width: 0;
		border-top: 10px solid #EEE;
		border-bottom: 10px solid transparent;
		border-left: 10px solid transparent;
	}
	article.row.message .right-m .item.myself .message-content{
        margin: 2px 70px 0 0;
		background-color:#c8e0f4;
    }
	article.row.message .right-m .item.myself .message-content:before {
		border-top: none;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		border-left: 10px solid #c8e0f4;
		left:auto;
		right:-20px;
	}
	article.row.message .right-m .item.myself .message-content strong{
		border-bottom-color:#9DC0DE;
    }
	article.row.message .right-m .item .message-content .files{
		display:block;
		border-top:1px dashed #9DC0DE;
		padding:5px 0 0 0;
		margin:10px 0 -5px 0;
		font-weight:normal;
		font-size:12px;
    }
	article.row.message .right-m .item .message-content .files .title{
		display:block;
    }
	article.row.message .right-m .item .message-content .files a{
		display:inline-block;
		padding:5px 10px;
		border:1px solid #FFF;
		margin:5px 9px 0 0 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width:100%;
		background-color:#FFF;
    }
	article.row.message .right-m .item .message-content .files a i{
		margin:0;
		padding:0;
    }
	article.row.message .right-m .message-private{
		position:relative;
	}
	article.row.message .right-m .message-private .button .right{
		margin:0;
	}
	article.row.message .right-m .message-private .button .left{
		margin:0;
		width:60%;
		height:40px;
		line-height:40px;
		padding:0;
		position:relative;
		overflow:hidden;
		cursor:pointer;
	}
	article.row.message .right-m .message-private .button .left input{
		position:absolute;
		width:100%;
		height:40px;
		top:0;
		left:0;
		opacity:0;
		cursor:pointer;
	}
	article.row.message .right-m .message-private .button .left .button{
		padding:0 5px;
		cursor:pointer;
		border:1px solid #DDD;
		height:40px;
		line-height:38px;
	}
	article.row.message .right-m .message-private .button .left .button i{
		margin:0;
		padding:0;
		font-weight:normal !important;
	}
	article.row.message .right-m .message-private .button .left .button strong{
		font-size:12px;
		color:#222;
	}
	article.row.message .right-m .message-private .button .left:hover .button{
		color:#222;
		font-weight:bold;
		border:1px solid #222;
		background-color:#DDD;
	}
	article.row.message .right-m .message-private .button small{
		display:block;
		clear:both;
		line-height:16px;
		font-size:11px;
		padding:5px 0 0 0;
	}
	article.row.message .right-m .message-private .button small strong{
		color:#222;
	}
	article.row.message .right-m .item.myself .image{
        float:right;
		margin: 0 0 0 10px;
    }
    article.row.message .right-m .message-content strong{
        color: #444;
        display: block;
        margin-bottom: 5px;
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		border-bottom:1px solid #DDD;
		padding:0 0 5px 0;
    }
	
	article.row.message .right-m form.add{
		margin:10px 0 -10px 0;
    }
	
	article.notification .buttons a.btn{
		padding:0 15px !important;
		font-size:14px;
		line-height:38px;
		height:40px;
		float:left;
		margin:0 0 10px 0;		
    }
	
	article.notification table tr td{
		color:#888;
    }	
	article.notification table tr.new td{
		color:#000;
    }	
	article.notification table tr td i{
		font-size:22px;
    }
	
	
	/* EMD HUMANIDADES */
	article.human{
		
	}
	article.human p{
		color:#222;
	}
	article.human .main{
		/*
		background-image:url(../images/human/logo_branco.png);
		background-position:right top;
		background-repeat:no-repeat;
		background-size:contain;
		*/
	}
	article.human .main img{
		float:right;
		max-width:20%;
		margin:0 30px 20px 30px;
	}
	article.human .main .vid.row{
		margin-top:20px;
		margin-bottom:20px;
		background-color:#FFF;
		padding:25px;
		box-shadow:2px 2px 5px #DDD;
	}
	article.human .main .vid.row h3{
		border-bottom: 3px solid #d30301;
		font-size: 32px;
		color: #222;
		line-height: 40px;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}
	article.human .main .vid.row .video{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	article.human .main .vid.row iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:2px solid #D30301;
	}
	article.human .courses{
		
	}
	article.human .courses .item{
		overflow:hidden;
		border-top:1px solid #DDD;
		padding-top:10px;
		margin-top:20px;
		margin-bottom:50px;
		position:relative;
	}
	article.human .courses .item:before{
		content:'';
		display:block;
		float:left;
		width:80px;
		height:80px;
		background-image:url(../images/human/logo_branco2.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:10px 10px 0 0;
		position:absolute;
		top:5px;
		left:10px;
		z-index:10;
	}
	article.human .courses .item .content .subtitle{
		position:absolute;
		top:0;
		left:10px;
		color:#FFF;
		margin-left:105px;
		border-top:1px solid #FFF;
		width:100%;
		padding-top:7px;
		font-family: "Open Sans";
		font-weight: 300;
		text-transform:lowercase;
	}
	article.human .courses .item .content .subtitle:first-letter{
		text-transform:uppercase;
	}
	article.human .courses .item p{
	}
	article.human .courses .item .professor p{
		font-size:13px;
		line-height:20px;
		margin-left:195px;
	}
	article.human .courses .item h3{
		background-color:#D30301;
		color:#FFF;
		padding:10px 15px 10px 115px;
		text-transform:uppercase;
	}
	article.human .courses .item h3 i{
		margin-left:0;
		padding-left:0;
	}
	article.human .courses .item .professor{
		float:left;
		width:40%;
		padding:0 20px 0 0;
	}
	article.human .courses .item .professor{
		padding:20px 0 0 20px;
	}
	/*
	article.human .courses .item:nth-child(odd) .professor{
		float:right;
		padding:0 0 0 20px;
	}
	*/
	article.human .courses .item h4{
		background-color:#DDD;
		padding:10px 15px;
		margin:0 0 15px 0;
		color:#222;
	}
	article.human .courses .item h4 i{
		margin-left:0;
		padding-left:0;
	}
	article.human .courses .item .professor .image{
		float:left;
		width:180px;
		height:180px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 15px 5px 0;
	}
	article.human .courses .item .content{
		float:left;
		width:60%;
		/*background-color:#FFF;*/
		padding:48px 0 0 0;
		background-image:url(../images/human/bg.png);
		background-position:right -155px;
		background-repeat:no-repeat;
		position:relative;
	}
	article.human .courses .item .content h4{
		background-color:transparent;
		border-bottom:1px solid #DDD;
		padding-left:0;
		padding-right:0;
	}
	article.human .courses .item .btn{
		text-transform:uppercase;
		width:100%;
		height:50px;
		line-height:50px;
		margin-top:20px;
	}
	/* END EMD HUMANIDADES */
	
	
	/* history enrollment */
	#aula .history .item{
		border:3px solid #DDD;
		padding:0 15px 15px 15px;
		margin-bottom:15px;
		overflow:hidden;
	}
	#aula .history .item h3{
		border-bottom:1px solid #DDD;
		border-top:none;
		margin:0;
		overflow:hidden;
		font-size:16px;
		line-height:22px;
	}
	#aula .history .item .doc{
		display:block;
	}
	
	#aula .history .item .btn.pdf{
		background-image:url('../images/icons/files/pdf.png');
		background-repeat:no-repeat;
		background-position:10px center;
		border:1px solid #DDD;
		border-bottom:3px solid #d30301;
		width:auto;
		padding:0 20px 0 50px !important;
		height:50px;
		line-height:50px;
		font-size:12px;
		margin:3px 0 3px 0;
		overflow:hidden;
	}
	#aula .history .item .btn.pdf:hover{
		background-color:#222;
		border:1px solid #222;
		border-bottom:3px solid #d30301;
		color:#FFF;
	}
	#aula .history .item p{
		color:#222;
		font-size:14px;
		line-height:20px;
	}
	#aula .history .item h4{
		color:#222;
		font-weight:bold;
		font-size:15px;
	}
	/* end history enrollment */
	
	
    
    #whatsapp{
        position: fixed;
        width: 400px;
        height: 400px;
        background-color: transparent;
        bottom: 0;
        right: 0;
        box-shadow: -3px -3px 10px rgba(0,0,0,0.5);
        z-index: 99;
        overflow: hidden;
		border-radius:var(--radius1) 0 0 0;
        
        /* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }    
    #whatsapp.hidden{
		width:340px;
        height: 55px;
		border-radius: 5px 0 0 0;
    }
    #whatsapp h6 i.icon-up-open-big,
    #whatsapp.hidden h6 i.icon-down-open-big{
        display: none;
        float: right;
    }
    #whatsapp h6 i.icon-down-open-big,
    #whatsapp.hidden h6 i.icon-up-open-big{
        display: block;
        float: right;
    }
    #whatsapp h6{
        padding: 10px;
        /*background-color: #25d366;*/
		background-color:#05A366;
        color: #FFF;
        line-height: 35px;
        padding-left: 70px;
        background-image: url("../images/whatsapp-logo.png");
        background-position: 20px 10px;
        background-repeat: no-repeat;
        cursor: pointer;
		border-radius:var(--radius1) 0 0 0;
        
        /* tempo da transicao */
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    #whatsapp h6:hover{
        background-color:#167f57;
    }
    #whatsapp .content{
        padding: 25px;
		background-color:#FFF;
    }
    #whatsapp .content p{
        padding: 0;
        margin: 0 0 20px 0;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        color: #222;
    }
    #whatsapp .content .row.field{
        padding: 0;
    }
    #whatsapp .content .row.field .placeholder span{
		background-color:#05A366;
    }
	#whatsapp .content .row.field textarea.input{
        height: 170px;
		background-color:#FFF;
		color:#000;
    }
    #whatsapp .content .row.field textarea.input:focus{
        border-color: #05A366;
        box-shadow: none;
    }
    #whatsapp .content .row.btn{
        height: 50px;
        line-height: 50px;
        width: 100%;
        background-color:#05A366;
        border-color:#05A366;
		border-radius:var(--radius0);
    }
    #whatsapp .content .row.btn:hover{
        background-color:#167f57;
        border-color:#167f57;
    }
	#whatsapp .content .row.btn a{
		color:#FFF !important;
    }
	
	/* WHATSAPP */
	#whatsapp.hidden {
		width: 70px;
		overflow:visible;
	}
	#whatsapp:before{
		content:'';
		position:fixed;
		bottom:-120px;
		right:-120px;
		width:200px;
		height:200px;
		background-color:#05A366;
		z-index:-1;
		transform: rotate(50deg);
		opacity:0;
		box-shadow:-4px 0 4px rgba(0,0,0,0.5);
	}
	#whatsapp:hover:before{
		background-color:#167f57;
	}
	#whatsapp.hidden:before{
		opacity:1;
		/* tempo da transicao */
		-moz-transition: all 0.1s ease-in-out 0.2s;
		-webkit-transition: all 0.1s ease-in-out 0.2s;
		-o-transition: all 0.1s ease-in-out 0.2s;
		-ms-transition: all 0.1s ease-in-out 0.2s;
		transition: all 0.1s ease-in-out 0.2s;
	}
	#whatsapp.hidden{
		background-color:transparent;
		box-shadow:none;
	}
	#whatsapp.hidden h6{
		background-color:transparent;
	}
	
	
	#cookie{
		position:fixed;
		width:100%;
		height:auto;
		z-index:9999;
		bottom:0;
		left:0;
		padding:0;
	}
	#cookie .inner{
		background-color:#FFF;
		padding:30px;
		font-size:14px;
		line-height:22px;
		box-shadow:0 2px 5px rgba(0,0,0,0.5);
		color:#222;
		text-align:justify;
	}
	#cookie .btn.info.medium{
		float:right;
		padding:0 15px !important;
		text-transform:uppercase;
		margin:0 0 0 30px;
		height:44px;
		line-height:44px;
		border-radius:var(--radius0);
	}
	
	#warning-session-expired{
		position:absolute;
		bottom:60px;
		right:15px;
		padding:10px 30px 15px 20px;
		display:none;
		z-index:999;
		font-size:14px !important;
		line-height:22px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#warning-session-expired.active{
		display:block;
	}
	#warning-session-expired a{
		position:absolute;
		top:0;
		right:0;
		color:#644405;
	}
	#warning-session-expired a i{
		font-size:18px !important;
		padding:5px;
	}
	#warning-session-expired strong{
		font-weight:bold;
		font-size:16px !important;
	}
	
.show-phone{
	display:none !important;
}
.show-tablet{
	display:none !important;
}