@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@font-face {
 font-family: 'eurosoftitalic';
 src: url('eurosoft_italic-webfont.woff2') format('woff2'), url('eurosoft_italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftsemibold_italic';
 src: url('eurosoft_semibold_italic-webfont.woff2') format('woff2'), url('eurosoft_semibold_italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftsemibold';
 src: url('eurosoft_semibold-webfont.woff2') format('woff2'), url('eurosoft_semibold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftregular';
 src: url('eurosoft_regular-webfont.woff2') format('woff2'), url('eurosoft_regular-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftmedium_italic';
 src: url('eurosoft_medium_italic-webfont.woff2') format('woff2'), url('eurosoft_medium_italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftmedium';
 src: url('eurosoft_medium-webfont.woff2') format('woff2'), url('eurosoft_medium-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftlight_italic';
 src: url('eurosoft_light_italic-webfont.woff2') format('woff2'), url('eurosoft_light_italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftlight';
 src: url('eurosoft_light-webfont.woff2') format('woff2'), url('eurosoft_light-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftbold_italic';
 src: url('..fonts/eurosoft_bold_italic-webfont.woff2') format('woff2'), url('fonts/eurosoft_bold_italic-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'eurosoftbold';
 src: url('eurosoft_bold-webfont.woff2') format('woff2'), url('eurosoft_bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'Bryant Pro Regular';
    src: url('BryantPro-RegularItalic.woff2') format('woff2'),
        url('BryantPro-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-Bold.woff2') format('woff2'),
        url('BryantPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-MediumItalic.woff2') format('woff2'),
        url('BryantPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-Medium.woff2') format('woff2'),
        url('BryantPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro Bold Alternate';
    src: url('BryantPro-BoldAlternate.woff2') format('woff2'),
        url('BryantPro-BoldAlternate.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-LightItalic.woff2') format('woff2'),
        url('BryantPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro Medium Alternate';
    src: url('BryantPro-MediumAlternate.woff2') format('woff2'),
        url('BryantPro-MediumAlternate.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro Light Alternate';
    src: url('BryantPro-LightAlternate.woff2') format('woff2'),
        url('BryantPro-LightAlternate.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro Regular Alternate';
    src: url('BryantPro-RegularAlternate.woff2') format('woff2'),
        url('BryantPro-RegularAlternate.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-Regular.woff2') format('woff2'),
        url('BryantPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-Light.woff2') format('woff2'),
        url('BryantPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bryant Pro';
    src: url('BryantPro-BoldItalic.woff2') format('woff2'),
        url('BryantPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bk';
    src: url('Roboto-Black.woff2') format('woff2'),
        url('Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('Roboto-LightItalic.woff2') format('woff2'),
        url('Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('Roboto-Light.woff2') format('woff2'),
        url('Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('Roboto-MediumItalic.woff2') format('woff2'),
        url('Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic.woff2') format('woff2'),
        url('Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('Roboto-BoldCondensed.woff2') format('woff2'),
        url('Roboto-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bk';
    src: url('Roboto-BlackItalic.woff2') format('woff2'),
        url('Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('Roboto-BoldCondensedItalic.woff2') format('woff2'),
        url('Roboto-BoldCondensedItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.woff2') format('woff2'),
        url('Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('Roboto-Condensed.woff2') format('woff2'),
        url('Roboto-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Th';
    src: url('Roboto-ThinItalic.woff2') format('woff2'),
        url('Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('Roboto-CondensedItalic.woff2') format('woff2'),
        url('Roboto-CondensedItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic.woff2') format('woff2'),
        url('Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Th';
    src: url('Roboto-Thin.woff2') format('woff2'),
        url('Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

* {margin: 0; padding: 0; font-family: 'Teko', sans-serif;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
body, html {height: 100%}

.banner {background: url("../images/bg_verao.jpg") no-repeat; background-size: cover; background-position: center center; display: none;}
.banner h1 {text-align: center; padding: 40px 0;}
.banner h1 svg {width: 150px; height: auto; display: inline-block; vertical-align: middle;}
.banner h1 span {display: inline-block; vertical-align: top; text-align: left; color: #fff; border-left: 1px solid rgba(248,248,248,0.5); font-size: 24px; font-weight: 400; font-family: 'eurosoftregular'; padding: 14px 0 20px 35px; margin-left: 30px;}
.banner h1 span b {font-family: 'eurosoftsemibold'; display: block;}
.banner h1 span strong {font-family: 'eurosoftsemibold';}

.banner-promo-verao img {width: 100%; height: auto;}
.hero-verao-desk { display: block;}
.hero-verao-mobile {display: none;}

.banner-new {padding: 30px 0 50px 0; background-image: url("../images/her-desk-new.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.banner-new header i {display: inline-block; vertical-align: middle;}
.banner-new header i svg {width: 78px; height: auto; margin-top: 20px;}
.banner-new header span {display: inline-block; vertical-align: middle; color: #fff; font-size: 28px; font-weight: 600; font-family: 'eurosoftregular'; border-left: 1px solid #fff; padding: 20px 0 20px 20px; margin-left: 20px;}
.banner-new h1 {font-size: 50px; color: #fff; font-family: 'eurosoftbold'; margin-top: 25px;}
.banner-new h1 span {display: block; font-size: 37px; font-weight: 500; }
.banner-new .taxas {background-image: url("../images/bg-taxas.png"); background-repeat: no-repeat; min-height: 150px; background-size: 100% auto; margin-left: -50px; line-height: 85px; padding-left: 50px;}
.banner-new .taxas span {font-size: 29px; color: #fff; font-weight: 700; font-family: 'eurosoftbold'; font-style: italic;}
.banner-new .taxas em {color: #fff; font-size: 80px; display: inline-block; vertical-align: super; padding: 0 3px 0 8px; font-family: 'eurosoftsemibold'; font-style: normal}
.banner-new .valor {width: 100%; padding-top: 10px;}
.banner-new .valor .de {display: inline-block; width: auto; font-size: 26px; color: #fff; position: relative; font-family: 'Roboto';}
.banner-new .valor .de em {position: relative; font-style: normal; display: inline-block; vertical-align: middle; text-decoration: line-through; font-family: 'Roboto';}
.banner-new .valor .price {padding: 5px 0 0 0; color: #fff;}
.banner-new .valor .price span {font-size: 24px; font-weight: 500; display: inline-block; vertical-align: top; font-family: 'Roboto';}
.banner-new .valor .price strong {font-size: 90px; font-weight: 600; display: inline-block; line-height: 75px; padding-left: 7px; font-family: 'eurosoftsemibold';}
.banner-new .valor .price em {font-size: 24px; font-weight: 500; display: inline-block; font-family: 'Roboto'; font-style: normal;}
.banner-new .valor p {color: #fff; font-size: 24px; font-weight: 600; font-style: italic; padding: 0 0 0 82px;}
.banner-new .valor .button {display: block; margin-top: 0; height: 56px; background-color: #DA291C; border-radius: 8px; text-align: center; color: #fff; font-weight: 600; line-height: 56px; text-decoration: none; font-size: 24px; font-family: 'eurosoftsemibold'; width: 55%;}

.content {position: relative;}
.modelos {text-align: center;}
.modelos img { width: 100%; height: auto; display: block;}
.benefits {position: absolute; bottom: 29%; width: 100%;}
.box {background-image: linear-gradient(to left bottom, #2e2e2e, #242424, #1a1a1a, #101010, #000000); border: 1px solid #dd3e49; padding: 25px 20px 20px 20px; text-align: center; border-radius: 20px; margin: 7px; -webkit-box-shadow: 0px 0px 32px 0px rgba(198,0,0,0.31); box-shadow: 0px 0px 32px 0px rgba(198,0,0,0.31);}
.box h3 {font-family: 'eurosoftmedium'; font-size: 25px; color: #dd3e49; }
.box span {color: #fff; font-size: 24px; position: relative; font-family: 'eurosoftlight'; display: block; margin-top: 7px;}
.box span::after {content:""; display: block; position: absolute; width: 80%; height: 2px; background-color: #dd3e49; top: 50%; left: 10%; }
.box h4 {font-family: 'eurosoftsemibold'; font-size: 50px; color: #fff; }
.three {margin: 3px 3px;}
.three h3 {font-size: 23px;}
.three h4 {font-size: 42px;}
.tag {position: absolute; height: 75%; top: 20px; left: 28px; transform: rotate(-3deg);}

.center_content {margin: 0 auto;}

.price {}
.price h2 {color: #fff; font-family: 'eurosoftmedium'; font-size: 34px; text-align: left; margin-top: 60px; }
.price h2 span {color: #fff; font-family: 'eurosoftmedium';  padding-top: 4px; background-color: #d91824; display: inline-block; border-radius: 0 15px 0 15px; padding: 0 15px; margin: 7px 0; font-size: 32px;}
.price h2 strong {color: #fff; font-family: 'eurosoftbold'; display: block;}
.price .de {color: #fff; font-family: 'eurosoftmedium'; margin-top: 10px; text-decoration: line-through;}
.price p {display: inline-block; color: #fff; position: relative; font-size: 32px; font-family: 'eurosoftregular'; margin-top: 15px; text-align: left; }
.price .center_price {margin: 0 auto; display: inline-block; padding-top: 20px; position: relative; width: 100%;}
.price .center_price::after {content: ""; display: none; width: 125px; height: 125px; background-image: url("../images/tag-promo.png"); background-repeat: no-repeat; position: absolute; right: -5px; top: -10px; background-size: 100%;}
.price .mensalidade {font-family: 'eurosoftlight'; font-size: 30px; color: #fff; margin-top: -7px;}
.price .mensalidade strong {font-family: 'eurosoftsemibold';}
.price p::after {content:""; display: block; position: absolute; width: 120%; height: 2px; background-color: #dd3e49; top: 50%; left: -10%; }
.price .anuidade {font-size: 15px; text-align: center !important; width: 100%; padding-bottom: 20px; line-height: 22px;}
.price .anuidade::after {display: none;}
.price .valor { margin-top: -20px; position: relative;}
.price .valor span {display: inline-block; color: #fff; font-family: 'eurosoftmedium'; font-size: 26px; vertical-align: top; line-height: 82px; padding-right: 5px}
.price .valor strong {display: inline-block; color: #fff; font-family: 'eurosoftsemibold'; font-size: 112px;}
.price .valor em {display: inline-block; color: #fff; font-family: 'eurosoftsemibold'; font-size: 46px; font-style: normal;}
.unidade {padding-top: 15px;}
.unidade select {appearance: none; outline: 0;border: 1px solid #fff;;box-shadow: none;flex: 1;padding: 0 1em; color: #fff;background-color: transparent;cursor: pointer; width: 100%;}
/* Remove IE arrow */
.unidade select::-ms-expand {display: none;}
/* Custom Select wrapper */
.unidade .select { position: relative;display: flex;width: 100%;min-height: 60px;border-radius: 10px;overflow: hidden; font-family: 'eurosoftmedium'; font-size: 22px;}
/* Arrow */
.unidade div {position: relative; margin-bottom: 20px;}
.unidade div::after {content: "\25BC";position: absolute;top: 0;right: 0; background-color: #dd3e49; transition: .25s all ease; pointer-events: none; color: #fff; border-radius: 0 10px 10px 0; min-height: 60px; width: 12%; text-align: center; line-height: 60px;}
.unidade .inative {pointer-events: none; opacity: 0.5;}
.unidade a.select {border: 1px solid #fff; display: block; color: #fff; text-decoration: none; line-height: 58px; padding: 0 1em;}
.unidade a.select div {font-family: 'eurosoftmedium'; margin-bottom: 0; }
.unidade a.select .unit {margin-bottom: 0; font-family: 'eurosoftmedium'; line-height: 25px; padding-top: 7px;}
.unidade a.select div::after {display: none;}
.unidade a.select span {display: block; font-size: 17px;}
.unidade #unidade {max-height: 200px; position: absolute; list-style: none; padding: 20px; background-color: rgba(0,0,0,0.8); z-index: 999; width: 100%; top: 0;overflow: auto; display: none;}
.unidade #unidade:target {display: block;}
.unidade #unidade li {display: block; padding-bottom: 10px;}
.unidade #unidade li a {display: block; color: #fff; font-family: 'eurosoftsemibold'; text-decoration: none; font-size: 22px;}
.unidade #unidade li a span {display: block; font-size: 20px; }
.unidade #unidade li a:hover {color:#dd3e49; }
.price .button {width: 100%; border: 0; padding: 20px; background-image: linear-gradient(to right top, #930001, #a60002, #b90002, #cd0001, #e10000); border-radius: 15px; font-family: 'eurosoftsemibold'; font-size: 50px; color: #fff; cursor: pointer; text-decoration: none; font-size: 26px; width: 100%; display: block; text-align: center; text-transform: uppercase;}

.type_plan {font-size:24px; color: #fff; font-family: 'eurosoftmedium'; margin: -15px 0 0 89px;}
.type_plan strong {font-family: 'eurosoftsemibold';}

.area_02 {background: url("../images/bg_footer.jpg") no-repeat; background-size: 100%; background-size: 50% 100%; padding: 90px 0 40px 0; background-position: right;}
.area_02 ul {list-style: none; padding-left: 20px;}
.area_02 ul li {margin-bottom: 10px;}
.area_02 ul i { display: inline-block; vertical-align: middle; width: 15%; padding-bottom: 30px;}
.area_02 ul span {font-size: 22px; color: #000; font-family: 'eurosoftregular'; display: inline-block; vertical-align: middle; width: 80%; border-bottom: 1px dashed #000; padding-bottom: 30px;}
.area_02 ul li:last-child {margin-top: 20px;}
.area_02 ul li:last-child span {border: 0;}

footer {background-color: #B50000; text-align: center; padding: 30px 0;}
footer img {width: 60px; height: auto; filter: brightness(500%); margin: 0 15px;}
footer p {font-size: 16px; color: #fff; padding-top: 5px; font-family: 'eurosoftregular';}

.modal {position: fixed; top: 0; z-index: 99999; background-color: rgba(0,0,0,0.9); width: 100%; padding: 50px 0 50px 0; height: 100%; display: none;}
.modal:target {display: block;}
.modal .container {height: 100%;}
.modal h5 {font-size: 30px; color: #fff; position: relative; margin-bottom: 40px;  overflow: hidden; font-family: 'eurosoftsemibold';}
.modal h5 a  {position: absolute; right: 0; top: 0;}
.modal h5 em {font-size: 16px; display: block; font-family: 'eurosoftregular'; font-style: normal;}
.modal h5 a svg {width: 30px; height: 30px; color: #fff; margin-top: 5px;}
.faq-content { width: 35%; margin: 0 auto; background-image: linear-gradient(to left bottom, #2e2e2e, #242424, #1a1a1a, #101010, #000000); padding: 25px; position: relative; overflow: hidden; height: 100%;}
.faq-content label {display: block; padding: 10px 0;font-size: 24px; color: #fff; font-weight: 700; width: 98%; cursor: pointer; }
.faq-content label span {font-family: 'eurosoftregular';}
.faq-content label:first-child {padding-top: 0;}
.faq-content label:last-child {border: none;}
.accordion {overflow-y: auto; height: 84%; position: relative;}
.accordion::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(222,35,33,0.7); background-color: #ff000;}
.accordion::-webkit-scrollbar{width: 1px; background-color: #f0000;}
.accordion::-webkit-scrollbar-thumb{ background-color: #fff;border: 0;}
.accordion span {display: block; cursor: pointer; position: relative; padding-right: 0;}
.accordion input {display: none;}
.accordion ul {list-style:none; display: none; font-size: 18px; font-weight: 400; margin: 20px 20px 0 0;}
.accordion ul li { padding: 0;  margin-bottom: 10px; background-image: linear-gradient(to left bottom, #2e2e2e, #242424, #1a1a1a, #101010, #000000);}
.accordion ul li a {color: #fff; text-decoration: none; font-size: 20px; font-family: 'eurosoftregular'; position: relative; padding: 12px 45px 12px 12px; border: 1px solid #de2321; border-radius: 10px; display: block; overflow: hidden; height: 100%;}
.accordion ul li a em {display: block; font-size: 18px; font-style: normal;}
.accordion ul li a i {position: absolute; right: 0; top: 0;  background-color: #de2321; display: block; height: 100%; width: 45px;}
.accordion ul li a i svg { position: absolute;  width: 30px; height: 30px; fill: #fff; display: inline-block; vertical-align: middle; top: 50%; margin-top: -15px; right: 5px;}
.accordion input:checked ~ ul {display: block;}
.accordion input:checked ~ span {color: #de2321;}
.card-content { width: 35%; margin: 0 auto; background-image: linear-gradient(to left bottom, #2e2e2e, #242424, #1a1a1a, #101010, #000000); padding: 20px; position: relative; overflow: hidden; height: auto;}
.card-content .plan {color: #fff; font-family: 'eurosoftregular'; font-size: 20px; overflow: hidden;}
.card-content .plan span {float: right; font-family: 'eurosoftregular';}
.card-content .plan strong {font-family: 'eurosoftsemibold'; text-transform: uppercase;}
.card-content .plan p {font-family: 'eurosoftregular'; background-color: #de2321; display: block; padding: 0 10px; line-height: 30px; margin-top: 5px; margin: 10px; clear: both; text-align: center; border-radius: 30px;}
.card-content h6 {color: #fff; font-family: 'eurosoftsemibold'; margin-top: 10px; font-size: 20px; margin-bottom: 10px; border-top: 1px dashed rgba(255,255,255,0.5); padding-top: 10px; }
.card-content ul {color: #fff; float: left; width: 50%; overflow: hidden; padding-bottom: 5px;}
.card-content ul li {font-family: 'eurosoftregular'; font-size: 16px; padding-bottom: 10px; margin-left: 15px; padding-left: 10px; padding-right: 20px;}
.card-content h5 {margin-bottom: 11px; font-size: 22px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.card-content .valores {clear: both; margin-top: 20px; border-top: 1px dashed rgba(255,255,255,0.5);}
.card-content .valores p {color: #fff; font-family: 'eurosoftregular'; font-size: 16px; margin: 10px 0 15px 0; line-height: 22px; }
.card-content .valores p strong {font-family: 'eurosoftsemibold';}
.card-content .button {width: 100%; border: 0; padding: 15px; background-image: linear-gradient(to right top, #930001, #a60002, #b90002, #cd0001, #e10000); border-radius: 15px; font-family: 'eurosoftsemibold'; font-size: 50px; color: #fff; cursor: pointer; text-decoration: none; font-size: 24px; width: 100%; display: block; text-align: center; text-transform: uppercase;}

.floater-whatsapp {display: inline-block; position: fixed; right: 15px; bottom: 15px;}
.floater-whatsapp a i {width: 56px; height: 56px; border-radius: 49px; display: block; background-color: #25d366; text-align: center; line-height: 56px;}
.floater-whatsapp a i svg {width: 48px; height: 48px; margin-top: 3px;}

@media (max-width:768px) {
 .banner {padding-bottom: 30px;}
  .hero-verao-desk {display: none;}
  .hero-verao-mobile {display: block;}
 .banner h1 {padding: 40px 0 0 0;}
 .banner h1 i {display: inline-block;}
 .banner h1 svg {width: 100px;}
 .banner h1 span {width: auto;  margin-left: 10px; font-size: 16px; display: inline-block; padding: 15px 0 0 15px;}
  .banner-new {padding-top: 10px; background-image: url("../images/her-mobile-new.jpg"); padding-bottom: 300px;}
  .banner-new header {text-align: center;}
  .banner-new header i svg {width: 70px; height: auto;}
  .banner-new header span {font-size: 18px; padding: 12px 0 12px 20px;}
  .banner-new h1 {font-size: 20px; text-align: center; padding: 0 40px; margin-top: 10px;}
  .banner-new h1 span {font-size: 17px;}
  .banner-new .taxas {margin: 10px auto 0 auto; width: 100%; padding-left: 0; text-align: center; min-height: 1px; line-height: 62px;}
  .banner-new .taxas span {font-size: 13px; display: inline-block; line-height: 20px; margin-top: -20px;}
  .banner-new .taxas em {font-size: 50px; line-height: 20px; vertical-align: inherit;}
  .banner-new .valor {margin-top: 15px;}
  .banner-new .valor .de {font-size: 20px;}
  .banner-new .valor .de hr {bottom: 9px;}
  .banner-new .valor {width: 100%;}
  .banner-new .valor .price span {font-size: 20px;}
  .banner-new .valor .price strong {font-size: 62px; line-height: 50px;}
  .banner-new .valor .price em {font-size: 20px;}
  .banner-new .valor p {font-size: 18px; padding-left: 67px; padding-top: 5px;}
  .banner-new .valor .button {height: 48px; line-height: 48px; font-size: 20px; width: 100%; margin-top: 15px;}
 .benefits {position: relative; bottom: 0; margin-top: -80px;}
 .benefits .col {width: 46%; margin-right: 4%;}
  .benefits .grid_4 {width: 30%; margin-right: 4%;}
 .benefits .col:last-child {margin-right: 0;}
 .benefits .box {padding: 12px; margin: 0;}
 .benefits .box h3 {font-size: 17px;}
 .benefits .box span {font-size: 16px;}
  .benefits .grid_4 .three h3 {font-size: 15px;}
  .benefits .grid_4 .three span {font-size: 13px; margin-top: 3px;}
  .benefits .grid_4 .three h4 {font-size: 26px;}
 .modelos img {width: 90%;}
 .box span::after {width: 80%; left: 10%;}
 .benefits .box h4 {font-size: 30px;}
 .price .center_price {width: 250px; display: block;}
  .price .center_price::after {top: 5px; right: -60px; width: 110px; height: 110px;}
  .price .de {margin-bottom: 10px;}
 .price h2 {font-size: 24px; margin-top: 25px; text-align: center;}
 .price h2 span {display: inline-block; font-size: 26px;}
 .price h2 strong {font-size: 24px;}
  .price br {display: none;}
 .price p {font-size: 22px;}
  .price .mensalidade {margin-bottom: 7px; font-size: 24px;}
 .price .valor span {font-size: 22px; line-height: 56px;}
 .price .valor strong {font-size: 76px;}
 .price .valor em {font-size:22px;}
  .price .type_plan {font-size: 22px;}
  .price .anuidade {padding-bottom: 0;}
  .price .button {margin-top: 15px;}
 .unidade .select {min-height: 50px; font-size: 16px;}
 .unidade div::after {min-height: 50px; line-height: 50px; border-radius: 0 8px 8px 0;}
 .unidade a.select div {margin-bottom: 0; line-height: 48px;}
 .unidade #unidade {border: 1px solid #fff; border-radius: 10px;}
 .unidade #unidade a span {line-height: 18px;}
 .unidade button {position: relative; min-height: 80px; margin-bottom: 20px; font-size: 30px;}
 .area_02 {background-position: center bottom; background: url("../images/bg_section_02_mobile.jpg"); padding: 40px 0 200px 0; background-size: cover;}
 .area_02 ul {padding-left: 0;}
 .area_02 ul span {font-size: 16px;}
  .area_02 ul i svg {width: 38px;}
 .price .button {font-size: 22px;}
 .type_plan {font-size: 25px;}
  .tag {top: 12px; left: 28px; width: auto;}
 
 .modal {padding: 0;}
 .modal .container {margin: 0;}
 .faq-content {width: 100%;}
 .modal h5 {overflow: visible;}
 .modal h5 a {top: -20px; right: -10px;}
 .modal .card-content h5 {padding-bottom: 20px; margin-bottom: 20px;}
 .modal .card-content {width: 100%; padding: 25px;}
 .modal .card-content span { font-size: 16px;}
 .modal .card-content .plan {margin-bottom: 10px; padding-bottom: 0; line-height: 22px;}
 .modal .card-content ul {float: none; width: 100%;}
 .modal .card-content h6 {padding-top: 20px; margin-top: 20px;}
 .modal .card-content .valores {margin-top: 10px;}
 .modal .card-content .valores p {margin: 20px 0;}
 
}
@media (max-width:320px) {
 .banner h1 svg {width: 80px;}
 .banner h1 span {font-size: 14px; padding: 15px 0 15px 15px;}
 .benefits .box h3 {font-size: 15px;}
 .benefits .box span {font-size: 13px;}
 .benefits .box h4 {font-size: 26px;}
 .price h2 span {font-size: 25px;}
 .price .valor em {font-size: 48px;}
}