﻿:root {
    --color-site-primary: #3369E7;
    --color-site-secondary: #1C2B58;
    --color-site-complement-1: #e9eef1;
    --color-site-complement-2: #1C2B58;
    --color-site-complement-3: #ff8182;
    --color-site-black: #000000;
    --color-site-gray: #6C7076;
    --color-site-blue: #5451FB;
    --color-site-red: #e00000;
    --radius-site: 0;
    --radius-site: 0;
}

.text-primary{color: var(--color-site-primary) !important}
.text-secondary{color: var(--color-site-secondary) !important}
.text-complement-3{color: var(--color-site-complement-3) !important}

/* ini: Preloader */
#preloader {position: fixed; top: 0;left: 0;right: 0;bottom: 0;background-color: var(--color-site-primary);z-index: 999999;}
#preloader .inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
#preloader .inner img {width: 300px}
/* end: Preloader */

/* RESET */
body, html { height: 100%;}
* {padding: 0;margin: 0}
*, :active, :focus, :hover {outline: 0 !important}
body {font-family: 'Montserrat', sans-serif;font-weight: 400;font-style: normal;font-size: 16px;line-height: 1.5;letter-spacing: normal;color: #000;overflow-x: hidden;}
ul, ol {list-style: none;padding: 0;margin: 0}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none}
b, strong {font-weight: 700}
img {max-width: 100%;height: auto;}
.img-responsive {width: 100%;height: auto}
iframe{border: none;width: 100%}
h1, h2, h3, h4, h5, h6 {font-weight: 800;font-style: normal;letter-spacing: normal;margin-top: 0;font-family: 'Montserrat', sans-serif;}
.nofooter footer {display: none}

/* FONTS */
h2 {font-size: 3.4rem;font-weight: 400}
h3 {font-size: 1.5rem}
h4 {font-size: 1.5rem}
p {margin: 5px 0;font-size: 1.6rem}


