@charset "UTF-8"; 
/*!	
 *	Projeto Philip Morris
 *  -----------------
 *	Desenvolvido por Coresphere Tecnologia < coresphere.com.br >
 *  Autor: Bruno Guerreiro 
 *	Data: 12.04.2021 - Versão: 2.2
 *
 *  codificado a mão, em {são paulo}
 */
 /*-------------------------------------
Override add Bootstrap Grid
-------------------------------------*/
 .no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}
.no-gutter-borders > [class*='col-']:first-child{
	padding-left:0;
}
.no-gutter-borders > [class*='col-']:last-child{
	padding-right:0;
}

/*** responsividade ***/
@media (max-width: 767px){
	/** mobile **/
	.app .row {
		margin-right: 0;
		margin-left: 0;
	}
}
 /*-------------------------------------
Override estilo Arkantas
-------------------------------------*/

/*-------------------------------------
Smooth transition
-------------------------------------*/
 #container{
	opacity: 0;
}
.loaded #container{
    animation: page-fade 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.unloading  #container{
    animation: page-fade-out 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes page-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes page-fade-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


/*-------------------------------------
Estrutura geral
-------------------------------------*/
html,body{
	font-size:10px;
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
}
body{
	
}
p{
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25rem;
	line-height: 140%;
	margin: 10px 0;
	letter-spacing: 0.2px;
}
strong, b{
	font-weight: bold;
}
em{
	font-style: italic;
}
p code {
	padding: 2px 4px;
	color: #C7254E;
	background-color: #FAFAFC;
	white-space: nowrap;
	border-radius: 4px;
	font-family: courier, monospace;
	border: 1px solid #E3E4E7;
	border-radius: 3px;
}
ul li{
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25rem;
	line-height: 140%;
}

/*** reset outline ***/
*{
	outline: 0;
}

/*** image switcher ***/
img[data-image=full]{ display:block; }
img[data-image=mobile]{	display:none; }

@media  (max-width: 991px){
	img[data-image=full]{ display:none;	}
	img[data-image=mobile]{	display:block;	}
}
.img-responsive{
	max-width: 100%;
	height: auto;
}

/*** cor da seleção e tap ***/
::selection { background: var(--ark-accent-light-50); }
::-moz-selection { background: var(--ark-accent-light-50); }
*{ -webkit-tap-highlight-color: var(--ark-accent-light-50); }



/*** wrappers e containers ***/
.wrap{
	width: 1200px;
	margin: 0 auto;
}

/*** topo e barra ***/
.topo-wrap{
	position: relative;
	height: 111px;
	display: flex;
	align-items: center;
	padding: 0 3rem;
}
#logo{
	text-align: center;
	overflow: hidden;
	width: 100%;
    flex-grow: 1;
    flex-basis: 0;
}
#logo a img{
	overflow: hidden;
	width: 10rem;
}



.superior{
	display: flex;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    justify-content: flex-end;
}
.superior p{
	margin: 0;
}
.superior-esquerdo{
	flex-grow: 1;
    flex-basis: 0;
}
.icos__sociais a{
	margin: 0 3px;
}
.icos__sociais a:hover{
	color: var(--ark-accent);
}
.icos__sociais a{
	font-size: 2rem;
	color: var(--ark-one);
}
.icos__sociais a:hover{
	color: var(--ark-accent);
}
.superior .nome{
	color: var(--ark-one);
	font-size: 1.55rem;
	text-align: left;
}
.superior .acesso{
	font-size: 1.1rem;
	text-align: left;
}
.acesso a{
	color: var(--ark-accent);
}
.superior-atalhos{
	margin-left: 1.5rem;
}
.superior-atalhos a i{
	font-size: 2.5rem;
	font-weight: 100;
	color: var(--ark-accent);
	transition: all .3s ease-in;
}
.superior-atalhos a:hover i{
	transform: scale(1.2);
	transition: all .5s ease-out;
}


/*** menu ***/
#barra-menu{
	background-color: var(--ark-one);
	height: 50px;
	text-align: center;
}
#barra-menu .sf-menu{
	
}


/*** superfish skin ***/
.sf-menu {
	display: inline-block;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 180px; /* allow long menu items to determine submenu width */
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration: none;
	text-align: left;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #fff;
}
.sf-menu li {
	white-space: nowrap; 
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu > li > a {
	color: #fff;
	text-transform: uppercase;
	padding: 1.65rem 1.3rem;
	font-weight: bold;
}
.sf-menu ul li {
	background: #3c3c3c;
}
.sf-menu ul ul li {
	background: #3c3c3c;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #616161;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}


/*** menu e gaveta mobile ***/
#mobile-btn {
	display: none;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: var(--ark-accent);
	color: #FFF;
	padding: 12px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 19px;
	border: 0;
	border-radius: 6px;
	transition: all .55s;
}
.fixed #mobile-btn{
	top: 13px;
	left: 10px;
	font-size: 1.3rem;
	padding: 8px;
	transition: all .55s;
}
#gaveta-mobile{
	display: none;
	visibility: hidden;
	-webkit-transform: translateX(-500px);
	transform: translateX(-500px);
	transition: transform 0.30s linear;
	background-color: var(--ark-one);
}
#gaveta-mobile.active{
	-webkit-transform: translateX(0);
	transform: translateX(0);

	transition: -webkit-transform 0.40s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: transform 0.40s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.gaveta-mobile__switch{
	text-align: center;
}
.gaveta-mobile__switch a{
    font-size: 2.5rem;
    color: #fff;
}

.gaveta-logo{
	text-align: center;
}
#cortina-mobile{
	width: 0;
	height: 0;
	position: fixed;
	top:0;
	left:0;
	background-color:rgba(255, 255, 255, 0.5);
	z-index: 999;
	opacity: 0;
	transition: opacity 0.30s linear;
}

#menu-gaveta li{
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	border-bottom: 1px solid #5f5f5f;
}
#menu-gaveta li a{
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.2rem;
	text-transform: uppercase;
	display: inline-block;
	line-height: 60px;
	padding: 0 20px;
	width: 100%;
	text-align: center;
}
#menu-gaveta li a:hover{
	color: var(--ark-accent);
}
#menu-gaveta li .fa{
	font-size: 1.9rem;
}
#menu-gaveta li ul{
	display:none;
}
#menu-gaveta li > ul {
	background-color: #353535;
}
#menu-gaveta li:hover > ul{
	display:block;
}



@media (max-width: 1500px){
	/** desktop menor **/
}

@media  (max-width: 991px) {
	/** tablets e mobile **/
	#logo{
	}
	#logo a img{
		width: 8rem;
	}
	.fixed #logo{
		margin-left: -47px;
	}
	.superior, .superior-esquerdo{
		display: none;
	}
	.topo-wrap{
		height: 86px;
	}
	#menu-principal,
	#barra-menu{
		display:none;
	}
	#gaveta-mobile{
		visibility: visible;
		width: 80%;
		max-width: 400px;
		height: 100%;
		overflow: scroll;
		position: fixed;
		top:0;
		left:0;
		z-index:1000;
		box-shadow: 2px 0px 10px #4b4b4b;
		display: block;
	}
	#cortina-mobile.active{
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: opacity 0.30s linear;
	}
	#mobile-btn {
		display: block;
	}
}
@media (max-width: 350px){
	/** mobile pequeno **/

}


/*** rodapé ***/
#footer-copy{
	background-color: var(--ark-one);
	padding: 10px 0;
}
#footer-copy .frase{
	float: left;
	margin: 17px 0;
	color: #ccc;
	font-size: 1.19rem;
	display: flex;
    height: 8.5rem;
    align-items: center;
}
#footer-copy .logo{ float: right; }
#footer-copy .logo img{ width: 100px; }

#footer-links{
	padding: 40px 0 15px 0;
	background-color: #434343;
}

.footer-links__menu{
	margin-bottom: 25px;
}
.footer-links__menu li{
	font-size: 1.4rem;
}
.footer-links__menu li.tit{
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 5px;
	text-decoration: underline;
}
.footer-links__menu li a{
	color: #f3f2ed;
}
#footer-links .icos__sociais a{
	font-size: 2.1rem;
	color: #fff;
}
#footer-links .icos__sociais a:hover{
	color: var(--ark-accent);
}

/*-------------------------------------
App
-------------------------------------*/
.app-tray{ display: none; }
/*
.app .app-tray{ display: block; }
.app #container {
    padding-bottom: 60px;
}
*/

/*** nova bandeija ***/

.app-tray{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 57px;
	background-color: #fff;
	z-index: 101;
	padding: 8px 0;
	box-shadow: 0 0 20px rgb(154 154 154 / 50%);
}
.app-tray__menu{
	font-size: 0; /* inline-block gap fight */
}
.app-tray__menu li{
	display: inline-block;
	text-align: center;
	width: 20%;
}
.app-tray__menu li a{
	display: inline-block;
	font-size: 1.95rem;
	color: var(--ark-accent);
	padding: 11px;
	border-radius: 5px;
	transition: all .5s ease;
}
.app-tray__menu li a:hover,
.app-tray__menu li a:active,
.app-tray__menu li a.selec{
	color: #ffffff !important;
	background-color: var(--ark-accent);
	transition: all .5s ease;
}
.app-tray__menu li.menu a{
	border: 1px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 30px rgb(88 88 88 / 50%);
	padding: 11px 10px;
	color: var(--ark-accent);
}
.app-tray__menu li.menu a:hover,
.app-tray__menu li.menu a:active,
.app-tray__menu li.menu a.selec{
	border: 1px solid var(--ark-accent);
}

/*** app híbrido ***/
body.app,
.app p{
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.app header,
.app footer{
	display: none;
}
.app.debug header{
	display: block;
}


.app .app-hide{
	display:none;
}
.app-show{
	display:none;
}
.app .app-show{
	display:block;
}


.app .btn-fixed-app{
	width: 100%;
	left: 0;
	padding: 16px 0;
	border-radius: 0;
	text-transform: uppercase;
}

/*** submenu mobile ***/
#mob-submenu{
	background-color: #ffffff;
	box-shadow: 1px 1px 8px #aaaaaa;
	display:none;
}
#mob-submenu ul{
	text-align: center;
	margin-bottom: 0;
}
#mob-submenu ul li{
	display: inline-block;
}
#mob-submenu ul li a{
	padding: 13px 12px;
	display: inline-block;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
}
#mob-submenu ul li.atv a{
	border-bottom: 3px solid var(--ark-accent);
	color: var(--ark-accent);
	font-weight: bold;
	background-color: #fff;
}
#mob-submenu ul li a{
	text-decoration: none;
}
.app #mob-submenu{
	display:block;
}

/*** titulo ***/
.tit-app{
	display:none;
}
.app .tit-app{
	/*display: inline-block;*/
	background-color: var(--ark-accent);
	width: 100%;
	text-align: center;
	padding: 20px 0;
	font-size: 2.0rem;
	color: #000;
	text-transform: uppercase;
	z-index: 10;
	position: relative;
	box-shadow: 0 0 10px rgba(64, 64, 64, 0.6);
	margin: 0;
}
.app-backbutton{
	display: none;
}
.app .app-backbutton{
	display: block;
	border: 0;
	font-size: 1.7rem;
	background-color: transparent;
	color: rgba(0, 0, 0, 0.85);
	position: absolute;
	top: calc( 50% - 20px );
	left: 5px;
	padding: 10px;
}



