@charset "UTF-8";

/*!	
 *	Projeto Clube TAIFF
 *  -----------------
 *	Desenvolvido por Coresphere Tecnologia < coresphere.com.br >
 *  Autor: Bruno Guerreiro 
 *	Data: 23.02.2021 - Versão: 2.1
 *
 *  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;
}

/*-------------------------------------
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;
	width: 100%;
	flex-grow: 1;
	flex-basis: 0;
}

.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 img {
		width: 160px;
	}

	.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;
}

#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 10px rgb(154 154 154 / 50%), 0px -22px 40px #f1f1f16e;
}

.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);
}


/*** transição smooth app ***/
body.app main {
	opacity: 1;
	transition: .45s all;
}

body.app.loading main {
	opacity: .0;
	transition: none;

	-xms-transform: scale(0.975) translateY(500px);
	/* IE 9 */
	-xwebkit-transform: scale(0.975) translateY(500px);
	/* Safari */
	transform: scale(0.975) translateY(500px);
}

body.app.loadexit main {
	opacity: .0;
	transform: scale(0.975) translateY(-500px);
	transition: .35s all;
}


/*** 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 input[type=text],
.app input[type=date],
.app input[type=password],
.app input[type=file],
.app input[type=email],
.app select,
.app textarea {
	border-radius: 0;
	background-color: #fff;
	border: 0;
	padding: 10px;

	outline: none;
	border: none;
	background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
	background-size: 1px 6px, 1px 1px, 1px 6px;
	box-shadow: none;
}

.app input[type=text]:focus,
.app input[type=date]:focus,
.app input[type=password]:focus,
.app input[type=file]:focus,
.app input[type=email]:focus,
.app select:focus,
.app textarea:focus {
	background: bottom left linear-gradient(var(--ark-accent), var(--ark-accent)) no-repeat, bottom center linear-gradient(var(--ark-accent), var(--ark-accent)) repeat-x, bottom right linear-gradient(var(--ark-accent), var(--ark-accent)) no-repeat;
	background-size: 1px 6px, 1px 1px, 1px 6px;
}

.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;
}

#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: #ffffff;
	text-transform: uppercase;
	z-index: 10;
	position: relative;
	box-shadow: 0 0 10px rgba(64, 64, 64, 0.6);
}

.app-backbutton {
	display: none;
}

.app .app-backbutton {
	display: block;
	border: 0;
	font-size: 1.7rem;
	background-color: transparent;
	color: rgba(255, 255, 255, 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 ***/

}

/*-------------------------------------
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: 4.0rem;
}

.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);
}

.discador__lista li {
	display: block;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 0;
	font-size: 3.1rem;
	background-color: #f5f5f5;
	border: 5px solid #ffffff;
	line-height: 80%;
}

.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: #e8e8e8;
}

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


/*** taiff home ***/
.amendhome {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2.5rem;
	padding-bottom: 5.0rem;
}

.amendhome__item {
	border: 0.3rem solid #a11e32;
	border-radius: 2.5rem;
	padding: 2.0rem 4.5rem;
}

.amendhome__ico img {
	width: 100%;
	height: 10.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: #a11e32;
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

.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;
}

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

@media (max-width: 767px) {

	/** mobile **/
	.amendhome {
		grid-template-columns: 1fr;
	}
}

/*** clima taiff ***/
.climaamend {
	background: #ffdadc;
	padding: 1.5rem;
	margin-bottom: 2.5rem;
}

.climaamend__tit {
	font-size: 2rem;
	font-weight: bold;
	color: #a11e32;
	text-transform: uppercase;
	line-height: 100%;
	text-align: center;
}

