@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: 'Aeroport-Light';
    src: url(../fonts/Aeroport-Light.eot);
    src: url(../fonts/Aeroport-Light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Aeroport-Light.woff2) format('woff2'),
        url(.../fonts/Aeroport-Light.woff) format('woff');
}


@font-face {
    font-family: 'Aeroport-Medium';
    src: url(../fonts/Aeroport-Medium.eot);
    src: url(../fonts/Aeroport-Medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Aeroport-Medium.woff) format('woff'),
        url(../fonts/Aeroport-Medium.woff2) format('woff2');
}

body {
    color: #fff;
    font-family: 'Lato', sans-serif;
    background-image: url(../images/bg.jpg);
    background-color: #141414;
    font-size: 13px;
    background-position: top;
    background-repeat: no-repeat;
}

div#wrapper {
    background: transparent;
}

section#content {
    background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font-family: 'Aeroport-Light', 'Lato', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

p {
    font-family: 'Lato', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#content .content-wrap{padding: 0 !important;}

#content p {
    padding: 4px;
}

#planos ul {
    list-style: none;
}

#planos li::before {
    content: url("../images/icon-list-check.png");
    top: 6px;
    margin-right: 8px;
    position: relative;
}


strong.cash {
    margin-top: -10px;
}

img.destaque.d-block.align-content-center {
    position: absolute;
    left: 50%;
    top: -38px;
    transform: translate(-50%, 0);
}

#colunistas h2 {
    text-transform: uppercase;
    font-size: 26px;
    color: #a873ff;
}

#colunistas h3 {
    text-align: left;
    margin: 8px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

section#clube {
    background-color: #ffc94e;
    padding: 35px 0px;
    text-align: center;
}

#clube h2 {
    font-family: 'Aeroport-Medium', 'Lato', Arial, "Helvetica Neue", Helvetica, sans-serif;	
    font-size: 20px;
	color:#000000;
}

#clube p {color: #000000;}

#beneficios {
    padding-top: 40px;
}

#beneficios h2, #outros-planos h1{
    letter-spacing: 2px;
}

.cancele {
    font-size: 15px;
}

#outros-planos {
    padding-bottom: 40px;
}

section#beneficios,
section#outros-planos {
    background: #141414;
}

#planos img {
    max-width: none;
}


#outros-planos h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 5px;
}


p.info {
    margin-top: -14px !important;
}

#footer {
    position: relative;
    background-color: #fff;
    border-top: none;
    color: #000000;
    padding: 50px 0;
}

.l-container-box {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.l-more {
    margin: 0;
}

.l-img-width {
    width: 80%;
}

.l-img-width-2 {
    width: 50%;
}

.l-img-width-3 {
    width: 30%;
}

.l-img-width-px {
    width: 17px;
}

.l-mr-1 {
    margin-right: 2%;
}

.l-display {
    display: none;
}

.l-title-1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #a873ff;
}

.l-title-2 {
    font-size: 16px;
}

.l-title-3 {
    font-size: 13px;
}

.l-text-1 {
    font-size: 15px;
}

.l-text-2 {
    font-size: 11px;
}

.l-padding-1 {
    padding: 0 6%;
}

.l-padding-2 {
    padding: 0 12%;
}

.l-padding-3 {
    padding: 0 20%;
}

.l-title-plans {
    display: block;
    font-size: 30px;
    margin-top: -10px;
}