/*** responsividade ***/
@media (max-width: 1200px) and (min-width: 992px){
	/*** desktop menor ***/

}
@media  (max-width: 991px){
	/*** tablets e mobile ***/

}
@media (min-width: 768px) and (max-width: 991px){
	/*** tablets ***/

}
@media (max-width: 767px){
	/*** mobile ***/
	.neotitle {
		padding: 1.5rem 2rem !important;
	}
}


/*-------------------------------------
Homepage
-------------------------------------*/
.slidehome img{
	width: 100%;
}
.slidehome .owl-nav{
	position: absolute;
	margin: 0;
	top: 50%;
	width: 100%;
	margin-top: -35px;
}
.slidehome .owl-prev,
.slidehome .owl-next{
	position: absolute;
	font-size: 3.15rem;
	padding: 4px 10px;
	border-radius: 100%;
}
.slidehome .owl-prev{
	left: 35px;
}
.slidehome .owl-next{
	right: 35px;
}
.slidehome .owl-nav div{
	background-color: rgba(0, 0, 0, 0.23) !important;
	color: #fff;
}
.slidehome .owl-dots{
	text-align: center;
	margin-top: -30px;
	z-index: 10;
	position: relative;
}
.slidehome .owl-dots .owl-dot.active span, .slidehome .owl-dots .owl-dot:hover span {
	background: #090909;
}
.welcometit{
	color: #a31b2f;
	text-align: center;
	margin: 30px 0 0;
	line-height: 150%;
}
.welcometit .bemvindo{
	font-size: 3.2rem;
}
.welcometit .normal{
	font-size: 1.8rem;
	font-weight: bold;
}
.welcomedesc{
	font-size: 1.6rem;
	text-align: center;
}
.padding-medium{
	padding: 26px 0;
}
.padding-small{
	padding: 8px 0;
}
.welcomevideo{
	background-color: #f5981f;
	padding: 35px;
}
.welcomevideo__desc{
	padding: 23px 50px;
	text-align: justify;
	box-shadow: 0px 0px 90px #fff;
}
.welcomevideo__desc p{
	color: #fff;
	font-size: 1.54rem;	
}


/*** spot banners ***/
.spotbanner{
	display: block;
	width: 100%;
	min-height: 240px;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	margin: 45px 0;
}
.spotbanner__tit{
	color: #fff;
	font-size: 2.0rem;
	padding: 15px 22px;
	background-color: var(--ark-one);
}
.spotbanner__textos{
	display: block;
	width: 60%;
	min-height: 240px;
	position: relative;
	float: left;
}
.spotbanner--right .spotbanner__textos{
	float: right;
}
.spotbanner_info{
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin: 20px;
	padding: 25px;
	text-align: center;
}
.spotbanner_info p{
	color: #fff;
	font-size: 1.55rem;
	text-transform: uppercase;
}
.spotbanner__link:hover{
	text-decoration: none;
}
.spotbanner__tit span{
	vertical-align: baseline;
	font-size: 2.2rem;
}

