.jcarousel-container {
			margin: 0 auto;
			max-width: 100%;
			width:100%;
		}
		.jcarousel-wrapper {
			position: relative;
			width: 100%;
		}
		.jcarousel-wrapper * {
			box-sizing: border-box;
		}
		.jcarousel {
		    position: relative;
		    overflow: hidden;
		    padding: 0;
			max-height: 380px;
			min-height: 380px;
		}
		.jcarousel ul {
		    width: 20000em;
		    position: relative;
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}
		.jcarousel li {
			color: #fff;
			float: left;
		    padding: 0.5rem;
		    text-align: left;
		}

		#jcarousel-temporario {
		    color: #fff;
		}
		/*.jcarousel .jcarousel-item {
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}		
		.jcarousel .jcarousel-item .jcarousel-item-content {
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
		.jcarousel .jcarousel-item .jcarousel-item-content * {
			-webkit-transition: all 0.75s ease-in-out;
			-moz-transition: all 0.75s ease-in-out;
			transition: all 0.75s ease-in-out;
		}
		.jcarousel .jcarousel-item .jcarousel-item-btn,
		.jcarousel .jcarousel-item .jcarousel-temp-item-btn {
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
			-webkit-transition: -webkit-transform .25s ease-out; 
			-moz-transition: -moz-transform .25s ease-out; 
			transition: transform 0.25s ease-in-out;
		}*/


		.jcarousel .jcarousel-item {
			cursor: pointer;
			position: relative;
		}
		.jcarousel .jcarousel-item:hover,
		.jcarousel .jcarousel-item.hover {
			/*transform: translateY(-70px);*/
		}
		.jcarousel .jcarousel-item .jcarousel-item-content {
			background-color: #f50;
			background-repeat: no-repeat;
			background-size: cover;
			/*background-size: contain;*/
			background-position: center;
			border-radius: 4px;
			height: 0;
			/*min-height: 330px;*/
			overflow: hidden;
			padding: 70px 2em;
		}
		.jcarousel .jcarousel-item:hover .jcarousel-item-content,
		.jcarousel .jcarousel-item.hover .jcarousel-item-content {
			background-color: transparent;
			height: initial;
			
			opacity: 1;
			padding: 30px 2em;
		}
		.jcarousel .jcarousel-item .jcarousel-item-content *,
		.jcarousel .jcarousel-item .jcarousel-item-btn,
		.jcarousel .jcarousel-item .jcarousel-temp-item-btn {
			opacity: 0;
		}
		.jcarousel .jcarousel-item:hover .jcarousel-item-content *,
		.jcarousel .jcarousel-item:hover .jcarousel-item-btn,
		.jcarousel .jcarousel-item:hover .jcarousel-temp-item-btn,
		.jcarousel .jcarousel-item.hover .jcarousel-item-content *,
		.jcarousel .jcarousel-item.hover .jcarousel-temp-item-btn,
		.jcarousel .jcarousel-item.hover .jcarousel-item-btn {
			opacity: 1;
		}
		@media(max-width:767px) {
			.jcarousel .jcarousel-item .jcarousel-item-content,
			.jcarousel .jcarousel-item:hover .jcarousel-item-content {
				padding: 1em 1em;
			}
		}

		.jcarousel .jcarousel-item.active .jcarousel-item-content:before {
			/*border-color: rgba(229, 68, 59, .9);*/
			border-color: #fff;
			border-radius: 4px;
			border-width: 8px;
			border-style: solid;
			bottom: 0;
			content: "";
			display: block;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
		.jcarousel .jcarousel-item.active .jcarousel-item-content:after {
			border-style: solid;
		    border-width: 20px 13px 0 25px;
		    bottom: -14px;
		    left: 50%;
		    position: absolute;
		    transform: translateX(-50%);
		    z-index: 2;
		    content: "";
		    display: inline-block;
		    vertical-align: middle;
		    margin-right: 0px;
		    width: 0;
		    height: 0;
		    border-left: 16px solid transparent;
		    border-right: 16px solid transparent;
		    border-top: 14px solid #fff;
		    z-index: 2;
		}



		.jcarousel .jcarousel-item-btn,
		.jcarousel .jcarousel-temp-item-btn {
			background-image: linear-gradient(to right, #00aa00, #01d25b);
			border-radius: 10em;
			color: #fff;
			display: block;
			margin-left: 10%;
			margin-top: -20px;
			padding: .75em 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			width: 80%;
		}
		.jcarousel .jcarousel-item-btn:hover,
		.jcarousel .jcarousel-temp-item-btn:hover {
			box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
			transform: scale(1.05);
		}

		/*  2019.02.08 - Marciano
			Foi solicitado pelo cliente que o card ficasse totalmente clicavel.
			O que deixa a exibicao do botao fora de contexto.
		*/
		.jcarousel .jcarousel-item-btn,
		.jcarousel .jcarousel-temp-item-btn {
			display: none !important;
		}


		.jcarousel .jcarousel-item-title {
			font-weight: 700;
			margin-top: 0;
		}
		.jcarousel .jcarousel-item-description {
			font-weight: 400;
			max-height: 150px;
			padding-right: 5px;
			overflow: scroll;
			overflow-x: hidden;
		}
		@media (max-width:540px) {
			.jcarousel .jcarousel-item-title {
				font-size: 1rem;
			}
			.jcarousel .jcarousel-item-description {
				display: none;
			}
		}
		@media (min-width:540px) and (max-width:991px) {
			.jcarousel .jcarousel-item-title {
				font-size: 1.2rem;
			}
			.jcarousel .jcarousel-item-description {
				font-size: 1rem;
			}
		}
		@media (min-width:992px) {
			.jcarousel .jcarousel-item-title {
				font-size: 1.4rem;
			}
			.jcarousel .jcarousel-item-description {
				font-size: 1.2rem;
			}
		}



		.jcarousel .jcarousel-item-description::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			border-radius: 10px;
			background-color: #F5F5F5;
		}
		.jcarousel .jcarousel-item-description::-webkit-scrollbar {
			width: 12px;
			background-color: #F5F5F5;
			border-radius: 10px;
		}
		.jcarousel .jcarousel-item-description::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-image: -webkit-linear-gradient(left, rgb(21, 143, 178), rgb(81, 216, 255));
			background-image: -o-linear-gradient(left, rgb(21, 143, 178), rgb(81, 216, 255));
			background-image: linear-gradient(to right, rgb(21, 143, 178), rgb(81, 216, 255));
		}
		@media (max-width:991px) {
			.jcarousel .jcarousel-item-description::-webkit-scrollbar {
				width: 6px;
			}
		}


		.jcarousel .graphic-percentage,
		.jcarousel .text-percentage {
			display: inline-block;
			float: left;
			height: 20px;
			vertical-align: middle;
		}
		.jcarousel .graphic-percentage {
			margin-right: 3%;
			width: 70%;
		}
		.jcarousel .text-percentage {
			width:25%;
		}
		.jcarousel .fullbar {
			background-color: #fff;
			height: 2px;
			margin-top: 9px;
			width: 100%;
		}
		.jcarousel .progressbar {
			background-image: linear-gradient(to right, #158fb2, #51d8ff);
			border-radius: 10em;
			height: 8px;
			transform: translateY(-50%);
		}


		.jcarousel-control-prev,
		.jcarousel-control-next {
			background-color: #878787;
			border-radius: 10em;
			/*box-shadow: 0px 5px 5px rgba(0,0,0,0.25);*/
			color: #fff;

			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

			font-size: 3.5em;
			height:45px;
			opacity: .75;
			position: absolute;
			top: 50%;
			text-align: center;
			transform: translateY(-50%);
			transition: opacity 1s ease;
			width: 45px;
			z-index:2;
		}
		.jcarousel-control-prev,
		.jcarousel-control-next {
			transform: translateY(-80%);
		}


		.jcarousel-control-prev:hover,
		.jcarousel-control-next:hover {
			opacity: 1;
		}
		.jcarousel-control-prev {
			left: -.85em;
		}
		.jcarousel-control-next {
			right: -.85em;
		}
		.jcarousel-control-prev,
		.jcarousel-control-next,
		.jcarousel-control-prev:active,
		.jcarousel-control-next:active,
		.jcarousel-control-prev:focus,
		.jcarousel-control-next:focus,
		.jcarousel-control-prev:hover,
		.jcarousel-control-next:hover {
			text-decoration: none;
		}
		.jcarousel-control-prev-icon,
		.jcarousel-control-next-icon {
			color: #fff;
			display: block;
			font-size: 0.8em;
			transform: translateY(-7%);
    	}

    	.jcarousel-control-next.inactive,
    	.jcarousel-control-prev.inactive {
    		display: none;
    	}
    	.jcarousel-control-next.active,
    	.jcarousel-control-prev.active {
    		display: block;
    	}


		#jcarousel-trilhas {
			
		}
		#jcarousel-trilhas .jcarousel {
			max-height: 460px;
			min-height: 460px;
		}
		#jcarousel-trilhas .jcarousel .jcarousel-item {
			/*transform: translateY(-70px);*/
		}
		#jcarousel-trilhas .jcarousel .jcarousel-item .jcarousel-item-content {
			height: inherit;
			/*min-height: 330px;*/
		}
		#jcarousel-trilhas .jcarousel .jcarousel-item .jcarousel-item-content,
		#jcarousel-trilhas .jcarousel .jcarousel-item .jcarousel-item-content {
			background-color: transparent;
			height: initial;
			/*min-height: 420px;*/
			padding: 30px 2em;
		}

		#jcarousel-temporario {

		}
		#jcarousel-temporario .jcarousel {
			max-height: 220px;
			min-height: 220px;
		}

		#jcarousel-temporario h4 {
			padding-left: 5px;
		}
		
		#jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content {
			/*max-height: 180px;
			min-height: 180px;*/
			max-height: initial;
			min-height: initial;
		}
		#jcarousel-temporario .jcarousel .jcarousel-item:hover .jcarousel-item-content, 
		#jcarousel-temporario .jcarousel .jcarousel-item.hover .jcarousel-item-content {
			/*padding: 10px 2em;*/
		}
		#jcarousel-temporario .jcarousel .jcarousel-item-description {
			font-size: .9em;
			max-height: 50px;
		}
		.wr-trilhas #jcarousel-temporario .jcarousel .jcarousel-item-description {
			max-height: 150px;
		}
		#jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content {
			/*background-size: contain;*/
		}


		/**
		 * 2018.08.13 - Marciano
		 * Alteracao solicitada para que o carrossel que exibe aulas 
		 * abrisse com suas thumbnails mostrando titulo, descricao e botoes
		 * sem necessidade de mouseover
		*/
		
		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content {
			background-color: rgb(218, 0, 26) !important;
			background-image: linear-gradient(to right, rgb(218, 0, 26), rgb(218, 0, 26)), url("/upload/slidesoff/vd_130a/slide_interactive.gif") !important;
		}
		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content {
		    padding: 10px 2em;
		}



		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content.item-aulas {
			min-height: 135px; 
			padding: 10px 1em;
		}
		@media(max-width:991px) {
			.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content {
				padding: 1em 1em;
			}
		}



		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-content *, 
		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-temp-item-btn, 
		.wr-cursos #jcarousel-temporario .jcarousel .jcarousel-item .jcarousel-item-btn {
			opacity: 1;
		}

		.row.row-jcarousel-temporario {
		    background-color: #3c3c3c;
		    padding: 0px !important;
		    margin: -27px 0px 0px 0px;
		    border-radius: 6px;
		}

.jcarousel-item-title, .jcarousel-item-description, .jcarousel-item-progress{
	display: none;
}