:root {
	--color-blue-dark: rgba(22,68,99,1);
	--color-green-primary: rgba(0,199,177,1);
	--color-brand-black: rgba(45,45,45,1);
	--color-blue-primary: rgba(0,174,239,1);
	--color-blue-light: rgba(184,221,248,1);
	--color-gray-05: rgba(224,224,224,1);
}

.b--text-blue-dark {
	color: var(--color-blue-dark);
}
.b--text-blue-light {
	color: var(--color-blue-light);
}
.b--text-blue-primary {
	color: var(--color-blue-primary);
}
.b--text-green-primary {
	color: var(--color-green-primary);
}

.b--text-black {
	color: var(--color-brand-black);
}

.text-overline {
	text-transform: uppercase;
}

hr.spacer {
	border: none;
	height: 1px;
	background-color: transparent;
}
hr.spacer.spacer-md {
	padding-top: 16px;
	padding-bottom: 16px;
}

h1.text-overline {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0.025em;
	color: var(--color-blue-light);
}
h1.text-overline.text-overline--lg {
	font-size: 16px;
}
h1.text-overline.b--text-blue-primary {
	color: var(--color-blue-primary);
}
.slider-features p {
	font-size: 18px; 
}

.padding-regular--top {
	padding-top: 42px;
}
.padding-large--top {
    padding-top: 4rem;
}
.padding-large--bottom {
	padding-bottom: 82px;
}
.padding-huge--bottom {
	padding-bottom: 132px;
}

/* 
// PRESS
*/
.section-press {
	border-top: 4px solid var(--color-blue-primary);
	padding: 5rem 0;
	position: relative;
}
.section-press:before {
	content: '';
	position: absolute;
	top: -4px;
	height: 4px;
	width: 162px;
	background-color: var(--color-blue-dark);
	left: 50%;
	transform: translateX(-50%);
}
.slick-midia {
	margin-left: -15px;
	margin-right: -15px;
}
.slick-midia .slick-dots {
	bottom: -42px;
}
.card-midia {
	display: inline-block;
	width: 100%;
}
.slick-midia .card-midia {
	padding: 15px;
}
.card-midia img {
	border:1px solid var(--color-gray-05);
	border-radius: 3px;
	margin-bottom: 16px;
}
.card-midia .meta {
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
}
.card-midia h4 {
	color: var(--color-blue-primary);
	font-weight: 600;

	-moz-transition: 300ms color ease-in-out;
	-webkit-transition: 300ms color ease-in-out;
	transition: 300ms color ease-in-out;
}
.card-midia:hover h4 {
	color: color: var(--color-blue-dark);
}
.card-midia .fk-btn {
	font-size: 0.75rem;
	font-weight: 400;
	color: var(--color-blue-light);

	-moz-transition: 300ms color ease-in-out;
	-webkit-transition: 300ms color ease-in-out;
	transition: 300ms color ease-in-out;
}
.card-midia:hover .fk-btn {
	color: var(--color-blue-primary);	
}
.card-midia .fk-btn i,
.card-midia .fk-btn svg {
	margin-left: 8px;
	font-size: 0.65rem;
}
.card-midia:hover {
	text-decoration: none;
}

/*
// FOOTER
*/
footer .section-cyan {
	position: relative;
}
footer .section-cyan:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: 0;
	left:0;
	width: 100%;
	height: 12px;
	background-color: rgba(22,68,99,0.1);
}
footer .section-cyan .brand-footer{
	margin-bottom: 42px;
}
footer .title-footer {
	text-transform: uppercase;
	margin-bottom: 24px;
}
footer .menu-footer {
	padding-left: 0;
	list-style: none; 
}
footer .menu-footer li {
	margin-bottom: 12px;
}
footer .menu-footer a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
}
footer .menu-footer a:hover,
footer .menu-footer a:focus {
	color: var(--color-blue-dark);
	text-decoration: underline;
}
.footer-sep p {
	font-size: 1rem;
	color: var(--color-blue-dark);
}
.footer-sep__logo {
	max-width: 200px;
	margin-top: 16px;
}
.copyright-footer {
	background-color: rgba(0,174,239,0.1);
}
.copyright-footer .brand-slogan {
	color: var(--color-blue-dark);
	opacity: 0.9;
	margin-bottom: 0;
	font-size: 0.75rem;
	align-self: center;
}
.btn-to-top {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(0,174,239,0.1);

	-moz-transition: 300ms border ease-in-out;
	-webkit-transition: 300ms border ease-in-out;
	transition: 300ms border ease-in-out;
	align-self: center;
}
.btn-to-top:hover {
	border: 1px solid rgba(0,174,239,1);	
}