.l-box-plans {
    position: relative;
    float: left;
    padding: 0;
    background: linear-gradient(#141414, #141414) padding-box, linear-gradient(to bottom, #6037a0, #141414) border-box;
    border-radius: 20px;
    border: 4px solid transparent;
    width: 100%;
    min-height: auto;
}

.l-box-title-plans {
    color: #713dc4;
    margin: 0;
    font-weight: bold;
    padding: 18px 0;
    font-size: 15px;
    letter-spacing: 3px;
}

.l-box-title-plans.background {
    background-color: #43296c;
    color: #fff;
    border-radius: 15px 15px 0 0;
    padding: 31px 0 25px;
    font-size: 15px;
    margin: 0;
    letter-spacing: 5px;
}

.l-box-content-plans {
    padding: 0 3%;
}

.l-content-box-plans {
    padding: 0 10px;
}

.l-content-box-plans .l-content {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 2px;
    font-size: 23px;
    text-align: left;
}

.l-content-box-plans .l-content li {
    font-size: 14px;
    text-align: left;
}

.l-content-box-plans-info {
    padding: 0 15px;
}

.l-content-box-plans-info.text-center a {
    position: relative;
    display: block;
    z-index: 100000000;
}

.l-content-box-plans-info .cash {
    XXXposition: relative;
    XXXfloat: left;
}

.l-content-box-plans-info .month {
    font-size: 13px;
    position: relative;
    float: left;
    width: 110px;
    margin-left: 10px;
    line-height: 17px;
    margin-top: 14px;
}

.l-content-box-plans-info .month.impresso {
    margin-top: 19px;
    width: 130px;
    margin-top: 13px;
}


.l-content-box-plans-info .info {
    font-size: 14px;
    margin: 0;
    clear: both;
}

.l-content-box-plans-footer {
    position: relative;
    bottom: 0;
}

.line-height {
    line-height: 13px;
}

.l-content-box-plans .l-content li::marker {
    height: 10px;
}

.l-content-box-plans .l-content .value {
    color: #5f94fe;
    font-size: 30px;
	margin-right: -8px;	
}

.mes-cor {
    color: #5f94fe;
	font-size:20px;
}

.l-content-box-plans .l-content .risk {
    text-decoration: line-through;
}

.l-footer {
    text-align: left;
    position: relative;
    float: left;
    margin-top: 27px !important;
}

.l-footer h2 {
    color: #000000;
    margin: 0;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 17px;
}

.l-footer h3 {
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 12px;
    margin-bottom: 10px;
}

.l-footer strong {
    font-size: 15px;
}

.l-footer p {
    color: #545454;
}

.l-footer a {
    color: #4a85a7;
}

.l-footer nav {
    color: #4a85a7;
    font-size: 10px;
}

.l-footer nav a {
    color: #4a85a7;
    margin: 8;
    font-weight: bold;
}

.l-footer nav a:first-child {
    margin-left: 0;
}

.l-container-box .l-box-plans.premium {
    order: 1;
}

.l-container-box .l-box-plans.ilimitado {
    order: 2;
}

.l-container-box .l-box-plans.impresso {
    order: 3;
}

@media (max-width: 576px) {
	
	
	#planos img {
    max-width: 100%;
}	
	
	
	img.logo-top, img.logo-footer {
		max-width: 80%;
	}	
	p {font-size: 19px;}
	.l-box-plans {
		margin: 20px 0;
	}
	
	
	.mes-cor {
    color: #5f94fe;
	font-size:14px;
}
	
	.l-img-width {
    width: 100%;
	}	
	
	.premium{order:1,}
	
.l-title-3 {
    margin-left: -17px;
}	
	
#colunistas .content-wrap {
    margin-top: -30px;
}	
	
#colunistas h3 {
    margin: 6px;
    letter-spacing: 3px;
}	
	
strong.l-title-3.m-0.col-6.col-md-5.pt-2.pt-sm-3.line-height {
    margin-left: -11px !important;
}
section#clube {
    padding: 0px 0px;
}	
#beneficios {
    padding-top: 20px;
}	
#outros-planos {
    padding-bottom: 10px;
}	
}

@media (min-width: 576px) {
	
    body {
        font-size: 16px;
    }

    .cancele {
        font-size: 15px;
    }

    .l-content-box-plans-info .month.impresso {
        width: 152px;
        margin-top: 20px;
    }

    .l-content-box-plans-info .month {
        font-size: 20px;
        width: 160px;
        margin-top: 29px;
    }

    .l-content-box-plans-info .info {
        font-size: 20px;
    }

    .cancele {
        margin-left: 0;
    }
	
    .l-more {
        margin-bottom: 30px;
    }

    .l-container-box {
        max-width: 1450px;
    }

    .l-content-box-plans .l-content .value {
        font-size: 50px;
    }

    .l-box-title-plans.background {
        font-size: 25px;
    }

    .l-content-box-plans .l-content {
        padding: 0 35px;
    }

    .l-content-box-plans .l-content li {
        font-size: 16px;
    }

    #planos li::before {
        top: 4px;
        margin-right: 10px;
    }

    .line-height {
        line-height: 20px;
    }

    #colunistas h2 {
        font-size: 40px;
    }

    #colunistas h3 {
        font-size: 16px;
    }

    #clube h2 {
        font-size: 40px;
    }

    .l-text-1, .l-footer h3 {
        font-size: 18px;
    }

    .l-title-1 {
        font-size: 30px;
    }

    #outros-planos h2 {
        font-size: 20px;
    }

    .l-footer strong {
        font-size: 25px;
    }

    .l-footer h2 {
        font-size: 22px;
    }

    .l-footer nav a {
        margin: 20px;
    }

    .l-footer nav {
        font-size: 13px;
    }

    .l-box-title-plans {
        font-size: 22px;
    }

    .l-img-width, .l-img-width-2, .l-img-width-3, .l-img-width-px {
        width: auto;
    }

    .l-title-3 {
        font-size: 20px;
    }

}


