@font-face {
    font-family: PantonRegular;
    src: url(../fonts/Panton-Regular.ttf);
 }
 @font-face {
    font-family: PantonSemiBold;
    src: url(../fonts/Panton-SemiBold.ttf);
 }
 @font-face {
    font-family: PantonSemiBoldItalic;
    src: url(../fonts/Panton-SemiBoldItalic.ttf);
 }
 @font-face {
    font-family: PantonBold;
    src: url(../fonts/Panton-Bold.ttf);
 }
 @font-face {
    font-family: PantonBoldItalic;
    src: url(../fonts/Panton-BoldItalic.ttf);
 }
 @font-face {
    font-family: PantonExtraBold;
    src: url(../fonts/Panton-ExtraBold.ttf);
 }
 @font-face {
    font-family: PantonExtraBoldItalic;
    src: url(../fonts/Panton-ExtraBoldItalic.ttf);
 }


 h2 {
   vertical-align: center;
   text-align: center;
 }
 
 html, body {
   margin: 0;
   height: 100%;
 }
 
 * {
   box-sizing: border-box;
 }

button{
  box-shadow: 0 0 0 0 !important;
  border: 0 none !important;
  outline: 0! important;
}

select{
  box-shadow: 0 0 0 0 !important;
  border: 0 none !important;
  outline: 0! important;
}

.close{color:#FFFFFF; opacity: 1;}

textarea:focus, input:focus, select:focus {
  box-shadow: 0 0 0 0 !important;
  border: 0 none !important;
  outline: 0! important;
}


 /*Menu Responsivo*/
 .top-nav {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   background: #FFFFFF;
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   color: #FFF;
   height: 50px;
   padding: 1em;
   float:right;
   margin-top:10px;
   margin-right:30px;
 }
 
 .menu {
   display: flex;
   flex-direction: row;
   list-style-type: none;
   margin: 0;
   padding: 0;
   z-index:999999;
 }
 
 .menu > li {
   margin: 0 1rem;
   overflow: hidden;
 }
 
 .menu-button-container {
   display: none;
   height: 100%;
   width: 30px;
   cursor: pointer;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
 #menu-toggle {
   display: none;
 }
 
 .menu-button,
 .menu-button::before,
 .menu-button::after {
   display: block;
   background-color: #1C36A4;
   position: absolute;
   height: 4px;
   width: 30px;
   transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
   border-radius: 2px;
 }
 
 .menu-button::before {
   content: '';
   margin-top: -8px;
 }
 
 .menu-button::after {
   content: '';
   margin-top: 8px;
 }
 
 #menu-toggle:checked + .menu-button-container .menu-button::before {
   margin-top: 0px;
   transform: rotate(405deg);
 }
 
 #menu-toggle:checked + .menu-button-container .menu-button {
   background:  #1C36A4;
 }
 
 #menu-toggle:checked + .menu-button-container .menu-button::after {
   margin-top: 0px;
   transform: rotate(-405deg);
 }
 
 @media (max-width: 1039px) {
   .menu-button-container {
     display: flex;
   }
   .menu {
     position: absolute;
     top: 0;
     margin-top: 50px;
     left: 0;
     flex-direction: column;
     width: 100%;
     justify-content: center;
     align-items: center;
   }
   #menu-toggle ~ .menu li {
     height: 0;
     margin: 0;
     padding: 0;
     border: 0;
     transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   #menu-toggle:checked ~ .menu li {
     border-bottom: 1px solid #ebebeb;
     height: 2.5em;
     padding: 0.5em;
     transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
   }
   .menu > li {
     display: flex;
     justify-content: center;
     margin: 0;
     padding: 0.5em 0;
     width: 100%;
     color: #1C36A4;
     background-color: #FFFFFF;
   }
   .menu > li:not(:last-child) {
      border-bottom: 1px solid #ebebeb;
   }
 }
/*MENU RESPONSIVO*/