.bg-blue-light-01 {
	background-color: rgba(22,68,99,0.05);
}
.bg-blue-light-01 p,
.bg-blue-light-02 p{
	color: var(--color-blue-dark);
}

.bg-blue-light-02 {
	background-color: rgba(0,174,239,0.05);
}

.title-overline {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.025em;
	color: var(--color-blue-primary);
	text-transform: uppercase;
}

.timeline-area {
    position: relative;
}
.timeline-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: var(--color-blue-light);
    width: 3px;
    height: 100%;
    border-radius: 2px;
}

.card-year {
    padding: 24px;
}
.card-year.card-year-left {
    text-align: right;
}
.card-year .card-year--title {
    position: relative;
}
.card-year.card-year-left .card-year--title:before {
    right: -56px;
}
.card-year.card-year-left .card-year--title:after {
    right: -46px;
}
.card-year.card-year-right .card-year--title:before {
    left: -54px;
}
.card-year.card-year-right .card-year--title:after {
    left: -44px;
}
.card-year .card-year--title:before {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 2px solid var(--color-blue-primary);
}
.card-year .card-year--title:after {
    width: 12px;
    height: 12px;
    top: 10px;
    background-color: var(--color-blue-primary);
}
.card-year .card-year--title:before, .card-year .card-year--title:after {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 50%;
}

.card-year.card-year-left .card-year--title .text-outline {
    right: 0;
}
.card-year .card-year--title .text-outline {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
    font-size: 72px;
    font-size: 4.5rem;
    font-weight: 700;
    font-style: normal;
    color: var(--color-blue-light);
    opacity: 0.35;
    z-index: 1;
}

.card-year .card-year--title h3{
	position: relative;
    z-index: 3;
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 24px;
}


.bg-gradient--dark {
	position: relative;
	overflow: hidden;
}
.bg-gradient--dark .lead strong{
	font-weight: 700;
}
.bg-gradient--dark:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	display: inline-block;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 52, 99, 0.5), rgba(0, 52, 99, 0.5)), linear-gradient(180deg, rgba(1, 49, 95, 0.5) 0%, rgba(1, 49, 95, 0.2) 100%);
}
.bg-video--bullla {
	background-image: url('../img/frontend/quem-somos/video-bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover; 
	padding: 102px 32px;
}
.bg-video--bom-dia-brasil {
	background-image: url('../img/frontend/midia/video-thumbnail.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover; 
	padding: 102px 32px;	
}
@media screen and (min-width: 992px) {
	.bg-video--bullla {
		padding: 142px 32px 302px 32px;		
	}
}
@media screen and (max-width: 767px) {
	.bg-video--bom-dia-brasil {
		padding: 52px 32px;		
	}
}
.bg-gradient--dark .row {
	position: relative;
	z-index: 6;
} 

.btn-ico--play {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/base/icons/ico-play--white.svg);
    z-index: 5;
}
.btn-play--video {
	margin-top: 16px;
    display: inline-block;
    width: 144px;
    height: 144px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    transition: 300ms border-color ease-in-out;
    position: relative;
}
.btn-play--video:after, .btn-play--video:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: scale(0);
    transition: 300ms all ease-in-out;
    transform-origin: center center;
}
.btn-play--video:before {
    width: 124px;
    height: 124px;
    margin-left: -62px;
    margin-top: -62px;
    background-color: rgba(255, 255, 255, 0.25);
}
.btn-play--home:after {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    border: 1px solid rgba(255, 255, 255, 1);
}

.btn-play--video:hover:after, .btn-play--video:hover:before {
    transform: scale(1);
}