.climaamend__termometro {
	background: transparent url(../img/clima/termometro@4x.png) no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 56rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.climaamend__emojis {
	display: flex;
	flex-direction: column;
	width: 8rem;
	margin: 10rem auto;
}

.climaamend__emojis li {
	padding: 1.2rem 0;
	transition: all .2s ease-in;
	cursor: pointer;
	position: relative;
	text-align: center;
}

.climaamend__emojis li p {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.climaamend__emojis img {
	width: 90%;
}

.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;
}

/*-------------------------------------
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%;
}

.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: #fcf4f7;
	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;
}

/*** 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: #000000;
	margin: 20px 0;
}

h1.tit-decor.purple {
	color: #673091;
}

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 
-------------------------------------*/
/*** taiff ***/
.texto-quemsomos {
	padding: 0px 160px;
	text-align: justify;
}

.texto-quemsomos p {
	line-height: 140%;
	font-size: 1.65rem;
}

.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 var(--ark-one-light-75);
	padding: 15px;
}

.listacampanha__img {
	width: 100%;
}

.listacampanha__tit {
	color: var(--ark-accent);
	text-align: center;
	font-size: 1.75rem;
}

.listacampanha__tit strong {
	font-size: 1.95rem;
	text-transform: uppercase;
}

.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.65rem;
	margin: 30px 30px;
	text-align: center;
	height: 90px;
}

.listacampanha--certificados .listacampanha__wrap {
	border: 2px solid #ee2979;
	max-height: 594px;
}

.listacampanha--certificados .listacampanha__tit {
	color: #ee2979;
	text-transform: uppercase;
	font-weight: bold;
}

.listacampanha--certificados .listacampanha__tit strong {
	color: #676767;
}

/*** 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 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 taiff ***/
.nossouniverso {
	padding: 0 150px;
}

.nuniverso {
	border: 1px solid #20c4f4;
	margin: 25px 0;
}

.nuniverso__avatar {
	float: left;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 20px;
}

.nuniverso__avatar img {
	width: 64px;
}

.nuniverso__header {
	padding: 0 12px;
}

.nuniverso__tit {
	margin-top: 15px;
}

.nuniverso__tit .nome {
	color: #49c9f8;
	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;
}

.nuniverso__body {
	padding: 15px 20px;
	background: #e8f6fb;
	margin-top: -15px;
}

.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: #ca0c0c;
	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 ***/
.bib-item {
	float: left;
	width: 25%;
	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.9rem;
	margin: 0;
	height: 50px;
	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: #164573;
	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 #39b3d8 !important;
}

/*** kpis ***/
.table-kpi {
	text-align: center;
}

.table-kpi tfoot tr {
	background-color: #e5e5e5;
}

.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;
	}

	.bib-item {
		width: 33.33%;
	}
}

/** 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__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: 10px 17px;
	}
}

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

/** mobile **/
@media (max-width: 767px) {
	.bib-item {
		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: #730000;
}


/*-------------------------------------
Novo login
-------------------------------------*/
#logo-login {
	text-align: center;
}

#logo-login img {
	width: 256px;
}

.conteudo-login__wrap {
	/* background: radial-gradient(var(--ark-one) 70%, #000000 150%); */
	background-color: #000000;
	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 TAIFF
-------------------------------------*/
.taiff-contador {
	padding: 3.0rem 0;
	background-color: #e6e6e6;
}

.bar-promo__contador {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}

.contador-promo {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 1.0rem;
}

.contador-promo__tit {
	grid-column: 1 / 5;
}

.contador-promo__tit p {
	text-align: center;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.contador-promo__tit p strong {
	color: var(--ark-accent);
}

.contador-promo__item .val {
	margin: 0 auto;
	background-color: #fff;
	display: block;
	width: 6.0rem;
	text-align: center;
	padding: 1.45rem 0;
	font-size: 3.1rem;
	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.5rem;
	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: #0bb56b;
}

@media (max-height: 800px) {

	/** monitores de notebook **/
	.contador-promo__item .val {
		width: 6.0rem;
		padding: 1.45rem 0;
		font-size: 2.6rem;
	}
}

/*** 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 **/

}


/*-------------------------------------
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: 2.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);
}

/*** 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;
}

/*-------------------------------------
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;
	}

	.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;
	}

}