/*

Custom css fo Fuego On

Cliente: Fuego On Demo;
Data: 24/07/2020;

*/


/* Fonte: */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
	color: #505050;
	background-color: #E5E5E5
}

.bg-card-mutant {
	background-color: transparent;
}

.btn-link,
a {
	font-weight: bold;
	text-decoration: underline;
	color: #662D91
}

.btn-link:hover,
a:hover {
	background-color: #662D91;
	color: white
}

::selection {
	color: white;
	background: #662D91;
}

.text-primary {
	color: #662D91 !important
}


.bg-light {
	background-color: #ECECEC !important;
}

.btn {
	text-transform: lowercase;
}

.btn-primary {
	background-color: #662D91;
	border-color: #662D91;
}

.bg-primary {
	background-color: #662D91;
}

.btn-primary:hover {
	background-color: #2493dd;
	border-color: #2493dd;
	box-shadow: 0 0 0 5px #2493dd
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:active {
	background-color: #2493dd;
	border-color: #2493dd;
	box-shadow: 0 0 0 5px #2493dd
}

.btn-secondary {
	background-color: #505050;
	border-color: #505050;
}

.btn-secondary:hover {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
	box-shadow: 0 0 0 5px #CCCCCC
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:active {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
	box-shadow: 0 0 0 5px #CCCCCC
}

.btn-white {
	background-color: white;
	border-color: white;
	color: #662D91
}

.btn-white:hover {
	background-color: white;
	border-color: white;
	box-shadow: 0 0 0 5px white
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:active {
	background-color: white;
	border-color: white;
	box-shadow: 0 0 0 5px white
}


.form-control {
	color: #505050
}

.form-control:focus {
	border-color: #2493dd;
	box-shadow: 0 0 0 0.2rem #2493dd;
}

.bg-externo {
	background-image: url(../img/background-login.png);
	background-size: cover;
	background-position: top left;
}

.bg-interno {
	background-image: url(../img/bg-onda.jpg);
	background-size: cover;
	background-position: top left;
}

.bg-onda-rosa {
	background-image: url(../img/bg-onda-rosa.jpg);
	background-size: cover;
	background-position: top left;
}

.menu-aberto .main-nav:before {
	background-color: #662D91
}






.gi-header .logotipo {
	width: 10rem;
}

.grid-porteiro .logotipo {
	width: 70%;
	align-self: center;
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.patrocinador-master {
	background-color: white;
	padding: 1rem 1rem 1rem 10vw;
	border-radius: 0 100px 100px 0;
	align-self: flex-start;
	margin-bottom: 5rem;
}

.patrocinador-master img {
	width: 100px;
}

.lista-patrocinadores.dark-bg {
	display: none;
}

.meia-branca {
	height: 2px;
	border: none;
	position: relative;
}

.meia-branca::before {
	content: "";
	height: 2px;
	width: 70%;
	background-color: white;
	position: absolute;
	left: 15%;
	border-radius: 50px;
}

.ico-red svg {
	fill: #662D91;
}

.mob-header {
	color: white;
}

.main-nav {
	background-color: #662D91
}

.btn-main-nav .ico {
	color: white;
}

.btn-main-nav.active .ico {
	color: #662D91;
}


.btn-main-nav.active .ico svg {
	stroke: #662D91;
	height: 2rem;
	width: 2rem;
}

.menu-aberto .btn-main-nav .ico svg {
	stroke: #662D91;
}

.menu-aberto .btn-main-nav .ico {
	color: #662D91;
}

.menu-aberto .btn-main-nav:hover,
.menu-aberto .btn-main-nav:active {
	background-color: transparent;
}


.menu-aberto .btn-main-nav.btn-alt .ico svg {
	stroke: white
}

.menu-aberto .btn-main-nav.active .ico {
	background-color: #662D91;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}

.menu-aberto .btn-main-nav.active .ico svg {
	stroke: white;
}


.card-agenda-detalhada {
	background-color: #662D91
}


.agenda-desc .data-local .sala {
	background-color: white;
	color: #662D91;
}


.card-feed .card-header .btn-title .ico svg {
	stroke: #662D91;
}

.card-feed .card-header .btn-title:hover {
	color: #662D91
}


.lista-conteudo .lista-item.active,
.lista-conteudo .lista-item:hover {
	box-shadow: inset 0 0 0 1px #662D91;
	transition: .2s ease all;
}


.lista-conteudo .lista-item.active,
.lista-conteudo .lista-item:hover .nome {
	color: #662D91
}


.card-agenda-vivo .ico svg,
.filezinho .ico svg,
.chat-card .detal-header .tools svg {
	fill: transparent;
	stroke-width: 10px;
	stroke: #662D91
}

.chat-card .detal-header .tools:hover {
	background-color: #662D91
}


.chat-card .detal-header .tools:hover svg {
	stroke: white
}

.chat-msgs .msg-d {
	background-color: #662D91;
	color: white
}

.escreve-msg form button {
	background-color: #662D91;
	color: white
}

.escreve-msg form button svg {
	fill: transparent;
	stroke-width: 20px;
	stroke: white
}

.sala-card {
	background-image: url(../img/bg-red.jpg);
	background-size: cover;
	background-position: center center;
	border-radius: 1rem
}

.sala-card .sala-cover .sala-overlay {
	background-color: rgba(255, 0, 61, .4);
}

.aovivo:before {
	background-color: #662D91
}

@keyframes aovivo {
	from {
		box-shadow: 0 0 0 0 rgba(255, 0, 61, 1)
	}

	50% {
		box-shadow: 0 0 0 10px rgba(255, 0, 61, .2)
	}

	to {
		box-shadow: 0 0 0 10px rgba(255, 0, 61, 0)
	}
}


.badge-primary {
	background-color: #662D91
}

a.filezinho:hover svg {
	stroke: white;
	stroke-width: 20px;

}

.timeline-item:before {
	background-color: #662D91
}

.timeline-item:after {
	background-color: #662D91
}

.timeline-item.hora:before {
	background-color: transparent;
	box-shadow: inset 0 0 0 4px #662D91
}

a.timeline-item:hover,
.timeline-item.emlive {
	box-shadow: inset 0 0 0 1px #662D91;
	color: inherit;
}

.timeline-item.emlive h3 {
	color: #662D91
}

.timeline-item.emlive:before {
	animation: aovivo 2s ease infinite;
	background-color: #662D91
}

.pergunta-quiz .form-check.resposta:hover {
	box-shadow: inset 0 0 0 2px #662D91;
	transition: .2s ease all;
}


.pergunta-quiz .form-check.resposta.selecionada {
	box-shadow: inset 0 0 0 2px #662D91;
}

.pergunta-quiz .form-check.resposta.correta {
	color: green;
	font-weight: bold;
}

.pergunta-quiz .form-check.resposta.incorreta label {
	color: gray;
	font-style: italic;
	text-decoration: line-through;
}


.live-grid {
	background-image: url(../img/bg-red.jpg);
	background-size: cover;
	background-position: center center;
}


.live-grid .mob-header .back-botao svg {
	fill: white
}




.evento-cartaz.inscrever:before {
	background-color: white
}


.evento-cartaz.inscrever:hover:before {
	background-color: inherit;
}


.modal-med {
	background-color: #ECECEC;
}

.modal-med .modal-header {
	background-image: url(../img/modalheader.jpg);
	background-color: #662D91;
	background-size: cover;
}

.modal-med .modal-header .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	opacity: 1;
}


@media (min-width: 992px) {
	.modal-med {
		border-radius: 1rem;
	}

	.modal-med .modal-header {
		border-radius: 1rem 1rem 0 0;
	}

	.bg-card-mutant {
		background-color: #F7F7F7
	}

	.grid-porteiro .logotipo {
		width: 30vw;
		margin-top: 0;
	}

	.patrocinador-master {
		padding: 2rem 2rem 2rem 10vw;
		align-self: flex-start;
	}

	.bg-mutante {
		background-image: url(../img/bgpadrao.jpg);
		background-size: cover;
		background-position: center center
	}

	.text-mutant {
		color: white
	}

	.lista-patrocinadores.dark-bg {
		display: block;
	}

	.lista-patrocinadores.light-bg {
		display: none;
	}

	.main-nav {
		background-color: transparent;
	}

	.btn-main-nav {
		color: #505050;
		background-color: #E5E5E5
	}

	.btn-main-nav .ico {
		background-color: white;
		color: #662D91;
	}

	.btn-main-nav .ico svg {
		stroke: #662D91;
	}

	.btn-main-nav.active .ico svg {
		stroke: white;

	}

	.btn-main-nav.active {
		background-color: #662D91;
		color: white
	}

	.btn-main-nav.btn-alt.active {
		box-shadow: none;
	}


	.btn-main-nav.active .ico,
	.btn-main-nav:hover .ico {
		background-color: #662D91;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3),
			0 0 8px 0 rgba(0, 0, 0, .2);
		color: white;
	}

	.btn-main-nav.btn-alt.active .ico {
		background-color: white !important;
		box-shadow: none;
	}

	.btn-main-nav.btn-alt.active .ico svg {
		stroke: #662D91
	}

	.conteudo {
		background-color: transparent;
		border-radius: 0;
		margin-top: 0
	}

	.btn-alt .ico svg {
		stroke: white
	}

	.btn-alt:hover {
		box-shadow: none;
	}

	.mob-header h2 {
		color: white;
		font-weight: bold;
		text-shadow: 4px 4px 4px rgba(0, 0, 0, .25)
	}

}

.grid-porteiro {
	background-image: url(../img/bgpadrao.jpg);
	background-size: cover;
	background-position: top left;
}

.seleciona-evento {
	width: 1000px;
	margin: 5%;
	position: relative;
}

.owl-carousel .nav-btn {
	height: 47px;
	position: absolute;
	width: 26px;
	cursor: pointer;
	top: 40% !important;
}

.owl-carousel .prev-slide {
	left: -33px;
	font-size: 40px;
	color: #fff;
}

.owl-carousel .next-slide {
	right: -33px;
	font-size: 40px;
	color: #fff;
}

.slider .prev-slide {
	left: 33px;
	font-size: 40px;
	color: #fff;
}

.slider .next-slide {
	right: 33px;
	font-size: 40px;
	color: #fff;
}

.img-produto {
	width: 255px;
	height: 331px;
	margin-left: 2vw;
	position: relative;
	display: block;
	border-radius: 1rem;
	overflow: hidden;
	transition: all .2s ease;
}

.apaga {
	filter: grayscale(100%);
}

.acende {
	filter: grayscale(0);
}
.videos p{
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	font-size: 13px;
	font-weight: bold;
}
.videos .icon-files {
    background: #662D91;
    width: 50px;
    height: 50px;
    margin: 10px auto;
    border-radius: 5px;
    font-size: 16px;
    line-height: 50px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox],
	input[type=radio] {
		--active: #275efe;
		--active-inner: #fff;
		--focus: 2px rgba(39, 94, 254, 0.3);
		--border: #bbc1e1;
		--border-hover: #275efe;
		--background: #fff;
		--disabled: #f6f8ff;
		--disabled-inner: #e1e6f9;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 21px;
		outline: none;
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin: 0;
		cursor: pointer;
		border: 1px solid var(--bc, var(--border));
		background: var(--b, var(--background));
		transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}

	input[type=checkbox]:after,
	input[type=radio]:after {
		content: "";
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}

	input[type=checkbox]:checked,
	input[type=radio]:checked {
		--b: var(--active);
		--bc: var(--active);
		--d-o: 0.3s;
		--d-t: 0.6s;
		--d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}

	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		--b: var(--disabled);
		cursor: not-allowed;
		opacity: 0.9;
	}

	input[type=checkbox]:disabled:checked,
	input[type=radio]:disabled:checked {
		--b: var(--disabled-inner);
		--bc: var(--border);
	}

	input[type=checkbox]:disabled+label,
	input[type=radio]:disabled+label {
		cursor: not-allowed;
	}

	input[type=checkbox]:hover:not(:checked):not(:disabled),
	input[type=radio]:hover:not(:checked):not(:disabled) {
		--bc: var(--border-hover);
	}

	input[type=checkbox]:focus,
	input[type=radio]:focus {
		box-shadow: 0 0 0 var(--focus);
	}

	input[type=checkbox]:not(.switch),
	input[type=radio]:not(.switch) {
		width: 21px;
	}

	input[type=checkbox]:not(.switch):after,
	input[type=radio]:not(.switch):after {
		opacity: var(--o, 0);
	}

	input[type=checkbox]:not(.switch):checked,
	input[type=radio]:not(.switch):checked {
		--o: 1;
	}

	input[type=checkbox]+label,
	input[type=radio]+label {
		font-size: 14px;
		line-height: 21px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin-left: 4px;
	}

	input[type=checkbox]:not(.switch) {
		border-radius: 50%;
	}

	input[type=checkbox]:not(.switch):after {
		width: 5px;
		height: 9px;
		border: 2px solid var(--active-inner);
		border-top: 0;
		border-left: 0;
		left: 7px;
		top: 4px;
		transform: rotate(var(--r, 20deg));
	}

	input[type=checkbox]:not(.switch):checked {
		--r: 43deg;
	}

	input[type=checkbox].switch {
		width: 38px;
		border-radius: 11px;
	}

	input[type=checkbox].switch:after {
		left: 2px;
		top: 2px;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		background: var(--ab, var(--border));
		transform: translateX(var(--x, 0));
	}

	input[type=checkbox].switch:checked {
		--ab: var(--active-inner);
		--x: 17px;
	}

	input[type=checkbox].switch:disabled:not(:checked):after {
		opacity: 0.6;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:after {
		width: 19px;
		height: 19px;
		border-radius: 50%;
		background: var(--active-inner);
		opacity: 0;
		transform: scale(var(--s, 0.7));
	}

	input[type=radio]:checked {
		--s: 0.5;
	}
}
.maquinas label{
	display: block;
}
@media only screen and (max-width: 500px) {
	.seleciona-evento {
		width: 100vw;
		margin: 0;
	}

	.img-produto {
		margin-left: 16vw;
	}

	.owl-carousel .prev-slide {
		left: 15px;
		;
	}

	.owl-carousel .next-slide {
		right: 15px;
		;
	}
}