.badge-app {
	background-size: contain;
}    
.badge-app.badge-app__google {
	width: 112px;
	background-image: url('../img/base/badge-google-store.png');
}
.badge-app.badge-app__apple {
	background-image: url('../img/base/badge-app-store.png');
}

.card-testimonials {
	position: relative;
}
.card-testimonials:before {
	content: '“';
	position: absolute;
	font-size: 262px;
	left: -15px;
	top: -34px;
	color: rgba(0,174,239,0.15);
	z-index: 1;
}
.card-testimonials h4 {
	font-size: 24px;
	color: var(--color-blue-primary);
	font-weight: 600;
}
.card-testimonials h6 {
	font-size: 16px;
	color: var(--color-blue-dark);
	font-weight: 700;
}
.testimonials-header,
.testimonials-body {
	position: relative;
	z-index: 2;
}
.testimonials-body {
	padding-top: 16px;
	font-size: 16px;
	color: var(--color-blue-dark);
}

.slick-testimonials {
	margin-left: -15px;
	margin-right: -15px;
}
.slick-testimonials .card-testimonials {
	padding: 15px;
}

h1.title-h3,
h2.title-h3,
h3.title-h3,
h4.title-h3,
h5.title-h3,
h6.title-h3,
.title-h3 {
	color: var(--color-blue-primary);
	font-size: 32px;
	font-weight: 700; 
	letter-spacing: -0.01em;
}

.title-h3.title-h3--24 {
	font-size: 24px;
	font-weight: 600; 	
	margin-bottom: 12px;
}

.midia-meta {

}
.meta-logo {
	flex: 0 0 52px;
	align-self: center;
	opacity: 0.5;
}
.meta-info h6 {
	color: var(--color-green-primary);
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.title-h3.title-h3-midia {
		margin-top: 24px;
	}
}
.meta-info p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 600;
	color: #828282;
	opacity: 0.5;
}

.title-page {
	color: var(--color-blue-dark);
    letter-spacing: -0.025em;
    font-size: 42px;
    font-weight: 600;
}
.bg-blue-light-01 p.lead-title, .bg-blue-light-02 p.lead-title,
.lead-title {
	font-size: 16px;
	color: var(--color-blue-primary);
	font-weight: 700;
}

.card.card-accordion {
	margin-bottom: 3px; 
	border: none;
	background-color: aliceblue;
}

.card-accordion .card-header {
	background-color: #fff;
	border: 2px solid #707070;
	border-radius: 4px;
}
.card.card-accordion.card-accordion--active .card-header {
	border: 2px solid var(--color-blue-primary);
}
.card-accordion .card-header,
.card-accordion .card-header h5 {
	padding: 0;
	margin: 0;
}
.card-accordion .card-header .btn.btn-link {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	justify-content: space-between;
	width: 100%;
	padding: 15px 24px;
	color: #646464;

	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;

	align-items: center; 
}
.card.card-accordion.card-accordion--active .card-header .btn.btn-link {
	color: var(--color-blue-primary);
}
.card-accordion .card-header .btn.btn-link:focus,
.card-accordion .card-header .btn.btn-link:hover {
	text-decoration: none; 
}
.card-accordion .card-header .btn.btn-link i,
.card-accordion .card-header .btn.btn-link svg {
	font-size: 16px;
	margin-left: 12px;
}
.card-accordion .card-body {
	color: var(--color-blue-dark);
	font-size: 16px;
}
.card-accordion .card-body p{

}
.wrapper-table {
	background-color: #fff;
	padding: 32px;
	border-radius: 6px;
}


.list-partners {
	list-style: none;
	margin-left: -15px;
	margin-right: -15px;
	padding: 0;
}
.list-partners li {
	display: inline-block;
	padding: 0.5rem 15px;
}
@media screen and (max-width: 532px) {

}

