#header{background: rgba(0,0,0,0.29); padding: 20px 0; z-index: 999;}
#header .logo{z-index: 2;}
#header .btn-menu{font-size: 34px;}
#nav-header{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #26477e; padding: 20px; z-index: 999;}
#nav-header ul.menu{margin-top: 50px;}
#nav-header ul.menu li{margin-bottom: 20px;}

#webdoor{display: inline-block; width: 100%; margin-top: -82px;}
#webdoor .item{overflow: hidden;}
#webdoor .item img{width: 100vw;}
#webdoor .item__text{width: 100%; top: 50%; left: 0; transform: translate(0, -35%);}
#webdoor .item__text h2{max-width: 520px; margin-bottom: 20px;}
#webdoor .slick-prev{left: 20px;}
#webdoor .slick-next{right: 20px;}

#frontpage-planos-saude{padding: 90px 0;}
#frontpage-planos-saude .title{margin-bottom: 20px;}
#frontpage-planos-saude .content{padding: 80px 30px 90px;}
#frontpage-planos-saude .content .parceiro-image{margin-bottom: 28px;}

#frontpage-diferenciais{padding: 107px 0; background: #656a70;}
#frontpage-diferenciais .title{margin-bottom: 80px;}
#frontpage-diferenciais ul.list li{margin-bottom: 100px; position: relative; vertical-align: top;}
#frontpage-diferenciais ul.list li:not(:last-child)::before{content: ""; display: block; width: 24px; height: 24px; background: url('../img/icon-list.png') no-repeat; position: absolute; bottom: -50px; left: 50%; transform: translate(-50%, 0);}
#frontpage-diferenciais ul.list li span{display: block; color: #86b2fc; font-size: 40px;}
#frontpage-diferenciais ul.list li span small{font-size: 22px;}

#frontpage-classes{padding: 70px 0;}
#frontpage-classes .title{margin-bottom: 30px;}
#frontpage-classes .box-classe{margin-bottom: 20px;}
#frontpage-classes .box-classe figure{margin-bottom: 10px;}

#footer{padding: 84px 0 0; background: #26477e;}
#footer .footer-column{margin-bottom: 80px;}
#footer .footer-column h2{margin-bottom: 50px;}
#footer .footer-sitemap ul.menu li{margin-bottom: 30px;}
#footer .footer-info ul.social-icons{margin-bottom: 60px;}
#footer .footer-info ul.social-icons li{display: inline;}
#footer .footer-info ul.social-icons li:not(:last-child){margin-right: 20px;}
#footer .footer-info ul.social-icons li a{color: #86b2fc; font-size: 26px;}
#footer .footer-info ul.list-contatos li{margin-bottom: 7px;}
#footer .footer-info ul.list-contatos li i{margin-right: 8px;}
#footer .footer-info .maps{max-width: 350px; border-radius: 15px; overflow: hidden;}
#footer .footer-info .endereco{margin: 20px 0;}
#footer ul.list-parceiros li{display: inline-block; width: 40%; margin: 0 10px 50px;}
#footer ul.list-parceiros li .parceiro-image{margin-bottom: 20px;}
#copyright{background: #173566; padding: 30px 14px;}

#banner{display: inline-block; margin-top: -109px; min-height: 130px;}
#banner img{width: 100vw;}

#main{padding: 100px 0;}
#main .page-title{margin-bottom: 60px;}
#main .the-content h1, #main .the-content h2, #main .the-content h3{font-size: 24px; font-weight: 700;}
#main .the-content a{color: #26477e; text-decoration: underline;}

#page-corretora .list-empresa{padding: 60px 0 0;}
#page-corretora .list-empresa li{margin-bottom: 50px; padding-bottom: 50px;}
#page-corretora .list-empresa li:not(:last-child){border-bottom: 1px dotted #000000;}
#page-corretora .list-empresa li img{margin-bottom: 10px;}
#page-corretora .cta{margin-top: 30px;}

#page-planos-saude .vantagens{margin: 75px 0 0;}
#page-planos-saude .vantagens .list-cards{margin-top: 50px;}
#page-planos-saude .vantagens .list-cards li .card{min-height: 200px; padding: 20px;}
#page-planos-saude .vantagens .list-cards li:hover .card{background: #26477e; color: #ffffff;}
#page-planos-saude .vantagens .list-cards li:hover .card .icon-1::before{background-position: -10px -82px;}
#page-planos-saude .vantagens .list-cards li:hover .card .icon-2::before{background-position: -80px -80px;}
#page-planos-saude .vantagens .list-cards li:hover .card .icon-3::before{background-position: -10px -10px;}
#page-planos-saude .vantagens .list-cards li:hover .card .icon-4::before{background-position: -72px -148px;}
#page-planos-saude .planos{margin: 30px 0 0;}
#page-planos-saude .planos .list-parceiros li{display: inline-block; width: 40%; margin: 40px 10px; text-align: center; vertical-align: top;}
#page-planos-saude .planos .list-parceiros li .parceiro-image{margin-bottom: 24px;}

#page-elegibilidade{margin: 60px 0 0;}
#page-elegibilidade .list-cards{margin-top: 36px;}
#page-elegibilidade .list-cards li .card{min-height: 285px;}
#page-elegibilidade .list-cards li .card__text{min-height: 90px; display: flex; align-items: center; justify-content: center; padding: 0 28px;}
#page-elegibilidade .list-cards li:hover .card p{font-weight: 700; color: #26477e;}

#page-contato{padding-bottom: 135px;}
#page-contato .maps{max-width: 360px; margin-top: 46px;}
#page-contato .maps a{margin-top: 10px; display: inline-block;}
#page-contato .form-common{padding: 100px 0 0;}