.slider-container{box-shadow: #FFFFFF !important; text-shadow: #FFFFFF !important; scrollbar-shadow-color: #FFFFFF !important; scrollbar-darkshadow-color: #FFFFFF !important;}
.slide-visible{height:800px !important; margin:10px !important; width:250px !important}
html {scroll-behavior: smooth;}
body{font-family: PantonRegular;}


#sliderprincipal{position:relative; clear:both;}
#faixa{postion:relative; width:100%; height:20px; clear:both;}

#menuitem{font-family: PantonSemiBold; font-size: 16px; color:#ffffff; float:left;}

#menu{position:relative; width:100%; max-width:1140px; height:58px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
#menulogo{position:relative; width:160px; float:left;}
#menulinks{position:relative; width:1140px; margin:0 auto; height:67px; padding-left:0px; padding-right:30px; padding-top:10px;}
#menubuttons{position:relative; float:right; padding-top:5px; display:block;}
#menumobile{position:absolute; width:100%; max-width: 1140px; float:right; display:none; z-index:99 !important;}



#slidertop{position:relative; width:100%; margin:0 auto; clear:both; float:none;}
#slidermobile{position:relative; width:100%; margin:0 auto; clear:both; float:none; display:none;}

#planos{position:relative; margin:0 auto; margin-top:50px; width:100%; max-width:1140px; clear:both; padding-left:250px; padding-right:250px; }

#sliderplanos{position:relative; margin: 0 auto; margin-top:20px; width:900px;}
#planoitem{position:relative; width:100%; height:365px; background-color: #1C36A4; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: all 0.5s ease-in-out 0.1s;}
#planoitem:hover{background:#0f2173;}
#planotitulo{font-family: PantonExtraBold; font-size:25px; color:#1C36A4; padding:10px; padding-top:12px; text-align: center;}
#planotitulomesh{font-family: PantonExtraBold; font-size:22px; color:#1C36A4; padding:10px; padding-top:16px; text-align: center;}
.planoimg{padding-top:10px; padding-bottom:10px;}
#planomoeda1{width:30px; height:45px; font-size:15px; line-height: 18px;margin-top:32px; text-align:right; float:left; color:#0033a8; overflow:hidden;}
#planomoeda2{width:30px; height:45px; line-height: 18px; margin-left:35px; margin-top:32px; text-align:right; float:left; color:#0033a8; overflow:hidden;}
#planovalor{text-align:center; float:left; overflow:hidden; font-family:PantonExtraBold ;font-size:80px; line-height: 80px; color:#0033a8; margin-bottom:10px; }
#planocents{width:30px; text-align:left; float:left; color:#0033a8; margin-top:10px;line-height:15px; font-size:15px;  }
.planocents{line-height:14px; font-size:15px; }

#planomoeda1destaque{width:30px; height:20px; margin-left:00px; margin-top:15px; text-align:right; float:left; color:#ffffff; overflow:hidden;}
#planomoeda2destaque{width:30px; height:20px; margin-left:35px; margin-top:15px; text-align:right; float:left; color:#ffffff; overflow:hidden;}
#planovalordestaque{text-align:center; float:left; overflow:hidden; font-family:PantonExtraBold ;font-size:50px; line-height: 50px; color:#ffffff; margin-bottom:10px; }
#planocentsdestaque{width:30px; text-align:left; float:left; color:#ffffff; line-height:25px; font-size:25px;  }


.planoarrow{--swiffy-slider-nav-light: #1C36A4 !important; --swiffy-slider-nav-dark: #1C36A4 !important;}

#clubedevantagens{position:relative; width:100%; margin-top:50px; clear:both;}
#clubedevantagensmobile{position:relative; width:100%; margin-top:00px; clear:both; display:none;}


#vantagens{position:relative; width:100%; max-width:1140px; height:400px; margin:0 auto; margin-top:50px; clear:both;}

#portalconect{display:none; position:relative; width:950px; height:550px; clear:both;margin:0 auto;margin-top:50px; background-image:url('../img/background-conect-scaled.jpg'); background-size:950px; background-position: center center no-repeat; background-repeat: no-repeat;}
#autoatendimento{position:relative; width:100%; max-width:1140px; height:250px; margin:0 auto; margin-top:50px; clear:both;}


#rodape{position:relative; width:100%; height:400px; margin-top:80px; background:#1C36A4; padding-top:50px; padding-bottom:50px;}
#rodapearea{position:relative; margin:0 auto; width:100%; max-width:1140px;}
#rodapep1{position:relative; float:left;}
#rodapemeio{position:relative;width:50%;float:left; padding-left:00px;}

#linha{position:relative; width:100%; border-top:2px solid #ffffff; height:50px; clear:both;}

#portalconect2{position:relative; width:100%; height:550px; clear:both;margin:0 auto;margin-top:100px; background-image:url('../img/portal-backgrond.jpg'); background-size:100%; background-position: right center no-repeat; background-repeat: no-repeat;}
#portalarea{position:relative; margin:0 auto; width:1000px;}
#auto1{position:relative; width:55%; height:550px; left:-30px;top:-100px; float:left;}
#auto2{position:relative; width:45%; height:50px; padding-left:20px; padding-top: 70px; float:left;}


#media2{position:relative; width:45%; float:left; margin-top:30px;}
.media230{padding-left:30px;}

#item4{position:relative; width:700px; clear:both; margin:0 auto; margin-top:20px;}
#item4botao{position:relative; width:175px; padding:5px; padding:20px; overflow:hidden; float:left; transition: all 0.5s ease-in-out 0s;}
#item4botao:hover{transform: scale(0.9);}


#vantagemarea{position:relative; width:700px; clear:both; margin:0 auto; margin-top:20px; background: #00146E;}
#vantagemitem{position:relative; width:230px; padding-left:20px; height:130px; float:left; font-family: "PantonSemiBold"; font-size:26px; line-height: 24px; color:#1C36A4; margin-top:20px;}
#vantagemimg{position:relative; margin-bottom:10px; margin-left:15px;}
#vantagemlinha{position:realtve; width:5px; height:60px; margin-top:70px; border-right:2px solid #00AFEF; float:left;}

#vantagemareamobile{position:relative; width:350px; clear:both; margin:0 auto; margin-top:20px; background: #00146E; display:none;}
#vantagemitemobile{position:relative; width:170px; padding-left:20px; height:130px; float:left; font-family: "PantonSemiBold"; font-size:20px; line-height: 20px; color:#1C36A4; margin-top:20px;}

.itemimg{transition: all 0.5s ease-in-out 0s;}
.itemimg:hover{transform: scale(1.1);}

.titulopadrao1{font-family: PantonExtraBold; font-size: 40px; line-height:46px; text-align:center; color:#1C36A4;}
.subtitulopadrao1{font-family: PantonRegular; font-size: 26px; line-height:28px; text-align:center; color:#1C36A4; margin-top:-10px;}

.titulopadrao2{font-family: PantonExtraBold; font-size: 60px; line-height:46px; text-align:left; color:#FFF;}
.subtitulopadrao2{font-family: PantonRegular; font-size: 34px; line-height:38px; text-align:left; color:#FFF; margin-top:20px; padding-right:140px;}

.subtitulopadrao21{font-family: PantonBold; font-size: 38px; line-height:38px; text-align:left; color:#FFF; margin-top:20px; padding-right:50px;}

.subtitulopadrao3{font-family: PantonRegular; font-size: 20px; line-height:24px; text-align:left; color:#FFF; margin-top:20px;}

.textobrancorodape{font-family: PantonRegular; font-size: 14px; line-height:17px; margin-top:20px; color:#ffffff; padding-right:30px;}

#botaoassine{position:relative; border:1px solid #00a1e4; display:block; width:90%; margin:0 auto; cursor:pointer; padding-top:4px; padding-bottom:4px; margin-bottom:15px; text-align:center; clear:both; background:#FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;transition: all 0.5s ease-in-out 0.1s;}
#botaoassine:hover{background:#00a1e4;}

#itemsocial{position:relative; width:200px; height:30px; margin-top:18px;}
#it{position:relative; float:left;}

.linkamarelo{font-family:PantonRegular; font-size:16px; text-decoration:none; color:#FBDB24; text-align:left;}

a.menuitem:link{font-family: PantonSemiBold; font-size: 16px; color:#ffffff; transition: all 0.5s ease-in-out 0.1s;}
a.menuitem:visited{text-decoration:none; color:#ffffff; }
a.menuitem:hover{text-decoration:none; color:#FBDB24;}
a.menuitem:active{text-decoration:none;}


a.botaoassine:link{font-family:PantonBold; font-size:20px; text-decoration:none; color:#00a1e4; transition: all 0.5s ease-in-out 0.1s;}
a.botaoassine:visited{text-decoration:none; color:#00a1e4; }
a.botaoassine:hover{text-decoration:none; color:#FFFFFF;}
a.botaoassine:active{text-decoration:none;}


a.detalhes:link{font-family:PantonRegular; font-size:9px; text-decoration:none; color:#FFFFFF; text-align:center;transition: all 0.5s ease-in-out 0.1s;}
a.detalhes:visited{text-decoration:none; color:#FFFFFF;}
a.detalhes:hover{text-decoration:none; color:#FBDB24; }
a.detalhes:active{text-decoration:none; }


a.linkbranco:link{font-family:PantonRegular; font-size:16px; text-decoration:none; color:#ffffff; text-align:center;transition: all 0.5s ease-in-out 0.1s;}
a.linkbranco:visited{text-decoration:none; color:#ffffff;}
a.linkbranco:hover{text-decoration:none;  color:#f6ff00; }
a.linkbranco:active{text-decoration:none; }

a.linkamarelo:link{font-family:PantonRegular; font-size:16px; text-decoration:none; color:#FBDB24; text-align:center;transition: all 0.5s ease-in-out 0.1s;}
a.linkamarelo:visited{text-decoration:none; color:#FBDB24;}
a.linkamarelo:hover{text-decoration:none; color:#eaff00; }
a.linkamarelo:active{text-decoration:none; }

a.visualizacontrato:link{font-family:PantonRegular; font-size:12px; text-decoration:none; color:#FFFFFF; text-align:center;transition: all 0.5s ease-in-out 0.1s;}
a.visualizacontrato:visited{text-decoration:none; color:#FFFFFF;}
a.visualizacontrato:hover{text-decoration:none; color:#FBDB24;}
a.visualizacontrato:active{text-decoration:none; }

#whatsappbutton{position:fixed; width:60px; height:60px; z-index:99999; float:right; right:35px; bottom:100px;}


#areaindique{position:relative; margin:0 auto; margin-top:80px; width:1100px; clear:both; height:auto;}

#colunaumindique{position:relative; width:40%; float:left;}
#colunadoisindique{position:relative; width:50%; margin-left:10%; float:left;}

.tituloindique{font-family: PantonBold; font-size:39px; line-height: 30px; color:#1C36A4;}

.inputindique{width:100%; border:1px solid #9a9a9a; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; padding:7px; padding-left:10px;}
.pform{margin:3px;}

.indiquebutton{width:100%; border:1px solid #1C36A4; background:#1C36A4; color:#FFFFFF; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; padding:7px; padding-left:10px;}

#slideplanovalor {position:relative; clear:both; width:100%; height:50px; padding-left:10px; margin-top:30px; margin-left:5px;}


#slideitem{position:relative; overflow: hidden; width:100%; border:0px solid #d5d5d5;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px;
  -webkit-box-shadow: -1px 7px 15px -5px rgba(0,0,0,0.54); -moz-box-shadow: -1px 7px 15px -5px rgba(0,0,0,0.54); box-shadow: -1px 7px 15px -5px rgba(0,0,0,0.54);}
#slidenomeplano{position:relative; width:200px; margin:0 auto; font-family: 'PantonBold'; color:#2776bc; text-align: center; border:1px solid; border-bottom:0; border-color:#00a1e4;border-radius: 10px 10px 0 0;}
#slidevelplano{font-family: 'PantonExtraBold'; font-size:38px; color:#1C36A4;  text-align: center; margin-bottom:40px;}
#slidevelplanozero{font-family: 'PantonExtraBold'; font-size:0; color:#1C36A4; line-height: 0;  text-align: center; margin:0;}


#slideitemdestaque{position:relative; width:100%; background:#1C36A4; border:1px solid #1C36A4; padding:30px; padding-bottom:20px; border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px;}
#slidenomeplanodestaque{font-family: 'PantonSemiBold'; color:#FFFFFF;  text-align: center;}
#slidevelplanodestaque{font-family: 'PantonExtraBold'; font-size:38px; color:#FFFFFF;  text-align: center;}


#submenu{width:100%; margin:0 auto; clear:both; height:67px;  background:#0033A8;}

a.topmenu:link{font-family:PantonBold; font-size:16px; text-decoration:none; color:#1C36A4; text-align:center;transition: all 0.5s ease-in-out 0.1s;}
a.topmenu:visited{text-decoration:none; color:#1C36A4;}
a.topmenu:hover{text-decoration:none; color:#1C36A4; }
a.topmenu:active{text-decoration:none; }

#wifincluso{font-family:'PantonBold'; font-size:24px; color: #1C36A4; margin-top:10px; margin-bottom:5px;}
#vantagensplanos{position:relative; clear:both; width:100%; height:30px;  margin-top:10px; margin-bottom:10px;}
#quadradiusazul{width:28px; height:28px; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; background:#1C36A4; float:left; margin-right:5px; padding:3px; padding-left:4px;}
#legquadradazul{font-size:14px; line-height: 12px; color: #1C36A4; float:left; padding-top:3px;}
#instalagratis{font-size:14px; color:#0033a8; font-family: 'PantonSemiBold'; clear:both;margin-top:5px; margin-bottom:5px; margin-left:20px;}
#maisdetalhes{font-size:14px; color:#0033a8; font-family: 'PantonRegular'; clear:both;margin-top:5px; margin-bottom:5px; text-align:center;}

#wifinclusodestaque{font-family:'PantonBold'; font-size:24px; color: #ffffff; margin-top:10px; margin-bottom:5px;}
#quadradiusazuldestaque{width:28px; height:28px; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; background:#ffffff; float:left; margin-right:5px; padding:3px; padding-left:4px;}
#legquadradbranco{font-size:14px; line-height: 12px; color: #ffffff; float:left; padding-top:3px;}
#instalagratisdestaque{font-size:16px; color:#ffffff;; font-family: 'PantonBold'; clear:both;margin-top:5px; margin-bottom:5px;}

a.maisdetalhes:link{font-family:PantonRegular; font-size:14px; text-decoration:none; color:#1C36A4; text-align:center; transition: all 0.5s ease-in-out 0.1s;}
a.maisdetalhes:visited{text-decoration:none; color:#1C36A4;}
a.maisdetalhes:hover{text-decoration:none; color:#1C36A4; }
a.maisdetalhes:active{text-decoration:none; }

a.maisdetalhesb:link{font-family:PantonBold; font-size:16px; text-decoration:none; color:#ffffff; text-align:center; transition: all 0.5s ease-in-out 0.1s;}
a.maisdetalhesb:visited{text-decoration:none; color:#ffffff;}
a.maisdetalhesb:hover{text-decoration:none; color:#ffffff; }
a.maisdetalhesb:active{text-decoration:none; }

#indiqueamigoconect{position:relative; width:100%; margin-top:50px;}
#indiqueamigoconectmobile{position:relative; width:100%; margin-top:50px; display:none;}

#botaoautoatendimento{position:relative; font-family: 'PantonSemiBold'; font-size:18px; line-height:16px; width:135px; height:135px; margin:20px; padding:15px; border:1px solid #1C36A4; float:left; padding-top:70px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;transition: all 0.5s ease-in-out 0.1s;}
.botaoatendimento{width:100%; height:100%; background:#ffffff;  display:block; cursor:pointer;}

a.btautoatendimento:link{color:#1C36A4;}
a.btautoatendimento:visited{color:#1C36A4;}


.bt2via{background:#ffffff;background-image:url("../img/botao2via.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat;}  
.bt2via:hover{background:#1C36A4;background-image:url("../img/botao2viab.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat; color: #ffffff;}

.btsuporte{background:#ffffff;background-image:url("../img/botaosuporte.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat;}  
.btsuporte:hover{background:#1C36A4;background-image:url("../img/botaosuporteb.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat; color: #ffffff;}

.btconsultar{background:#ffffff;background-image:url("../img/botaoconsultar.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat;}  
.btconsultar:hover{background:#1C36A4;background-image:url("../img/botaoconsultarb.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat; color: #ffffff;}

.bthistorico{background:#ffffff;background-image:url("../img/botaohistorico.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat;}  
.bthistorico:hover{background:#1C36A4;background-image:url("../img/botaohistoricob.png"); background-size:50px 50px; background-position: 0 20px ; background-repeat: no-repeat; color: #ffffff;}

#itemdicas{position:relative; width:500px; height:282px; float:left; margin:20px}

#planarea{position:relative; width:820px; margin:0 auto; clear:both;}
#plan{position:relative; float:left;}

#planvantagens{position:relative; padding:12px; float:left;}
#plandivisor{position:relative; width:1px; border-right:1px solid #00AFEF; height: 150px; top:20px; float:left}

.plantit{font-family: PantonExtraBold; font-size:50px; line-height:50px; color:#00146E;}
.plansubtit{font-family: PantonBold; font-size:25px; line-height:50px; color:#00146E;}
.planttextitem {font-family: PantonBold; font-size:20px; line-height: 18px; color:#1C36A4}
.plantitvantagens{font-family: PantonExtraBold; font-size:20px; line-height:20px; color:#00146E; text-align: center;}
.plandescvantagens{font-family: PantonRegular; font-size:14px; line-height:14px; color:#1C36A4}

.planquinze{width:15%;}
.planvinte{width:20%}
.pantrinta{width:30%}
.planquarenta{width:40%;}
.plancinquenta{width:50%;}
.plansessenta{width:60%;}

#botaoassineplano{position:relative; display:block; width:200px; margin:0 auto; cursor:pointer; padding-top:4px; padding-bottom:4px; margin-bottom:15px; text-align:center; clear:both; background:#FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;transition: all 0.5s ease-in-out 0.1s;}
#botaoassineplano:hover{background:#FBDB24;}

a.botaoassineplano:link{font-family:PantonBold; font-size:20px; text-decoration:none; color:#1C36A4; transition: all 0.5s ease-in-out 0.1s;}
a.botaoassineplano:visited{text-decoration:none; color:#1C36A4; }
a.botaoassineplano:hover{text-decoration:none;}
a.botaoassineplano:active{text-decoration:none;}

@media only screen and (min-width: 601px) and (max-width: 1039px){
  #menulinks{display:none;}
  #menubuttons{display:none;}
  #menulogo{padding-left:30px;}
  #menumobile{display:block;}
  
  a.menuitem:link{font-family: PantonSemiBold; font-size: 18px; color:#7a7a9f;}
  a.menuitem:visited{text-decoration:none; color:#7a7a9f; }
  a.menuitem:hover{text-decoration:none;}
  a.menuitem:active{text-decoration:none;}

  

  #planos{padding-left:50px; padding-right:50px; }

  .planoarrow{--swiffy-slider-nav-light: #1C36A4 !important; --swiffy-slider-nav-dark: #1C36A4 !important;}

  .titulopadrao1{font-size: 34px; line-height:38px;}
  .subtitulopadrao1{font-size: 25px; line-height:28px;}


  #containerabas {width: 100%;max-width:330px;margin:0 auto;}

   #sliderplanos{width:330px; margin:0 auto; margin-top:20px;}

   .modalnormal{width:100%; background:#ffffff; }
   .modalblue{width:100%; background:#0033A8;}




  #slideplanovalor {position:relative; clear:both; width:100%; height:50px; padding-left:10px;}

  #wifincluso{padding-left:40px;}
  #wifinclusodestaque{padding-left:40px;}

  #vantagens{max-width:350px; height:740px;}

  #item4{width:310px;}
  #item4botao{width:155px; padding:5px; overflow:hidden; float:left;}

  #botaoautoatendimento{margin:10px;}

  #portalconect{display:block; width:100%; height:720px; margin:0 auto; margin-top:80px; background:#0f2173; background-size:100%; background-position: 0 0; background-repeat: no-repeat;}

  #auto1{position:relative; width:50%; margin:0 auto; height:250px; float:none; top:-160px;}
  #auto2{position:relative; width:80%; margin:0 auto; height:500px; padding-top: 60px; float:none;}

  .titulopadrao2{font-family: PantonExtraBold; font-size: 44px; line-height:48px; text-align:left; color:#FFF;}
  .subtitulopadrao2{font-family: PantonRegular; font-size: 26px; line-height:28px; text-align:left; color:#FFF; margin-top:20px; padding-right:20px;}

  #media2{position:relative; width:45%; float:left; margin-top:20px; margin-left:20px;}
  .media230{padding-left:10px;}

  #autoatendimento{width:100%; max-width:350px; height:500px;}


  #rodape{position:relative; width:100%; height:700px; margin-top:0px;padding-top:30px; padding-bottom:30px; padding-left:30px; padding-right:30px;}
  #rodapearea{position:relative; margin:0 auto; width:100%; max-width:400px;}
  #rodapep1{position:relative; float:none;}
  #rodapemeio{width:90%;float:left; padding-left:20px; padding-bottom:10px;}

  #linha{margin-top:10px; height:20px;}

  .subtitulopadrao3{font-family: PantonRegular; font-size: 20px; line-height:24px; text-align:center; color:#FFF; margin-top:20px;}

  .textobrancorodape{font-family: PantonRegular; font-size: 12px; line-height:14px; margin-top:15px; color:#ffffff;}

  #itemsocial{position:relative; width:130px; height:30px; margin:0 auto; margin-top:-10px;}

  .subtitulopadrao3{font-family: PantonRegular; font-size: 22px; line-height:22px; text-align:center; color:#FFF; margin-top:10px;}

  a.visualizacontrato:link{font-size:12px; top:20px; text-decoration:none; color:#FFFFFF; text-align:center;}
  a.visualizacontrato:visited{text-decoration:none; color:#FFFFFF;}
  a.visualizacontrato:hover{text-decoration:none; }
  a.visualizacontrato:active{text-decoration:none; }

  #indiqueamigoconect{display:none;}
  #indiqueamigoconectmobile{display:block;}

  #areaindique{width:550px;}
  .tituloindique{font-family: PantonBold; font-size:25px; line-height: 20px; color:#1C36A4;}
  #colunaumindique{width:100%;}
  #colunadoisindique{width:100%; margin:0;}

  #submenu{display:none;}

  #vantagemarea{display:none;}
  #vantagemareamobile{display:block;}

  #portalconect2{display:none;}

  #itemdicas{position:relative; width:500px; height:282px; float:left; margin:20px}

  #whatsappbutton{position:fixed; width:53px; height:53px; z-index:99999; float:right; right:33px; bottom:87px;}
}




@media only screen and (max-width: 600px){

   #menulinks{display:none;}
   #menubuttons{display:none;}
   #menulogo{padding-left:30px;}
   #menumobile{display:block;}
   
   a.menuitem:link{font-family: PantonSemiBold; font-size: 18px; color:#7a7a9f;}
   a.menuitem:visited{text-decoration:none; color:#7a7a9f; }
   a.menuitem:hover{text-decoration:none;}
   a.menuitem:active{text-decoration:none;}

   #slidertop{display:none;}
   #slidermobile{display:block;}

   #planos{padding-left:50px; padding-right:50px; }

   .planoarrow{--swiffy-slider-nav-light: #FFFFFF !important; --swiffy-slider-nav-dark: #FFFFFF !important;}

   .titulopadrao1{font-size: 36px; line-height:40px;}
   .subtitulopadrao1{font-size: 23px; line-height:26px;}

   #containerabas {width: 100%;max-width:330px;margin:0 auto;}

   #sliderplanos{width:330px; min-width:330px; margin:0 auto; margin-top:20px;}
   #instalagratis{scale:1.1; margin-left:40px;}

   .modalnormal{width:100%; background:#ffffff; }
   .modalblue{width:100%; background:#0033A8;}

   
   #slideitem{position:relative; overflow: hidden; width:100%; border:0px solid #d5d5d5;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px;}
 

   #slideplanovalor {position:relative; clear:both; width:100%; height:50px; padding-left:20px; scale: 1.2;}


   #wifincluso{padding-left:10px;}
   #wifinclusodestaque{padding-left:10px;}

   #clubedevantagens{display:none;}
   #clubedevantagensmobile{display:block;}

   #vantagens{max-width:350px; height:640px;}

   #item4{width:310px;}
   #item4botao{width:155px; padding:5px; overflow:hidden; float:left;}

   #botaoautoatendimento{margin:10px;}

   #portalconect{display:block; width:100%; height:650px; margin-top:80px; background-size:530%; background-position: -80px 0; background-repeat: no-repeat;}

   #auto1{position:relative; width:70%; margin:0 auto; height:250px; float:none; top:-80px;}
   #auto2{position:relative; width:80%; margin:0 auto; height:500px; padding-top: 0; float:none; padding-top:0px;}

   .titulopadrao2{font-family: PantonExtraBold; font-size: 52px; line-height:46px; text-align:left; color:#FFF;}
   .subtitulopadrao2{font-family: PantonRegular; font-size: 24px; line-height:24px; text-align:left; color:#FFF; margin-top:20px; padding-right:20px;}

   #media2{position:relative; width:50%; float:left; margin-top:0px;}
   .media230{padding-left:0;}

   #autoatendimento{width:100%; max-width:350px; height:500px;}


   #rodape{position:relative; width:100%; min-width:350px; height:760px; overflow:hidden; padding-top:30px; padding-bottom:50px; padding-left:30px; padding-right:30px;}
   #rodapearea{position:relative; margin:0 auto; width:100%; max-width:600px;}
   #rodapep1{position:relative; float:none;}
   #rodapemeio{width:95%;margin:0 auto; padding-left:00px; padding-bottom:30px;}
   .logoconectrodape{display:none;}

   #linha{margin-top:10px; height:20px;}

   .subtitulopadrao3{font-family: PantonRegular; font-size: 20px; line-height:24px; text-align:center; color:#FFF; margin-top:20px;}

   .textobrancorodape{font-family: PantonRegular; font-size: 12px; line-height:14px; margin-top:15px; color:#ffffff;}

   #itemsocial{position:relative; width:130px; height:30px; margin:0 auto; margin-top:-10px;}

   .subtitulopadrao3{font-family: PantonRegular; font-size: 22px; line-height:22px; text-align:center; color:#FFF; margin-top:10px;}

   a.visualizacontrato:link{font-size:12px; top:20px; text-decoration:none; color:#FFFFFF; text-align:center;}
   a.visualizacontrato:visited{text-decoration:none; color:#FFFFFF;}
   a.visualizacontrato:hover{text-decoration:none; }
   a.visualizacontrato:active{text-decoration:none; }

   #indiqueamigoconect{display:none;}
   #indiqueamigoconectmobile{display:block;}


   #areaindique{width:350px;}
   .tituloindique{font-family: PantonBold; font-size:28px; line-height: 22px; color:#1C36A4;}
    #colunaumindique{width:100%;}
    #colunadoisindique{width:100%; margin:0;}

    #submenu{display:none;}

    #vantagemarea{display:none;}
    #vantagemareamobile{display:block;}

    #portalconect2{display:none;}

    #itemdicas{position:relative; width:350px; height:197px; float:left; margin:0; margin-bottom:10px;}

    #whatsappbutton{position:fixed; width:50px; height:50px; z-index:99999; float:right; right:32px; bottom:90px;}
}