body {
	margin: 0;
	padding: 0;
}
.topo {
    background: url(../imagens/fundo-site.png) no-repeat center top;
    position: relative;
    z-index: 9;
}
.logo img {
	margin-top: 50px;
	width: 85%;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.botao-direito {
  padding-top: 156px;
  background: url(../imagens/botao-direita.png) no-repeat top center;
}
.botao-esquerdo {
  padding-top: 156px;
  background: url(../imagens/botao-esquerda.png) no-repeat top center;
}
.botao-esquerdo a, .botao-direito a {
  display: block;
  line-height: 50px;
  color: #D9A60B;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  text-align: center;
}

.contato {
	margin: 20px 0;
	text-align: center;
	color: #1D3D92;
	line-height: 26px;
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
}

.contato span {
	display: block;
	font-weight: bold;
}
.navbar {
	z-index: 8;
	position: relative;
}
.navbar-nav {
	background: url(../imagens/fundo-menu.png) no-repeat top center;
	padding: 5px 0 0;
	margin: 0;
}

.navbar-nav li {
	list-style: none;
	float: left;
	width: 12.5%;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
}
.navbar-nav li.ultimo a{
	border-right: 0 !important;
}
.navbar-nav li:first-child a{
	border-left: 0;
}
.navbar-nav li a{
	display: block;
	background: transparent;
	text-align: center;
	border-right: 1px solid #0F2B71;
	border-left: 1px solid #1D3D91;
	line-height: 36px;
	font-size: 16px;
	color: #D9A60B;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s linear;
}
.navbar-nav li a:hover {
	background: #1D3D91;
	transition: all 0.3s linear;
	text-decoration: none;
}

#slide {
	margin-top: -150px;
    position: relative;
    z-index: 0;
}


/* Rodape */

.rodape {
	background: url(../imagens/rodape.png) repeat-x top;
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        position: relative;
        z-index: 5;
}

.rodape + .rodape {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
}
.rodape  .menu-principal {
	margin: 5px 0 0 0;
	padding: 0;
}
.rodape .menu-principal li {
	list-style: none;
	float: left;
	width: 15.8333333333333%;
	margin-left:1%;
}
.rodape .menu-principal li:first-child {
	margin-left: 0;
}
.rodape .menu-principal li a {
	display: block;
	text-align: center;
	color: #D9A60B;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	border-radius: 6px;
    transition: all 0.2s linear;
    background: #10286e;
}
.rodape .menu-principal li a:hover {
     transition: all 0.2s linear;
   background: #d9a406;
   color: #10286e;
   text-decoration: none;
}
.rodape h4{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: normal;
	font-family: 'Oswald', sans-serif;
    color: #0e2a6f;
}
.rodape h4 + p, .rodape h4 + p + p {
	line-height: 18px;
	color:#999;
}
.rodape .fa {
	margin-right: 10px;
}
.rodape h5{
	margin-top: 0;
	margin-bottom: 10px;
	color: #2ea98a;
}
.rodape h5 + p {
	font-size: 12px;
	line-height: 14px;
	color:#999;
}

.rodape .localiza {
	display: block;
	text-align: center;
    background: url(../imagens/fundo-telefone.jpg) repeat-y center;
	color: #FFF;
	padding: 15px;
	border-radius: 8px 0 8px 0;
	min-height: 32px;
	font-weight: bold;
    transition: all 0.2s linear;
	line-height: 14px;
}
.rodape .localiza:hover {
    transition: all 0.2s linear;
   background: url(../imagens/fundo-telefone.jpg) repeat-y -50px;
}