#btn-fixed{position: fixed; bottom: 25px; right: 20px; z-index: 9; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: #11c540; border-radius: 50%; color: #ffffff; font-size: 50px; animation: 2s ease 0s infinite normal none running pulse; cursor: pointer;}
@keyframes pulse{
0%{box-shadow: rgb(71 156 44) 0px 0px 0px 0px;}
70%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 15px;}
100%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px;}
}

#widget-form-atendimento{border-top: 7px solid #fb9402;}
#widget-form-atendimento .form-common input[type=submit]{padding: 18px 30px; min-width: initial; width: 100%; margin-top: 0;}

#widget-modal-whatsapp{background: url('../img/bg-whatsapp.png'); max-width: 350px; width: 94%; border-radius: 8px; position: fixed; bottom: 100px; right: 3%; z-index: 99; display: none;}
#widget-modal-whatsapp .header-form{border-radius: 8px 8px 0px 0px; background: rgb(246, 246, 246); display: flex; padding: 0.8rem; -webkit-box-align: center; align-items: center; box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px; text-align: left;}
#widget-modal-whatsapp .header-form figure{width: 42px; height: 42px; border: 1px solid #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; overflow: hidden;}
#widget-modal-whatsapp .header-form span{margin-left: 7px;}
#widget-modal-whatsapp .header-form p{font-size: 12px;}
#widget-modal-whatsapp .header-form p.title{font-size: 20px;}
#widget-modal-whatsapp .text-area{width: 100%; margin-bottom: 11px; border-radius: 8px 8px 8px 0px; padding: 15px 10px 15px 15px; background-repeat: no-repeat; background: #ffffff; text-align: left;}
#widget-modal-whatsapp .form-content{padding: 16px;}
#widget-modal-whatsapp label{text-align: left;}
#widget-modal-whatsapp label input{border: 0; border-radius: 8px;}
#widget-modal-whatsapp .btn{display: block; border: 0px; margin-top: 0; background: #128c7e; height: 50px; color: white; border-radius: 8px; font-size: 18px; font-weight: 900; padding: 16px; text-align: center; text-transform: uppercase;}

@media only screen and (min-width: 1024px){

  #header{padding: 30px 0 25px;}
  #nav-header{display: block; position: relative; height: auto; padding: 20px 0 0; background: initial; text-align: right; z-index: 1;}
  #nav-header ul.menu{margin-top: 0;}
  #nav-header ul.menu li{display: inline;}
  #nav-header ul.menu li:not(:last-child){margin-right: 30px;}

  #webdoor{margin-top: -109px; overflow: hidden;}
  /* #webdoor .item img{max-width: 1920px; width: auto; position: relative; left: 50%; margin-left: -960px;} */
  #webdoor .item__text{transform: translate(0, -50%);}
  #webdoor .slick-dots{bottom: 35px;}

  #frontpage-diferenciais{background: url('../img/bg-diferenciais.jpg') no-repeat center/cover;}
  #frontpage-diferenciais ul.list li{display: inline-block; width: 28.9%; margin-right: 4%; margin-bottom: 80px;}
  #frontpage-diferenciais ul.list li span{font-size: 80px;}
  #frontpage-diferenciais ul.list li span small{font-size: 40px;}
  #frontpage-diferenciais ul.list li:not(:last-child)::before{bottom: 50%; left: 100%; transform: translate(0, -50%);}
  #frontpage-diferenciais ul.list li:nth-child(3n+0)::before{display: none;}
  #frontpage-diferenciais ul.list li:nth-child(4){width: 45%;}

  #frontpage-classes{padding: 173px 0 65px; background: url('../img/bg-classes.png') no-repeat center top; margin-top: -60px; min-height: 828px;}
  #frontpage-classes .content{max-width: 850px; width: 100%; float: right;}
  #frontpage-classes .content .title{text-align: left;}
  #frontpage-classes .box-classe{position: absolute; top: 0; right: 0;}
  #frontpage-classes .box-classe.classe-0{top: 177px; right: 490px; text-align: right;}
  #frontpage-classes .box-classe.classe-1{top: 131px; right: 122px; text-align: left;}
  #frontpage-classes .box-classe.classe-2{top: 382px; right: 274px;}
  #frontpage-classes .box-classe.classe-2::before{content: ""; display: block; width: 88px; height: 88px; position: absolute; top: 40%; left: 0; transform: translate(-50%, -50%); background: #3963aa; border-radius: 15px;}
  #frontpage-classes .box-classe.classe-3{top: 389px;}

  #footer{background: #26477d url('../img/bg-footer.jpg') no-repeat center top;}
  #footer .footer-column{text-align: left;}
  #footer .footer-sobre{max-width: 408px;}
  #footer .footer-sitemap{max-width: 218px; margin: 0 20px;}
  #footer .footer-info{max-width: 357px;}
  #footer .footer-info ul.social-icons{text-align: right;}
  #footer ul.list-parceiros li{width: auto; margin: 0 30px 50px;}

  #page-corretora, #page-planos-saude, #page-elegibilidade{text-align: left;}
  #page-corretora .list-empresa li{display: inline-block; width: 29%; vertical-align: top; min-height: 260px; padding: 0 5%;}
  #page-corretora .list-empresa li:nth-child(1){padding-left: 0;}
  #page-corretora .list-empresa li:nth-child(3){width: 41%;}
  #page-corretora .list-empresa li:not(:last-child){border-bottom: 0; border-right: 1px dotted #000000;}

  #page-planos-saude .planos .list-parceiros{text-align: left;}
  #page-planos-saude .planos .list-parceiros li{margin-right: 3.7%; width: 20%;}

  #page-contato .maps{text-align: left;}
  #page-contato .form-common{padding: 0 77px 0 100px;}

}