@media (min-width: 992px) {
	
.ilimitado-txt {
    line-height: 46px;
}	
	
.impresso .l-box-title-plans {
    line-height: 10px;
}

.Ximpresso .cash {
    margin-top: -4px !important;
}	

    .l-title-1 {
        font-size: 45px;
        text-transform: uppercase;
        color: #a873ff;
    }
    
    .l-title-2 {
        font-size: 20px;
    }
    
    .l-title-2 {
        font-size: 26px;
    }
    
    .l-title-3 {
        font-size: 18px;
    }

    #colunistas h3 {
        font-size: 18px;
    }

    .l-title-3 {
        font-size: 25px;
    }

    .l-content-box-plans .l-content .value {
        font-size: 60px;
    }

    .l-container-box {
        max-width: 1450px;
    }

    .l-display {
        display: block;
    }

    .l-content-box-plans .l-content li {
        font-size: 18px;
    }

}

@media (max-width: 1023px) {
h2.l-title-plans {
    font-size: 22px;
    line-height: 24px;
}
	
.l-content-box-plans-info .month.impresso {
    margin-top: 4px;
}	
	
.l-content-box-plans-info .month {
    margin-top: 7px;
}	
	
p.info {
    margin-top: -4px !important;
}	

    .content-wrap {
        padding: 20px;
    }
}

@media (min-width: 1024px) {

    body {
        font-size: 18px;
    }

    .l-content-box-plans-info .month {
        font-size: 20px;
        width: 147px;
        margin-top: 19px;
    }

    .l-content-box-plans-info .month.impresso {
        width: 118px;
        margin-top: 9px;
    }

    .l-container-box .l-box-plans.premium {
        order: 2;
    }

    .l-container-box .l-box-plans.ilimitado {
        order: 1;
    }

    .l-container-box .l-box-plans.impresso {
        order: 3;
    }

.l-content-box-plans-footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

    .l-box-plans {
        min-width: 320px;
    }

    .l-text-2 {
        font-size: 14px;
    }

    .l-footer nav {
        font-size: 18px;
    }

    .l-footer .info {
        padding: 0 60px;
    }

    section#clube {
        text-align: left;
    }
    
    #clube h2 {
        font-size: 45px;
    }

    .l-content-box-plans-info {
        padding: 0;
    }

    .l-box-plans {
        width: 32%;
        min-height: 910px;
    }

    .l-content-box-plans .l-content {
        padding: 0 40px;
    }

    .l-padding-1,
    .l-padding-2,
    .l-padding-3 {
        padding: 0;
    }

    #colunistas h3 {
        margin-left: 50px;
    }

    .l-content-box-plans-info .month {
        font-size: 16px;
    }

    .content-wrap {
        padding: 0;
    }

    .l-content-box-plans .l-content {
        padding: 0;
    }

    .l-content-box-plans .l-content .value {
        font-size: 38px;
    }

    .l-box-title-plans,
    .l-box-title-plans.background {
        font-size: 15px;
    }

    #colunistas h2,
    #clube h2,
    .l-title-1 {
        font-size: 35px;
    }

    #outros-planos h2 {
        font-size: 25px;
    }
}

@media (min-width: 1200px) {

    .l-content-box-plans-info .month {
        width: 135px;
        margin-top: 20px;
    }
    
    .l-content-box-plans-info .month.impresso {
        margin-top: 9px;
    }

    .l-box-plans {
        min-height: 720px;
    }

#colunistas h3 {
    margin-left: 3px;
    letter-spacing: 4px;
    line-height: 23px;
}

    #outros-planos h2 {
        font-size: 20px;
    }

    .l-content-box-plans .l-content .value {
        font-size: 50px;
    }

    .l-content-box-plans-info {
        padding: 0 15px;
    }

    .l-text-1 {
        font-size: 20px;
    }

    .l-box-title-plans,
    .l-box-title-plans.background {
        font-size: 20px;
    }

    .l-container-box {
        max-width: 1450px;
        padding: 0 30px;
    }
}


@media (min-width: 1400px) {
    .l-container-box {
        max-width: 1425px;
    }

    .l-content-box-plans-info .month.impresso {
        width: 152px;
    }

    .l-content-box-plans-info .month {
        font-size: 20px;
        width: 155px;
        margin-top: 30px;
    }

    .l-content-box-plans-info .month.impresso {
        margin-top: 19px;
    }
}