/*--------------------
Cartão Número
---------------------*/

 .cartaoNumber {
   width: 100%;
   margin-top: 15px;
 }

 .cartaoNumber>span {
   margin-left: 64px;
 }

 .cartaoNumero {
   width: 230px;
   background: transparent;
   border: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #000;
   letter-spacing: 0px;
   text-align: left;
   text-transform: uppercase;
   line-height: 1.8;
 }

 .contadorNumber {
   margin-top: -15px;
   color: #fff;
   font-weight: bold;
 }

 .contadorNumberdestaque {
   color: #fff;
 }

 /*--------------------
Cartão Nome
---------------------*/

 .cartaoNome {
   width: 100%;
   margin-top: 5px;
 }

 .cartaoNome>span {
   margin-left: 64px;
 }

 .cartaoNomeinput {
   width: 230px;
   background: transparent;
   border: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   text-align: left;
   line-height: 1.8;
   letter-spacing: 0px;
   text-transform: uppercase;
 }

 /*--------------------
Cartão Layout
---------------------*/

 .cartaoUnimed {
   width: 300px;
   height: 178px;
   position: relative;
   margin: 0 auto;
   background-color: #008c50;
   overflow: hidden;
   z-index: 1;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin-top: 20px;
   margin-bottom: 20px;
   /*---------
    Sombreado
    ---------*/
   -webkit-box-shadow: 0 15px 24px rgba(37, 44, 65, 0.32);
   -moz-box-shadow: 0 15px 24px rgba(37, 44, 65, 0.32);
   box-shadow: 0 15px 24px rgba(37, 44, 65, 0.32);
 }

 .cartaoUnimed-content {
   width: 100%;
   padding: 20px;
   position: relative;
   float: left;
   z-index: 1;
 }

 #logo-unimed {
   position: relative;
   margin-top: -4px;
   left: 190px;
 }

 /*--------------------
Cartão Fundo
---------------------*/

 .cartaoFundo {
   height: 300px;
   width: 300px;
   position: relative;
   background: #b1d34b;
   z-index: -1;
 }

 .cartaoFundo:before, .cartaoFundo:after {
   content: "";
   display: block;
   position: absolute;
   background: #00995d;
 }

 .cartaoFundo:before {
   height: 360px;
   width: 360px;
   border-bottom: 6px solid #fff;
   left: -5%;
   top: -95%;
 }

 @media (max-width: 260px) {
  .cartaoUnimed {
    display: none;
  }
}