.spotbanner--ciano .spotbanner__textos{	background-color: rgba(9, 190, 243, 0.7); }
.spotbanner--ciano .spotbanner__tit{ background-color: #09bef3; }

.spotbanner--pink .spotbanner__textos{	background-color: rgba(238, 41, 121, 0.7); }
.spotbanner--pink .spotbanner__tit{ background-color: #ee2979; }

.spotbanner--red .spotbanner__textos{	background-color: rgba(175, 50, 68, 0.7); }
.spotbanner--red .spotbanner__tit{ background-color: #a52036; }

.spotbanner--purple .spotbanner__textos{ background-color: rgba(151, 76, 177, 0.6); }
.spotbanner--purple .spotbanner__tit{ background-color: #683091; }

.spotbanner--green .spotbanner__textos{ background-color: rgba(70, 210, 101, 0.4); }
.spotbanner--green .spotbanner__tit{ background-color: #46d265; }
.spotbanner--green .btn-green{ background-color: #46d265; color: #fff; }

.spotbanner--cinza .spotbanner__textos{ background-color: rgba(120, 122, 124, 0.6); }
.spotbanner--cinza .spotbanner__tit{ background-color: #787a7c; }
.spotbanner--cinza .btn-white{ background-color: #787a7c; color: #fff; }


/** desktops grandes **/
@media (min-width: 992px) and (max-width: 1199px){

}

/** desktops **/
@media (min-width: 992px){

}

/** mobile e tablet**/
@media (max-width: 991px){
	.welcomevideo{
		display:none;
	}
	.homedestaques{
		padding-top: 0;
	}
	.spotbanner{
		height: auto;
	}
	.spotbanner_info{
		min-height: 0;
		margin: 0;

	}
	.spotbanner__textos{
		width: 100%;
		height: auto;
	}
	.slidehome .owl-nav{
		display:none;
	}
}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px){

}

/** mobile **/
@media (max-width: 767px){

}

/*** lançamentos ***/
.lancamentos{
	background-color: #e8e8e8;
}
.lancamentos__tit{
	background-color: #000;
	font-size: 2.0rem;
	padding: 20px;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
}


.owl-item {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.slidelancamentos{
	padding: 25px 0;
}
.slidelancamentos__item{
	text-align: center;
	padding: 20px;

	-ms-transform: scale(0.8); /* IE 9 */
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);

	opacity: 0.8;
	transition: all .5s ease;
}
.slidelancamentos__tit{
	font-size: 2.0rem;
	margin: 20px 0;
	line-height: 130%;
}
.slidelancamentos__item img{
	width: 100%;
}

.center .slidelancamentos__item,
.slidelancamentos .slidelancamentos__item:hover{
	opacity: 1;

	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1);

	transition: all .5s ease;
}


.slidelancamentos .owl-nav{
	position: absolute;
	margin: 0;
	top: 50%;
	width: 100%;
	margin-top: -10px;
}
.slidelancamentos .owl-prev,
.slidelancamentos .owl-next{
	position: absolute;
	font-size: 3.15rem;
	padding: 4px 10px;
	border-radius: 100%;
}
.slidelancamentos .owl-prev{
	left: 350px;
}
.slidelancamentos .owl-next{
	right: 350px;
}
.slidelancamentos .owl-nav div{
	background-color: #000000 !important;
	color: #fff;
}

/*** responsividade ***/
/** desktop menor **/
@media (max-width: 1200px) and (min-width: 992px){
	.slidelancamentos .owl-prev{
		left: 10px;
	}
	.slidelancamentos .owl-next{
		right: 10px;
	}
}
/** desktops **/
@media (min-width: 992px){

}

/** mobile e tablet**/
@media (max-width: 991px){
	.slidelancamentos .owl-prev{
		left: 10px;
	}
	.slidelancamentos .owl-next{
		right: 10px;
	}
}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px){

}

/** mobile **/
@media (max-width: 767px){

}

/*** discador ***/
.discador{
	padding: 10px 0;
}
.discador__lista{
	border: none;
	display: grid;
	grid-template-columns: repeat( 3 , 1fr );
	grid-gap: 1.4rem;
}
.discador__lista--4{ grid-template-columns: repeat( 4 , 1fr ); }
.discador__lista--5{ grid-template-columns: repeat( 5 , 1fr ); }
.discador__lista--6{ grid-template-columns: repeat( 6 , 1fr ); }
.discador__lista li{
	display: flex;
	width: 100%;
	height: 15rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2rem 1rem;
	font-size: 3.1rem;
	background-color: #f5f5f5;
	line-height: 50%;
	flex-direction: column;
}
.discador__lista a{
	color: #696969;
}
.discador__lista li span {
	font-size: 1.45rem;
	font-weight: bold;
	color: var(--ark-accent);
}


/*** responsivo ***/
/** mobile **/
@media (max-width: 415px){
	.discador__lista{
		grid-template-columns: repeat( 2 , 1fr );
	}
	.discador__lista li {
	}
}

.app .main-dark{
	background-color: #fff;
}
.app .lancamentos {
	background-color: #ffffff;
	margin: 10px;
}


/*** amend home ***/
.amendhome{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2.5rem;
	padding-bottom: 5.0rem;
}
.amendhome__item{
	border: 0.3rem solid #eaeaea;
	border-radius: 2.5rem;
	padding: 2rem 2rem;
}
.amendhome__ico img{
	width: 100%;
	height: 5.0rem;
	object-fit: contain;
}
.amendhome__tit{
	text-align: center;
	padding-top: 2.0rem;
}
.amendhome__tit p{
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	color: #707070;
	font-size: 1.6rem;
	margin: 0;
	line-height: 100%;
}
.amendhome__tit button{
	margin-top: 1rem;
}
.amendcurtidas{
	padding-bottom: 4rem;
}
.amendcurtidas__tit{
	display: flex;
	align-items: center;
}
.amendcurtidas__tit div{
	width: auto;
}
.amendcurtidas__tit .ico{
	margin-right: 2.0rem;;
}
.amendcurtidas__tit .ico i{
	font-size: 7.0rem;
	color: #a11e32;
}
.amendcurtidas__tit .tit p{
	font-size: 3.0rem;
	color: #a11e32;
	text-transform: uppercase;
	line-height: 100%;;
}

.amendcurtidas__carousel-item{
	background-color: #E8F5FB;
	padding: 2.0rem;
}
.amendcurtidas__foto{
	width: 100%;
	margin: 0 auto;
}
.amendcurtidas__info .nome{
	color: #49c9f8;
	font-size: 2.2rem;
	text-transform: capitalize;
}
.amendcurtidas__info .data{
	font-size: 1.1rem;
    font-weight: bold;
}
.amendcurtidas__info .desc{
	font-size: 1.455rem;
	margin: 2.0rem 0
}
.amendcurtidas__info .dados{
	font-size: 1.255rem;
	color: #6730ac;
	margin: 15px 0;
	font-weight: bold;
}

.amendcurtidas__carousel .owl-nav{
	position: absolute;
	margin: 0;
	top: 50%;
	width: 100%;
	margin-top: -35px;
}
.amendcurtidas__carousel .owl-prev,
.amendcurtidas__carousel .owl-next{
	position: absolute;
	font-size: 3.15rem;
	padding: 4px 10px;
	border-radius: 100%;
}
.amendcurtidas__carousel .owl-prev{
	left: 35px;
}
.amendcurtidas__carousel .owl-next{
	right: 35px;
}
.amendcurtidas__carousel .owl-nav div{
	background-color: rgba(0, 0, 0, 0.23) !important;
	color: #fff;
}
.amendcurtidas__carousel .owl-dots{
	text-align: center;
	margin-top: -30px;
	z-index: 10;
	position: relative;
}
.amendcurtidas__carousel .owl-dots .owl-dot.active span, .amendcurtidas__carousel .owl-dots .owl-dot:hover span {
	background: #090909;
}

/** destaque do mes **/
.destaquedomes{
	padding: 2rem;
	margin-bottom: 5rem;
	background: #8f1127 url(../img/bg_destaquedomes.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 2.5rem;
}
.destaquedomes .tit{
	font-size: 2rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.destaquedomes__carousel{
	padding: 2rem;
	margin-bottom: 0 !important;
}
.destaquedomes__avatar{
	width: 100%;
}
.destaquedomes__nome{
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}
.destaquedomes__carousel .slick-dots li{
	width: auto;
}
.destaquedomes__carousel .slick-dots{
	margin: 2.0rem 0;
	margin-top: 0;
    padding: 0 4.0rem;
    position: relative;
}
.destaquedomes__carousel .slick-dots li button{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	width: 10px;
	height: 10px;
	text-indent: -999px;
	transition: all .3s ease-in;
}
.destaquedomes__carousel .slick-dots li.slick-active button{
	background-color: var(--ark-accent);
	opacity: 1;
	transition: all .5s ease-out;
}


/*** responsividade ***/
@media  (max-width: 991px){
	/** tablets e mobile **/
}

@media (max-width: 767px){
	/** mobile **/
	.amendhome{
		grid-template-columns: 1fr;
	}
}

/*** clima amend ***/
.climaamend__container{
	background: #F1F1F1;
	padding: 5rem 0;
}
.climaamend{

}
.climaamend__tit{
	width: 30%;
	background-color: #05022F;
	display: flex;
	padding: 3rem;
	justify-content: center;
	align-items: center;
	border-radius: 2rem;
}
.climaamend__tit p{
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	line-height: 100%;
	text-align: center;
}
.climaamend__termometro{
	background-size: contain;
	width: 100%;
	max-width: 800px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	background-color: #fff;
	border-radius: 2rem;
	position: relative;
	box-shadow: 2px 2px 20px #a0a0a082;
	margin: 0 auto;
}
.climaamend__emojis{
	display: flex;
	flex-direction: row;
	width: 70%;
	margin-bottom: 0;
	padding: 2rem 3rem;
}
.climaamend__emojis li{
	padding: 1.2rem;
	transition: all .2s ease-in;
	cursor: pointer;
	position: relative;
	text-align: center;
}
.climaamend__emojis li p{
	margin: 0;
	margin-bottom: 1.4rem;
	font-weight: bold;
	font-size: 1.8rem;
	color: var(--ark-one);
}
.climaamend__emojis img{
	width: 70%;
}

.climaamend__emojis:hover li{
	opacity: 0.5;
}
.climaamend__emojis li:hover{
	transform: scale(1.5);
	opacity: 1;
	transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
	z-index: 10;
}
.climaamend__emojis li:active,
.climaamend__emojis li:focus{
	transform: scale(2);
}

.climaamend.--voted .climaamend__emojis li{
	filter: grayscale(1);
	opacity: 0.6;

}
.climaamend .climaamend__emojis li.--selec{
	filter: none;
	opacity: 1;
}

/*** responsividade ***/
@media (max-height: 800px){
	/** monitores de notebook **/
}

@media (max-width: 1200px) and (min-width: 992px){
	/** desktops menores **/
}

@media  (max-width: 991px){
	/** tablets e mobile **/
	.climaamend__emojis{
		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	/** tablets **/
}

@media (max-width: 767px){
	/** mobile **/
}

/*-------------------------------------
Notí­cias
-------------------------------------*/
.noticiatit{
	color: var(--ark-accent);
	text-align: center;
	margin: 30px 0 0;
	line-height: 150%;
	font-size: 2.2rem;
	font-weight: bold;
	text-transform: uppercase;
}

.spotbanner--noticia .spotbanner__tit{
	line-height: 65%;
}
.spotbanner--noticia .spotbanner--noticia__bts,
.spotbanner .spotbanner--noticia__bts{
	position: absolute;
	bottom: 12px;
	text-align: center;
	width: 100%;
	margin:0;
	left: 0;
}
.spotbanner--noticia .spotbanner_info p{
	text-transform: none;
}
.spotbanner--noticia .spotbanner--noticia__bts button.btn-ciano,
.spotbanner .spotbanner--noticia__bts button.btn-ciano{
	text-transform: uppercase;
	background-color: #09bef3;
}
.spotbanner--noticia .spotbanner__tit strong{
	font-size: 1.25rem;
}

.noticiabox{
	border: 1px solid var(--ark-accent);
	padding: 20px !important;
	margin: 0 auto;
}
.noticiabox .noticiatit{
	margin: 0;
}


.modal-noticia{
	padding: 30px !important;
}
.modal-noticia main{
	padding: 0 30px;
}
.modal-noticia .noticiabox{
	margin: 0;
	width: 100%;
}


.modal-grande{
	padding: 30px;
}
.modal-grande .noticiabox{
	width: 100%;
}
.modal-grande .bridge{
	width: 100%;
}
.produto__img{
	text-align: center;
}


/*** responsividade ***/
/** desktop menor **/
@media (max-width: 1200px) and (min-width: 992px){

}
/** desktops **/
@media (min-width: 992px){

}

/** mobile e tablet**/
@media (max-width: 991px){
	.spotbanner--noticia .spotbanner--noticia__bts,
	.spotbanner--noticia__bts{
		position: relative;
		bottom: 15px;
	}
	.spotbanner--noticia .spotbanner_info{
		border: 0;
	}
	.spotbanner--noticia.spotbanner--right .spotbanner__textos {
		float: none;
	}
	.produto__img img{
		width: 100%;
	}
	.noticiatxt img{
		width: 100% !important;
		height: auto !important;
	}
	.modal-noticia{
		padding: 15px !important;
	}

}
/** tablets **/
@media (min-width: 768px) and (max-width: 991px){

}
/** mobile **/
@media (max-width: 767px){

}

/*** noticias nova ***/
.listanoticias__item{
	background-color: #f9f9f9;
	margin-bottom: 25px;
}
.listanoticias__ico{
	float: left;
	width: 15%;
	height: 170px;
}
.listanoticias__thumb{
	float: left;
	width: 25%;
	height: 170px;
	background-size: cover;
	background-position: center center;
}
.listanoticias__txt{
	float: left;
	width: 60%;
	height: 170px;
}
.listanoticias__ico{
	text-align: center;
}
.listanoticias__ico .ico{
	font-size: 4.5rem;
	color: #b0b0b0;
	margin: 40px 0 -17px 0;
}
.listanoticias__ico .data{
	font-size: 1.5rem;
	color: var(--ark-accent);
	font-weight: bold;
}
.listanoticias__txt .tit{
	background-color: var(--ark-one);
	margin: 0;
	padding: 16px;
	font-size: 2.15rem;
	line-height: 120%;
	color: #fff;
	text-transform: uppercase;
}
.listanoticias__txt .desc{
	margin: 0;
	padding: 16px;
	font-size: 1.65rem;
	line-height: 120%;
	color: #000;
}

/*** variação compacta - rh formulíários ***/
.listanoticias__compact .listanoticias__ico,
.listanoticias__compact .listanoticias__txt{
	height: auto;
}
.listanoticias__compact .listanoticias__txt{
	width: 85%;
}
.listanoticias__compact .listanoticias__ico .ico{
	margin: 0 10px;
}
.listanoticias__compact .listanoticias__txt .tit{
	font-size: 1.8rem;
}
.listanoticias__compact .listanoticias__ico .ico {
	font-size: 3.7rem;
}
/*** responsividade ***/
/** desktop menor **/
@media (max-width: 1200px) and (min-width: 992px){

}
/** desktops **/
@media (min-width: 992px){

}
/** mobile e tablet**/
@media (max-width: 991px){
	.listanoticias__item{
		margin-bottom: 15px;
	}
	.listanoticias__ico{
		width: 100%;
		height: auto;
	}
	.listanoticias__ico .ico{
		font-size: 2.2rem;
		margin: 0;
	}
	.listanoticias__ico .data {
		font-size: 1.25rem;
		margin: 5px 0;
	}
	.listanoticias__thumb{
		width: 40%;
	}
	.listanoticias__compact .listanoticias__ico {
		width: 15%;
	}
	.listanoticias__compact .listanoticias__ico .ico {
		font-size: 2.7rem;
	}
}
/** tablets **/
@media (min-width: 768px) and (max-width: 991px){

}
/** mobile **/
@media (max-width: 767px){
	.listanoticias__thumb{
		width: 100%;
	}
	.listanoticias__txt{
		width: 100%;
		height: auto;
	}
}
/*-------------------------------------
Treinamentos
-------------------------------------*/
.treinamentotit{
	color: var(--ark-accent);
	text-align: center;
	margin: 30px 0 0;
	line-height: 150%;
	font-size: 2.2rem;
	font-weight: bold;
	text-transform: uppercase;
}


/*** spot treinamentos ***/
.spottreinamento{
	display: block;
	width: 100%;
	height: 275px;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	margin: 35px 0;
}
.spottreinamento__tit{
	color: #fff;
	font-size: 2.2rem;
	padding: 11px 0;
	text-transform: uppercase;
}
.spottreinamento__textos{
	display: block;
	width: 60%;
	background-color: rgba(51, 51, 51, 0.37);
	position: relative;
	padding: 2px;
	top: 20px;
	left: 25px;
}
.spottreinamento--2016{
	height: 255px;
	background-position: center center;
}
.spottreinamento--right .spottreinamento__textos{
	float: right;
	left: -18px;
}
.spottreinamento__info{
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin: 10px;
	padding: 20px;
	text-align: center;
	min-height: 173px;
}
.spottreinamento__info p{
	color: #fff;
	font-size: 1.35rem;
}
.spottreinamento__link:hover{
	text-decoration: none;
}
.spottreinamento__tit span{
	vertical-align: baseline;
	font-size: 2.2rem;
}


.spottreinamento__bts{
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
	margin:0;
}
.spottreinamento__bts button{
	text-transform: uppercase;
}

.spottreinamento__barra{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	background-color: var(--ark-one);
	padding: 0px 0;
	text-align: center;
}
.spottreinamento__barra p{
	color: #fff;
	font-size: 1.6rem;
	text-transform: uppercase;
	vertical-align: middle;
}
.spottreinamento__barra p span{
	margin: 0 50px;
}
.spottreinamento__barra p span strong{
	font-size: 1.85rem;
	vertical-align: bottom;
}

.treinamentocertificados{
	background: transparent url(../img/bg_treinamento.jpg) no-repeat center center;
	background-size: cover;
	padding: 12px 0;
	text-align: center;
	margin: 85px 0;
}
.treinamentocertificados__wrap{
	border: 2px solid #868686;
	padding: 15px;
	margin: 10px auto;
	background: transparent url(../img/figura_certificado.png) no-repeat center right 18px;
}
.treinamentocertificados__tit{
	font-size: 4.0rem;
	color: var(--ark-accent);
}
.treinamentocertificados__desc{
	font-size: 1.88rem;
	font-weight: 100;
}

/*** itens de treinamentos ***/

.treinamento__pergunta{
	font-size: 20px;
	font-weight:bold;
}

.treinamento__resposta{
	padding: 5px 4px;
	margin: 2px 0;
}
.treinamento__resposta:hover {
	background-color: #fffee4;
}
.treinamento__resposta label{
	cursor: pointer;
}
.treinamento__resposta .letra{
	color: #15559c;
	font-size: 1.6rem;
}


.treinamento__conteudo{
	border: 2px solid var(--ark-one);
	padding: 20px;
	border-radius: 8px;
	margin: 20px auto;
	margin-bottom: 50px;
}
.treinamento__nav{
	text-align: center;
	margin-bottom: -45px;
	margin-top: 20px;
}
.treinamento__ant,
.treinamento__ant:hover{
	background-color: #fff;
}
.treinamento__ant.btn.--one.--border{
	background-color: #fff;
}

#video-estado{
	width: 100%;
	padding: 10px;
	background-color: #000;
	font-weight: bold;
	color: #fff;
	margin: -14px 0 0 0;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
#video-estado.play{
	background-color: #747579;
}
#video-estado.ok{
	background-color: green;
}

.treinamento-aviso{
	padding: 20px 30px;
	background-color: #f5fdff;
	border: 1px solid #39b3d8;
	font-size: 1.5rem;
}
.treinamento-resultado__tit{
	font-size: 3.0rem;
	color: var(--ark-accent);
	text-align: center;
}
.treinamento-resultado__desc{
	text-align: center;
	font-size: 1.8rem;
}
.treinamento-aviso .tit{
	color: #09bef2;
	font-size: 2.25rem;
}
.treinamento-aviso__lista{
	margin: 10px 15px;
}
.treinamento-aviso__lista li{
	list-style-type: disc;
	font-size: 1.5rem; 
}
.treinamento-aviso__bt{
	text-align: center;
	list-style-type: none !important;
}
.treinamento-aviso--erro{
	background-color: #ffecec;
	border: 1px solid #de2125;
}
.treinamento-aviso--erro .tit{
	color: #de2125;
}

.treinamento-cronometro{
	position: fixed;
	padding: 5px 20px;
	bottom: 0;
	right: calc( 50% - 100px );
	text-align: center;
	background-color: var(--ark-accent);
	font-size: 2.9rem;
	width: 200px;
	z-index: 900;
	box-shadow: 0px 0px 5px rgba(75, 75, 75, 0.8);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .7s ease;
}
.treinamento-cronometro.inativo{
	transform: translateY(100px);
	transition: all .7s ease;
}
.treinamento-cronometro p{
	font-size: 1.8rem;
	color: #fff;
}
.treinamento-cronometro p .subtit{
	font-size: 1.4rem;
	text-transform: uppercase;
}
/*** píágina de certificado ***/
.certificado{
	margin: 0 auto;
}
.certificado__background{
	width: 913px;
	height: 683px;
	display: block;
	margin: 0 auto;
	background: transparent url('../img/bg_certificado.png') no-repeat center center;
	text-align: center;
	position: relative;
}
.certificado__desc{
	font-size: 1.8rem;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 290px;
	text-transform: uppercase;
	color: #202020;
	padding: 0 120px;
}
.certificado__nome{
	font-size: 4.2rem;
	font-family: "Satisfy", "Lucida Handwriting", cursive;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 360px;
	text-transform: capitalize;
	color: #202020;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.81);
	padding: 0 120px;
}
.certificado__imprimir-bt{
	text-align: center;
}
.modal-certificado{
	position: relative;
	background: #ffffff;
	width: auto;
	max-width: 90%;
	padding: 10px;
	margin: 20px auto;
}

/*** pagina minhas provas ***/
.lista-provas table td{
	text-align: center;
}

/*** feedback treinamento ***/
.treinamento-feedback{
    position: fixed;
    border: 2px solid var(--ark-accent);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0;
    right: 15px;
    background-color: #fff;
    width: 100%;
    max-width: 480px;
}
.treinamento-feedback__header{
	background-color: var(--ark-accent);
	width: 100%;
	padding: 10px 10px;
	text-align: center;
	cursor: pointer;
}
.treinamento-feedback__header p{
	margin: 0;
	color: #fff;
	font-size: 1.6rem;
	text-transform: uppercase;
}
.treinamento-feedback__msg{
	padding: 20px 30px ;
}
.treinamento-feedback__msg p{

}
.treinamento-feedback__form{
	padding: 30px;
}

/**** memória ****/
.game-memoria{
}
.game-memoria__grid{
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2rem;
}
.game-memoria__grid.--freeze{
    pointer-events: none;
    cursor: not-allowed;
}

.game-memoria__card{
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
    cursor: pointer;
}
.game-memoria__flip{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 0.4rem 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: .5rem;
}

.game-memoria__face{
    width: 100%;
    border: 1rem solid #fff;
    border-radius: 1rem;
}
.game-memoria__face img{
    width: 100%;
}

.game-memoria__front{
    position: relative;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.game-memoria__back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    border: 1rem solid var(--ark-one);
    background-color: #fff;
}
.game-memoria__front {
    color: black;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-memoria__back {
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-memoria__card:hover{

}
.game-memoria__card.--turned .game-memoria__flip{
    transform: rotateY(180deg);
}

.game-memoria__card.--hit{
    pointer-events: none;
    animation: moveHit 2.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    animation-fill-mode: forwards;

}
.game-memoria__card.--hit .game-memoria__back{
    border-color: #00c16d;
    transition: border 1.5s ease-in-out;
}


@keyframes moveHit {
  0%   {

  }
  60%  {
      transform: scale(1.1);
      opacity: 1;
  }
  100% {
      opacity: .2;
      transform: scale(0);
  }
}

/*** responsividade ***/
@media (max-height: 800px){
    /** monitores de notebook **/
}

@media (max-width: 1200px) and (min-width: 992px){
    /** desktops menores **/
}

@media  (max-width: 991px){
    /** tablets e mobile **/
}

@media (min-width: 768px) and (max-width: 991px){
    /** tablets **/
}

@media (max-width: 767px){
    /** mobile **/

    .game-memoria__grid{
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1rem;
    }
    .game-memoria__face{
        border-width: .5rem;
    }

}

/*** responsividade ***/
/** desktop menor **/
@media (max-width: 1200px) and (min-width: 992px){

}
/** desktops **/
@media (min-width: 992px){

}

/** mobile e tablet**/
@media (max-width: 991px){
	.spottreinamento{
		height: auto;
	}
	.spottreinamento__textos,
	.spottreinamento--right  .spottreinamento__textos{
		float: none;
		left: 0;
		top: 0;
		width: 100%;
	}
	.spottreinamento__barra{
		position: relative;
		padding: 5px 0;
	}
	.treinamento-cronometro{
		width: 100%;
		right: 0;
	}
	.treinamentocertificados__wrap{
		background-image: none;
	}
	.treinamento-cronometro p{
		margin: 0;
	}
	.spottreinamento__info{
		padding-bottom: 50px;
	}
	.certificado__background{
		width: 100%;
		background-size: contain;
	}
	.certificado__desc{
		font-size: 1.3rem;
	}
	.certificado__nome{
		font-size: 3.7rem;
	}

}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px){

}

/** mobile **/
@media (max-width: 767px){

}

/** mobile extra pequeno **/
@media (max-width: 500px){
	.certificado__background{
		height: 270px;
	}
	.certificado__desc{
		font-size: 1.0rem;
		top: 105px;
		padding: 0 40px;
	}
	.certificado__nome{
		font-size: 2.4rem;
		top: 136px;
		padding: 0 10px;
	}
}

/** modo app **/
.app .treinamento__conteudo {
	padding: 15px;
	margin-bottom: 130px;
}

/*-------------------------------------
Localizador de lojas
-------------------------------------*/
.localizador{
	width: 100%;
	height: 100%;
	position: relative;
}
.localizador__mapa{
	width: 100%;
	height: 500px;
}

@media (min-height: 430px){
.localizador__mapa{
		height: 310px;
	}
}
@media (min-height: 530px){
.localizador__mapa{
		height: 410px;
	}
}
@media (min-height: 630px){
.localizador__mapa{
		height: 510px;
	}
}


.localizador__topo{
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	padding: 10px;
}
.localizador__lista{
	width: 100%;
	position: relative;
	/*	width: 100%;
	max-height: 250px;
	overflow: scroll;
	margin-top: -50px;
	z-index: 100;
	position: relative;*/
}
.app .localizador__lista{
	width: 100%;
	max-height: 250px;
	overflow: scroll;
	margin-top: -50px;
	z-index: 100;
	position: relative;
}
.localizador__busca{
	padding: 1px;
	background-color: #fff;
	height: 35px;
	box-sizing: border-box;
}
.localizador__busca-input{
	float: left;
	width: 83%;
	padding: 10px !important;
	display: inline-block;
	border: 0 !important;
	box-sizing: border-box;
	
	background-color: #fff;
	height: 35px;
}
.localizador__busca-bt{
	float: right;
	width: 15%;
	height: 35px;
	display: inline-block;
	border: 0;
	background-color: #fff;
	color: #606060;
	box-sizing: border-box;
}

.localizador__card{
	background-color: #f7f7f7;
	padding: 10px 20px;
	margin: 20px 0px;
	box-shadow: 0px 0px 5px rgba(148, 148, 148, 0.48);
}
.localizador__card--minhas-lojas{
	background-color: #e7ebff;
	color: #3f51b4;
}
.localizador__card a{
	color: #000;
	text-decoration: none;
}
.localizador__card .tit{
	font-size: 1.75rem;
	font-weight: bold;
	text-transform: uppercase;
}
.localizador__card .end{
	font-size: 1.3rem;
	text-transform: uppercase;
}
.localizador__card .desc{
	font-size: 10px;
	text-transform: uppercase;
	color: #673091;
	margin-top: 5px;
}
.localizador__card .desc i{
	vertical-align: middle;
}


.localizador__card.ativo{
	background-color: var(--ark-accent);
	padding: 12px;
}
.localizador__card.ativo .tit,
.localizador__card.ativo .end,
.localizador__card.ativo .desc,
.localizador__card.ativo .desc i{
	color: #fff;
}



#modal-busca .it-desc{
	font-size: 17px;
	color: var(--ark-accent);
	text-align: center;
}
#modal-busca .it-desc i{
	vertical-align: middle;
}


/*** lightbox ***/
.modal-med{
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}
.modal-grande{
	position: relative;
	background: #FFF;
	width: auto;
	max-width: 960px;
	margin: 20px auto;
}



/** treinamentos **/
.lista-treinamentos{
	margin: 0 auto;
}

.lista-treinamentos li{ 
	margin: 20px 0;
	padding: 10px;
	width: 100%;
	background-color: #fff;
}

.lista-treinamentos li p{
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	color: #707070;
}

.lista-treinamentos li h1{
	color: #133679;
	font-weight: 700;
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}


.lt-img{
	width: 100%;
	height: 260px;
	display: block;
	position: relative;
	background-size: cover;
	background-position: center center;
}
.lt-img img{

}
.lti-faixa {
	width: 100%;
	height: 36px;
	background-color: #888888;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 36px;
	margin-top: -40px;
	text-transform: uppercase;
	position: absolute;
	bottom:0;
}
.lti-faixa.pendente {
	background-color: #ad0000;
	color: #fff;
}
.lti-faixa.ok{
	background-color: rgba(0, 128, 0, 0.9);
	color: #fff;
}
.lt-info{
	margin-top: 12px;
}
.lt-info .tit{
	letter-spacing: 1px;
	color: #10347b;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}
.lt-info .desc{
	font: normal 14px/18px Arial, sans-serif;
	color: #7e7e7e;
}
.lt-bt{
	text-align: center;
}

/*** localizador de lojas -- internoo **/
.loja-perfil{
	margin: 10px;
	padding: 12px 20px;
	background-color: #fff;
}
.loja-perfil p{
	margin: 5px 0;
	font-size: 12px;
	line-height: normal;
}
.loja-perfil p.tit{
	font-weight: bold;
	font-size: 16px;
	color: #3f51b5;
	margin-top: 20px;
}

.round-avatar{
	display: inline-block;
	background-color: silver;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 0;
	margin-right: 1rem;
}
.round-avatar img{
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 100%;
	box-shadow: 0px 0px 5px #6d3a87;
}
.round-avatar--small img{
	width: 40px;
	height: 40px;
}
.round-avatar--lg img{
	width: 60px;
	height: 60px;
}


.lojabts{
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 999;
}
.lojabts__checkin, .lojabts__checkout{
	margin:0;
}
.lojabts__status{
	background-color: #fffcdc;
	padding: 12px;
	text-align: center;
	margin: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.lojabts__status span{
	font-size: 1.0rem;
}
#SPAN-timer{
	font-weight: bold;
}
.loja__label{
	background-color: #673091;
	padding: 4px 10px;
	color: #fff;
	border-radius: 3px;
	line-height: 250%;
	margin-right: 15px;
}
.app-marginstore{
	margin-top: 45px;
}
.app .conteudo-store{
	padding-bottom: 100px;
}
.loja__distancia{
	text-align: center;
	font-size: 1.1rem;
}
/*-------------------------------------
Internas Gerais
-------------------------------------*/
h1.tit-decor{
	font-size: 3.8rem;
	color: var(--ark-one);
	margin: 20px 0;
}
h1.tit-decor.purple{
	color: #673091;
}
.tit-line{
	border-bottom: 1px solid #5f6062;
	margin: 2.0rem 0;
	padding: 1.2rem 0;
	font-size: 2.8rem;
}
.tit-line span{
	border-bottom: 4px solid #5f6062;
	color: var(--ark-one);
	padding: 1rem 0;
}
.tit-line.--accent span{
	border-bottom: 4px solid var(--ark-accent);
}
.tit-line.--static{
	position: relative;
}
.tit-line.--static::before{
	content: " ";
    display: block;
    width: 7.5rem;
    height: 0.5rem;
    background-color: var(--ark-accent);
    position: absolute;
    bottom: -1px;
}


h1.tit-store{
	font-size: 2.7rem;
	color: #673091;
	margin: 20px 0;
	font-weight: bold;
}
.app h1.tit-store{
	background-color: #ececec;
	padding: 13px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	margin-top: 0;
	font-size: 1.9rem;
	z-index: 120;
}
h2.it-desc {
	font-size: 2.1rem;
	font-weight: 100;
	margin: 20px 0;
	line-height: 140%;
}
.tit-cadastro{
	font-size: 1.35rem;
	color: var(--ark-accent);
	text-transform: uppercase;
	font-weight: bold;
}
.vpadding-lg{
	padding: 40px 0;
}
.vpadding-small,
.padding-interna20{
	padding: 20px 0;
}

/*-------------------------------------
Internas 
-------------------------------------*/
/*** amend ***/
.texto-quemsomos{
	text-align: justify;
}
.texto-quemsomos p{
	line-height: 140%;
	font-size: 1.55rem;
}
.modal-contato__borda{
	padding: 30px;
	border: 2px solid var(--ark-accent);
}

/*** campanhas ***/
.lista-campanhas{
	padding: 0 100px;
}

.listacampanha{
	display: grid;
	grid-template-columns: 50% 50%;
}
.listacampanha li{
	width: 100%;
	padding: 15px;
}
.listacampanha__wrap{
	border: 2px solid rgba(0, 0, 0, 0.1);
	padding: 15px;
}
.listacampanha.--noborder .listacampanha__wrap{
	border: 0;
	padding: 1rem;
}
.listacampanha.--height .listacampanha__wrap{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.listacampanha__img{
	width: 100%;
}
.listacampanha__tit{
	color: var(--ark-accent);
	text-align: center;
	font-size: 1.75rem;
}
.listacampanha__tit.--one{
	color: var(--ark-one);
}
.listacampanha__tit strong{
	font-size: 1.95rem;
}
.listacampanha__bts{
	text-align: center;
	text-transform: uppercase;
}

/** variação compacta **/
.listacampanha--compacta{
	grid-template-columns: 33.33% 33.33% 33.33%;
}
.listacampanha--compacta  li{
	width: 100%;
}

/** variação certificados **/
.listacampanha__desc{
    font-size: 1.4rem;
    line-height: 140%;
    margin: 2rem 0;
}
.listacampanha--certificados .listacampanha__wrap{
	border: 2px solid var(--ark-one);
	max-height: 594px;
}
.listacampanha--certificados .listacampanha__tit{
	color: var(--ark-accent);
	text-transform: uppercase;
	font-weight: bold;
}
.listacampanha--certificados .listacampanha__tit strong{
	color: #676767;
}

/*** variação 2021 ***/


/*** catálogo de produtos ***/
.discadorprodutos{
	background-color: #767779;
	overflow: hidden;
}
.discadorprodutos__menu{
	text-align:  center;
	letter-spacing: -5px;
}
.discadorprodutos__menu li{
	display: inline-block;
	transition: all .25s ease-out;
}
.discadorprodutos__menu li img{
	transition: all .25s ease-out;
}
.discadorprodutos__menu li:hover img{
	opacity: 0.55;
	transition: all .5s;
}

.catalogo__tit{
	margin: 30px 0;
}
.catalogo__tit p{
	margin: 5px 0;
	text-transform: uppercase;
	width: auto;
	border-bottom: 1px solid var(--ark-accent);
	padding-bottom: 8px;
}
.catalogo__tit p.app-hide{
	display: inline-block;
}
.catalogo__tit .cat{
	font-size: 1.8rem;
	color: #4b4b4b;
	font-weight: bold;
}
.catalogo__tit .prod{
	color: var(--ark-accent);
	font-weight:  bold;
	font-size: 1.8rem;
}
.catalogo__tit .qtd{
	color: #4b4b4b;
	font-size: 1.7rem;
}
.catalogo__menu li{
	margin: 10px 0;
}
.catalogo__menu li a{
	font-size: 1.5rem;
	color: #4b4b4b;
	font-weight: bold;
}
.catalogo__drop{
	display:none;
}
/** grade de produtos **/
.listaprod li{
	float: left;
	width: 25%;
	padding: 20px;
	height: 436px;
}
.listaprod__img img{
	width: 100%;
}
.listaprod__tit{
	line-height: 75%;
}
.listaprod__tit a{
	color: var(--ark-accent);
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: bold;
}
.listaprod__desc{
	font-size: 1.3rem;
}

/** banners **/
.bannerprod{
	background: transparent url('../img/bg_produtos.jpg') no-repeat center center;
	background-size: cover;
	padding: 20px 0;
}
.bannerprod__borda{
	border: 2px solid #ebaf4f;
	text-align: center;
	padding: 20px 10px;
}
.bannerprod__desc{
	font-size: 2.15rem;
}




/*** universo amend ***/
.nossouniverso{
	padding: 0 150px;
}
.nuniverso{
	border: 1px solid #e2e2e2;
	margin: 25px 0;
}
.nuniverso__avatar{
	margin-right: 20px;
}
.nuniverso__avatar img{
	width: 80px;
}
.nuniverso__header{
	background-color: #4e4e4e;
	display: flex;
	align-items: center;
}
.nuniverso__tit{
	margin: 0;
}
.nuniverso__tit .nome{
	color: #ffffff;
	font-size: 2.2rem;
}
.nuniverso__tit .cargo{
	font-size: 1.5rem;
	font-weight: bold;
	margin-left: 20px;
}
.nuniverso__tit .data{
	font-size: 1.1rem;
	font-weight: bold;
	color: rgb(255 255 255 / 60%);
}
.nuniverso__body{
	padding: 1.0rem 3rem;
	background: #f7f7f7;
}
.nuniverso__link-image{
	cursor: zoom-in;
}
.nuniverso__img{
	text-align: center;
}
.nuniverso__img img{
	max-height: 270px;
	max-width: 100%;
	display: inline-block;
}
.nuniverso__desc{
	font-size: 1.455rem;
}
.nuniverso__dados{
	font-size: 1.255rem;
	color: #6730ac;
	margin: 15px 0;
}
.nuniverso__coment{
	margin-bottom: 0;
}
.nuniverso__coment a{
	color: #16abd5;
	font-size: 1.4rem;
	font-weight: bold;
}
.nuniverso__likes a{
		font-size: 1.65rem;
		color: #ff485e;
		font-weight: bold;
}

/** banner **/
.banneruniverso{
	background: transparent url('../img/bg_nuniverso2.jpg') no-repeat center center;
	background-size: cover;
	padding: 20px 0;
}
.banneruniverso__borda{
	border: 2px solid #30c7f3;
	text-align: center;
	padding: 20px 10px;
}
.banneruniverso__desc{
	font-size: 2.15rem;
}


/*** ajuda ***/
.lista-ajuda li{
	border-bottom: 1px solid var(--ark-accent);
}
.lista-ajuda li:last-child{
	border-bottom: 0;
}
.lista-ajuda li:hover{
	background-color: #f5f5f5;
}
.lista-ajuda .pergunta{
	padding: 15px 10px;
	cursor:pointer;
	font-weight: bold;
	font-size: 1.45rem;
	vertical-align: middle;
}
.lista-ajuda .pergunta p{
	font-size: 1.45rem;
}
.lista-ajuda .pergunta i{
	font-size: 1.9rem;
	vertical-align: middle;
	color: var(--ark-accent);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.lista-ajuda .resposta{
	display: none;
	padding: 0 5px 15px 26px;
}
.lista-ajuda li.selec .pergunta i{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.lista-ajuda a{
	color: #000;
	text-decoration: underline;
}


/*** performance ***/
.filtro-data{
	text-align: center;
	margin: -30px 0 30px;
}
.filtro-data .select-wrap{
	width: 300px;
	display: inline-block;
}
.grafico__legenda{
	text-align: center;
}
.grafico__legenda span.bullet{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #000;
	vertical-align: middle;
	margin-left: 15px;
}


@media screen and (max-width: 600px) {
	.ark-table-responsive caption { background-image: none; }
	.ark-table-responsive thead { display: none; }
	.ark-table-responsive tbody td { 
		display: block; padding: .6rem; 
	}
	.ark-table-responsive tbody tr td:first-child { 
		background: #666; color: #fff; 
	}
	.ark-table-responsive tbody td:before { 
		content: attr(data-th); 
		font-weight: bold;
		display: inline-block;
		width: 100%;
		margin: 10px 0;
	}
	.ark-table-responsive p{
		margin: 0;
	}
	.ark-table-responsive tr{
		display: block;
		margin-bottom: 25px;
	}
}


/*** biblioteca - banco de imagens ***/
.filter-library{
	border: 1px solid var(--ark-one);
	padding: 1rem 1rem;
	border-radius: 1rem;
	background-color: #f1f1f1;
}
.filter-library__label{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--ark-one);
}
.biblioteca-lista{
	display: grid;
	grid-template-columns: repeat( 4 , 1fr );
	grid-gap: 1rem;
}
.bib-item{
	width: 100%;
	padding: 10px;
}
.bib-item__borda{
	background-color: #f8f8f8;
	padding: 10px;
}
.bib-item__borda.selec{
	background-color: #ddf7ff;
}
.bib-item__thumb{
	text-align: center;
}
.bib-item__thumb img{
	max-width: 100%;
	max-height: 300px;
	display: inline-block;
}
.bib-item__tit {
	font-size: 1.2rem;
	margin: 0;
	margin-bottom: 1rem;
	overflow: hidden;
}
.bib-item__desc {
	font-size: 1.2rem;
	margin: 0;
}
.bib-item__bts{
	margin-top: 15px;
}
.bib-item__bts-alta{
	float: left;
	width: 50%;
}
.bib-item__bts-baixa{
	float: right;
	width: 50%;
}
.bib-item__bts .btn-alta{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.bib-item__bts .btn-baixa{
	background-color: #611a26;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.bib-item__size{
	font-size: 1.1rem;
	font-style: italic;
	color: #444444;
	margin: 4px 0 0 0;
}
.bib-baixatudo{
	text-align: right;
}
.bib-baixatudo__bt{
	margin-left: 25px;
}
.bib-item__checkbox{
	border: 2px solid var(--ark-one) !important;
}
.biblioteca-loading{
	padding: 2rem 0;
	text-align: center;
	display: none;
}
.ajax-load .biblioteca-loading{
	display: block;
}


/*** kpis ***/
.table-kpi{
	text-align: center;
}
.table-kpi tfoot tr{
	background-color: #e5e5e5;
}
.etiqueta-kpi{
	border: 2px solid var(--ark-one);
	display: flex;
}
.etiqueta-kpi div{
	flex-grow: 1;
	text-align: center;
	padding: 2rem;
}
.etiqueta-kpi__col-pts{
	background-color: var(--ark-one);
	color: #fff;
	
}


.monstab__porcent{
	display: inline-block;
	width: 100%;
	height: 35px;
	background-color: #b7b7b7;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.monstab__porcent span{
	display: inline-block;
	background-color: #e4e4e4;
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.monstab__porcent.verde span{ background-color: #49e249 }
.monstab__porcent.amarelo span{ background-color: #dfea37 }
.monstab__porcent.vermelho span{ background-color: #d65d65 }

/*** diversos ***/
fieldset.fieldset{
	border: 2px solid rgba(214,214,214,.5);
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}
fieldset.fieldset legend{
	font-size: 1.29rem;
    letter-spacing: -0.01rem;
    font-weight: bold;
	color: #000;
    color: var(--accent-color);
    padding: 6px 0;
    text-transform: uppercase;
}

/*** responsividade ***/
/** desktops **/
@media (min-width: 992px){

}

/** somente desktops menores **/
@media (min-width: 992px) and (max-width: 1199px) {
	.discadorprodutos{

		overflow:scroll-y;
	}
	.discadorprodutos__menu li img{
		width: 170px;
	}

}

/** mobile e tablet **/
@media (max-width: 991px){
	.texto-quemsomos{
		padding: 0px 15px;
		text-align: justify;
	}
	.padding-medium {
		padding: 10px 0;
	}
	.lista-campanhas{
		padding:0;
	}
	.listacampanha{
		grid-template-columns: 100%;
	}
	.listacampanha li{
		width: 100%;
	}

	.listacampanha.listacampanha--desafio{
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.listacampanha.listacampanha--desafio li{
		width: 100%;
		padding: 15px;
	}

	.listacampanha__desc{
		height: auto;
	}
	.listacampanha__wrap {
		padding: 5px;
	}
	.listacampanha--certificados .listacampanha__wrap {
		max-height: none;
	}
	.discadorprodutos{
		height: 190px;
		overflow-x:scroll;
	}
	.discadorprodutos__menu{
		width: 500px !important;
	}
	.discadorprodutos__menu li img{
		width: 100px;
	}

	.listaprod li{
		width: 100%;
		height: auto;
	}
	.nossouniverso{
		padding: 0 5px;
	}

	.catalogo__tit{
		margin: 30px 0 0 0;
	}
	.catalogo__menu{
		display:none;
	}
	.catalogo__drop{
		display:block;
	}

	.app .ark-form:not(.form-horizontal):not(.form-inline) .row>div:nth-child(n+2), .label-gutter {
		margin-top: 30px;
	}
	.padding-meusdados{
		padding: 0;
	}
}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px){
	.biblioteca-lista{
		grid-template-columns: repeat( 2 , 1fr );
	}
}

/** mobile **/
@media (max-width: 767px){
	.biblioteca-lista{
		grid-template-columns: repeat( 1 , 1fr );
	}
	.listacampanha.listacampanha--desafio{
		grid-template-columns: 100%;
	}
	.listacampanha.listacampanha--desafio li{
		width: 100%;
	}
}


/*** roteiro ***/
.form-reportar-roteiro{
	border: 1px solid rgb(224, 224, 224);
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 25px;
}
.tit-correcao-roteiro{
    color: var(--ark-accent);
    text-align: center;
    margin: 0 0 25px 0;
    line-height: 150%;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}


/*-------------------------------------
Home novas colunas
-------------------------------------*/
.amendhomebox{
	width: 100%;
	background-color: #fed3da;
	margin-bottom: 2.5rem;
}
.amendhomebox .tit{
	color: #a31b2f;
    font-size: 2.0rem;
    padding: 11px 22px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}
.amendhomebox.--dark{
	background-color: #a31b2f;
}
.amendhomebox.--dark .tit{
	color: #fff;
}
.amendhomebox__imgs{
	padding: 2.0rem;
	padding-top: 0;
}
.amendhomebox__imgs img{
	width: 100%;
}
.amendhomebox__item{
	margin-bottom: 2.0rem;
	display: inline-block;
}
.amendhomebox__item:last-child{
	margin-bottom: 0;
}
/*-------------------------------------
Personalizações diversas
-------------------------------------*/
/*** magnific popup ***/
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	color: var(--ark-accent);
}
.mfp-modal-grande .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 90%;
    max-width: 1400px;
    min-height: 600px;
    max-height: 100%;
}

/*-------------------------------------
Novo login
-------------------------------------*/
#logo-login{
	text-align: center;
}
.conteudo-login__wrap{
	background: radial-gradient(var(--ark-one) 70%, #000000 150%);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: "Montserrat", Arial, Helvetica, Verdana, sans-serif;
	min-height: 100vh;
}
.conteudo-login {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 90%;
	padding: 35px;
	max-width: 960px;
	margin: 35px 0;
}
.conteudo-login  .--login-expanded .col-md-12,
.conteudo-login  .--login-expanded .col-md-6{
	padding: 0 30px;
}


/*-------------------------------------
Contador Amend
-------------------------------------*/
.amend-contador{
	padding: 3.0rem 0;
	background-color: #c71d3e;
}
.bar-promo__contador{
    display: flex;
	align-items: center;
	justify-content: center;
}
.contador-promo{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 1.0rem;
	border: 1px solid #ffffff75;
	padding: 1rem;
	border-radius: 1.2rem;
}
.contador-promo__ico{
    margin-right: 2rem;
}
.contador-promo__ico i{
	font-size: 4rem;
	font-weight: 100;
	color: #fff;
}
.contador-promo__tit{margin-right: 3.5rem;}
.contador-promo__tit p{
	text-align: left;
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
.contador-promo__tit p strong{
	color: #fff;
}
.contador-promo__item .val{
	margin: 0 auto;
	background-color: #fff;
	display: block;
	width: 5.0rem;
	text-align: center;
	padding: 1.15rem 0;
	font-size: 2.5rem;
	font-weight: bold;
	color: #6020c7;
	border-radius: 0.55rem;
}
.contador-promo__item .label{
    text-align: center;
    display: block;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}
.contador-promo.--atingindo .contador-promo__item .val{ background-color: #0bb56b; }
.contador-promo.--atingindo .contador-promo__item .val{ color: #fff; }
.contador-promo.--atingindo .contador-promo__item .label{color: #ffffff;}


/*** responsividade ***/
@media (max-height: 800px){
	/** monitores de notebook **/
	.contador-promo__item .val{
		width: 6.0rem;
		padding: 1.45rem 0;
		font-size: 2.6rem;
	}
}
@media (max-width: 1200px) and (min-width: 992px){
	/** desktops menores **/
}

@media  (max-width: 991px){
	/** tablets e mobile **/
	.bar-promo__contador {
		flex-direction: column;
	}
	.contador-promo__ico,
	.contador-promo__tit{
		margin-right: 0;
	}
	.contador-promo__tit p{
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	/** tablets **/
}

@media (max-width: 767px){
	/** mobile **/

}


/*-------------------------------------
Modal Aniversário
-------------------------------------*/
.modal-niver{
	position: relative;
	background: #FFF;
	width: auto;
	max-width: 800px;
	margin: 20px auto;
}
.modal-niver img{
	width: 100%;
	max-width: 800px;
}
.modal-niver__info-wrap{
	margin: auto;
}
.modal-niver__info{
position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: grid;
    grid-template-rows: 26% auto 40.8%;
    grid-template-columns: 1fr;
}
.modal-niver__tit{
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #a22137;
	line-height: 200%;
}
.modal-niver__tit span{
	font-family: "Damion" ,  cursive;
	font-size: 6.0rem;
}
.modal-niver__lista{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    padding: 0 25% 0 18%;
}
.modal-niver__scroll{
	width: 100%;
	height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.modal-niver__scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgba(245, 245, 245, 0.5);
	border-radius: 10px
}
.modal-niver__scroll::-webkit-scrollbar{
	width: 6px;
	background-color: rgba(245, 245, 245, 0.25);
	border-radius: 10px
}
.modal-niver__scroll::-webkit-scrollbar-thumb{
	background-color: #ffffff;
	border-radius: 10px
}
.modal-niver__item{
	display: flex;
	padding: 1.0rem 2.0rem;

	align-items: center;
}
.modal-niver__item .avatar{
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 100%;
	margin-right: 2.0rem;
}
.modal-niver__item .nome{
	font-size: 1.35rem;
	color: #fff;
	margin: 0;
}
.modal-niver__item .nome strong{
	font-size: 1.8rem;
}
/*** responsividade ***/
@media (max-height: 800px){
	/** monitores de notebook **/
}

@media (max-width: 1200px) and (min-width: 992px){
	/** desktops menores **/
}

@media  (max-width: 991px){
	/** tablets e mobile **/
	.modal-niver__tit{
		font-size: 1.8rem;
	}
	.modal-niver__tit span{
		font-size: 4.0rem;
	}
	.modal-niver__item .nome strong{
		font-size: 1.4rem;
	}
	.modal-niver__item .avatar{
		width: 3.0rem;
		height: 3.0rem;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	/** tablets **/
}

@media (max-width: 767px){
	/** mobile **/
}



/*-------------------------------------
Home News V3
-------------------------------------*/
.homenews__tit{
	color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1.5rem 2.2rem;
    background-color: var(--ark-one);
}
.homenews__noticias{
	padding: 0 1.5rem;
	background-color: #f5f5f5;
}
.homenews__item{
    display: flex;
    padding: 1.4rem 0;
    border-bottom: 2px solid #d0d0d9;
	align-items: center;
}
.homenews__noticias a:last-child .homenews__item{
	border-bottom: 0;
}
.homenews__img{
	margin-right: 1.8rem;
}
.homenews__info .data{
	font-size: 1.5rem;
	margin-bottom: 0;
}
.homenews__info .tit{
	font-size: 1.8rem;
	font-weight: bold;
}



/*** virgo news carousel ***/
.virgo-newscarousel{
	padding: 3rem 0;
    background-image: linear-gradient(360deg, var(--ark-one) 50%, transparent 50%);
}
.virgo-newscarousel__tit{
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
}
.virgo-newscarousel__item-container{
	padding: 2rem;
}
.virgo-newscarousel__item{
	position: relative;
	overflow: hidden;
}
.virgo-newscarousel__img{
	width: 100%;
	height: 21.0rem;
	object-fit: cover;
	object-position: center center;

	transition: all .2s ease-in;
}
.virgo-newscarousel__item-tit{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 2rem 3rem;
    background-image: linear-gradient(360deg, rgba(37, 37, 37, 0.5), transparent);
}
.virgo-newscarousel__item-tit p{
	border-bottom: 0.65rem solid #fff;
	padding-bottom: .5rem;
	font-size: 1.05rem;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	margin: 0;
	text-shadow: 0 0 1px rgba(37, 37, 37, 0.5);
}
.virgo-newscarousel__item:hover .virgo-newscarousel__img{
	transform: scale(1.2) rotate(2deg);
	filter: brightness(0.5);
	transition: all .5s ease-out;
}

.virgo-newscarousel__carousel .slick-dots li{
	width: auto;
}
.virgo-newscarousel__carousel .slick-dots{
	margin: 2.0rem 0;
	margin-top: 0;
    padding: 0 4.0rem;
    position: relative;
}
.virgo-newscarousel__carousel .slick-dots li button{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	width: 10px;
	height: 10px;
	text-indent: -999px;
	transition: all .3s ease-in;
}
.virgo-newscarousel__carousel .slick-dots li.slick-active button{
	background-color: var(--ark-accent);
	opacity: 1;
	width: 20px;
	transition: all .5s ease-out;
}

/*-------------------------------------
Cia21 - novos elementos
-------------------------------------*/
.neotitle{
	padding: 3.8rem 0;
	text-align: center;
	background-color: #f1f1f1;
}
.neotitle .tit{
	font-size: 2.25rem;
	font-weight: bold;
	color: var(--ark-accent);
	text-transform: uppercase;
	margin: 0;
}
.neotitle .desc{
	font-size: 1.75rem;
	margin-bottom: 0;
}
.neotitle.--one .tit{
	color: var(--ark-one);
}
/*** responsividade ***/
@media  (max-width: 991px){
	/** tablets e mobile **/
	.app .neotitle .tit{
		display: none;
	}
}


/*** virgo noticias ***/
.neo-noticias{
	padding: 4rem 0;
}
.neo-noticias__item{
    background-color: #f7f7f7;
    border-radius: 9px;
    overflow: hidden;
    padding: 1.5rem;
}
.neo-noticias__img img{
	width: 100%;
}
.neo-noticias__title{
	font-size: 1.75rem;
    font-weight: bold;
}
.neo-noticias__desc .data{
	font-weight: bold;
	color: var(--ark-accent);
	font-size: 1.2rem;
}


/*** virgoalt lista ***/
.virgoalt-lista a:hover{text-decoration: none;}
.virgoalt-lista__item{
    display: grid;
    border: 1px solid #c5c5c5;
    width: 100%;
    height: 100%;
    grid-template-columns: 20rem auto;
    align-content: stretch;
    align-items: stretch;
}
.virgoalt-lista__thumb{
	width: 100%;
}
.virgoalt-lista__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.virgoalt-lista__info{

}
.virgoalt-lista__tit{
	width: 100%;
    padding: 1rem 2rem;
    background-color: #767676;
}
.virgoalt-lista__tit p{
    font-size: 2rem;
    color: #fff;
    line-height: 100%;
	font-weight: bold;
}
.virgoalt-lista__txt{
	padding: 2rem;
}
.virgoalt-lista__txt .desc{
	color: #767676;
	font-size: 1.5rem;
}


/*** virgo lista ***/
.virgo-lista a:hover{text-decoration: none;}
.virgo-lista__item{
    display: grid;
    border: 1px solid #c5c5c5;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    grid-template-columns: 20rem auto;
    align-items: stretch;
}
.virgo-lista.--height .virgo-lista__item{
	height: 100%;
}
.virgo-lista__thumb{
	width: 100%;
	flex-shrink: 0;
}
.virgo-lista__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.virgo-lista__info{

}
.virgo-lista__tit{
	width: 100%;
    padding: 1rem 2rem;
    background-color: #767676;
}
.virgo-lista__tit p{
    font-size: 2rem;
    color: #fff;
    line-height: 100%;
	font-weight: bold;
}
.virgo-lista__txt{
	padding: 2rem;
}
.virgo-lista__txt .desc{
	color: #767676;
	font-size: 1.5rem;
}

/** responsividade **/
@media (max-height: 800px){
	/** monitores de notebook **/
}
@media (max-width: 1200px) and (min-width: 992px){
	/** desktops menores **/
}
@media  (max-width: 991px){
	/** tablets e mobile **/
	.virgo-lista__item{
		grid-template-columns: 1fr;
	}
	.virgo-lista__thumb{
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	/** tablets **/
}
@media (max-width: 767px){
	/** mobile **/
}

/* 
	DESAFIOS
*/

/*** virgo lista ***/
.virgo-desafios-lista a:hover{text-decoration: none;}
.virgo-desafios-lista__item{
    display: grid;
    border: 1px solid #c5c5c5;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    grid-template-columns: 20rem auto;
    align-items: stretch;
}
.virgo-desafios-lista.--height .virgo-desafios-lista__item{
	height: 100%;
}
.virgo-desafios-lista__thumb{
	width: 100%;
	flex-shrink: 0;
}
.virgo-desafios-lista__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.virgo-desafios-lista__tit{
	width: 100%;
    padding: 1rem 2rem;
    background-color: #767676;
}
.virgo-desafios-lista__tit p{
    font-size: 2rem;
    color: #fff;
    line-height: 100%;
	font-weight: bold;
}
.virgo-desafios-lista__txt{
	padding: 2rem;
}
.virgo-desafios-lista__txt .desc{
	color: #767676;
	font-size: 1.5rem;
}

/** responsividade **/
@media (max-width: 516px){
	/** mobile **/
	.virgo-desafios-lista__item{
		grid-template-columns: 1fr;
	}
	.virgo-desafios-lista__thumb{
		width: 100%;
	}
}


/*-------------------------------------

/*-------------------------------------
M.Dias Trade - Produto e subprodutos
-------------------------------------*/

/*** produtos ***/

/*** produtos list ***/
.produtos-list{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px 20px;
	width: 100%;
}
.produtos-list__item{
    width: 100%;
    border: 1px solid rgb(221 202 226);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 1px 1px 4px rgb(99 99 99 / 21%);
    background-color: white;
    opacity: .9;
    transition: all .25s ease-in-out;
}
.produtos-list__item:hover{
	opacity: 1;
	transform: scale(1.15);
	z-index: 100;
	box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.25);
	transition: all .5s ease;
}
.produtos-list__desc{
	padding: 0 20px 20px 20px;
}
.produtos-list__item .tit{
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.85rem;
	color: var(--one-color);
	margin-top: 0;
}
.produtos-list__item .info{
	width: 100%;
	font-size: 1.25rem;
	color: #3c3c3c;
	margin-bottom: 0;
	text-align: left;
	line-height: 160%;
	word-break: break-all;
}
.produtos-list__item .logo{
	width: 100%;
	padding: 30px;
}
.produtos-list__item .info i{
	color:  var(--one-color);
}
.produtos-list__item a{
	color:  var(--one-color);
}

/*** variações ***/
.produtos-list.--quatro{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.produtos-list.--cinco{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.produtos-list.--equal-height .produtos-list__item{
	height: 100%;
}
.produtos-list.--small-tit .produtos-list__item .tit{
	font-size: 1.45rem;
	text-align: center;
}

/*** responsividade ***/
@media (max-width: 1200px) and (min-width: 992px){
	/** desktops menores **/
}

@media  (max-width: 991px){
	/** tablets e mobile **/
	.produtos-list,
	.produtos-list.--quatro,
	.produtos-list.--cinco{
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	/** tablets **/
}

@media (max-width: 767px){
	/** mobile **/
	.produtos-list,
	.produtos-list.--quatro{
		grid-template-columns: 1fr 1fr;
	}
	.produtos-list__item:hover{
		opacity: 1;
		transform: scale(1.1);
	}
}


/*** produto breadcrumb ***/
.produto-breadcrumb{
	text-align: center;
	background-color: var(--prod-color);
	padding: 1rem 0;
}
.produto-breadcrumb p,
.produto-breadcrumb a{
	color: #fff;
	font-size: 1.5rem;
}
.produto-breadcrumb p span{
	margin: 0 .5rem;
	opacity: .65;
}

/*** manifesto ***/
.produto-manifesto{
	border: 0.4rem solid var(--prod-color);
	border-radius: 2rem;
	margin: 5rem 0;
	padding: 5rem;
}
.produto-manifesto__tit{
	font-weight: bold;
	color:var(--prod-color);
	font-size: 3rem;
}
.produto-manifesto__txt p{
	font-size: 1.65rem;
	line-height: 140%;
	margin: 1rem 0;
}

/*** links ***/
.produto-links .produto-manifesto__tit{
	text-align: center;
}
/** menu **/
.produto-menu{
	display: grid;
	grid-gap: 2.5rem;
	grid-template-columns: repeat(4, 1fr);
}
.produto-menu__item{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	background-color: #eeeef0;
	padding: 3rem;
	border-bottom: 1rem solid var(--prod-color);
	border-radius: 1rem;
	transition: all .3s ease-in;
}
.produto-menu__ico{
	font-size: 5rem;
	text-align: center;
	margin: 0;
	color:var(--prod-color);
}
.produto-menu__tit{
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 120%;
}
.produto-menu__item:hover{
	transform: scale(1.1);
	transition: all .5s ease-out;
}

/*** produto  social ***/
.produto-social{
	text-align: center;
	padding: 2rem 0;
}
.produto-social p{
	font-size: 2.5rem;
	color:var(--prod-color);
}
.produto-social p a i{
	font-size: 4rem;
	color:var(--prod-color);
}

/*** subprodutos ***/
.produto-submarcas__tit{
	font-weight: bold;
    color: var(--prod-color);
    font-size: 3rem;
	text-align: center;
}
.subproduto{
	border-radius: 2rem;
}


/*** responsividade ***/

@media (max-width: 767px){
	/** mobile **/
	.produto-menu{
		grid-template-columns: repeat(1, 1fr);
	}
}

/*-------------------------------------
Responsividade Estrutura
-------------------------------------*/

#bt-menu{
	display: none;

	background-color: #3f5375;
	color: #fff;
	border: 0;
	padding: 10px;
	font-size: 1.2rem;
	border-radius: 3px;
	position: absolute;
	top: 9px;
	left: 8px;
	border-bottom: 2px solid #1db2e8;
}


@media (max-width: 1200px) and (min-width: 992px){
	/*** desktop menor ***/
	.wrap,
	#topo-wrap{
		width: 960px;
	}
	html,body{
		font-size:9px;
	}
}
@media  (max-width: 991px){
	/*** tablets e mobile ***/
	.wrap,
	#topo-wrap{
		width: 95%;
	}
	html,body{
		font-size:10px;
	}
	#bt-menu{
		display: block;
	}
	#topo{
		box-shadow: 0px 3px 1px rgba(140, 140, 140, 0.25);
	}
	#footer-copy .logo{
		display:none;
	}
	#footer-copy .frase{
		margin:0;
	}
	#footer-links{
		display:none;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	/*** tablets ***/

}
@media (max-width: 767px){
	/*** mobile ***/
	#rodape{
		position: static;
	}
	
}



/* NEW DESAFIOS */

.desafios__lista_item{
	box-sizing: border-box;
	border-radius: 1rem;
	justify-content: stretch;
	background-color: #070b0c;
	color: #fff;
	height: 20rem;
	transition-duration: 0.3s;
	overflow: hidden;
}

.desafios__lista_item:hover{
	scale: 1.01;
}

.desafios__lista_item.--not-hover:hover{
	scale: 1;
}

.desafios__lista_item.--scoreboard{
	background-color: var(--ark-one);
	height: 8rem;
}

.desafios__lista_item.--scoreboard:hover{
	scale: 1;
}

.desafios__lista_item .desafios__row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

/* first col */
.desafios__lista_item .desafios__row .desafios__col:first-child{
	display: flex;
	width:100%;
	padding: 3rem;
    align-items: flex-start;
    flex-direction: column;
}

.desafios__lista_item.--scoreboard .desafios__row .desafios__col:first-child{
	align-items: center;
    justify-content: center;
}

/* last col */
.desafios__lista_item .desafios__row .desafios__col:nth-child(2){
	display: flex;
	padding: 1.5rem;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.desafios__lista_item .thumb{
	display: flex;
	justify-content: flex-end;
	background-color: transparent;
	align-items: center;
	width: 100%;
    height: 100%;
	padding: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.desafios__lista_item .thumb img{
	aspect-ratio: 1 / 1;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 0.2rem;
}

.desafios__lista_item p.title{
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #fff;

	/* all caps */
	text-transform: uppercase;
}

.desafios__lista_item.--scoreboard p.title{
	text-align: right;
	width: 100%;
}

.desafios__lista_item .badge{
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background-color: #707070;
	padding: 0.5rem 1.0rem;
	border-radius: 1rem;
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.desafios__lista_item .badge.--red{
	background-color: #de111f;
}

.desafios__lista_item .badge.--green{
	background-color: #2ab68f;
}

.desafios__lista_item .badge.--blue{
	background-color: #1db2e8;
}

.desafios__lista_item .badge.--yellow{
	background-color: #fb9d3e;
}

.desafios__lista_item .badge.--orange{
	background-color: #fa5839;
}

.desafios__lista_item.--outline{
	background-color: transparent;
	border: 2px solid var(--ark-one);
}

.desafios__lista_item.--outline .desafios__row{
	flex-direction: row-reverse;
}

.desafios__lista_item.--outline p.title{
	color: var(--ark-one);
}
.desafios__lista_item.--outline p.desc{
	margin-top: 0;
	font-weight: bold;
	color: var(--ark-one);
}

.desafios__lista_item.--outline .desafios__row .desafios__col:first-child{
	display: flex;
	justify-content: center	;
	padding: 1rem;

}

.desafios__disabled__blur {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	/* blur */
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

.desafios__disabled .desafios__lista_item{
	background-color: #e4e4e4;
}

.desafios__disabled .desafios__lista_item p.title{
	color: #707070;
}

.desafios__disabled .desafios__lista_item:hover{
	scale: 1;
}

.desafios__blocked_icon{
	position: absolute;
	font-size: 10rem;
	color: #707070;
	z-index: 100;

	/* center */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.desafios__scoreboard_button{
	padding: 20px; 
	font-size: 16px; 
	display: flex !important; 
	align-items: center; 
	justify-content: center;
	text-wrap: pretty;
	gap: 10px
}

.desafios__scoreboard_button i{
	font-size: 24px;
}

@media (max-width: 768px){
	.desafios__lista_item p.title{
		font-size: 2.0rem;
	}
	.desafios__lista_item .badge{
		font-size: 1.25rem;
	}
	.desafios__blocked_icon{
		font-size: 5rem;
	}
}

/* 465px width */

@media (max-width: 525px){
	.desafios__lista_item{
		height: 16rem;
	}

	.desafios__lista_item p.title{
		font-size: 1.5rem;
	}
	.desafios__lista_item .badge{
		font-size: 1.0rem;
	}

	.desafios__scoreboard_button{
		font-size: 14px;
	}

	.desafios__scoreboard_button i{
		font-size: 20px;
	}
}

@media (max-width: 440px){
	.desafios__lista_item{
		height: 14rem;
	}

	.desafios__lista_item p.title{
		font-size: 1.25rem;
	}

	.desafios__lista_item .badge{
		font-size: 0.75rem;
	}

	.desafios__scoreboard_button{
		font-size: 10px;
	}

	.desafios__scoreboard_button i{
		font-size: 16px;
	}
}

@media (max-width: 400px){
	.desafios__lista_item{
		height: 12rem;
	}

	.desafios__lista_item p.title{
		font-size: 1.0rem;
	}

	.desafios__lista_item .badge{
		font-size: 0.5rem;
	}

	.desafios__scoreboard_button{
		font-size: 9px;
	}

	.desafios__scoreboard_button i{
		font-size: 12px;
	}
}

/* text-based popup styling */
.desafios__popup {
	position: relative;
	background: #fff;
	border: 2px solid var(--ark-one);
	padding: 25px;
	width:auto;
	max-width: 400px;
	margin: 0 auto; 
	border-radius: 10px;
}

.desafios__popup h1{
	text-align: center;
	font-size: 3rem;
	color: var(--ark-one);
}

.desafios__popup .content{
	margin: 3rem 0;
}

.desafios__popup .content p{
	margin: 0;
	padding: 0;
}


  /* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
  
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }
  /* overlay animate in */
  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }
  /* overlay animate out */
  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }
  
  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
  
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }
  /* content animate it */
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }
  /* content animate out */
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }

/* .prevent-select {
  -webkit-user-select: none !important; 
  -ms-user-select: none !important; 
  user-select: none !important; 
} */



/* CAMPANHAS DE CUPOM */

main.coupon-incentive .campaign-photo {
	margin: 2rem 0;
	border-radius: 12px
}

main.coupon-incentive .tit {
	font-weight: bold;
}

main.coupon-incentive .desc.desc-title {
	font-size: 1.25rem;
	white-space: pre-line;
}

main.coupon-incentive .desc.desc-terms {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 3rem 0;
}

main.coupon-incentive .center-text {
	text-align: center;
}

main.coupon-incentive hr {
	border: 2px solid var(--ark-one);
	margin: 2rem 25%;
	border-radius: 15px;
}

main.coupon-incentive .actions-container {
	border: 2px solid #eee;
	border-radius: 12px;
	padding: 3rem;
	margin: 1rem 2rem;
	display: flex;
	gap: 1rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

main.coupon-incentive .actions-container .actions {
	text-align: center;
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
}

@media (max-width: 500px) {
	main.coupon-incentive .actions-container .actions {
    flex-direction: column;
  }
}

main.coupon-incentive .actions-container .acceptedText {
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

main.coupon-incentive .actions-container .acceptedText i{
	font-size: 1.75rem;
	color: var(--ark-blue);
}

main.coupon-incentive form.actions-container button {
	width: 100%;
}

main.coupon-incentive form.actions-container label {
	font-size: 1.25rem;
}

main.coupon-incentive form.actions-container .label-enviar-cupom {
	font-size: 1.25rem;
	width: 100%;
	padding: 4rem;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 4rem;
	cursor: pointer;
	border: 2px dashed rgba(0, 0, 0, 0.25);
	background-color: #eee;
	transition-duration: 0.3s
}

main.coupon-incentive form.actions-container .label-enviar-cupom .text{
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

main.coupon-incentive form.actions-container .label-enviar-cupom .img img{
	border-radius: 12px;
	max-height: 32rem;
}

main.coupon-incentive form.actions-container .label-enviar-cupom .text i{
	font-size: 1.75rem
}

main.coupon-incentive form.actions-container .label-enviar-cupom:hover {
	transform: scale(1.01);
}

main.coupon-incentive form.actions-container .label-enviar-cupom:active {
	transform: scale(1.01);
}

main.coupon-incentive form.actions-container label input {
	font-size: 1.75rem;
}

main.coupon-incentive ul.couponsContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

main.coupon-incentive ul.couponsContainer li{
	display: flex;
	align-items: center;
	width: 70%;
	padding: 3rem 2rem;
	border-radius: 12px;
	background-color: #fbfbfb;
	border: 2px solid #eee;
	gap: 2rem;
}

@media (max-width: 768px)  {
	main.coupon-incentive ul.couponsContainer li{
		flex-direction: column;
	}
}

main.coupon-incentive ul.couponsContainer li .couponImage{
	display: flex;
	width: 150px;
	/* height: 150px; */
	object-fit: cover;
	object-position: 25% 25%;
	justify-content: center;
	flex-direction: row;
}

main.coupon-incentive ul.couponsContainer li .couponImage img{
	/* max-width: 5rem; */
}

main.coupon-incentive ul.couponsContainer li .couponInformation{
	display: flex;
	flex-direction: column;
}

main.coupon-incentive ul.couponsContainer li .couponInformation .campaign{
	display: flex;
	flex-direction: column;
}

main.coupon-incentive ul.couponsContainer li .couponInformation .campaign h1{
	margin: 0;
	text-overflow: ellipsis;
	font-weight: bold;
	font-size: 3rem;
}

main.coupon-incentive ul.couponsContainer li .couponInformation .campaign p{
	margin: 0;
}

main.coupon-incentive ul.couponsContainer li .couponInformation .status{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Indicação */

main.indication .indication-container {
	display: flex;
	gap: 1rem;
	flex-direction: column;
}

main.indication .indication-container .separator {
  display: flex;
	gap: 4em;
  align-items: center;
  text-align: center;
	margin-top: 2rem;
}

main.indication .indication-container .separator h3{
  color: var(--ark-one);
	font-weight: bold;
}

main.indication .indication-container .separator::before,
main.indication .indication-container .separator::after {
  content: '';
  flex: 1;
  border-bottom: 3px solid var(--ark-one);
}

main.indication .indication-container .separator:not(:empty)::before {
  margin-right: .25em;
}

main.indication .indication-container .separator:not(:empty)::after {
  margin-left: .25em;
}

main.indication .indication-container .indication-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

main.indication .indication-container .indication-list .user{
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow-wrap: anywhere;
	/* flex-wrap: wrap; */
	gap: 2rem;
	padding: 2rem;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background-color: #f1f1f1;
}

main.indication .indication-container .indication-list .user .photo img{
	height: 10rem;
	border-radius: 5px;
}

main.indication .indication-container .indication-list .user .info{

}

main.indication .indication-container .indication-list .user .info h3{
	display: flex;
	flex-direction: column;
	color: var(--ark-one);
	font-weight: bold;
	font-size: 2rem;
}


main.indication .indication-container .indication-list .user .info h3 small{
	font-weight: normal;
	font-size: 1.5rem;
}

main.indication .indication-container .indication-list .user .info p{
	color: var(--ark-one);
	font-weight: bold;
}


main.indication .indication-container .indication-list .user .info p span{
	color: #000;
	font-weight: normal;
}

main.indication .indication-container .indication-list .user .info .badges{

}

main.indication .indication-container #form-indicacao {
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background-color: #f1f1f1;
	padding: 4rem;
}

main.indication .indication-container #form-indicacao .links {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (max-width: 672px) {
	main.indication .indication-container .indication-list .user{
		flex-direction: column;
		align-items: normal;
	}

	main.indication .indication-container .indication-list .user .photo {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main.indication .indication-container .indication-list .user .info h3{
		font-size: 1.5rem;
	}

	main.indication .indication-container .indication-list .user .info h3 small{
		font-size: 1.25rem;
	}
}