/*
	DIOGENES JUNIOR
	CONTATO@DIOGENESJUNIOR.COM.BR
	
*/

/*---------------------------------
	RESETS
-----------------------------------*/

html,body{
    height: 100%;
}
body{
	overflow-x: hidden;
    background:#fff;
    font-family: 'Open Sans', sans-serif; 
}

@media(max-width: 540px){
  html,body{
    max-width: 100% !important;
    
  }
}

/*---------------------------------
	IMPORTS E CONSULTAS E MOBILE
	
XS = < 544px
SM = > 544px
MD = > 768px
LG = > 992px
XL = > 1200px

CSS GRID
-----------------------------------*/



.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

a{
  text-decoration: none;
}

img{
  max-width: 100%;
  height: auto;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited{
    font-family: 'Open Sans', sans-serif; 
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    height: 42px;
    padding-top: 7px;
    border-radius: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    background: #4857c0 !important;
    border-color: #4857c0 !important;
}



/*---------------------------------
  CALL TO ACTION
-----------------------------------*/
.call-to-action{
    background: #EBEBEC;
    padding-top: 15px;
    padding-bottom: 13px;
}

.call-to-action h3{
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}


@media(max-width: 540px){
    .call-to-action h3 {
        font-size: 14px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        line-height: 21px;
    }
}


.call-to-action h3 a,
.call-to-action h3 a:hover{ 
  color:#000;
  text-decoration: none;
}

.call-to-action h3 img{
    width: 26px;
    margin-left: 5px;
    margin-top: -2px;
}




/*---------------------------------
  LOOP
-----------------------------------*/
section.loop{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 0px;
}


section.loop .titulo-sessao{
    padding-top: 7px;
    padding-bottom: 20px;
}

section.loop .titulo-sessao h2{
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-style:oblique;
  font-size: 20px;
}

section.loop .titulo-sessao h2 img{
  width: 46px;
  height: auto;
  margin-top: -4px;
  margin-right: 7px;
}


@media(max-width: 540px){
    section.loop .titulo-sessao h2 {
      font-family: 'Raleway', sans-serif;
      font-weight: bold;
      font-style: oblique;
      font-size: 20px;
      padding-left: 20px;
  }
    section.loop .titulo-sessao h2 img {
      width: 46px;
      height: auto;
      margin-top: -15px;
      margin-right: 7px;
      margin-bottom: 23px;
      float: left;
  }
}

section.loop .btn-primary{
  position: relative;
  display: block;
  margin-top: 21px;
  width: 100%;
  /* margin-left: auto; */
  /* margin-right: auto; */
  z-index: 100;
}








/*---------------------------------
  PRODUTO
-----------------------------------*/
.produto{
   position: relative;
   display: block;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   height: 373px;
   margin-bottom: 24px;
   background: #fff;
   border: 1px solid #f2f2f2;
   filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
}

.produto .foto-produto{
  position: relative;
  display: block;
  width: 100%;
  height: 163px;
}

.produto .foto-produto a,
.produto .foto-produto a:hover{
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.produto .info-produto {
    text-align: center;
    padding: 20px;
    padding-top: 20px;
}

.produto .info-produto h3{
   font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    height: 38px;
}

.produto strike{
    display: block !important;
    font-size: 12px !important;
    color: #747474 !important;
}

.produto .info-produto h2{
   font-family: 'Open Sans', sans-serif;
   font-weight: normal;
   font-size: 21px;
   height: 58px;
}

.produto .info-produto h2 small{
   display: block;
   font-size: 13px;
   padding-top: 10px;
   color:#1AB520;
}

.produto .info-produto h2 small span{
  color:#1AB520;
}
.loop-menor .produto{
  height: 355px;
}

@media(max-width: 540px){
    .loop-menor .produto {
      height: 355px;
      width: 81%;
  }
  .banner-vertical{
    margin-bottom: 35px;
  }
}

.loop-menor .btn-primary {
    position: relative !important;
    display: block !important;
    margin-top: 12px !important;
    width: 100% !important;
    /* margin-left: auto; */
    /* margin-right: auto; */
    z-index: 100 !important;
    font-size: 13px !important;
    height: 37px !important;
    padding-top: 7px !important;
}

/*---------------------------------
  OUTROS ESTILOS
-----------------------------------*/
section.mini-banners{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 75px;
  padding-bottom: 0px;
}

section.mini-banners .mini-banner{
  margin-bottom: 25px;
}

section.mini-banners .mini-banner img{
  width: 100%;
  height: auto;
}


/*---------------------------------
  CATEGORIAS
-----------------------------------*/
.breadcrumb{
  padding: 0;
  border-radius: 0;
  background: none;
  padding-top: 20px;
  padding-bottom: 15px;
  color: #747474;
  font-size: 13px;
}

.breadcrumb a, .breadcrumb a:hover, .breadcrumb span{
  color: #747474;
  text-decoration: none;
  padding-right: 5px;
  font-family: 'Open Sans', sans-serif;
}

.breadcrumb span{

}

section.content .sidebar{

}


section.content .sidebar h3{
   font-weight: bold;
   font-family: 'Open Sans', sans-serif;
   color: #FA7923;
   font-size: 16px;
   border-bottom: 1px solid #f2f2f2;
   padding-bottom: 9px;
}

section.content .sidebar ul{
    padding-left: 9px;
    padding-top: 0px;
    margin-bottom: 25px;
}

section.content .sidebar ul li{
  list-style: none;
  padding-bottom: 1px;
}

section.content .sidebar ul li.sub{
  padding-left: 20px;
}

section.content .sidebar ul li a,
section.content .sidebar ul li a:hover{
   color: #747474;
   text-decoration: none;
   font-size: 14px;
}

section.content .desc-categoria{
  margin-bottom: 25px;
}

@media(max-width: 540px){
      section.content .desc-categoria {
        margin-bottom: 25px;
        text-align: left;
    }
}

section.content .desc-categoria h2{
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  margin-bottom: 17px;
  margin-top: 0px;
  padding-top: 0px;
      text-transform: uppercase;
    font-style: oblique;
}

section.content .desc-categoria p{
  color: #747474;
  font-size: 14px;
  line-height: 22px;
}

.paginacao-filtragem{
    margin-top: -3px;
    margin-bottom: 9px;
}

.paginacao-filtragem .paginacao{
  text-align: left;
}

.paginacao-filtragem .paginacao span,
.paginacao-filtragem .paginacao a{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0px solid #f2f2f2;
    color: #2a6386;
    white-space: nowrap;
    text-decoration: none;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none !important;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
    color: #000 !important;
}


.paginacao-filtragem .paginacao{
    position: relative;
    display: inline-block;
    width: auto;
    text-align: left;
    font-size: 0.9em;
    padding-left: 15px;
    margin-right: 12px;
}

.paginacao-filtragem .ordenacao{
    display: block;
    width: 181px;
    float: right;
    margin-top: 4px;
}

@media(max-width: 540px){
      .paginacao-filtragem .ordenacao {
        display: block;
        width: 100%;
        float: right;
        margin-top: 15px;
    }
}

.paginacao-filtragem .paginacao span.current{
  color: #fff !important;
  font-weight: bold;
  background: #FA7923 !important;
}

.paginacao-filtragem .paginacao a{
  text-decoration: none;
  color: #089E71;
  padding-left: 10px;
  padding-right: 10px;
}


#dataSelectList_length{
  display: none !important;
}

.paginacao-filtragem .ordenacao .form-control{
  font-size: 13px;
  margin-top: -3px;
}


@media(min-width: 541px){

    .paginacao-filtragem-bottom .paginacao{
      margin-left: -30px;
    }

    .paginacao-filtragem-bottom .ordenacao{
      margin-right: -16px;
    }

}


/*---------------------------------
  SINGLE PRODUTO
-----------------------------------*/

.single-produto{

}

.single-produto .coluna-um{

}

.single-produto .coluna-um .imagem-produto-grande{

}

.single-produto .coluna-um .imagem-produto-grande img{
  width: 100%;
  height: auto;
}

.single-produto .coluna-um .thumbs-produto{
  padding-top: 14px;
}

.single-produto .coluna-um .thumbs-produto .thumb-produto{
  position: relative;
  display: inline-block;
  width: 80px;
  height: 59px;
  margin-right: 6px;
  margin-bottom: 9px;
}

.single-produto .coluna-um .thumbs-produto .thumb-produto a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}