.list-anchors {
	margin-top: 42px;
	padding-left: 24px;
	list-style: none;
	font-size: 16px;
	counter-reset: counterListAnchor;
}
.list-anchors li {
	display: block;
	margin-bottom: 8px;
	counter-increment: counterListAnchor;
}
.list-anchors li a {
	color: var(--color-blue-primary);
	font-weight: 600;
	position: relative;
}
.list-anchors li a:hover,
.list-anchors li a:focus {
	text-decoration: none; 
}
.list-anchors li a:hover {
	color: var(--color-blue-dark);
}
.list-anchors li a:before {
	content: '0' counter(counterListAnchor) '.';
	display: inline-block;
	color: var(--color-blue-light); 

    position: absolute;
    left: -24px;
    top: 1px;
    font-size: 13px;
}
.list-anchors li a i,
.list-anchors li a svg{
	font-size: 13px;
	color: var(--color-blue-light); 
	margin-right: 8px;
}
.list-anchors li a:hover i,
.list-anchors li a:hover svg{
	color: var(--color-blue-primary); 
}


.title-support {
	text-transform: uppercase;
}
.text-24  {
	font-size: 24px;
}
.text-42  {
	font-size: 42px;
}

.card-faq--item {
	padding-left: 42px;
	color: var(--color-blue-dark);
}
.card-faq--item h2{
	position: relative;
	font-size: 32px;
	color: var(--color-blue-primary);
	letter-spacing: -0.01em;
}
.card-faq--item h2 span{
	position: absolute;
	left: -42px;
	top: 12px;
	color: var(--color-blue-light);
	font-size: 20px;
}

.title-h4 {
	font-size: 24px;
	color: var(--color-blue-dark);
	letter-spacing: -0.01em;
	margin-top: 24px;
	margin-bottom: 24px;
}

.regular-list {
	list-style: none;
	font-size: 16px;
	padding-left: 24px;
}
.regular-list li {
	position: relative;
	margin-bottom: 8px;
}
.regular-list li:before {
	content: '-';
	left: -24px;
	font-size: 16px;
	position: absolute;
}

.card-document {
	padding: 24px;
	height: 100%;
	border: 1px solid #E0E0E0;

	display: block;
	width: 100%;

    flex-wrap: wrap;
    border-radius: 3px;

    -moz-transition-property: border;
    -webkit-transition-property: border;
	transition-property: border;


    -moz-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.card-document .badge.bagde-primary {
	padding: 3px 6px;
	border-radius: 3px;
	background-color: var(--color-blue-dark);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 16px;
}
.card-document h4 {
	color: var(--color-blue-primary);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	width: 100%;

	-moz-transition: 300ms color ease-in-out;
    -webkit-transition: 300ms color ease-in-out;
    transition: 300ms color ease-in-out;
}
.card-document .fk-download {
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: var(--color-blue-primary);
	border-radius: 50%;
	background-color: rgba(184,221,248,0.25);
	margin-top: 16px;

	-moz-transition-property: color, background-color, -moz-transform;
    -webkit-transition-property:  color, background-color, -webkit-transform;
	transition-property:  color, background-color, transform;

	-moz-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}
.card-document:hover {
	text-decoration: none; 
	border: 1px solid var(--color-blue-primary);
}

.card-document:hover .fk-download {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	transform: scale(0.85);

	background-color: var(--color-blue-primary);
	color: #fff;
}

.card-document:hover h4 {
	color: var(--color-blue-dark);
}

/* ==========================================================================
   Comunicado regulatorio SEP - aviso estatico (nao dismissivel) na home
   ========================================================================== */
.comunicado-regulatorio {
	background-color: var(--color-blue-dark);
	padding: 48px 0;
}

.comunicado-regulatorio__box {
	max-width: 920px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(184, 221, 248, 0.25);
	border-radius: 10px;
	padding: 32px 36px;
}

.comunicado-regulatorio__title {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(184, 221, 248, 0.25);
}

.comunicado-regulatorio__content p {
	color: rgba(255, 255, 255, 0.85);
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 16px;
	text-align: justify;
}

.comunicado-regulatorio__content p:last-child {
	margin-bottom: 0;
}

.comunicado-regulatorio__content strong {
	color: #fff;
	font-weight: 700;
}

@media (max-width: 767px) {
	.comunicado-regulatorio {
		padding: 24px 0;
	}

	.comunicado-regulatorio__box {
		padding: 20px;
	}

	.comunicado-regulatorio__title {
		font-size: 1.2rem;
	}

	.comunicado-regulatorio__content p {
		text-align: left;
		font-size: 0.95rem;
	}
}