/* BUTTONS */
a.button-primary {background-color: var(--color-site-secondary);color: #fff;padding: 20px 70px 20px 30px;font-size: 1.3rem;display: inline-block;border-radius: 5px;text-align: center;font-weight: 700;cursor: pointer;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;position: relative}
a.button-primary:before{background-image: url(/images/icon-mycon-white.svg);background-repeat: no-repeat;background-size: 25px 25px;-webkit-transition: background .5s;-moz-transition: background .5s;-o-transition: background .5s;transition: background .5s;position: absolute;top: 25px;right: 25px;display: block;content: "";z-index: 2;width: 25px;height: 25px;}
a.button-primary:hover:before{background-image: url(/images/icon-mycon-white-blink.svg);}
a.bt-outline-mycon-white {background-color: none;color: #fff;padding: 20px 70px 20px 30px;font-size: 1.3rem;display: inline-block;border-radius: 5px;text-align: center;font-weight: 700;cursor: pointer;border: solid 1px #fff;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;position: relative}
a.bt-outline-mycon-white:before {background-image: url(/images/icon-mycon-white.svg);background-repeat: no-repeat;background-size: 25px 25px;-webkit-transition: background .5s;-moz-transition: background .5s;-o-transition: background .5s;transition: background .5s;position: absolute;top: 25px;right: 25px;display: block;content: "";z-index: 2;width: 25px;height: 25px;}
a.bt-outline-mycon-white:hover:before {background-image: url(/images/icon-mycon-white-blink.svg);}
a.bt-outline-mycon-gray {background-color: var(--color-site-secondary);color: #fff;padding: 20px 70px 20px 30px;font-size: 1.3rem;display: inline-block;border-radius: 5px;text-align: center;font-weight: 700;cursor: pointer;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;position: relative}
a.bt-outline-mycon-gray:before {background-image: url(/images/icon-mycon-white.svg);background-repeat: no-repeat;background-size: 25px 25px;-webkit-transition: background .5s;-moz-transition: background .5s;-o-transition: background .5s;transition: background .5s;position: absolute;top: 25px;right: 25px;display: block;content: "";z-index: 2;width: 25px;height: 25px;}
a.bt-outline-mycon-gray:hover:before {background-image: url(/images/icon-mycon-white-blink.svg);}
a.bt-outline-mycon-black {background-color: none;color: #000;padding: 20px 70px 20px 30px;font-size: 1.3rem;display: inline-block;border-radius: 5px;text-align: center;font-weight: 700;cursor: pointer;border: solid 1px #000;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;position: relative}
a.bt-outline-mycon-black:before {background-image: url(/images/icon-mycon-black.svg);background-repeat: no-repeat;background-size: 25px 25px;-webkit-transition: background .5s;-moz-transition: background .5s;-o-transition: background .5s;transition: background .5s;position: absolute;top: 25px;right: 25px;display: block;content: "";z-index: 2;width: 25px;height: 25px;}
a.bt-outline-mycon-black:hover:before {background-image: url(/images/icon-mycon-black-blink.svg);}
a.link-black {color: #000;text-decoration: underline}

.show-mobile{display:none!important}

/* 1536 x 714 px */
@media (min-width: 1401px) and (max-width: 1600px) {
h2{font-size: 3rem}
p {font-size: 1.2rem}

}

@media (min-width: 768px) and (max-width: 1400px) {
h2 {font-size: 3rem}
h3 {font-size: 1.3rem}
h4 {font-size: 1.1rem}
p {font-size: 1.2rem}
}


@media (max-width: 767px) {
h2 {font-size: 1.8rem}
h3 {font-size: 1.2rem}
h4 {font-size: 1.1rem}
p {font-size: 1.2rem}
a.button-primary{font-size:1rem}

.hide-mobile{display:none!important}
.show-mobile{display:block!important}
}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    a.bt-outline-mycon-white{padding:20px 61px 20px 18px}
}

/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {
    h2 {font-size: 1.6rem}
    p {font-size: 1rem}
    a.button-primary{font-size:1rem; padding: 20px 59px 20px 30px; }
    a.button-primary:before{top: 19px; right: 19px;}
    a.bt-outline-mycon-white{padding:24px 60px 20px 13px; font-size:1.1rem}
}

/* MENU MOBILE
/* --------------------------------------------------------------------- */

:root {
    --screen-width: 414px;
    --screen-height: 100vh;
    --header-bg-color: #ffffff;
    --splash-bg-color: #5451FB;
}

#nav-mobile { height: 1px}
.nav__toggle {display: inline-block;position: absolute;z-index: 155;padding: 0;border: 0;background: transparent;outline: 0;right: 30px;top: 30px;cursor: pointer; border-radius: 50%;transition: background-color .15s linear;}
.live .nav__toggle {top: 24px;}
.nav__menu {display: flex !important;flex-direction: column;justify-content: center;position: relative;z-index: 154;width: 100%;text-align: center;visibility: hidden;opacity: 0;transition: visibility 0s linear 300ms, opacity 300ms;padding: 30px 0}
.nav__menu li svg {width: 100%;max-width: 200px;margin-bottom: 30px;}
.logo-submenu .img-logo-submenu-live {display: none;}
.live .logo-submenu .img-logo-submenu{display:none;}
.live .logo-submenu .img-logo-submenu-live {display: block;max-width: 250px;}
.nav__link {color: #fff;display: block;text-align: center;font-size: 1.5rem;text-decoration: none;padding: 0.4rem;font-weight: 300;}
.nav__link:hover, .nav__link:focus {outline: 0;font-weight: 700;color: #fff}
ul.nav__menu li {opacity: 0;transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.5s;}
.menuicon {display: block;cursor: pointer;color: #fff;-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menuicon__bar, .menuicon__circle {fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;}
.menuicon__bar {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;transition: -webkit-transform .25s ease-in-out;transition: transform .25s ease-in-out;transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;}
.menuicon__circle {transition: stroke-dashoffset .3s linear .1s;stroke-dashoffset: 144.513262038;stroke-dasharray: 144.513262038;}
.splash {position: absolute;top: 40px;right: 40px;width: 1px;height: 1px;}
.splash::after {content: "";display: block;position: absolute;border-radius: 50%;background-color: var(--color-site-primary);width: 280vmax;height: 284vmax;top: -142vmax;left: -142vmax;-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;transition: -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);will-change: transform;z-index: 153}
.nav-mobile:target > .splash::after, .nav--open > .splash::after {-webkit-transform: scale(1);transform: scale(1);}
.nav-mobile:target .menuicon, .nav--open .menuicon {color: #fff;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.nav-mobile:target .menuicon__circle, .nav--open .menuicon__circle {stroke-dashoffset: 0;}
.nav-mobile:target .menuicon__bar:nth-child(1), .nav-mobile:target .menuicon__bar:nth-child(4), .nav--open .menuicon__bar:nth-child(1), .nav--open .menuicon__bar:nth-child(4) {opacity: 0;}
.nav-mobile:target .menuicon__bar:nth-child(2), .nav--open .menuicon__bar:nth-child(2) {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.nav-mobile:target .menuicon__bar:nth-child(3), .nav--open .menuicon__bar:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.nav-mobile:target .nav__menu, .nav--open .nav__menu {visibility: visible;opacity: 1;transition: visibility 0s linear 0s, opacity 300ms;}
ul.nav__menu li {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

@media only screen and (max-width: 778px) {
.nav__toggle {top: 17px;}
}

/* MENU-GRID-AREA
/* --------------------------------------------------------------------- */
.nav__menu li{grid: auto-flow / 1fr}
.clientes.nav__menu {display: grid !important;grid-template-rows: auto;box-sizing: border-box;    justify-content: center; grid-auto-flow: column; grid-template-areas:  "fale-com-mycon" "plano-paga-metade" "creditos-planos" "duvidas" "sobre-empresa" "como-funciona" "principais-duvidas" "atendimento" "logo-collab"}
.clientes.nav__menu .menu-plano-paga-metade{display:none}

.colaboradores.nav__menu { display: grid !important;grid-template-rows: auto; box-sizing: border-box;    justify-content: center; grid-auto-flow: column;    grid-template-areas: "fale-com-mycon" "plano-paga-metade" "creditos-planos" "duvidas" "como-funciona" "principais-duvidas" "atendimento" "logo-collab"}
.colaboradores.nav__menu .menu-sobre-empresa{display:none}


.menu-fale-com-mycon{grid-area: fale-com-mycon}
.menu-creditos-planos {grid-area: creditos-planos}
.menu-duvidas{grid-area: duvidas}
.menu-sobre-empresa{grid-area:sobre-empresa}
.menu-principais-duvidas {grid-area: principais-duvidas}
.menu-como-funciona{grid-area:como-funciona}
.menu-plano-paga-metade {grid-area: plano-paga-metade}
.menu-atendimento{ grid-area:atendimento}
.menu-plano-paga-metade{grid-area: plano-paga-metade}
.menu-logo-collab{grid-area: logo-collab}


/* HEADER
/* --------------------------------------------------------------------- */
header .nav {
    display: block
}

.header {height:100px;background-color:rgba(255,255,255,0);position: fixed;width: 100%;z-index: 152;margin: 0;top: 0;-webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear;  -o-transition: background-color 500ms linear; transition: background-color 500ms linear;}
.header .logo{background-image:url(/images/easycredito-logo-mycon.png); background-repeat:no-repeat; overflow: hidden; text-indent:-9999px; display:block; background-size:380px; height:68px;margin-left:0; margin-top:20px; width:380px; float:left;}
.header a.link-logo{display:inline-block}

.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
.headroom--not-top {background-color: rgba(255,255,255,1);width: 100%;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);background-color: rgba(255,255,255,0.72);}


.headroom--not-top {background-color: var(--color-site-primary)}



a.logo-submenu{max-width:200px; margin: 50px  auto 0 auto; display:inline-block}

@media (min-width: 768px) and (max-width: 1400px) {
}


@media (min-width: 768px) and (max-width: 1400px) {
}

@media only screen and (max-width: 778px) {
.header {height: 88px;}
.top-header { height: auto;margin-top: 83px;padding: 0 0 20px 0}
.header .logo {background-size: 260px;margin-left: 15px;margin-top: 22px;width: 260px;}
}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
.top-header {height: auto;margin-top: 83px;padding: 0 0 20px 0}
.header .logo {background-size: 200px;height: 88px;margin-left: 15px;width: 200px;}
}



/* Grid Form */
.banner-top{background-color:var(--color-site-primary);background-image:url(/images/bg-banner-easycredito.jpg?v=0.0.1); background-position: 52% bottom; background-repeat:no-repeat; background-size:contain}
.banner-top .container {display: grid;grid-template-columns: auto auto;grid-template-columns:auto 700px;grid-template-areas: "banner-title banner-chat""banner-button banner-button";z-index:2; position:relative; height:100vh;}
.banner-top .video-chat {grid-area: banner-chat;}
.banner-top .title-box {grid-area: banner-title;padding: 0 80px 0 0;margin: 200px 0 0 0;background-size: 200px;background-image: url(/images/arrow-banner-v2.png);background-repeat: no-repeat;background-position: 330px 190px}
.banner-top .title-box .fala-mycon {max-width: 400px;margin: 40px 0 }
.banner-top .title-box .fala-mycon ul.menu{list-style: none}
.banner-top .title-box .fala-mycon ul.menu li {width:fit-content; height: 50px;line-height: 50px;font-size: 2.2rem;font-weight:800;color: #fff;position: relative;background-color: var(--color-site-secondary);margin-bottom:5px;}

.banner-top .title-box p {color: #fff;font-size: 1.2rem;margin: 0 0 20px 0;max-width:max-content;}
.banner-top .title-box h3 {color: #fff;font-size: 0.9rem;margin: 50px 0 5px 0;font-weight: 400;}
.banner-top .banner-banco-central {max-width: 300px;margin: 5px 0 0 0;}
.banner-top .banner-banco-central .st0 {fill: #fff;stroke: none;stroke-miterlimit: 10;}
.banner-top p {max-width: 400px}
.banner-top h2 {color: #fff;font-size: 2.7rem;margin: 0 0 20px 0; max-width:520px}
.banner-top h2 span {color: #fff;font-weight: 700}
.banner-top h2.sub-title{font-weight: 700; font-size:2rem; margin:50px 0 10px 0; color:#fc1b41}



.top-style-mobile {border: solid 2px #fff;border-radius: 20px;height: 20px;width: 100px;margin: 25px auto;}
.chat-box-blur {height: calc(100vh - 40px);background-color:rgba(0,0,0,0.3);z-index: 1;position: relative;border-radius: 50px 50px 0 0;padding:0 5px;top: 40px;border: solid 2px #fff;border-bottom: none; backdrop-filter: saturate(180%) blur(20px);}
.banner-top .chat-full-image {overflow: hidden;overflow-x: hidden;overflow-y: hidden;height: calc(100vh - 120px);width: 100%;position: relative;top: 0;right: 0;z-index: 2;}
.banner-top a.bt-outline-mycon-white {margin: 0px 0 0 0}

@media (min-width: 1601px) {
.container {max-width: 1600px}
}
/* 1536 x 714 px */
@media (min-width: 1401px) and (max-width: 1600px) {
.banner-top .container{grid-template-columns:auto 600px;}
.banner-top .title-box {margin: 150px 0 0 0; background-position: 285px 155px; background-size:150px}
.banner-top h2 {font-size: 1.8rem;max-width:465px}
.banner-top .title-box .fala-mycon {margin: 20px 0;}
.banner-top .title-box .fala-mycon ul.menu li {font-size: 1.8rem;}
.banner-top .title-box h3 {margin: 20px 0 5px 0;}
.banner-top .title-box p{font-size: 1.1rem;margin: 20px 0;}
}
/* 1366 x 649 px */
@media (min-width: 768px) and (max-width: 1400px) {
.banner-top .container{ grid-template-columns: auto 500px;}
.banner-top .title-box {margin: 150px 0 0 0; padding:0 150px 0 0;background-size: 110px;background-position: 243px 156px}
.banner-top .title-box h2 {font-size: 1.8rem; margin:0 0 30px 0; max-width:348px}
.banner-top .title-box .fala-mycon {margin: 20px 140px 0 0;}
.banner-top .title-box .fala-mycon ul.menu li{height:40px;font-size: 1.6rem;line-height: 40px;}
.banner-top .title-box .fala-mycon ul.menu li:before, .banner-top .title-box .fala-mycon ul.menu li:after{height: 28px;width: 28px;}
.banner-top .title-box .fala-mycon ul.menu li:before{left:-14px}
.banner-top .title-box .fala-mycon ul.menu li:after{right:-14px}
.banner-top .title-box p {font-size: 0.9rem;margin: 20px 0;}
.banner-top .title-box h3 {font-size: 0.9rem;margin: 20px 0 10px 0;}
.banner-top .bt-outline-white {margin: 20px 0 0 0; font-size:1.2rem; padding: 15px 65px 15px 20px;}
.banner-top .btn-mycon-md.btn-icon-white:before {top: 20px;right: 20px;}
.banner-top a.bt-outline-mycon-white {font-size:1rem}
.banner-top .banner-banco-central{max-width:250px}
}


@media only screen and (max-width: 767px) {
.banner-top{ background-image:none}
.banner-top .container {grid-template-columns:100%;grid-template-areas: "banner-chat banner-chat""banner-button banner-button"; padding:0}
.banner-top .chat-box-blur {height: calc(100vh - 230px) !important;top:80px; padding:0; background-image:none; background-color:transparent; border:none; backdrop-filter:none}
.banner-top .chat-full-image iframe {height: calc(100vh - 230px) !important;padding:0; }
.title-box {display:none}
.top-style-mobile{display:none}
}

/* BANNER CAMPANHA TESTE A/B */
.banner-campanha{background-color:var(--color-site-primary);background-image: url(/images/bg-banner-easycredito.jpg?v=0.0.1);background-position: 52% bottom; background-repeat:no-repeat; background-size:contain;height:100vh}

.banner-campanha .title-banner {margin: 260px 0 0 0; padding:0 150px 0 0; color:#fff}
.banner-campanha .title-banner h2 {font-size: 2.2rem; font-weight:700; margin-bottom:20px;max-width: 453px;}
.banner-campanha .title-banner p {font-size: 1.4rem}
.banner-campanha  .title-box-banner {grid-area: banner-title;padding: 0 80px 0 0;margin: 200px 0 0 0; background-size: 200px;}

.banner-campanha  .title-box-banner .fala-mycon{max-width:400px; margin:50px 0 0 0 }
.banner-campanha  .title-box-banner .fala-mycon h3{color:#000; display:inline; background-color:#fff; font-size:2.1rem; line-height:3rem}


.banner-campanha  .title-box-banner p {color:#fff;font-size: 1.2rem;margin: 40px 0;}
.banner-campanha  .title-box-banner h4 {color:#fff;font-size: 0.9rem;margin: 50px 0 5px 0;font-weight: 400;}
.banner-campanha .title-box-banner .fala-mycon ul.menu{list-style: none}
.banner-campanha .title-box-banner .fala-mycon ul.menu li {width:fit-content; height: 50px;line-height: 50px;font-size: 2.2rem;font-weight:800;color: #fff;position: relative;background-color: var(--color-site-secondary);margin-bottom:5px;}

.banner-campanha .banner-banco-central {max-width: 300px;margin: 5px 0 0 0;}
.banner-campanha .banner-banco-central .st0 {fill: #fff;stroke: none;stroke-miterlimit: 10;}
.banner-campanha .bt-outline-white {margin: 30px 0 0 0;}

.banner-campanha h2{color:#fff;  font-size:2.7rem; max-width: 520px;}
 
.banner-campanha ul.box-plano{display:inline-flex; gap:30px; margin:50px 0}
.banner-campanha ul.box-plano li{color:#fff; border: solid 1px var(--color-site-primary); border-radius:30px; padding:30px}
.banner-campanha ul.box-plano li p{font-size:1.7rem; font-weight:700}
.banner-campanha ul.box-plano li h3{color: var(--color-site-primary); font-size:3rem; line-height:3rem; margin:20px 0}
.banner-campanha ul.box-plano li h3.taxa span{font-size:4.5rem; font-weight:700}
.banner-campanha ul.box-plano li h3.taxa{font-size:1.9rem; margin:15px 0 10px 0; font-weight:400}
.banner-campanha ul.box-plano li h4{font-size:1.6rem; font-weight:400}

.banner-campanha .title-banner .player{width:80%}
.banner-campanha .title-banner .player img{width:100%;}
.banner-campanha .title-banner .player .thumb{border-radius:25px;  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

.banner-campanha .img-banner{position: absolute;bottom: 60px;right: 120px;}


@media (min-width: 1600px) and (max-width: 1900px) {
    .banner-campanha .title-box-banner{    margin: 110px 0;}
}

/* 1536 x 714 px */
@media (min-width: 1401px) and (max-width: 1600px) {
    .banner-campanha h2{font-size:2.2rem;max-width: 430px;}
    .banner-campanha .title-box-banner .fala-mycon ul.menu li{font-size:1.8rem;}
    .banner-campanha .title-box-banner{margin: 129px 0 0 0;}
    .banner-campanha .title-box-banner .fala-mycon{margin:30px 0 0 0}
    .banner-campanha .title-box-banner p{font-size:1rem; margin:30px 0}
    .banner-campanha .title-box-banner h4{margin: 10px 0 5px 0;}
    .banner-campanha .title-banner {margin: 176px 0 0 0;}
    .banner-campanha .title-banner .video-title{font-size:1.5rem;margin:50px auto 20px}
    a.btn-banner-campanha{margin-bottom:30px}
}

/* 1366 x 649 px */
@media (min-width: 768px) and (max-width: 1400px) {

    .banner-campanha h2{font-size:2rem;max-width: 415px;}
    .banner-campanha .title-box-banner{margin: 125px 0 0 0;padding:0; }
    .banner-campanha .title-box-banner .fala-mycon{margin:30px 0}
    .banner-campanha .title-box-banner .fala-mycon ul.menu li{font-size:1.5rem;}
    .banner-campanha .title-box-banner .fala-mycon h3{ font-size: 2rem;}
    .banner-campanha .title-box-banner h4{font-size:0.7rem}
    .banner-campanha .title-box-banner p{font-size:0.85rem; margin:10px 0}
    .banner-campanha .title-box-banner h4{margin: 10px 0 5px 0;}
    .banner-campanha .title-banner {margin: 160px 0 0 0; padding:0;}
    .banner-campanha .title-banner .video-title{font-size:1.3rem;margin:40px auto 20px}
    .banner-campanha .title-banner .player img{width:80%}
    a.btn-banner-campanha{margin: 10px 0 23px 0;}
    .banner-campanha .banner-banco-central{width:250px;}

}

/* 1280 x 720 px */
@media (min-width: 768px) and (max-width: 1270px) {
    .banner-campanha{  background-image:none; height:auto}
    .banner-campanha h2{font-size:2rem;max-width: 415px;}
    .banner-campanha .title-box-banner{padding:0; margin:120px 0 90px 0}
    .banner-campanha .title-banner p {font-size: 1.2rem}
    .banner-campanha .img-banner {right: 35%;}
}


@media only screen and (max-width: 767px) {
    .banner-campanha{background-image:none }
    .banner-campanha  .title-box-banner {display:block;padding:0 15px; margin:150px 0 80px 0}
    .banner-campanha{height: auto;background-position:bottom}
    .banner-campanha h2{font-size:2.2rem;margin-bottom:50px}
    .banner-campanha .title-banner{margin:110px 0 60px 0;padding:0 20px;}
    .banner-campanha .title-banner h2 {font-size: 2.4rem; font-weight:700; margin-bottom:20px;max-width:100%; line-height:1}
    .banner-campanha .title-banner .video-title{margin:30px auto 30px; line-height:1; font-size:1.2rem}
    .banner-campanha .title-banner .player{width:100%}
    .banner-campanha .title-box-banner .fala-mycon{width:100%; margin:20px 0 40px 0}
    .banner-campanha .title-box-banner .fala-mycon h3{font-size:2rem}
    .banner-campanha .title-box-banner p{font-size:1rem; margin:8px 0 16px 0}
    .banner-campanha .title-box-banner h4{}
    .banner-campanha .banner-banco-central{}
    .banner-campanha .title-box-banner .fala-mycon ul.menu li{font-size:2rem}
}

/* 390 x 844 px - iPhone 12 Pro*/
@media only screen and (max-width: 390px) {
        .banner-campanha  .title-box-banner { margin:95px 0 50px 0}
        .banner-campanha h2{font-size:2rem}
        .banner-campanha .title-box-banner .fala-mycon h3{font-size:1.5rem;line-height: 2.5rem;}
        .banner-campanha .title-box-banner p{font-size:0.8rem;}
        a.bt-outline-mycon-white{font-size:1rem}
        a.bt-outline-mycon-white:before{top: 20px;margin-top: 2rem;}
        .banner-campanha .title-box-banner .fala-mycon ul.menu li{font-size:1.6rem}
}


/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {
    .banner-campanha .title-banner h2 {font-size: 2.2rem;}
    .banner-campanha .title-banner p {font-size: 1.2rem}
    .banner-campanha .title-banner .video-title{font-size:2.2rem}
    .banner-campanha .title-box-banner .fala-mycon ul.menu li{font-size:1.5rem}
}


a.btn-banner-campanha {background-color:var(--color-site-secondary); color:#fff; padding: 20px 70px 20px 30px; font-size:1.3rem; display:inline-block; border-radius:5px; text-align:center; font-weight:700; cursor:pointer; border-radius:50px; -webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; position:relative }
a.btn-banner-campanha:before {background-image: url(/images/icon-mycon-white.svg);background-repeat: no-repeat;background-size: 25px 25px;-webkit-transition: background .5s;-moz-transition: background .5s;-o-transition: background .5s;transition: background .5s;position: absolute;top: 25px;right: 25px;display: block;content: "";z-index: 2;width: 25px;height: 25px;}
a.btn-banner-campanha:hover:before{background-image:url(/images/icon-mycon-white-blink.svg); }

a.btn-campanha-mobile {background-color:var(--color-site-secondary);color: #000;padding:20px 70px 20px 30px;font-size: 1.3rem;display: inline-block;border-radius: 50px;font-weight: 700;cursor: pointer;position: fixed;z-index:150;top:auto;bottom:20px;left: 0;right: 0; margin: 0 auto;width:90%;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
a.btn-campanha-mobile:before{background-image: url(/images/icon-mycon-white.svg);background-repeat: no-repeat;background-size: 28px 28px;position: absolute;top: 20px;right: 23px;display: block;content: "";z-index: 2;width: 28px;height: 28px;}




/* PRINCIPAIS DUVIDAS */
.duvidas {padding: 120px 0}
.duvidas h2 {margin: 0}
.duvidas .accordion {margin: 50px 0 0 0}
.duvidas .accordion .accordion-button {font-size: 1.1rem;font-weight: 700}
.duvidas .accordion p {font-size: 1.1rem;text-align: justify;margin: 0 0 30px 0}
.duvidas .accordion p:last-child { margin: 0}
.duvidas .accordion h4 {font-size: 1.1rem;margin: 0 0 30px 0}
.duvidas .accordion-button:not(.collapsed) {color: #fff;background-color: var(--color-site-primary);}
.accordion-button:not(.collapsed)::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.duvidas .accordion .accordion-body {padding: 40px;}
.duvidas .accordion .accordion-body:not(.collapsed) {background-color: #f0f0f0}
.duvidas .accordion-button:focus {z-index: 3;border-color: none;outline: 0;box-shadow: none;}
.duvidas .ico-duvidas {max-width: 80px;margin: 0 0 40px 0}

@media (min-width: 768px) and (max-width: 1400px) {
.duvidas { padding: 80px 0;}
}


@media only screen and (max-width: 767px) {
.duvidas {padding: 60px 0;}
.box-title-section {padding: 0 20px}
.duvidas .accordion h4 {font-size: 1rem;}
.duvidas .accordion .accordion-button {font-size: 1rem;}
.duvidas .accordion .accordion-body {padding: 30px;}
}


/* VIDEO DUVIDAS */
.video-duvidas {padding: 110px 0 80px 0;text-align: center}
.video-duvidas h2 {margin: 0 0 10px 0}
.video-duvidas p { margin: 0 0 40px 0;font-size: 1.4rem}
.video-duvidas img {border-radius: 15px}
.video-duvidas h3 { font-size: 1.7rem;margin: 20px 0;font-weight: 400}
.video-duvidas .swiper {padding: 0 0 60px 0}
#depoimentos .swiper-button-prev {color: #000 !important;}
#depoimentos .swiper-button-next {color: #000 !important;}
#depoimentos .swiper-pagination-bullet-active {background-color: #000 !important;}
.vt-clientes .swiper-slide.video-paga-metade{display:none}

@media (min-width: 768px) and (max-width: 1400px) {
.video-duvidas h3 {font-size: 1.5rem;}
}


@media only screen and (max-width: 767px) {
.video-duvidas {padding: 60px 20px}
.video-duvidas img {margin: 20px 0}
}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    .video-duvidas p { margin: 0 0 10px 0;font-size: 1rem}
    .video-duvidas h3{font-size:1.2rem}
    .video-duvidas .swiper {padding: 0}
}

/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {
    .video-duvidas p { margin: 0;font-size: 1.2rem}
    .video-duvidas h3{font-size:1.5rem}
}


/* COMO FUNCIONA */
.como-funciona {padding: 120px 0;background: var(--color-site-primary);text-align: center;}
.como-funciona h2 {color: #fff}
.como-funciona p {color: #fff}
.como-funciona .box-icons {text-align: center;margin: 50px 0 0 0}
.como-funciona .box-icons h3 {font-size: 3rem;margin: 40px 0 0 0;color: #fff}
.como-funciona .box-icons p {font-size: 1.3rem;color: #fff}

@media (min-width: 768px) and (max-width: 1400px) {
}


@media only screen and (max-width: 767px) {
.como-funciona {background-image: none;}
.como-funciona {padding: 60px 20px;}
.como-funciona .box-icons h3 {display: none}
}



/* SOBRE EMPRESA */
.sobre-empresa {padding: 120px 0;background: var(--color-site-complement-1)}
.sobre-empresa h2 {color: #000; margin: 0px 0px 30px;}
.sobre-empresa p {color: #000; margin: 0px 0px 35px;}
.sobre-empresa img{margin-left:80px}


/* 1536 x 714 px */
@media (min-width: 1401px) and (max-width: 1600px) {


}
/* 1366 x 649 px */
@media (min-width: 768px) and (max-width: 1400px) {
.sobre-empresa h2 {font-size:2.8rem}
.sobre-empresa {padding: 80px 0;}
}


@media only screen and (max-width: 767px) {
.sobre-empresa {padding: 60px 20px}
.sobre-empresa h2 {font-size:1.6rem}
.sobre-empresa img{margin-left:0}
}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    .sobre-empresa {background-size:31%}
    .sobre-empresa h2 {font-size:1.5rem}
}


/* BOX VANTAGENS */
.vantagens-plano {padding: 120px 0;background-color:  var(--color-site-primary); text-align:center}
.vantagens-plano h2 {color:var(--color-site-primary);display: inline-block;align-items: center; background-color:#fff; border-radius:100px; padding:10px 50px; font-size:1.5rem; font-weight:700}

.vantagens-plano .logo-pagametade{max-width:500px; margin:10px 0 20px 0}
.vantagens-plano p {color:#fff}
.vantagens-plano ul {display: flex;margin: 50px 0;flex-wrap: wrap;gap: 20px}
.vantagens-plano ul li {padding: 30px 40px;border-radius: 20px;flex: 0 48%; background-color: rgba(255,255,255,0.8); position:relative}
.vantagens-plano ul li h3 {font-size: 2.5rem; color:var(--color-site-primary); padding: 0 0 20px 0}
.vantagens-plano ul li p {font-size: 1.4rem; color:#000}
.vantagens-plano ul li div {display: flex;flex-direction: row;gap: 100px}
.vantagens-plano ul li img {width: 100%;}
.more-buttons {display: flex;gap: 30px}

.vantagens-plano ul li .number-plano{border-radius:100px; font-size:1.5rem; background-color: var(--color-site-secondary); color:#fff; text-align:center; width:50px; height:50px; line-height:50px; text-align:center; font-weight:700; display:inline-block; position:absolute; top:20px; left:20px}

/* 1536 x 714 px */
@media (min-width: 1401px) and (max-width: 1600px) {
}

/* 1366 x 649 px */
@media (min-width: 768px) and (max-width: 1400px) {
.vantagens-plano {padding: 80px 0}
.vantagens-plano ul li h3{font-size:2rem}
.vantagens-plano ul li p {font-size: 1.2rem}
.vantagens-plano ul {gap: 40px;}

}


@media only screen and (max-width: 767px) {
.vantagens-plano {padding: 60px 20px}
.vantagens-plano ul {flex-direction: column;gap: 30px;margin: 40px 0;}
.vantagens-plano ul li {padding: 30px;font-size: 1.2rem;}
.vantagens-plano ul li img {max-width: 60px;margin: 0 0 30px 0}
.more-buttons {flex-direction: column}
.vantagens-plano ul li div {flex-direction: column;gap: 0;}
.vantagens-plano ul li p {font-size: 1.1rem;}
.vantagens-plano ul li h3 {font-size: 1.5rem;width: 70%;margin: 0 auto;text-align: center;}
}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    .vantagens-plano ul li .number-plano{font-size:1.3rem; width:40px; height:40px; line-height:40px; }
}

/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {
    .vantagens-plano ul li .number-plano{left:12px; }
}


/* ATENDIMENTO */
.atendimento {padding: 120px 0; background-color:var(--color-site-primary); color:#fff}
.atendimento h2 {}
.atendimento p {}
.atendimento ul {margin: 30px 0}
.atendimento ul li {font-size: 1.3rem}
.atendimento ul li a {color: #fff;font-weight: 700}
.atendimento .ico-time-humanos {max-width: 80px;margin: 0 0 30px 0}

@media (min-width: 768px) and (max-width: 1400px) {
.atendimento {padding: 80px 0}
}


@media only screen and (max-width: 767px) {
.atendimento {padding: 60px 20px;background-position: center center}
.atendimento img{margin:40px 0 0 0}
.atendimento svg{max-width:100%}
}
/* 360 x 714 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    .atendimento ul li{font-size:1.2rem}
}

/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {
    .atendimento ul li{font-size:1rem}
}
/* FOOTER */
footer {background-color: #fff;color: #000;border-top: 10px solid var(--color-site-secondary);padding: 70px 0}
footer p {font-size: 0.95rem;text-align: justify; margin: 20px 0}
footer svg.logo-footer {max-width: 220px;width: 100%;margin: 0 0 20px 0}
footer .logo-live-footer{display:none;}
.live footer .logo-live-footer {display: block;max-width: 220px;}
.live footer svg.logo-footer { display: none;}
footer img.logo-footer {max-width: 220px;width: 100%;margin: 0 0 20px 0}
footer ul.logos {flex-direction: row;display: flex;align-items: center;width: 100%}
footer ul.logos li {width: 50%}
footer ul.logos li h3 {font-size: 2rem}
footer ul.logos li + li {text-align: right}
footer ul.link-uteis {display: inline-flex;margin: 30px 0 0 0}
footer ul.link-uteis li {margin: 0 15px 0 0;padding: 0 15px 0 0;border-right: solid 1px #ccc}
footer ul.link-uteis li:last-child {margin: 0;padding: 0;border-right: none}
footer ul.link-uteis li a, footer ul.link-uteis li {color: #000;font-size: 0.8rem;}


@media (min-width: 768px) and (max-width: 1400px) {
}


@media only screen and (max-width: 767px) {
footer {padding: 60px 20px}
footer .logos {text-align: center}
footer img.logo-footer {max-width: 220px;width: 100%;margin: 0 auto 20px auto;right: 0}
footer ul.link-uteis {flex-direction: column}
footer ul.link-uteis li {margin: 0 0 15px 0;padding: 0 0 15px 0;border-right: none;border-bottom: solid 1px #ccc;width: 100%}
footer ul.link-uteis li a, footer ul.link-uteis li {font-size: 1rem;}
footer ul.link-uteis li:last-child {border-bottom: none}
footer ul.logos {flex-direction: column;margin: 0 0 50px 0}
footer ul.logos li {width: 100%}
footer ul.logos li h3 {font-size: 1.5rem}
footer ul.logos li + li {text-align: center}
}


/* PLAYER */
.player {position: relative;display: inline-flex;align-items: center}
.bt-play {position: absolute;left: 0;right: 0;margin: 0 auto;width: 73px}
.modal-play {}
.modal-play .btn-close {background: transparent url(/images/close-modal.svg)}
.modal-play .modal-body .box-video {padding: 56.25% 0 0 0;position: relative;width: 100%}
.modal-play .modal-body {height: auto !important;padding: 0 !important;margin: 0 !important}
.modal-play .modal-body iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


@media only screen and (max-width: 767px) {
.modal-play .modal-body iframe {position: relative;height: 400px}
.modal-play .modal-body .box-video {padding: 0;}
}




.page-inside .header .menu {position: relative}
a.bt-home-header {display: inline-block;position: absolute; right: 0;width: 50px;height: 50px;top: 20px}
a.bt-home-header img {max-width: 50px}
.top-banner-inside {padding: 160px 0 80px 0;background: var(--color-site-primary)}
.top-banner-inside h2 {color: #fff}
.page-inside .header .logo{background-image: url(/images/easycredito-logo-mycon.png)}
.page-inside .content {padding: 80px 0}
.page-inside .content h3 {font-size: 2.5rem;font-weight: 400;margin: 40px 0 20px 0}
.page-inside .content p {font-size: 1.4rem;text-align: justify;margin: 0 0 30px 0}
ul.list-angle-circle {font-size: 20px;text-align: justify;margin-bottom: 30px;width: 100%;line-height: 1.8;}
ul.list-angle-circle li {padding-left: 45px}
ul.list-angle-circle li:before {background-image: url(/images/angle-right-circle.svg);width: 30px;height: 30px;display: block;content: "";background-repeat: no-repeat;background-size: 30px;position: absolute;margin-left: -45px;margin-top: 3px}


@media only screen and (max-width: 767px) {
.top-banner-inside { padding: 100px 20px 40px 20px;}
.page-inside .content {padding: 60px 20px}
.page-inside .content h3 {font-size: 1.5rem;}
.page-inside .content p {font-size: 1rem;}
ul.list-angle-circle {font-size: 1rem;line-height: 2rem;text-align: left}
}

.full-iframe {overflow: hidden;overflow-x: hidden;overflow-y: hidden;height: calc(100vh -48px);width: 100%;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px}
.modal-full {box-shadow: none !important;backdrop-filter: none !important;}
.modal-full .modal-content {padding: 0 !important}
.modal-full .modal-dialog {max-width: 500px;margin: 0 auto;}
.modal-full .modal-header {background-color: #fff;border: none;}
.atendimento-chat {padding: 120px 30%;text-align: center}

@media only screen and (max-width: 767px) {
.atendimento-chat {padding: 120px 40px;text-align: center}
}


/* BOX GRAY ITEN */
.box-gray-itens {background-color: #f0f0f0;padding: 70px 0 100px 0}
.box-gray-itens h2 {font-size: 2.5rem;margin: 30px 0 40px 0;}
.box-gray-itens h2 span {background-color: var(--color-site-primary)}
.box-gray-itens h3 {font-size: 2rem;max-width: 400px}
.box-all-itens {padding: 50px 0 0 0}
.box-icon-item img {}
.box-icon-item h4 {color: var(--color-site-complement-2);font-size: 1.7rem;margin: 20px 0}
.box-icon-item p {font-size: 1.5rem;max-width: 265px}

@media (min-width: 768px) and (max-width: 1400px) {
.box-icon-item h4 {font-size: 1.5rem;}
.box-icon-item p {font-size: 1.3rem;max-width: 240px;}
}



@media only screen and (max-width: 767px) {
.box-gray-itens {padding: 40px 20px 0 20px;text-align: center}
.box-gray-itens h2 {font-size: 1.6rem;margin: 0 0 20px 0;}
.box-gray-itens h3 {font-size: 1.5rem;margin: 0 0 20px 0;}
.box-icon-item h4 {font-size: 1.6rem;}
.box-icon-item p {font-size: 1.4rem;max-width: 400px;margin: 0 0 40px 0}
}



/* CUSTOM SLIDER SWIPE */
.swiper-videos .swiper-button-prev, .swiper-videos .swiper-button-next {bottom: 0;top: auto;width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(0px - (var(--swiper-navigation-size) / 2));color: #000 !important;}
.swiper-videos .swiper-pagination-bullet-active {background: #000 !important;}

@media only screen and (min-width: 768px) {
.swiper-videos .swiper-button-next {left: 55%;right: 0}
.swiper-videos .swiper-button-prev {left: 43%;right: 0}
}


.adopt-c-cLxhWG {display:none}
.adopt-c-gFdGHk {display:none}

/* 390 x 844 px - iPhone 12 Pro*/
@media only screen and (max-width: 390px) {
    a.btn-campanha-mobile {font-size: 1.2rem;}
    a.btn-campanha-mobile:before{background-size: 26px 26px;right: 18px;width: 26px;height: 26px;top:21px}

}

/* 360 x 740 px - Sansung Galaxy S8 */
@media only screen and (max-width: 360px) {
    a.bt-outline-mycon-white{padding:20px 61px 20px 18px}
    a.btn-campanha-mobile {padding: 12px 0 12px 16px}
}


/* 320 x 658 px - Sansung Galaxy S9+ */
@media only screen and (max-width: 320px) {

    a.btn-campanha-mobile {padding:12px 0 12px 12px;font-size:1.1rem}
    a.btn-campanha-mobile:before{background-size: 24px 24px;right: 12px;width: 24px;height: 24px;}
}