.single-produto .coluna-dois h1{
  font-weight: bold;
  font-style: oblique;
  font-size: 30px;
  margin-top: -5px;
  padding-top: 0px;
}

.single-produto .coluna-dois h1 small{
  display: block;
  margin-bottom: 24px;
  color: #747474;
  font-size: 15px;
  font-style: normal;
}


.single-produto .coluna-dois h2{
   margin-bottom: 26px;
}

.single-produto .coluna-dois h2 strike{
  display: block;
  color: #747474;
  font-weight: normal;
  opacity: 0.3;
  font-size: 22px;
}

.single-produto .coluna-dois h2 small{

}

.single-produto .coluna-dois h2 small {
  display: block;
  font-size: 17px;
  padding-top: 6px;
}
 
.single-produto .coluna-dois h2 small span {
    color: #1AB520;
}

.single-produto .coluna-dois p{
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 14px;
  padding-bottom: 20px;
  line-height: 24px;
}

.single-produto .coluna-dois .btn-success,
.single-produto .coluna-dois .btn-success:hover,
.single-produto .coluna-dois .btn-success:focus,
.single-produto .coluna-dois .btn-success:active,
.single-produto .coluna-dois .btn-success:visited{
    background: #5CB85C !important;
    border: #5CB85C !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold !important;
    font-style: oblique !important;
    width: 300px;
    height: 48px;
    padding-top: 11px;
    border-radius: 0px;
    max-width: 100%;
}