.flag h2{color:#6a6a6a;font-size:2.6em;font-weight:normal;margin-top:77px;text-align:center} 
.flag h3{color:#a5a5a5;font-size:1.6em;font-weight:normal;margin-top:12px;text-align:center} 
.flag p{font-size:14px;font-family:Arial;color:#999;text-align:center} 
.flag ul{margin:0;padding:0;list-style-type:none;margin-top:45px;text-align:center} 
.flag ul li{border:1px solid #e3e3e3;border-radius:4px;display:inline-block;font-size:1.2em;height:30px;line-height:30px;margin:0 5px;width:124px} ul li a{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} 
.flag ul li.selected{border-color:#6ebd45;background-color:#6ebd45} 
.flag ul li.selected a{color:#fff} .flag{text-align:center;margin-top:10px;overflow:hidden} 
.flag span{background-image:url("../imagens/flags.png"); text-indent: -2999px;background-repeat:no-repeat;border:1px solid #eee;display:inline-block;float:left;height:44px;margin:0 7px 18px 0;position:relative;width:73px}
.flag span.parcel:after{background-color:#f9880c;border-radius:50%;color:#fff;display:block;font-size:1.1em; text-indent:1; display:none;font-weight:bold;height:26px;line-height:26px;position:absolute;text-align:center;width:26px;bottom:-13px;right:-13px} 
.flag span.x3:after{content:"4x"} 
.flag span.x6:after{content:"6x"} 
.flag span.x10:after{content:"10x"} 
.flag span.x12:after{content:"12x"} 
.flag span.x18:after{content:"18x"} 
.flag span.visa{background-position:-18px -12px} 
.flag span.mastercard{background-position:-18px -83px} 
.flag span.americanexpress{background-position:-18px -153px} 
.flag span.hipercard{background-position:-19px -223px} 
.flag span.diners{background-position:-20px -293px} 
.flag span.elo{background-position:-20px -363px} 
.flag span.aura{background-position:-21px -433px} 
.flag span.plenocard{background-position:-17px -493px} 
.flag span.personalcard{background-position:-17px -573px} 
.flag span.cardban{background-position:-17px -633px} 
.flag span.valecard{background-position:-17px -713px} 
.flag span.brasilcard{background-position:-19px -785px} 
.flag span.fortbrasil{background-position:-19px -855px} 
.flag span.Cabal{background-position:-17px -923px} 
.flag span.mais{background-position:-17px -992px} 
.flag span.avista{background-position:-17px -1064px} 
.flag span.grandcard{background-position:-17px -1134px} 
.flag span.sorocred{background-position:-17px -1204px} 
.flag span.maestro{background-position:-18px -1273px} 
.flag span.banricompras{background-position:-17px -1333px} 
.flag span.visaelectron{background-position:-19px -1414px} 
.flag span.cabaldebito{background-position:-17px -1473px} 
.flag span.hsbc{background-position:-19px -1553px} 
.flag span.bradesco{background-position:-19px -1764px} 
.flag span.itau{background-position:-19px -1694px} 
.flag span.bb{background-position:-19px -1624px} 
.flag span.banrisul{background-position:-17px -1833px} 
.flag span.boleto{background-position:-19px -1902px} 
.flag span.ticket{background-position:-17px -1973px}


.rodape .artigo span {
	float: left;
	margin-right: 10px;
	display: block;
	overflow: hidden;
	height: 50px;
}
.rodape .artigo {
	margin-bottom: 20px;
	border-bottom-color: #EEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 15px;
}
.rodape  .artigo a {
	line-height: 16px;
	margin: 0px;
	min-height:50px;
	display:block;
	color: #888;
	text-decoration: none;
}
.rodape .artigo a:hover {
	color:#151515;
}


.rodape .politicas p {
	font-size: 12px;
}
.rodape .conheca {
	display: block;
    text-align: center;
    background: #eeeeee;
    color: #9e1413;
    border-radius: 8px 0 8px 0;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: normal;
    transition: all 0.2s linear;
}
.rodape .conheca:hover {
	    background: #DDD;
}
.rodape .borda-baixo {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.rodape-fim {
    background: url(../imagens/borda-slide.jpg) no-repeat center top;
    padding: 20px 0;
    color: #FFF;
    font-size: 12px;
}
.borda-slide{
	background: url(../imagens/fundo-titulo.jpg) repeat-x center top;
	margin-top: -150px;
	padding-top: 160px;
}

.rodape-fim a{
	color: #FFF;
}

.rodape .logo img {
	margin-top: 0;
	width: 100%;
}

.rodape h3 {
	color: #0e296f;
	margin-bottom: 30px;
  font-size: 20px;
font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  }
  .rodape {

  }
  .divida {
  	border-top: 3px solid #e7e8ee;
  	padding-top: 30px;
  	margin-top: 30px;
  }
.rodape h3 span {
	font-size: 18px;
	display: block;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: normal;
font-family: 'Oswald', sans-serif;
    color: #5f78b5;
}
.rodape p {
	color: #5f78b5;
	font-size: 16px; 
}
.rodape .newsletter__client-email {
    width: 65%;
    height: 40px;
    line-height: 40px;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
    border: none;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.rodape .newsletter__send {
    background-color: #0e296e;
    background-image: none;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    width: 20%;
    height: 40px;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    color: #d9a60b;
}
.endereco address span {
	font-size: 24px;
	line-height: 32px;
	margin-top: 50px;
font-family: 'Oswald', sans-serif;
    color: #0e2a6f;
}
.rodape .blog h4 {
    font-size: 14px;
    color: #FFEEA9;
    display: block;
    background: url(../imagens/titulo-h3-blog.png) repeat-x bottom;
    line-height: 14px;
    padding: 5% 5%;
    text-align: center;
    position: absolute;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 0px;
    text-shadow: 1px 2px 2px #FFF;
}
.rodape .blog img {
  border: 2px solid #FFF;
  border-radius: 5px;
}
.rodape .image {
    height: 80px !important;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.atendimento span {
font-family: 'Oswald', sans-serif;
    color: #5f78b5;
    font-size: 16px;
}

.rodape .logo img {
	margin-bottom: 0;
}

#backtop {
    position: fixed;
    left:auto;right: 20px;top:auto;bottom: 100px;
    outline: none;
    overflow:hidden;
    color:#fff;
    text-align:center;
    background-color:rgba(16, 40, 110,0.84);
    height:40px;
    width:40px;
    line-height:40px;
    font-size:14px;
    border-radius:8px 0 8px 0;
    cursor:pointer;
    transition:all 0.3s linear;
    z-index:999999;

    opacity:1;
    display:none;
}
#backtop:hover {
    background-color:#dcaa13;
}
#backtop.mcOut {
    opacity:0;
}
.conteudo h1{
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.conteudo h1 span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #506bb1;
}
.bread {
    color: #FFF;
    margin-bottom: 50px;  
    font-size: 16px; 
  display: inline-block;
}
.bread .principal {
  display: inline-block;
  padding: 2px 25px 2px 20px;
  float: left;
    background: #10286e;
    border-radius: 100px;
    z-index: 4;  
    position: relative;
  }
  .bread a {
    display: block;
    font-size: 14px;
  }

.bread .centro {
  padding: 2px 25px 2px 20px;
  display: inline-block;
  float: left;
    z-index: 3;
    border-radius: 100px;
    position: relative;
    background: #1b3b8e;
    margin-left: -5px;
  }
.bread .inicio {
  padding: 1px 15px 1px 15px;
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  float: left;
    z-index: 5;
    color: #1b3b8e;
    border-radius: 100px;
    position: relative;
    border: 1px solid #1b3b8e;
    margin-left: -5px;
  }
.bread .fim {
    background: #506bb1;
    border-radius: 100px;
    margin-left: -5px;
    position: relative;
    z-index: 2;
} 


.bread a {
  color: #FFF;
}

.bread a:hover {
  text-decoration: underline;
  color: #FFF;
}
.paragrafo {
	text-align: justify;
}


.menu-interno {
  margin: 0;
  padding: 0;
}
.menu-interno h4 {
  color: #f25821;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.menu-interno li {
  list-style: none;
}
.menu-interno li a {
  display: block;
  padding: 8px 10px;
  color: #1b3b8e;
  font-size: 18px;
  margin-bottom: 5px;
      border: 1px solid #1b3b8e;
  border-radius: 7px;
  background: #FFF;
  font-family: 'Oswald', sans-serif;
    transition: all 0.2s linear;
}
.menu-interno li a:hover {
  background: #1b3b8e;
  color: #d9a505;
  text-decoration: none;
    transition: all 0.2s linear;
}


.menu-interno .fa {
  font-size: 14px;
  margin-right: 5px;
  margin-left: 5px;
}


/* menu categorias */
#menu-categorias > li{
	list-style: none;
	background-color: #1B3C8F;
	margin-bottom: 4px;
}
#menu-categorias > li#active a{
	text-decoration: underline;
	padding: 6px 6px 6px 16px;
}
#menu-categorias > li > a{
	display: block;
	width: 100%;
	padding: 6px;
	color: #FFF;
}
/* fim menu categorias */


.paragrafo h2, .paragrafo h3 {
	font-weight: normal;
}

.paragrafo h2 {
	margin-top: 0;
}


.ende {
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #15327e;
	color: #15327e;
	text-align: center;
}

.suporte h4 {
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.botao {
	padding: 20px;
	border-radius: 10px;
	background: #15327e;
	color: #D9A60B;
	transition: all 0.3s linear;
	font-size: 18px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	display: block;
	margin-top: 30px;
	font-weight: normal;
}
.botao:hover {
	text-decoration: none;
	background: #D9A60B;
	transition: all 0.3s linear;
	color: #FFF;
}

.contata button {
    padding: 5px 0;
    background-color: #10286e ;
    color: #D9A60B;
    margin-left: auto;
    width: 100%;
    height: auto !important;
    display: block;
    border-radius: 8px;
    font-weight: bold;
    margin-right: auto;
    border: none;
    cursor: pointer;
    outline: none;
}

.imagem img {
  border: 5px;
}
.imagem {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 10px;
}

.blog h2 {
  font-size: 26px;
      color: #506bb1;
}



.mais-produtos {
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    background: #1ea17f;
    color: #FFF;
    font-weight: bold;
}

.mais-produtos:hover {
  color: #fff;
  background: #9f1716;
  font-weight: bold;
  transition-duration: 0.5s;
}

.ver-novidade {
    display: block;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
    color: #FFF;
    background: #D9A60B;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.2s linear;
}

.ver-novidade:hover {
    background: #506bb1;
    text-decoration: none;
    color: #FFF;
}


/*Produtos*/

.produtos {
}

.produtos h3 {
  text-align: center;
  margin-top: 50px;
  color: #506bb1;
  margin-bottom: 30px;
  font-size: 32px;
}
.produtos a:hover{
  text-decoration: none;
}
.produtos .produto {
  border: 1px solid #506bb1;
  border-radius: 6px;
  background: #FFF;
  padding: 20px;
    transition: all 0.2s linear;
  margin-bottom: 40px;
}
.produtos .produto:hover {
    transition: all 0.2s linear;
  border: 1px solid #D9A60B;
}
.produtos .produto:hover h4 {
    transition: all 0.2s linear;
  color: #D9A60B;
}
.produtos .produto h4 {
  font-size: 20px;
    transition: all 0.2s linear;
  color: #506bb1;
  margin: 10px 0 20px;
  min-height: 60px;
  text-align: center;
}
.produtos .produto .detalhes {
  background: #506bb1;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
  display: block;
    transition: all 0.3s linear;
  border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
    color:#FFF;
  text-transform:uppercase;
  font-weight:bold;
}
.produtos .produto:hover .detalhes {
  background: #D9A60B;
}
.produtos .produto .detalhes:hover {
    transition: all 0.3s linear;
  background: #D9A60B;
}
.produtos .produto .imagem-produto {
  overflow: hidden;
  height: 160px;
  border-radius: 10px;
}
.produtos .produto .imagem-produto img {
  border-radius: 10px;
}

.produtos h2 {
  text-align: center;
  color: #506bb1;
  margin-top: 50px;
  margin-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;

}
.insti {
    background: url(../imagens/fundo-insti.jpg) repeat-x top;
}
.insti h1 {
  color: #dba80e;
  margin-top: 50px;
  text-align: center;
}

.insti h1 + p {
   color: #FFF;
 text-align: center;
 margin-bottom: 50px;
}




.bk_produtos{
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    border-radius: 5px;
    display: block;
}
 .bk_produtos span{
      margin: 15px 2px 20px 2px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    padding-bottom: 11px;
    padding-top: 14px;
    text-align: center;
}
.bk_produtos span img{
  text-align: center;
  margin: 0 auto 0 auto;
}
.bk_produtos .button-group .cart form{
   width: 100%;
   margin-bottom: 0;
}

.bk_produtos .button-group .cart form input{
    background: transparent;
    padding: 0px;
    width: 80% !important;
    position: relative;
    border: none;
    outline: none;
    border: 0px solid #EDEDED;
    border-bottom: 0px solid transparent;
    margin: 0 0 0px 0;
    box-shadow: none!important;
    text-align: center;
    font-size: 14px;
    -moz-box-shadow: none;
    font-weight: bold;
   box-shadow: none;
     color: #506bb1;
}
.bk_produtos span.car{
      margin: 0;
    background-color: #fff;
      border-radius: 6px;
    overflow: hidden;
    display: block;
     color: #506bb1;
   width: 30%;
   font-weight: bold;
    padding-bottom: 5px;
    padding-top: 6px;
    text-align: center;
    position: relative;
}
.bk_produtos span.car.pull-right{
    width: 65%;
}

.bk_produtos .button-group .cart form input#button{
       padding: 0px;
    background-color: transparent;
    margin-left: auto;
    color: #506bb1;
    font-weight: bold;
    display: block;
    margin-right: auto;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    outline: none;
    position: absolute;
}

.bk_produtos span.car i{
  width: 55px;
}
.cart {
  background: #506bb1;
  border-radius: 6px;
  padding: 5px;
}

a.carinho-top span.ico-car {
    padding: 6px;
    color: #191c93;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    border-radius: 100px;
    float: right;
    width: auto;
}


.carrinho a {
    display: block;
    padding: 8px 10px;
    color: #1b3b8e;
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
    border: 1px solid #1b3b8e;
    border-radius: 7px;
    background: #FFF;
    font-family: 'Oswald', sans-serif;
    transition: all 0.2s linear;
}
.carrinho a:hover {
  background: #1b3b8e;
  text-decoration: none;
  color: #FFF;
  }

  .carrinho tbody tr td input#drop {
    margin: 0px;
    padding: 0px;
    background-image: url('img/delete.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #e74c3c;
    height: 32px;
    cursor: pointer;
    outline: none;
}


.mapa {
  margin-bottom: -170px;
  border-top: 5px solid #e7e8ee;
}


.amarelo {
  display: block;
  background: url(../imagens/fundo-bloco.jpg) no-repeat right;
  min-height: 120px;
  text-align: center;
  border-top: 5px solid #EFD997;
    border-radius: 10px 10px 0 0; 
  }

.amarelo a {
  display: block;
}

.amarelo a:hover  {
  text-decoration: none;
}

.amarelo img {
  margin-top: 20px;
}

.amarelo h3 {
  text-transform: uppercase;
  color: #faf3de;
  letter-spacing: 1px;
  font-size: 16px;
  color: #1b3e97;
  margin-top: 0;
}

.amarelo + a {
  display: block;
  margin-top: -10px;
  text-align: center;
  color: #999;
  line-height: 14px;
  padding: 20px;
  background: url(../imagens/fundo-link.png) repeat-x top;
  margin-bottom: 30px;
}
.amarelo + a:hover {
  text-decoration: none;
}

.empresa {
  display: block;
  padding: 20px;
  background: url(../imagens/fundo-bloco-insti.png) repeat-x top;
  border-top: 5px solid #EFD997;
    border-radius: 10px 10px 0 0; 
}

.categoria {
  background: url(../imagens/categoria.png) no-repeat left;
  background-size: 100%;
  padding-left: 50px;
  text-align: left;
  padding-top: 20px;
  display: block;
  min-height: 40px; 
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  margin-bottom: 0px;
  transition: all 0.3s linear;
}
.categoria:hover {
  padding-left: 60px;
  text-decoration: none;
  color: #15327e;
  transition: all 0.3s linear;
}

.categorias {
      background: url(../imagens/fundo-categorias.png) repeat-x top;
      text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 50px;
}
.categorias h2 {
      color: #204298;

}
.postagem {
  margin-bottom: 30px;
  border-bottom: 1px dashed #204298;
  padding-bottom: 30px;
}
.postagem:hover .image {
  border:1px solid #D9A60B;
}
.postagem .image {
  width: 18%;
  float: left;
  margin-right: 3%;
    padding: 2%;
    border-radius: 8px;
    border: 1px solid #204298;
}
.postagem .image img {
  border-radius: 10px;
}

.postagem .texto {
  width: 72%;
  text-align: left;
  float: left;
  font-family: 'Oswald', sans-serif;
}
.postagem .texto a {
  text-decoration: none;
  color: #204298;
}
.postagem:hover .texto a {
  color: #D9A60B;
}

.categorias h2 + p {
  margin-bottom: 50px;
}


.chat {
    margin-top: 25px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 200;
}
.fechar-chat {
    position: absolute;
    right: 0px;
    background-color: #000;
    width: 30px;
    height: 20px;
    font-size: 12px; 
    line-height: 21px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    cursor: pointer;
}