/* PHONE SIZE */
@media only screen and (max-width: 768px) {
	:root {
	  --radius0: 50px;
	  --radius1: 8px;
	  --radius2: 4px;
	  --radius3: 3px;
	  --radius4: 2px;
	  --radius5: 1px;
	}
	
	.dont-show-phone{
		display:none !important;
	}
	.show-phone{
		display:block !important;
	}
	
	section{
		font-size:14px;
	}
	
	.row{
		padding-left:12px;
		padding-right:12px;
	}
	
	#content #content-main{
		margin-left:0;
	}
    
    header{
        height: 54px !important;	
    }
	.fixed-header .navbar .logo a{
		display:none;
	}
	.navbar a.toggle{
		background-color:transparent !important;
		-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;
	}

	header .navbar .logo a{
		height:70px !important;
		line-height:70px !important;
		margin-top:0;
		box-shadow:none;
		padding-top:8px !important;
    }
    
    header nav{
        z-index: 9999;
    }
    
    section .news aside{
        display: none;
    }
    section .news.account aside{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    section .news .content-article{
        margin: 0;
        width: 100% !important;
    }
	
	.fixed-header header .row.navbar {
		height: 54px;
		min-height: 54px;
	}
	
    /*
	.home-menu > li{
		clear:both;
		width:100%;
	}
    */
	
	p{
		font-size:14px;
	}
	
	/* HEADER */
	#nav-header-account ul{
		padding:5px 0 0 0;
	}
	/* END HEADER */
    
    .banner,
    .banner .items{
        /*height: 150px !important;*/
		height:auto;
    }
    .banner .item,
    .banner .item a,
    .banner .item video{
        height: 130px !important;
        margin: 0 !important;
		
		position:static !important;
		visibility:visible !important;
		opacity:1 !important;
    }
	.banner .item.cycle-slide.cycle-sentinel{
		display:none !important;
	}
	.banner .cycle-prev,
	.banner .cycle-next{
		display:none;
	}
    .banner .item video{
        margin-left: -288.5px !important;
    }
    
    .home .row.center{
        display: block;
    }
    .home .features .item{
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .home .features h3{
        font-size: 18px;
    }
    .home .features p{
        font-size: 11px;
    }
    .home .features .box{
        padding: 0;
        margin-bottom: -5px;
        margin-top: -5px;
    }
	.home .features .item:nth-child(2) .box{
        margin-bottom: -15px;
        margin-top: -15px;
    }
    
    .home .students{
        display: block;
    }
    .home .students .item{
        display: block;
        width: 100%;
        margin: 0 0 15px 0 !important;
    }
    section article.course .fixme{
        display: block !important;
        margin: 0 !important;
        float: none !important;
        position: static !important;
    }
    section article.course .header,
    section article.course .header .details{
        height: auto;
    }
    section article.course .header .details .right{
        float: none !important;
        clear: both !important;
        margin: -30px 0 20px 0;
    }
    section article.course #items-content{
        clear: both !important;
    }
        
	/*
    .home .categories-list ul li{
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
	*/
    
	/*
    .navbar li .dropdown{
        display: none !important;
    }
	*/
    .navbar li{
        padding-top: 0 !important;
        height: auto !important;
    }
    
    .navbar li:after,
    .navbar li:before,
    .navbar li a:after,
    .navbar li a:before{
        display: none;
    }
    
    footer{
        clear: both;
		margin-top:0;
    }
	footer h2{
		display:block;
		margin:0;
		text-align:center;
		width:100%;
    }
	footer .modules .top{
		margin-bottom:0;
		padding-bottom:0;
	}
	footer .menu{
		width:100%;
		text-align:center;
    }
	
	footer .menu.sub ul li a{
		margin-bottom:0;
	}
	
	footer.course-video .modules > .row{
        max-width: 100% !important;
    }
    footer .copyright p{
        line-height: 20px;
        padding: 5px;
    }
    
    article.video.row .course{
        position: static;
        width: 100%;
        clear: both;
        overflow: hidden;
        height: auto !important;
        padding-top: 0;
    }
    #aula.row{
        margin-bottom: 0;
        /*border-bottom: 2px solid #CCC;*/
    }
	
	section article.course .header .details .info p strong{
		font-size:14px;
		line-height:20px;
	}
	#aula .tab-content{
		padding-left:0 !important;
		padding-right:0 !important;
	}
    
    header.course-video .row.navbar h2{
        font-size: 14px;
        line-height: 18px;
        width: auto;
		max-width:100%;
        padding: 0 50px 0 0;
		float:none;
    }
	header.course-video .row.navbar .logo{
		width:100px;
		float:left;
		margin-right:10px;
	}
	header.course-video .row.navbar .logo a{
		-webkit-transform: skew(0) !important;
		-ms-transform: skew(0) !important;
		transform: skew(0) !important;
		line-height:52px !important;
		height:62px !important;
	}
	header.course-video .row.navbar .logo img{
		height:auto;
		vertical-align:middle;
		display:inline !important;
		-webkit-transform: skew(0) !important;
		-ms-transform: skew(0) !important;
		transform: skew(0) !important;
	}
	header.course-video .row.navbar h2 span.title{
        font-size: 14px;
    }
	header.course-video .row.navbar h2 small{
		font-size:12px;
		line-height:20px;
    }
	header.course-video .row.navbar h2 small strong.no-phone{
		display:none;
    }
    header.course-video .row.navbar .header-phone{
        display: block;
    }
    header.course-video{
        z-index: 999;
    }
	
	section article.course .header .details .info p,
	section article.course .header .details .info span,
	section article.course .header .details h1{
		display:none;
	}
	.course .details .courses-list .item .content{
		padding-bottom:0;
	}
    
    section .news .row.staff{
        grid-template-columns: repeat(1, 1fr);
    }
    
    section article.course .module ul li strong{
        /*display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        position: static;
        height: auto;*/
    }
    section article.course .module ul li strong.enable{
    }
    section article.course .module ul li{
        line-height: 14px !important;
		font-size:11px;
    }
    
    #aula .tab-content .full {
        display: block;
        margin-top: 0 !important;
    }
    
    section .account.certificado .content table.history .values{
        width: 100%;
	} 
    
    
    article.video.row .course .container {
        height: 500px;
    }
    
	#whatsapp{
		width:100%;
	}
	#whatsapp.hidden{
		width:54px;
		border-radius:5px 0 0 0;
	}
	
	#whatsapp.hidden {
		width:48px;
	}
	#whatsapp:before{
		bottom:-134px;
		right:-134px;
	}
	#whatsapp h6{
		background-position: 10px 10px;
		background-size: 28px 28px;
	}
	
	article.video.row.list.main .content #aula{
		margin:0;
		clear:both;
	}
	
	article.human .main img {
		max-width: 37%;
	}
	article.human .courses .item .content{
		width:100%;
	}
	article.human .courses .item .professor{
		width:100%;
		padding-left:0;
	}
	article.human .courses .item .content .subtitle{
		font-size:11px;
	}	
	article.human .courses .item .btn{
		overflow:hidden;
		font-size:12px;
		margin-top:0;
	}
	article.human .courses .item .professor .image{
		width:120px;
		height:120px;
	}
	article.human .courses .item .professor p {
		margin-left:135px;
	}
	div.new-classroom article.video.row.list .content ul.items li ul{
		width: 100%;
	}
	div.new-classroom article.video.row.list .content ul.items li ul li {
		width: 98%;
	}
	article.video.row.list .content div.new-classroom ul.items.history li ul{
		display: inline-flex;
		justify-content: center;
		margin-block-end: auto;
		width: auto;
		flex-wrap: wrap;
		width: 100%;
	}
	article.video.row.list .content div.new-classroom ul.items.history li ul li{
		width: 100%;
	}
	
	section article.home .row.default:first-child{
		padding-bottom:0;
	}
	
	/* new css */
	/*
	.navbar a.toggle{
		background-color:rgba(0,0,0,0.3);
	}
	.navbar a.toggle:hover{
		background-color:rgba(0,0,0,0.6);
	}
	.navbar a.toggle:active, .navbar a.toggle.active{
		background-color:rgba(0,0,0,0.6);
	}
	.navbar ul.active {
		box-shadow: 0 2px 2px rgba(102,10,9,0.98);
	}
	.navbar ul{
		top:72px;
		background-color: rgba(102,10,9,0.98);
		background: linear-gradient(90deg, rgba(102,10,9,0.98) 9%, rgba(219,3,0,0.98) 47%, rgba(102,10,9,0.98) 76%);
	}
	header .navbar ul li.human a i{
		content:'';
		float:none;
		display:inline-block;
		position: static;
		min-width: 20px;
		vertical-align: baseline;
		margin:0 5px;
	}
	header .navbar ul li.human a i::before {
		content: ".";
		height: inherit;
		opacity:0;
	}
	*/
	/*
	header .navbar ul li .dropdown{
		display:block !important;
	}
	*/
	/*
	header .navbar ul li .dropdown ul li{
		background-color:#222;
	}
	header .navbar ul li a{
		text-align:left !important;
	}
	header .navbar ul li .dropdown ul li a{
		color:#FFF !important;
	}
	header .navbar ul li .dropdown ul li a:hover{
		color:#FFF !important;
		background-color:#000 !important;
		font-weight:bold;
	}
	header .navbar ul li .dropdown ul li a:active{
		color:#FFF !important;
		background-color:#000 !important;
		font-weight:bold;
	}
	header .navbar ul li a i.icon-popup{
		float:right;
		position:relative;
		background:none !important;
		width:20px;
		padding:0;
		margin:0;
		font-size:11px;
		display:none !important;
	}
	header .navbar ul li a i.icon-popup::before {
		content:"\e764" !important;
		opacity:1 !important;
	}
	header .navbar ul li a{
		background-color:transparent !important;
	}
	header .navbar ul li a i{
		width:30px;
		margin:0 5px;
	}
	*/
	section article.course .courses-list .btn{
		overflow:hidden;
		font-size:16px;
	}
	.design.inline{
		width:100% !important;
	}
	.design.inline .design.button > .btn {
		padding-left: 0px !important;
		text-align: center;
		padding-right: 0 !important;
		width: 100%;
	}
	section article.course .courses-list .btn a small{
		font-size:16px;
	}
	.page-header{
		display:none;
	}
	
	section h2{
		font-size:20px;
		line-height:24px;
		margin-top:10px;
	}
	.btn.large a, .skiplink.large a{
		font-size:18px;
	}
	
	/* MAIN PAGE COURSE */
	article.video.row.list{
		padding:0 10px;
	}
	article.video.row.list #aula .tab-content{
		padding:10px 0 0 0 !important;
	}
	article.video.row.list.main .content ul.items li ul li {
		width:100%;
	}
	article.video.row.list.main .content ul.items{
		width:100%;
		clear:both;
	}
	article.video.row.list.main .content ul.items li ul li .image{
		width:150px;
		height:150px;
		float:left;
		margin:0;
	}
	article.video.row.list.main .content ul.items .content{
		float:none;	
		width:auto;
		margin-left:150px;
		padding:7px;
	}
	article.video.row.list.main .content ul.items .content strong{
		font-size:12px;
	}
	article.video.row.list.main .content ul.items .content .progress{
		margin-bottom:10px;
		line-height:16px;
		font-size:12px;
	}
	article.video.row.list.main .content ul.items .content .progress .bar{
		margin-top:6px;
	}
	article.video.row.list.main .content ul.items .content a.btn.general,
	article.video.row.list.main .buttons.history a.btn.general{
		font-size:10px;
	}
	article.video.row.list.main .content ul.items .content a.btn.general{
		padding: 6px 16px 6px 16px !important;
		line-height: 14px;
	}
	article.video.row.list.main .content ul.items .content a.btn.general i{
		display:none;
	}
	article.video.row.list.main .content #aula{
		clear:both;
		margin-left:0;
	}
	article.video.row.list.main .content ul.items.access li ul li{
		width:100%;
		margin:0;
	}
	article.video.row.list.main .content ul.items.access li ul li.news{
		width:100%;
		margin:20px 0 10px 0;
		padding:0;
	}
	article.video.row.list.main .content ul.items.history li ul li{
		width:100%;
		margin:10px 0 0 0 !important;
	}
	article.video.row.list.main .content ul.items.history li ul li:first-child{
		margin:0 !important;
	}
	#aula .tab-content h3{
		margin-top:15px;
	}
	/*
	article.video.row.list.main .content #aula .tab-content{
		padding-left:12px !important;
		padding-right:12px !important;
	}
	*/
	article.video.row.list.main .content .search-user{
		height: auto !important;
	}
	article.video.row.list.main .content .search-forum input {
		border-radius: var(--radius2);
		margin-bottom:5px;
	}
	#aula .tab-content .forum.bar .box .btn{
		border-radius: var(--radius0);
	}

	/* TAB AULA */
	article.video.row #aula .tab-nav{
		padding:0 10px;
	}
	article.video.row.list.main .content #aula .tab-nav,
	article.video.row #aula .tab-nav{
		font-size:11px;
	}
	.video #aula .tab-content{
		padding:0 10px !important;
	}
	/*article.video.row.list.main .content*/ #aula .tab-nav i{
		font-size:14px !important;
		margin-right:0 !important;
	}
	#aula .tab-nav{
		overflow:hidden;
	}
	#aula .tab-nav li{
		display: inline-flex;
		flex-direction: row;
		height:40px;
		line-height:20px;
		width:auto;
		float:none;
		margin:0 !important;
		overflow:hidden;
	}
	#aula .tab-nav li a{
		height:40px;
		line-height:40px;
		padding-left:8px;
		font-size:11px;
		text-align:left;
		border-radius:0;
		/*box-shadow:0 -2px 2px rgba(0,0,0,0.1) inset;*/
	}
	#aula .tab-nav li.active a{
		/*background-color:#EEE;*/
		font-size:12px;
		color: #B70602 !important;
	}
	#aula .tab-nav li.active a i{
		color: #B70602;
	}
	
	/* account menu */
	section .news aside.account{
		position:relative;
		margin-bottom:15px;
		margin-top:-20px;
	}
	section .news aside.account h4 a{
		font-size:1px;
		color:transparent;
	}
	section .news aside.account h4 a:before{
		content: "\e005";
		font-family: "entypo";
		font-size:30px;
		float:right;
		color:#222;
		margin-top:8px;
	}
	section .news aside.account h4 a:after{
		content: "Mais opções";
		float:right;
		font-size:14px;
		margin:0 10px 0 0;
		color:#222;
		margin-top:8px;
	}
	section .news aside.account.active h4 a:after{
		content: "Ocultar opções";
	}
	section .news aside.account ul{
		position:absolute;
		left:-120%;
		z-index:98;
		width:100%;
		background-color:#FFF;
		overflow:hidden;
		height:auto;
		opacity:0;
		padding:0 15px 15px 15px;
		
		/* 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 .news aside.account.active ul{
		left:0;
		opacity:1;
		box-shadow:0 0 5px rgba(0,0,0,0.5);
	}
	section .news aside.account ul li{
		width:48%;
		float:left;
	}
	section .news aside.account ul li{
		margin-right:2%;
	}
	section .news aside.account ul li.separator{
		width:100%;
		float:none;
		font-size:12px;
		padding:5px;
		clear:left;
	}
	section .news aside.account ul li a{
		padding:5px;
		font-size:12px;
		white-space: nowrap;
		overflow:hidden;
		box-shadow:-5px 0 5px #DDD inset;
		position:relative;
	}
	section .news aside.account ul li a:after{
		content:'';
		width:10px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
		box-shadow:-10px 0 5px #DDD inset;
	}
	section .news aside.account ul li a:hover:after{
		box-shadow:-10px 0 5px #CCC inset;
	}
	section .news aside.account ul li a i{
		width:auto;
		margin:0;
		padding:0;
	}
	
	/* notas e faltas */
	article.video.row.list.main .content #aula .presence .legend p{
		font-size:11px;
		line-height:14px;
		text-align:left;
	}
	article.video.row.list.main .content #aula .presence .legend p i{
		font-size:11px;
		width:10px;
		height:16px;
		line-height:14px;
		margin-right:2px;
		overflow:hidden;
	}
	
	article.video.row.list.main .content #aula .presence table td > .title{
		display:none;
	}
	article.video.row.list.main .content #aula .presence table td > i{
		width:10px !important;
		height:20px !important;
		line-height:20px !important;
		margin:3px 3px 0 3px !important;
		overflow:hidden;
	}
	article.video.row.list.main .content #aula .presence table td{
		height:auto !important;
	}
	article.video.row.list.main .content #aula .presence table td.day{
		padding:0;
		width:27px;
		min-width: 27px;
		max-width: 27px;
	}
	article.video.row.list.main .content #aula .presence table .module{
		position:relative;
		overflow:hidden;
	}
	article.video.row.list.main .content #aula .presence table .module span{
		position:absolute;
		top:0;
		left:0;
		font-size:10px;
		line-height:12px;
		width:100%;
		display:block;
		height:auto;
		overflow-wrap: break-word;
		padding:2px;
	}
	article.video.row.list.main .content #aula .presence table.exam td.day span.result.min{
		/*display:none;*/
		font-size:4px;
	}
	article.video.row.list.main .content #aula .presence table.exam td.day span.result{
		font-size:8px;
		width:100%;
		min-width:auto;
		margin:0;
		padding:0;
		height:22px;
		overflow:hidden;
	}
	article.video.row.list.main .content #aula .presence table.exam td.day span.result strong{
		font-size:10px;
	}
	article.video.row.list.main .content #aula .presence table.exam td.day span.no-result{
		height:20px;
	}
	.presence table td:nth-child(8) article.video.row.list .content,
	.presence table td:nth-child(9) article.video.row.list .content,
	.presence table td:nth-child(10) article.video.row.list .content,
	.presence table td:nth-child(11) article.video.row.list .content{
		right:0;
		left:auto;
	}
	.presence table td:nth-child(4) article.video.row.list .content,
	.presence table td:nth-child(5) article.video.row.list .content,
	.presence table td:nth-child(6) article.video.row.list .content,
	.presence table td:nth-child(7) article.video.row.list .content{
		left:50%;
		margin-left:-120px;
	}
	.presence table article.video.row.list .content{
		left:0;
		right:auto;
	}
	
	article.video.row.list .content ul.items li ul li{
		margin:0 0 10px 0;
		width:100%;
		height:auto;
	}
	article.video.row.list .content ul.items > li > span{
		text-align:left;
		font-size:18px;
		line-height:22px;
	}
	article.video.row.list .content ul.items > li > span strong.new{
		font-size:10px;
		padding:0 5px;
	}
	
	article.video.row .content #aula .tab-nav.with-menu{
		position:relative;
		padding-top:40px;
	}
	
	#aula .tab-nav li.right{
		/*height:0;*/
		width:100%;
		position:absolute;
		top:0;
		left:0;
		border-bottom:1px solid #DDD;
	}	
	article.video.row a#hide-sections{
		line-height:40px;
		height:40px;
		border:none;
		font-size:14px;
	}
	article.video.row a#hide-sections:before{
		content:'Navegar por aulas';
	}
	/*
	article.video.row a#hide-sections{
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		background-color:#FFF;
		width:50px;
		height:50px;
		line-height:50px;
	}
	*/
	article.video.row a#hide-sections .bigger{
		display:none !important;		
	}
	article.video.row a#hide-sections .smaller{
		display:block !important;		
	}
	article.video.row .course{
		position:fixed !important;
		top:0;
		left:-100%;
		z-index:9999;
		width:100% !important;
		height:100% !important;
		opacity:0;
	}
	article.video.row.hidden .course{
		left:0;
		opacity:1;
	}
	article.video.row.hidden .course .container{
		overflow:scroll;
		height:100%;
	}
	article.video.row.hidden .course .container{
		overflow:scroll;
		height:100%;
	}
	article.video.row.hidden .course .items,
	article.video.row.hidden .course h2,
	article.video.row .course .items,
	article.video.row .course h2{
		display:block;
		position:relative;
	}
	article.video.row .course h2,
	article.video.row.hidden .course h2{
		position:fixed;
		width:100%;
		z-index:999;
		background-color:#FFF;
	}
	article.video.row .course .items{
		padding-top:53px !important;
	}
	article.video.row.hidden .course h2:before{
		float:left;
		content:'\e765';		
		position:absolute;
		top:0;
		left:0;
		width:50px;
		height:50px;
		line-height:50px;
		font-family: "entypo";
	}
	
	article.video.row.list.main .content ul.items .content .progress p{
		display:none;
	}
	
	#cookie .inner{
		font-size:11px;
		line-height:16px;
		position:relative;
		padding-bottom:75px;
	}
	#cookie .btn.info.medium{
		float:none;
		display:block;
		width:92%;
		margin:0 4% 10px 4%;
		position:absolute;
		bottom:7px;
		left:0;
	}
	
	form fieldset{
		padding:10px 15px 15px 15px !important;
	}
	.field label.radio{
		display:block;
		margin-bottom:5px;
		width:100%;
	}
	.field label.radio:last-child{
		margin-bottom:0;
	}
	
	article.row.notification h2 a.btn{
		padding:0 10px !important;
		font-size:10px;
		line-height:28px;
		height:30px;
    }
	
	article.video.row.list.main .content ul.items .content .progress.tcc{
		margin:10px 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:6px 16px !important;
		font-size:10px;	
	}
	
	article.row.message .m{
		display:block;
	}
	article.row.message .m > .columns{
		width:100%!important;
		display:block;
		max-height:5000px !important;
	}
	article.row.message .left-m{
		height:150px;
		max-height:150px;
		margin-bottom:5px;
		margin-top:-20px; 
		border-top:0;
	}
	article.row.message .right-m .message-private .button .left,
	article.row.message .right-m .message-private .button .right{
		float:none;
		display:block;
		width:100%;
	}
	article.row.message .right-m .message-private .button .right .btn{
		width:100%;
		margin-top:5px;
	}
	article.video.row.list.main .tcc-tab iframe{
		height:720px;
	}
	article.video.row.list.main .tcc-tab button.back{
		position:static;
		height:40px;
		line-height:40px;
		padding:0;
		margin:0 0 5px 0;
		border:1px solid #DDD;
	}
	
	.courses-list .item .content .types .type{
		display:none;
	}
	.courses-list .item .content h4.list{
		font-size:9px;
		padding: 3px 10px 3px 12px;
		height:22px;
	}
	section article.course .content-article .more .image, .courses-list .item .image {
		width:140px;
		height:140px;
	}
	section article.course .content-article .more .courses-list .item .content, .courses-list .item .content {
		margin-left:140px;
		padding-bottom:0;
		height:135px;
		padding-left:7px;
		padding-right:7px;
	}
	.courses-list .item .content h3 {
		font-size: 11px;
		line-height: 15px;
		height: 30px;
		margin-top: 15px;
		margin-bottom:5px;
	}
	.courses-list .item .content .duration-month {
		font-size:9px;
		padding: 2px 7px;
	}
	
	.fixed-header > section article nav.home {
    	width: 82%;
	}
	
	section .news .account-content{
		clear:both;
		margin:0 15px!important;
	}
	.account .courses-list .item .content .time{
		font-size:11px;
		line-height:14px;
	}
	.account .courses-list .item .content .types .type{
		display:block;
		font-size:9px !important;
		height:30px;
		line-height:30px;
		padding-top:0;
		padding-bottom:0;
	}
	
	section #login.new-layout > .row.boxes{
		padding-left:15px;
		padding-right:15px;
		width: 100%;
	}
	section #survey_form.new-layout > .row.boxes #form{
		padding-left:15px;
		padding-right:15px;
		width:100% !important;
	}
	section article#survey_form .row .box{
		margin:0;
	}
	section article#survey_form .row .box{
		width: 100% !important;
		overflow: hidden;
		background-color: transparent;
		padding: 0;
		position: relative;
	}
	
	section #register-block #login.new-layout > .row.boxes{
		padding:0 !important;
	}
	
	section .new-layout .content-article .full.left .image, section .new-layout .content-article .full.right .image {
		height:160px;
		width:100%;
		margin:0;
		padding:0;
		position:static;
		margin-bottom:10px;
		
		-webkit-transform: skew(0) !important;
		-ms-transform: skew(0) !important;
		transform: skew(0) !important;
	}	
	section .new-layout .content-article .full .image .another{
		-webkit-transform: skew(0) !important;
		-ms-transform: skew(0) !important;
		transform: skew(0) !important;
	}
	section .new-layout .content-article .full .content,
	section .new-layout .content-article .full.left .content,
	section .new-layout .content-article .full.right .content {
		padding-left:10px;
		padding-right:10px;
		/*
		padding: 15px !important;
		clear:both;
		*/
	}
	section .new-layout .content-article .full .content .text{
		padding:0 0 10px 0 !important;
	}
	
	section .new-layout .content-article .full .valores{
		display:block;
	}
	section .new-layout .content-article .full .valores .item{
		margin:0 0 30px 0;
		width:100%;
		clear:left;
		display:block;
	}
	section .new-layout .content-article .full .valores .item h3 {
		height: auto;
	}
	section .new-layout .content-article .full .valores .item h3 strong{
		padding-bottom:10px;
	}
	
	section .new-layout .content-article .full .photos{
		margin:15px 0 15px 0;
		overflow-x:scroll;
		height:180px;
		white-space:nowrap;
	}
	section .new-layout .content-article .full .photos .items{
		width:auto;
	}
	section .new-layout .content-article .full #photo-slide{
		padding:0 !important;
	}
	section .new-layout .content-article .full .photos .item{
		margin:5px 0 5px 5px !important;
	}
	section .new-layout .content-article .full .photos .item{
		height:150px;
		display: inline-block;
		float: none;
	}
	
	section .new-layout .content-article .full .photos-zoom .arrow{
		width:50px;
		font-size:18px;
		line-height:50px;
	}
	.fixed-header section .new-layout .content-article .full .photos-zoom .image{
		max-height:auto;
		height:auto;
		margin-top:-20px;
	}
	section .new-layout .content-article .full .photos-zoom .image img{
		max-height:auto;
		height:auto;
	}
	
	section .new-layout.contact .content-article {
	  padding: 15px;
	}
	
	section article.new-layout .professors-module .arrow{
		display:none;
	}
	section article.new-layout .professors-module .items .group{
		margin:0;
		padding:0;
	}
	section article.new-layout .professors-module .items .item .image{
		display:none;
	}
	
	section article.new-layout .professors-module .items .item .detail{
		height:auto;
		margin:0;
		width:100%;
	}
	section article.new-layout .professors-module .items .item .detail p{
		display:none;
		margin-left:0;
		margin-right:0;
		margin-top:0;
	}
	
	section article.new-layout .professors-module .all{
	}
	section article.new-layout .professors-module .carrossel::before, section article.new-layout .professors-module .carrossel::after {
		display:none;
	}
	section article.new-layout .professors-module .all .thumbs{
		grid-template-columns: repeat(auto-fill, 50%);
		gap: 10px 0;
	}
	section article.new-layout .professors-module .all .thumbs .item{
		width:100%;
	}
	section article.new-layout .professors-module .all .thumbs .item .image{
		width:60px;
		height:60px;
		margin-right:-30px;
		border-width:3px;
	}
	
	section article.new-layout .professors-module .items .item .detail h3, section article.new-layout .professors-module .items .item .detail h4 {
		display:none;
	}
	
	section article.new-layout .professors-module .all .thumbs .item p{
		padding:2px 0 2px 22px;
		font-size:8px;
		line-height:10px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after{
		font-size:9px;
		line-height:10px;
		height:40px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after:after{
		height:3px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after span.title{
		font-size:8px;
		line-height:10px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.after span.button{
		font-size:8px;
		line-height:11px;
		bottom:5px;
		right:5px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.description{
		font-size:9px;
		line-height:12px;
	}
	section article.new-layout .professors-module .all .thumbs .item p.description span {
		padding: 12px 2px 5px 2px;
	}
	section article.new-layout .professors-module .all .thumbs .item p span {
	}
	section article.new-layout .professors-module .all .thumbs .item p,
	section article.new-layout .professors-module .all .thumbs .item p span{
	}
	section article.new-layout .professors-module .all .thumbs .item p.after{
	}
	
	section .new-layout .content-article .full .content .text.professors-module{
		padding-top:0 !important;
		position:relative;
	}
	section article.new-layout .professors-module .carrossel{
		position:static;
		top:0;
		left:0;
		width:100%;
	}
	
	section .new-layout .content-article .full .partners {
		display:block;
	}
	section .new-layout .content-article .full .partners li{
		display:block;
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:10px;
	}
	
	section article.course .module.flex{
		display:block;
	}
	section article.course .module ul li.minus{
		
	}
	section .new-layout .content-article .full .module .content{
		padding:0 !important;
	}
	section article.course .module .item{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	section article.course .module .item h3{
		height:auto;
		max-height:100%;
		min-height: auto;
		line-height: 20px;
		padding-top:5px;
	}
	section article.course .module.flex .item{
		width:100%;
	}
	section article.course .module.flex .item:last-child{
	}
	section .new-layout.course .content-article .full.main .image img{
		height:auto;
		width:100%;
	}
	section .new-layout.course .content-article .full.main .image{
		padding:0;
		height:auto;
		min-height:auto;
		margin:-10px 0 10px 0;
	}
	section article.course .main .courses-list .item .content{
		padding:5px !important;
	}
	section article.course .items-about .items{
		padding:15px !important;
	}
	section .new-layout .content-article .full .content.courses-list{
		padding:0 !important;
	}
	section article.course .main .courses-list .item .content .time, section article.course .main .courses-list .item .content .duration{
		width:100%;
		clear:both;
		border-left:none;		
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
	}
	section article.course .main .courses-list .item .content .time,
	section article.course .main .courses-list .item .content .duration,
	section article.course .main .courses-list .item .content .duration.target{
		padding: 3px 10px;
		margin:0;
	}
	
	section article.course .main .courses-list .buttons{
		margin-bottom:10px;
		padding:15px 10px 0 10px;
	}
	section article.course .main .courses-list .btn.info{
		width:100%;
		display:none;
	}	
	section article.course .main .courses-list .design.inline{
		display:block;
		clear:left;
	}
	section article.course .main .courses-list .details.buttons>.design.inline{
		/*padding-top:10px;*/
	}
	
	section article.course .main .courses-list .item .content .time span,
	section article.course .main .courses-list .item .content .time strong{
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
		margin-top:0 !important;
	}
	section article.course .main .courses-list .item .content h4.list {
		float: none;
		margin: -5px 0 0 -3%;
		display: block;
		border-radius:0;
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
		width:106%;
	}
	section article.course .main .courses-list .item .content h3.subtitle{
		padding:5px 10px;
		font-size:12px;
		margin:0;
		line-height:18px;
	}
	section article.course .main .courses-list h2{
		clear:both;
		margin-bottom:0;
		padding:0;
	}
	section article.course .main .courses-list h2 span{
		background-color:transparent;
		color:#FFF;
		height:auto;
		padding:5px 10px;
	}
	section article.course .main .courses-list .item .content h4.list span{
		text-align:center;
		padding:0;
		-webkit-transform: skew(0);
		-ms-transform: skew(0);
		transform: skew(0);
	}
	
	section article nav.home .categories-list ul li.large{
		display:none;
	}
	
	section article.course .plans_value{
		display:flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}
	section article.course .plans_value.preview .item.highlight{
	}
	section article.course .plans_value.preview .item.highlight::after {
		display:none;
	}
	section article.course .plans_value .item{
		margin:0 0.5% 10px 0.5% !important;
		width:32% !important;
		height:auto !important;
		border-width:1px !important;
	}
	section article.course .plans_value .item .btn.xlarge{
		font-size:11px;
		line-height:11px;
		padding:10px 0 !important;
		width:100%;
		border-radius:0;
	}
	section article.course .plans_value .obs{
		font-size:10px;
		line-height:12px;
		text-align:justify;
		margin: 5px 0 20px 0;
		width:100%;
		flex-wrap: wrap;
	}
	section article.course .plans_value .item h3 {
		padding: 6px;
		font-size: 12px !important;
		line-height: 16px !important;
	}
	section article.course .plans_value .item .values{
		padding:5px 5px;
		height:auto;
	}
	section article.course .plans_value .item p.default{
		height:34px;
		font-size:9px;
		line-height:14px;
	}
	section article.course .plans_value .item p.default strong {
		font-size: 9px;
		color:#666;
	}
	section article.course .plans_value .item p.main strong{
		font-size:14px;
		line-height:18px;
	}
	section article.course .plans_value .item p.main strong span{
		font-size:18px;
		line-height:18px;
	}
	section article.course .plans_value .item p.main,
	section article.course .plans_value .item .right p.default.discount {
		font-size:8px;
		line-height:9px;
		height: 60px;
	}
	section article.course .plans_value .item p.main.extra{
		margin-top:0;
		height:34px;
		line-height:5px;
	}
	section article.course .plans_value .item p.main small.enrollment{
		font-size:9px;
		line-height:12px;
		max-width: 80px;
		display: block;
		margin: 0 auto;
	}
	section article.course .plans_value .item p.main small.enrollment strong {
		font-size: 12px;
		line-height: 12px;
	}
	
	section #register-form .items#items-content{
		width:100%;
	}
	section #register-form .items#items-content > form > .item{
		width:100%;
		float:none;
		display:block;
	}
	
	section #register-form .items#items-content > form > .item h4.show-phone{
		color: #FFF;
		font-size: 14px;
		line-height:24px;
		margin: -10px 0 10px -10px;
		border:none;
		padding:5px 0;
		text-align:left;
		background-color:var(--dark);
		background: linear-gradient(90deg, var(--dark) 0%, rgba(0,0,0,0) 100%);
	}
	section #register-form .items#items-content > form > .item .prices-choose h4.show-phone{
		margin-top:5px;
	}
	section #register-form .items#items-content > form > .item h4.show-phone span{
		float:left;
		width:34px;
		height:34px;
		line-height:32px;
		display:block;
		background-color:transparent;
		margin:-5px 10px 0 0;
		color:#FFF;
		font-size:20px;
		text-align:center;
		font-weight:600;
	}
	
	section #register-form .infos p{
		display:none;
	}
	
	section #register-form .items#items-content > form > .item .continue-button{
		display:none;		
	}
	
	section #register-form .home .categories-list{
		display:none;
	}
	section #register-form fieldset:first-child{
		padding-top:5px !important;
		padding-bottom:0 !important;
	}
	section #register-form fieldset h4:not(#copy-pix){
		display:none;
		font-size:16px;
		line-height:20px;
	}
	
	section article.course .plans_value.is_subscription .item h3{
		font-size: 0.72em !important;
	}
	section article.course .plans_value .item p.main small{
		margin-right:3px;
	}
	section article.course .plans_value.is_subscription .item p.main strong small:first-child{
		font-size: 0.65em;
		display: inline-block;
		line-height: 1.25;
		margin: 8px 0;
	}

	section article.course .plans_value.is_register .item p.default strong,
	section article.course .plans_value.is_register .item.active p.default small{
		color:#666 !important;
	}
	
	section article.course .plans_value.is_register .item{
		display:block !important;
		width:100%;
		margin:0 0 10px 0;
		height:auto;
		-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;
	}
	section article.course .plans_value.is_register .obs{
		display:none;
	}
	
	section .new-layout .content-article .full .content .text.parent .plain-cart a{
		display:none;
	}
	article.course #cupom.cupom .btn.xlarge.fill {
		line-height: 16px;
	}
	
	article .prices-box{
		padding:10px !important;
	}
	article .prices-box span.big{
		font-size:20px;
		line-height:20px;
	}
	article .prices-box span.big strong small{
		font-size:11px;
	}
	article .prices-box h4{
		font-size:16px !important;
		line-height:22px !important;
		margin-bottom:10px !important;
	}
	article .prices-box span{
		font-size:12px;
		line-height:16px;
	}
	article .prices-box.light.r i{
		width:20px;
		height:20px;
		line-height:16px;
		font-size:12px;
	}
	
	section #register-form .items#items-content > form,
	section #register-form > .scroll{
		overflow:visible;
	}
	section article.course .plans_value.is_register{
		overflow:visible;
	}
	section article.course .plans_value.is_register .item:hover,
	section article.course .plans_value.is_register .item.active {
		transform: scale(1);
		z-index:5;
	}
	section article.course .plans_value.is_register .item {
		opacity:1;
		filter: grayscale(90%);
	}
	section article.course .plans_value.is_register .item:hover,
	section article.course .plans_value.is_register .item{
		border-color:#555;
	}
	section article.course .plans_value.is_register .item.active{
		border-color:#FFF;
	}
	section article.course .plans_value.is_register .item.active {
		opacity:1;
		transform: scale(1.1);
		filter: grayscale(0);
	}
	section article.course .plans_value.is_register .item:hover,
	section article.course .plans_value.is_register label {
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 4px;
		width:16px;
		height:16px;
		overflow:hidden;
	}
	section article.course .plans_value.is_register label {
		text-align:left;
		float:left;
		margin-right:-16px;
	}
	section article.course .plans_value.is_register .item h3 label span i{
		border-width: 1px;
		width: 16px;
		min-width:16px;
		height: 16px;
		line-height: 14px;
		margin: 0 5px 0 0;
		font-size: 12px;
		float:left;
	}
	section article.course .plans_value.is_register .item p.default{
		height:32px;
	}
	section article.course .plans_value.is_register .item h3 label span.selected{
		font-size:10px;
		line-height:12px;
	}
	section article.course .plans_value.is_register .item.active::after{
		display:none;
	}
	
	article.course table.cart{
		margin:0 0 10px 0;
	}
	section .new-layout .content-article .full .content table.cart .text,
	section .new-layout .content-article .full .content table.cart .text.parent{
		padding:5px 8px !important;
	}
	
	section .new-layout .content-article .full .content table.cart thead{
		display:none;
	}
	article.course #cupom.cupom .text{
		line-height:18px;
	}
    
    /* CERTIFICATES */
    section .account.certificado .content table td.name .image{
        width: 40px;
        height: 40px;
        margin: 3px 5px 2px 0;
    }
    section .account.certificado .content table td.name a{
        font-size: 12px;
        line-height: 14px;
    }
    section .account.certificado .content table td.name span small{
        font-size: 10px;
        margin: 0;
        padding: 0;
    }
    section .account.certificado .content table{
        display:block;
    }
    section .account.certificado .content table thead,
    section .account.certificado .content table tbody{
        display:block;
    }
    section .account.certificado .content table tr{
        display: block;
    }
    section .account.certificado .content table td,
    section .account.certificado .content table th{
        display: block;
        width: 100% !important;
    }
    
    section .account.certificado .content table td.progress,
    section .account.certificado .content table td.certificado {
        border: none;
        padding-top: 0;
    }
    section .account.certificado .content table td.certificado{
        padding-bottom: 30px;
    }
    section .account.certificado .content table td.progress span.show-phone{
        font-size: 11px;
        display:block;
        margin-bottom: 5px;
        color: #666;
    }
	
	.home #institucional .more{
		margin-top:-10px;	
		padding:0 15px;
	}
	
	.home #congresso h2.art3 {
		font-size: 15px;
		padding-bottom: 10px;
		margin-top: -5px;
	}
	
	section h2.art3 {
		font-size: 16px;
		margin-top: 5px;
	}
	
	/* monthly */
	section .account.monthly table th{
		font-size:5px;
		padding:3px 2px;
		line-height:6px;
	}
	section .account.monthly table td{
		font-size:7px;
		padding:0 2px;
		line-height:8px;
	}
	section .account.monthly table td:last-child{
		padding:0;
	}
	section .account.monthly .btn{
		width:40px;
		font-size:7px;
		line-height:8px;
		padding:25px 0 5px 0 !important;
	}
	section .account.monthly .btn i{
		height:20px;
		font-size:18px;
		line-height:20px;
		top:0;
	}
	section .account.monthly h5{
		font-size:12px;
		line-height:18px;
		padding:10px;
	}
	section .account.monthly h5 strong{
		font-size:14px;
	}
	
	.home .banner-feature .pager{
		bottom:10px;
	}
	.home .banner-feature .pager li{
		width:15px;
		height:15px;
		margin:0 7px;
	}
	
	.courses-list .item .content .price.list .university{
		font-size:9px;
		line-height:10px;
		bottom:5px;
    }	
	.courses-list .item .content .price.list .university:before{
    }
	.courses-list .item .content .price.list .university img{
		max-width:50px;
		max-height:25px;
    }
	
	section article.course .main .courses-list .item .content .details.buttons .organizer{
		width:100%;
		padding-bottom:10px;
		padding-top:6px;
		margin-bottom:0;
		position:static;
	}
	section article.course .main .courses-list .item .content .details.buttons .organizer img{
	}
	
	section .new-layout.course.all ul.list{
		padding:15px 10px 30px 10px;
	}
	section .new-layout.course.all ul.list li{
		display:block;
		width:100%;
		margin:0 0 15px 0;
	}
	section .new-layout.course.all ul.list li a{
	}
	section .new-layout.course.all ul.list li a .image{
		width:100px;
	}
	section .new-layout.course.all ul.list li h2{
		font-size:12px;
		padding:2px 0;
		margin-left:100px;
	}
	section .new-layout.course.all ul.list li h3{
		font-size:12px;
		line-height:14px;
	}
	section .new-layout.course.all ul.list li p{
		padding:5px 10px;
		font-size:11px;
		line-height:16px;
	}
	section .new-layout.course.all .account-content ul.list li{
	}
	section .new-layout.course.all .account-content ul.list{
		margin:0 0 30px 0;
	}
	
	/* PAYMENT CART */
	section #register-form fieldset .tab-content{
		padding:15px;
	}
	article.course #cupom.cupom .right{
		width:100%;
	}
	.card-wrapper{
		display:none !important;
	}
	section #register-form fieldset .tabs a{
		line-height:12px;
		font-size:11px;
		padding:8px;
	}
	section #register-form fieldset .tab-content .item .row.centered .pix img{
		max-width:150px;
		margin: 0 auto 4px auto;
		display: block;
	}
	section #register-form fieldset .tab-content .alert {
		padding: 8px;
		text-align: center;
		font-size:12px;
		line-height:18px;
		margin: 0 0 10px 0;
	}
	/* END PAYMENT CARD */
	
	section article.course.deal .plans_value .item > h3:after,
	section article.course.deal .main .courses-list .item .content:after{
		height:24px;
		line-height:22px;
		font-size:7px;
		background-position:center center !important;
		width:80px;
		top:5px;
		left:-25px;
		transform:rotate(-45deg);
	}
	section article.course.deal .plans_value .item > h3:after{
		display:none;
	}
	section article.course.deal .plans_value .item > h3::after,
	section article.course.deal .main .courses-list .item .content::after{
		border-width:1px;
	}
	section .new-layout .content-article{
		overflow:visible !important;
    }
}