.single-produto .coluna-dois h5{
    font-size: 14px;
    margin-bottom: -2px;
    margin-top: -10px;
}

.single-produto .coluna-dois .cronometro-oferta{
  padding-bottom: 26px;
  position: relative;
  display: block;
  width: 182px;
  text-align: left;
}

@media(max-width: 540px){
  .single-produto .coluna-dois .cronometro-oferta{
    padding-bottom: 26px;
    position: relative;
    display: block;
    /* width: 100%; */
    text-align: left;
  }
}

.single-produto .coluna-dois .cronometro-oferta span{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
}
.single-produto .coluna-dois .cronometro-oferta small{
    position: relative;
    display: block;
    margin-top: -8px;
    font-size: 12px;
    opacity: 0.5;
}

.single-produto .coluna-dois .cronometro-oferta .col{
  padding-left: 0px;
  padding-right: 0px;
}

.single-produto .coluna-dois ul{
  padding-left: 0px;
  margin-left: 0px;
}

.single-produto .coluna-dois ul li{
  list-style: none;
  padding-bottom: 12px;
  font-size: 13px;
}

.single-produto .coluna-dois ul li img{
  width: 20px;
  height: auto;
  margin-right: 6px;
  margin-top: -3px;
}


.conteudo-produto-bottom{
  padding-top: 12px;
}

.conteudo-produto-bottom img{
  width: 100%;
  height: auto;
}

.conteudo-produto-bottom h3{
  font-style: oblique;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 16px;
}

.conteudo-produto-bottom p,
.conteudo-produto-bottom label,
.conteudo-produto-bottom .form-control{
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 14px;
  line-height: 24px;
}

.conteudo-produto-bottom .duvidas-produto{
  padding-top: 30px;
  background: #f7f7f7;
  padding: 30px;
  margin-top: 30px;
}

.conteudo-produto-bottom .duvidas-produto .btn-primary,
.conteudo-produto-bottom .duvidas-produto .btn-primary:hover,
.conteudo-produto-bottom .duvidas-produto .btn-primary:active,
.conteudo-produto-bottom .duvidas-produto .btn-primary:focus,
.conteudo-produto-bottom .duvidas-produto .btn-primary:visited{
  padding-top: 4px;
  font-weight: normal;
  font-size: 13px;
  width: 180px;
}
