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

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

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

@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
-----------------------------------*/



@font-face {
    font-family: 'made_tommy_outlineblack';
    src: url('fonts/made_tommy_black_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_black_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommyblack';
    src: url('fonts/made_tommy_black_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_black_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_outlinebold';
    src: url('fonts/made_tommy_bold_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_bold_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommybold';
    src: url('fonts/made_tommy_bold_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_bold_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_outlineextrabold';
    src: url('fonts/made_tommy_extrabold_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_extrabold_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommyextrabold';
    src: url('fonts/made_tommy_extrabold_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_extrabold_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_outlinelight';
    src: url('fonts/made_tommy_light_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_light_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommylight';
    src: url('fonts/made_tommy_light_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_light_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_outlinemedium';
    src: url('fonts/made_tommy_medium_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_medium_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommymedium';
    src: url('fonts/made_tommy_medium_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_medium_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_outlineregular';
    src: url('fonts/made_tommy_regular_outline_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_regular_outline_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommyregular';
    src: url('fonts/made_tommy_regular_personal_use-webfont.woff2') format('woff2'),
         url('fonts/made_tommy_regular_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.wow {
   visibility: hidden;
}
::selection { background: #757575; color: #fff; } ::-moz-selection { background: #757575; color: #fff; }


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

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

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

a{
  text-decoration: none;
}


.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited{
  font-size: 13px;
  border-radius: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 9px;
  margin-top: 10px;
  background: #e96b36;
  border:1px solid #e96b36;
}


.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:visited{
  font-size: 13px;
  border-radius: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 9px;
  margin-top: 10px;
  background: #003871;
  border:1px solid #003871;
  color: #fff !important;
}


/*---------------------------------
  MOBILE
-----------------------------------*/

.barra-de-navegacao,
.menu-mobile-side,
.menu-mobile-side-produtos{
  display: none;
}

@media(max-width: 540px){

    .barra-de-navegacao{
      position: fixed;
      display:block;
      background: #003871;
      z-index:9999;
      left:0;
      bottom:0;
      height:62px;
      width:100%;
      text-align: center;
      padding-top: 12px;
      padding-left: 20px;
      padding-right: 20px;
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    }

    .barra-de-navegacao a,
    .barra-de-navegacao a:hover{
      color: #fff !important;
      text-decoration: none !important;
      font-size: 12.5px;
    }

    .barra-de-navegacao img{
      width: 26px;
      margin-top: -21px;
      margin-bottom: -17px;
    }

    .barra-de-navegacao i{
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: -4px;
      margin-bottom: -21px;
      font-size: 22px;
    }


      /* MENU ADICIONAL CLIENTE */
      .menu-mobile-side{
        position: fixed;
        display: block;
        width: 80%;
        height: 100%;
        background: #fff;
        padding: 30px;
        z-index: 999999999999;
        box-shadow: -2px 0px 20px rgba(0, 0, 0, 0.16);
        top:0;
        /* right: -90%; */

        -webkit-transform: translateX(136%);
            transform: translateX(136%);
        transition: all 500ms ease-in;
        will-change: transform;
      }

      .menu-mobile-side-produtos{
        position: fixed;
        display: block;
        width: 80%;
        height: 100%;
        background: #fff;
        padding: 30px;
        z-index: 9999999999999;
        box-shadow: -2px 0px 20px rgba(0, 0, 0, 0.16);
        top:0;
        /* right: -90%; */
        -webkit-transform: translateX(136%);
        transform: translateX(136%);
        transition: all 500ms ease-in;
        will-change: transform;
      }

      .menu-mobile-side.aberto,
      .menu-mobile-side-produtos.aberto {
        -webkit-transform: translateX(27%);
        transform: translateX(27%);
        transition: all 900ms ease;
      }

      .menu-mobile-side nav ul,
      .menu-mobile-side-produtos nav ul,
      .menu-mobile-side-produtos ul{
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
      }

      .menu-mobile-side nav ul li,
      .menu-mobile-side-produtos nav ul li{
        list-style: none;
        padding-top: 13px;
        padding-bottom: 13px;
        border-top: 1px solid #e9e9e9;
      }

      .menu-mobile-side nav ul li a,
      .menu-mobile-side-produtos nav ul li a,
      .menu-mobile-side-produtos ul li a{
        text-decoration: none;
        color: #003871;
        font-size: 14px;
      }

      .menu-mobile-side nav ul li a img,
      .menu-mobile-side-produtos nav ul li a img,
      .menu-mobile-side-produtos ul li a img{
        width: 24px;
        height: auto;
        margin-right: 7px;
      }

      .menu-mobile-side nav ul li a i{
        font-size: 16px;
      }

      .menu-mobile-side nav ul li a i{
        border-radius: 100%;
        border-color: #003871;
      }

      .menu-mobile-side nav ul li:last-child,
      .menu-mobile-side-produtos nav ul li:last-child{
        border-bottom: none;
        border-top: 1px solid #e9e9e9;
      }

      .menu-mobile-side-produtos h3{
        font-size: 16px;
      }

      .fechar-menu-cliente{
        margin-bottom: 30px;
      }

      .fechar-menu-cliente a{
          text-decoration: none;
          color: #292929;
          font-size: 11px;
          float: right;
      }
      
      .fechar-menu-cliente a img{
        width: 22px;
        height: auto;
      }

      .menu-mobile-side-produtos .fechar-menu-cliente{
        margin-bottom: 30px;
      }

      .menu-mobile-side-produtos .fechar-menu-cliente a{
        text-decoration: none;
        color: #292929;
        font-size: 11px;
        float: left !important;
      }

      .menu-mobile-side-produtos .fechar-menu-cliente a img{
        width: 22px;
        height: auto;
      }

}






/*---------------------------------
  HEADER
-----------------------------------*/
header{
  position: relative;
  display: block;
  background:#fff;
  left: 0;
  width:100%;
  height: auto;
}

header .barra-superior{
  position: relative;
  display: block;
  background: #e96b36;
  text-align: center;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  letter-spacing: 0.75px;
  font-size: 12px;
  font-weight: normal;
  font-family: 'made_tommylight';
}

header .barra-superior p{
  margin-bottom: 0px;
}

header .barra-superior p b{
  font-family: 'made_tommybold' !important;
}

header .logo-e-menu{
  position: relative;
  display: block;
  padding-top: 20px;
}

header .logo-e-menu .logo{

}

@media(max-width: 540px){
   header .logo-e-menu .logo{
    text-align: center;
    padding-bottom: 28px;
   }
}

header .logo-e-menu .logo img{
  width: 120px;
  height: auto;
  max-width: 100%;
}




header .menu-desktop{
  position: relative;
  z-index: 9999;
  text-align: right;
}

@media(max-width: 540px){
   header .menu-desktop{
    display: none;
   }
}

header .menu-desktop nav {
  margin: 0px 0;
  padding-top: 10px;
  padding-bottom: 20px;
}

header .menu-desktop nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
  
header .menu-desktop nav ul li {
  display:inline-block;
  padding-bottom: 20px;
}


header .menu-desktop nav ul li.social{
  padding-left: 24px;
}

header .menu-desktop nav ul li.social i{
  border-radius: 100%;
  border: solid .08em #003871;
}


header .menu-desktop nav a {
    display: block;
    padding: 0 18px;
    color: #003871;
    font-size: 15px;
    line-height: normal;
    text-decoration: none;
    font-family: 'made_tommyregular';
    font-weight: normal;
    text-transform: none;
}

/*
header .menu-desktop nav a:hover { 
  background-color: #000000; 
}
*/

/* Hide Dropdowns by Default */
header .menu-desktop nav ul ul {
    display: none;
    position: absolute;
    top: 34px;
    /* left: 0; */
    margin-left: -18px;
    background: #f7f7f7;
    padding: 16px;
    text-align: left;
    z-index: 9999;
    padding-top: 22px;
    /* line-height: 24px; */
}
  
/* Display Dropdowns on Hover */
header .menu-desktop nav ul li:hover > ul {
  display:block;
}

  
/* Fisrt Tier Dropdown */
header .menu-desktop nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
  padding-bottom: 12px;
}


header .menu-desktop nav ul ul li a,
header .menu-desktop nav ul ul li a:hover{
  color: #003871;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  line-height: normal;
}


/* Second, Third and more Tiers */
header .menu-desktop nav ul ul ul li {
  position: relative;
  top:-60px; 
  left:170px;
}








/*---------------------------------
	SUPER BANNER
-----------------------------------*/
section.super-banner{
  position: relative;
  display: block;
  width:100%;
  height: 470px;
  background: #fff;
}

section.super-banner .item .container{
  text-align: center;
  padding-top: 78px;
  position: relative;
  height: 470px;
}

@media(max-width: 540px){
   section.super-banner .item .container{
    padding-top: 10px;
   }
}

section.super-banner .item .container h1{
  color: #003871;
  font-weight: normal;
  font-size: 48px;
  line-height: 52px;
  font-family: 'made_tommybold';
}

@media(max-width: 540px){
  section.super-banner .item .container h1 {
    color: #003871;
    font-weight: normal;
    font-size: 35px;
    line-height: 40px;
    font-family: 'made_tommybold';
  }
}

section.super-banner .item .container p{
  color: #003871;
  line-height: 18px;
  font-size: 14px;
}

section.super-banner .item .container p a:not(.btn-primary),
section.super-banner .item .container p a:not(.btn-primary):hover{
  text-decoration: underline;
  color: #e96b36;
  display: block;
  padding-top: 42px;
  padding-bottom: 18px;
  font-size: 1.2em;
}

@media(max-width: 540px){
    section.super-banner .item .container p a:not(.btn-primary),
    section.super-banner .item .container p a:not(.btn-primary):hover{
      text-decoration: underline;
      color: #e96b36;
      display: block;
      padding-top: 0px;
      padding-bottom: 18px;
  }
}

section.super-banner .item .container span{
  position: relative;
    display: block;
    width: 20px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/indicar-mais-conteudo.png) transparent no-repeat;
    background-size:100% 100%;
    z-index: 1;
}


section.super-banner .layer-background{
   position: absolute;
   top: 0;
   right: 0;
   width: 420px;
   padding-right: 5%;
   height: 100%;
   padding-top: 42px;
   background: url(../images/circulo-cinza.png) transparent no-repeat;
   background-size: 100% 100%;
   background-position: top;
}

@media(min-width: 541px) and (max-width: 1150px){
    section.super-banner .layer-background {
      position: absolute;
      top: 138px;
      right: -18px;
      width: 234px;
      height: 286px;
      padding-right: 5%;
      /* height: 276px !important; */
      padding-top: 42px;
      background: none;
      background-size: 100% 100% !important;
      background-position: top;
  }
}

@media(max-width: 540px){
   section.super-banner .layer-background{
    display: none;
   }
}

section.super-banner .layer-background img{
  width: 130%;
  max-width: 130%;
  margin-left: -30%;
  height: auto;
}


.imagem-mobile{
  display: none;
}

@media(max-width: 540px){
  .imagem-mobile{
    display: block;
  }
  .imagem-mobile img{
    width: 75% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }


}



/* CONTROLE DO BANNER (DESATIVADO) */
.controle-banner-na-homepage2{
  position: absolute;
  top: 165px;
  left: 0px;
  padding-top: 0px;
  width: 100%;
  height: auto;
}

@media(max-width: 540px){
  .controle-banner-na-homepage2{
    top: 220px;
    display: none;
  }
}

.controle-banner-na-homepage2 .owl-theme img{
    width: 36px !important;
    height: auto !important;
    opacity: 1;
    border-radius: 5px;
    border: 1px solid #cccccc !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 {
  position: absolute;
  top: 36.5%;
  left: 0;
  right: 0;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2{
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev,
.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none !important;
  border: none !important;
  z-index: 1;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
  left: 3px;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  right: 3px;
}

@media(max-width: 540px){

    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
      left: 3px;
    }
    
    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
      right: 3px;
    }

}




#carousel-custom-dots{
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 505;
}
#carousel-custom-dots li{
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  background: #f2f2f2;
  border-radius:100%;
}

#carousel-custom-dots li.owl-dot.active{
  background: #747474;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11); */
}




/*---------------------------------
  NOSSOS SERVIÇOS
-----------------------------------*/
section.nossos-servicos{
   position: relative;
   display: block;
   width: 100%;
   height: auto;
   background: #f2f2f2;
   padding-top: 30px;
   padding-bottom: 30px;
}

.titulo-sessao{
  position: relative;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.titulo-sessao h1{
  color: #003871;
  font-weight: bold;
  font-family: 'made_tommybold';
  font-size: 32px;
  margin-bottom: 22px;
  text-transform: uppercase;
}

section.nossos-servicos .loop-servicos{

}


section.nossos-servicos .caixa-caixa{

}



section.nossos-servicos .caixa-caixa .caixa{
   position: relative;
   display: block;
   background: #003871;
   padding: 20px;
   margin-bottom: 30px;
   color: #fff;
}

section.nossos-servicos .caixa-caixa .caixa.caixa-emergencial{
  background: #e96b36;
}




.pulse-caixa {
  box-shadow: 0 0 0 rgba(204,169,44, 0.7);
  animation: pulse-caixa 2s infinite;
}

/*
.pulse-caixa:hover {
  animation: none;
}
*/

@-webkit-keyframes pulse-caixa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse-caixa {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}







section.nossos-servicos .caixa-caixa .caixa .icone{
  padding-right: 0;
  padding-top: 15px;
}

section.nossos-servicos .caixa-caixa .caixa .icone img{
  width: 100%;
  height: auto;
}

section.nossos-servicos .loop-servicos-interna{
  text-align: center;
}

section.nossos-servicos .loop-servicos-interna .caixa-caixa .caixa .icone{
  padding: 0;
}
section.nossos-servicos .loop-servicos-interna .caixa-caixa .caixa .icone img{
  width: 116px;
  height: auto;
  margin-top:-29px;
}


section.nossos-servicos .caixa-caixa .caixa .conteudo-caixa{
  
}

section.nossos-servicos .caixa-caixa .caixa .conteudo-caixa h3{
   font-family: 'made_tommymedium';
   font-weight: normal;
   font-size: 18px;
}





section.nossos-servicos .caixa-caixa .caixa.caixa-emergencial h3{
  color: #003871;
}

section.nossos-servicos .loop-servicos-interna .caixa-caixa .caixa .conteudo-caixa h3 a{
   font-family: 'made_tommymedium';
   font-weight: normal;
   font-size: 16px;
   color: #fff;
   text-decoration: none;
   margin-top: -12px;
   margin-bottom: 20px;
}

section.nossos-servicos .loop-servicos-interna .caixa-caixa .caixa.caixa-emergencial .conteudo-caixa h3 a{
   font-family: 'made_tommymedium';
   font-weight: normal;
   font-size: 18px;
   color: #003871;
}



section.nossos-servicos .caixa-caixa .caixa .conteudo-caixa p{
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  margin-bottom: 10px;
}

section.nossos-servicos .caixa-caixa .caixa .conteudo-caixa p a.btn-primary{

}




/*---------------------------------
  ATENDIMEMNTO EM TODOS BRASIL
-----------------------------------*/
section.atendemos-em-todos-brasil{
    position: relative;
    display: block;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 400px;
    background: url(../images/background-atendimento.png) #e96b36 no-repeat;
    background-size: auto 100%;
    background-position: right;
    padding-top: 64px;
    padding-bottom: 64px;
}

@media(max-width: 1150px){
   section.atendemos-em-todos-brasil{
    background: #e96b36;
   }
}



section.atendemos-em-todos-brasil .conteudo-atendimento{
  text-align: center;
}

section.atendemos-em-todos-brasil .conteudo-atendimento h3{
  color: #003871;
  font-weight: bold;
  font-family: 'made_tommybold';
  font-size: 30px;
  line-height: 30px;
}

section.atendemos-em-todos-brasil .conteudo-atendimento p{
  color: #003871;
  font-size: 13px;
  line-height: 17px;
}

section.atendemos-em-todos-brasil .conteudo-atendimento p a,
section.atendemos-em-todos-brasil .conteudo-atendimento p a:hover{
   color: #fff;
   text-decoration: underline;
   font-size: 1.35em;
} 

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone{
  padding: 18px;
  position: relative;
  display: block;
  background: #003871;
  color: #fff;
  cursor: pointer;
  margin-bottom: 24px;
}

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone h3{
  color: #fff;
  margin-bottom: 14px;
}

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone h3 small{
  display: block;
  font-size: 13px;
  line-height: 18px;
  padding-bottom: 19px;
  /* font-family: 'made_tommymedium'; */
  font-family: 'made_tommyregular';
}

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone h3 span{
  color: #fff;
  font-family: 'made_tommyregular';
  font-size: 28px;
  text-decoration: underline;
}


section.atendemos-em-todos-brasil .conteudo-atendimento .telefone p{

}

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone p a{

}

section.atendemos-em-todos-brasil .conteudo-atendimento .telefone img{
  position: absolute;
  left: -19px;
  top: -19px;
  width: 55px;
  height: auto;
  z-index: 10;
}

@media(max-width: 540px){
  section.atendemos-em-todos-brasil .conteudo-atendimento .telefone img {
      position: absolute;
      left: -9px;
      top: -14px;
      width: 48px;
      height: auto;
      z-index: 10;
  }
}


/*---------------------------------
  CLIENTES
-----------------------------------*/
section.clientes-atendidos{
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f2f2f2;
}

section.clientes-atendidos .caixa-cliente{
  margin-bottom: 30px;
}

section.clientes-atendidos .caixa-cliente .cliente{
    
    position: relative;
    background-position: center center;
    width: 100%;
    height: 88px;
}




/*---------------------------------
  DEPOIMENTOS
-----------------------------------*/

section.depoimentos{
  position: relative;
  display: block;
  background: #e96b36;
  padding-top: 42px;
  padding-bottom: 8px;
}

section.depoimentos .coluna-um{
  text-align: center;
  padding-top: 100px;
  padding-bottom: 30px;
}

@media(max-width: 540px){
  section.depoimentos .coluna-um{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 112px;
  }
}

section.depoimentos .coluna-um h3{
  color: #003871;
  font-weight: bold;
  font-family: 'made_tommybold';
  font-size: 30px;
  line-height: 30px;
  padding-top: 44px;
}

section.depoimentos .coluna-dois{
   text-align: center;
}


section.depoimentos .coluna-dois img{
  width: 300px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#carousel-depoimentos-dots{
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 505;
  padding-top: 27px;
}
#carousel-depoimentos-dots li{
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  background: #f2f2f2;
  border-radius:100%;
}

#carousel-depoimentos-dots li.owl-dot.active{
  background: #003871;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11); */
}


#efeitoTopo,
#efeitoBottom{
  position: absolute;
  display: block;
  width: 100px;
  height: auto;
  z-index: 1;
}

#efeitoTopo{
  top: 100px;
}
#efeitoBottom{
  right: 28px;
  top: 213px;
}

.conteudo-em-si{

}

@media(max-width: 540px){
   .conteudo-em-si{
    padding-left: 25px;
    padding-right: 25px;
   }
}

.conteudo-em-si p,
.conteudo-em-si ul li,
.conteudo-em-si ol li,
.conteudo-em-si blockquote{
  color: #003871;
  font-size: 15px;
  line-height: 22px;
}


.conteudo-em-si p b,
.conteudo-em-si ul li b,
.conteudo-em-si ol li b,
.conteudo-em-si blockquote b{
  font-family: 'made_tommybold';
}

.conteudo-em-si p strong,
.conteudo-em-si ul li strong,
.conteudo-em-si ol li strong,
.conteudo-em-si blockquote strong{
  font-family: 'made_tommybold';
}







.conteudo-em-si.conteudo-em-si-single p,
.conteudo-em-si.conteudo-em-si-single ul li,
.conteudo-em-si.conteudo-em-si-single ol li,
.conteudo-em-si.conteudo-em-si-single blockquote{
  color: #8e8e8e !important;
  font-size: 15px;
  line-height: 22px;
}

.conteudo-em-si iframe{
  max-width: 100%;
  height: auto;
}

.titulo-interno h1{
  font-size: 50px;
}

@media(max-width: 540px){
  .titulo-interno h1{
    font-size: 29px;
  }
}

.conteudo-em-si h1,
.conteudo-em-si h2,
.conteudo-em-si h3,
.conteudo-em-si h4,
.conteudo-em-si h5{
  color: #003871;
  font-weight: bold;
  font-family: 'made_tommybold';
  margin-bottom: 22px;
}


.conteudo-em-si h1.titulo-single{
  font-family: 'made_tommymedium';
  font-size: 28px;
  text-align: center;
}

.conteudo-em-si h1.titulo-single small{
  display: block;
  font-size: 14px;
}

.conteudo-em-si h1.titulo-single small a,
.conteudo-em-si h1.titulo-single small a:hover{
  color: #e96b36;
  text-decoration: none;
}

.conteudo-em-si img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.conteudo-em-si img.alignleft{
  margin-right: 20px;
}

.conteudo-em-si img.alignright{
  float: right;
}


.recomendacoes{
  border-top: 3px solid #f2f2f2;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blocos-quem-somos{

}


.blocos-quem-somos .super{

}

.blocos-quem-somos .super img{
  width: 100%;
  height: auto;
}


.blocos-quem-somos .separador{
  text-align: center;
  padding-top: 42px;
  padding-bottom: 58px;
}

.blocos-quem-somos .separador img{
  width: 42px;
  height: auto;
}

.blocos-quem-somos .left-midia,
.blocos-quem-somos .right-midia{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 50px;
}

.blocos-quem-somos .midia{

}

.blocos-quem-somos .midia img{
  width: 100%;
  height: auto;
}

.blocos-quem-somos .conteudo-em-si{
   padding: 55px;
}

.blocos-quem-somos .conteudo-em-si p{

}



.pre-servicos{
  position: relative;
  display: block;
  background: #e96b36;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
  color: #003871;
  margin-top:30px;
}

.pre-servicos h3{
  font-family: 'made_tommymedium';
  font-size: 28px;
}

.pre-servicos h3 blockquote{
    font-family: 'made_tommyregular';
    font-size: 23px;
    padding-top: 15px;
}



#raio1,
#raio2{

}

#raio1{
  position: absolute;
  display: block;
  top: -71px;
}

#raio2{
  position: absolute;
  display: block;
  bottom: -71px;
  right: 0;
}

@media(max-width: 540px){
  #raio1,
  #raio2{
    display: none;
  }
}


.conteudo-servico{
  position: relative;
  display: block;
  height: auto;
  min-height: 400px;
  background: #003871;
}

.super-banner-servicos{

}

.super-banner-servicos .container{
  padding-top: 20px !important;
}

.super-banner-servicos p.icone img{
  width: 74px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

@media(max-width: 540px){
  .super-banner-servicos{
    height: auto !important;
    padding-bottom: 30px;
  }
  .super-banner-servicos .container{
  padding-top: 0px !important;
  height: auto !important;
}
  .super-banner-servicos p.icone img {
    width: 60px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.super-banner-servicos .imagem-mobile img {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
}

section.super-banner-servicos .item .container h1{
  font-size: 35px;
  line-height: 38px;
  text-transform: uppercase;
}

@media(max-width: 540px){
  section.super-banner-servicos .item .container h1 {
      font-size: 24px;
      line-height: 29px;
  }
}

section.super-banner-servicos .layer-background{
  width: 500px;
}

.conteudo-servico{
   padding-top: 45px;
   padding-bottom: 45px;
}

.conteudo-servico .titulo-sessao{

}


.conteudo-servico .titulo-sessao h1{
  color: #fff;
}

.conteudo-servico .conteudo-em-si *{
  color: #fff;
}
.conteudo-servico .conteudo-em-si p{
  color: #fff;
}


.conteudo-servico .coluna-dois{

}

.conteudo-servico .coluna-dois img{
  position: relative;
  z-index: 5;
}

.conteudo-servico .circle{
  position: absolute;
    display: block;
    width: 300px;
    height: 300px;
    background: #fff;
    top: 0;
    right: -35px;
    border-radius: 100%;
    z-index: 0;
}

@media(max-width: 540px){
    

     .conteudo-servico .coluna-um{
        padding-bottom: 30px;
     }
    .conteudo-servico .coluna-dois img {
      position: relative;
      z-index: 5;
      margin-top: 27px;
  }
  
  .conteudo-servico .circle{
      position: absolute;
      display: block;
      width: 280px;
      height: 280px;
      background: #fff;
      top: 0;
      right: auto;
      border-radius: 100%;
      z-index: 0;
      margin-left: auto;
      margin-right: auto;
    }
}

.conteudo-servico .caixa-branca{
    width: 530px;
    max-width: 100%;
    height: auto;
    padding: 42px;
    padding-left: 68px;
    padding-right: 68px;
    background: #fff;
    margin-top: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    box-shadow: 15px 15px 0px #e96b36;
}

@media(max-width: 540px){
  .conteudo-servico .caixa-branca{
        padding: 20px;
        margin-top: 110px;
  }
}

.conteudo-servico .caixa-branca h3{
    color: #003871;
    font-size: 24px;
}
.conteudo-servico .caixa-branca ul{
  padding-left: 18px;
}
.conteudo-servico .caixa-branca ul li{
  color: #003871;
}

.conteudo-servico .caixa-branca p{
  color: #003871 !important; 
}

.header-blog{
  position: relative;
  background: #f0f0f0;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 85px;
  text-align: center;
  margin-bottom: 20px;
}
.header-blog h1{
   color: #fff;
    padding: 13px;
    width: 100%;
    font-weight: normal;
    font-size: 32px;
    background: #003871;
    box-shadow: 15px 15px 0px #e96b36;
    font-family: 'made_tommybold' !important;
}



.loop-blog{
  padding-top: 40px;
}


.loop-blog .postagens-blog{

}


.caixa-blog{

}

.caixa-blog .blog{
  background: #e8e8e8;
  height: 260px;
  margin-bottom: 30px;
  padding: 5px;
}


.caixa-blog .blog .imagem-blog{
  position: relative;
  display: block;
  left: 0;
  width: 100%;
  height: 101px;
}

.caixa-blog .blog .imagem-blog a,
.caixa-blog .blog .imagem-blog a:hover{
   position: relative;
   display: block;
   text-decoration: none;
   width: 100%;
   height: 100%;
}

.caixa-blog .blog h3{
  padding: 10px;
  line-height: 15px;
}

.caixa-blog .blog h3 small{
  display: block;
    font-size: 11px;
    margin-bottom: 0px;
}

.caixa-blog .blog h3 small a,
.caixa-blog .blog h3 small a:hover{
  color: #e96b36;
    text-decoration: none;
}

.caixa-blog .blog h3 span{
  font-family: 'made_tommybold' !important;
    font-weight: normal;
    font-size: 16px;
}

.caixa-blog .blog h3 span a,
.caixa-blog .blog h3 span a:hover{
  color: #003871;
    text-decoration: none;
}

.caixa-blog .blog p{
      color: #003871;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: -11px;
    font-size: 13px;
    line-height: 17px;

}

.caixa-blog .blog p a,
.caixa-blog .blog p a:hover{
   color: #003871;
} 




.blog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 40px 0 0 0;
  padding-top: 20px;
  padding-bottom: 40px;
}

.blog__pagination button,
.blog__pagination span,
.blog__pagination a {
  border: 1px solid #003871;
  border-radius: 4px;
  background: unset;
  font-size: 16px;
  padding: 6px 14px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  color: #003871;
  margin: 0 4px;
  font-weight: 600;
}

@media screen and (max-width: 960px) {
  .blog__pagination button,
  .blog__pagination span,
  .blog__pagination a {
    font-size: 13px;
    margin: 0 2px;
    padding: 5px 12px;
  }
}

.blog__pagination button:hover,
.blog__pagination span:hover,
.blog__pagination a:hover, {
  background: rgba(48, 122, 189, 0.16);
}

.blog__pagination button.active,
.blog__pagination span.current {
  border: 1px solid #003871;
  color: #fff;
  background: #003871;
}



.sidebar-blog{

}

@media(max-width: 540px){
  .sidebar-blog{
    padding-bottom: 42px;
  }
}

.sidebar-blog .form-control{
  border-radius: 0px;
  font-size: 14px;
}

.sidebar-blog form .form-group i{
    float: right;
    margin-top: -27px;
    opacity: 0.4;
    margin-right: 12px;
    z-index: 10;
    cursor: pointer;
}

.sidebar-blog h4{
  font-weight: normal;
  color: #666;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 27px;
}

.sidebar-blog nav ul{
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
}

.sidebar-blog nav ul li a,
.sidebar-blog nav ul li a:hover{
  color: #666;
  text-decoration: none;
  opacity: 0.75;
  font-size: 14px;
}


.sidebar-blog .tags a{
    border: 1px solid #ccc;
    color: #666;
    padding: 6px;
    padding-left: 11px;
    padding-right: 11px;
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    opacity: 0.85;
    border-radius: 20px;
    text-decoration: none;
    margin-bottom: 8px;
}





section.contato .telefone{
  padding: 18px;
  position: relative;
  display: block;
  background: #003871;
  color: #fff;
  cursor: pointer;
  margin-bottom: 24px;
}

section.contato .telefone h3{
  color: #fff;
  margin-bottom: 14px;
}

section.contato .telefone h3 small{
  display: block;
  font-size: 13px;
  line-height: 18px;
  padding-bottom: 19px;
  /* font-family: 'made_tommymedium'; */
  font-family: 'made_tommyregular';
}

section.contato .telefone h3 span{
  color: #e96b36;
  font-family: 'made_tommyregular';
  font-size: 28px;
  text-decoration: underline;
}


section.contato .telefone p{

}

section.contato .telefone p a{

}

section.contato .telefone img{
  position: absolute;
  left: -19px;
  top: -19px;
  width: 55px;
  height: auto;
  z-index: 10;
}

@media(max-width: 540px){
  section.contato .telefone img {
      position: absolute;
      left: -9px;
      top: -14px;
      width: 48px;
      height: auto;
      z-index: 10;
  }
}


section.contato .coluna-um{
  padding-top: 32px;
  padding-bottom: 65px;
}

section.contato .coluna-um h1{
  font-size: 32px;
}

section.contato .coluna-um p{
  font-size: 13px !important;
  line-height: 19px !important;
  margin-bottom: 7px !important;
}

section.contato .coluna-um p.disclaimer{
   color: #e96b36 !important;
}


section.contato .coluna-dois{
  padding-top: 95px;
}

section.contato .coluna-dois p a,
section.contato .coluna-dois p a:hover{
  text-decoration: underline;
  color: #e96b36;
}

@media(max-width: 540px){
  section.contato .coluna-um{
    padding-bottom: 30px;
  }
  section.contato .coluna-dois {
      padding-top: 0px;
      padding-bottom: 50px;
  }
}


/*---------------------------------
  WHATSAPP
-----------------------------------*/
.whatsapp {
    position: fixed;
    display: block;
    bottom: 64px;
    left: auto;
    right: 18px;
    z-index: 99999;
    border-radius: 100%;
    animation: pulse-caixa 2s infinite;
}

@media(max-width: 540px){
  .whatsapp {
      position: fixed;
      display: block;
      bottom: 80px;
      left: auto;
      right: 11px;
      z-index: 99999;
      border-radius: 100%;
      animation: pulse-caixa 2s infinite;
  }
}

.whatsapp img {
    width: 53px;
    height: auto;
}



/*---------------------------------
  FOOTER
-----------------------------------*/

footer{
 position: relative;
 display: block;
 width: 100%;
 height: auto;
 min-height: 200px;
 padding-top: 34px;
 background: #003871;
 color: #fff;
}

footer .coluna-um{

}

footer .coluna-um img{
  width: 101px;
}

footer .coluna-dois{

}

footer .coluna-dois h4,
footer .coluna-tres h4{
  color: #e96b36;
  font-size: 18px;
}

@media(max-width: 540px){
  footer .coluna-dois h4, footer .coluna-tres h4 {
      color: #e96b36;
      font-size: 17px;
      margin-top: 29px;
  }
}

footer .coluna-dois nav{

}

footer .coluna-dois nav ul{
  padding-left: 0;
  list-style: none;
}

footer .coluna-dois nav ul li{
  padding-bottom: 0px;
}

footer .coluna-dois nav ul li a,
footer .coluna-dois nav ul li a:hover{
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}




footer .coluna-tres nav{

}

footer .coluna-tres nav ul{
  padding-left: 0;
  list-style: none;
}

footer .coluna-tres nav ul li{
  padding-bottom: 7px;
}

footer .coluna-tres nav ul li a,
footer .coluna-tres nav ul li a:hover{
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}


footer .coluna-tres nav ul li a img{
  margin-right: 7px;
  width: 28px;
  height: auto;
}

footer .coluna-quatro form{
  background: #e96b36;
  padding: 7px;
}


@media(max-width: 540px){
  footer .coluna-quatro form {
      background: #e96b36;
      padding: 7px;
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

footer .coluna-quatro .form-group{

}

footer .coluna-quatro .form-group .form-control{
   background: transparent;
   border: 1px solid #fff;
   border-radius: 0px !important;
   font-size: 13px;
   outline: none !important;
   box-shadow: none !important;
   color: #fff;
} 
footer .coluna-quatro .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

footer .coluna-quatro .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

footer .coluna-quatro .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}



footer .coluna-quatro .form-group textarea.form-control{

}

footer .coluna-quatro form .btn-default,
footer .coluna-quatro form .btn-default:hover{
  width: 100%;
  border-radius: 0px !important;
  margin-top: -11px;
  margin-bottom: 0px;
}



@media(max-width: 540px){
  footer .coluna-quatro .form-group .form-control{
    font-size: 14px;
  }
  footer .coluna-quatro form .btn-default, 
  footer .coluna-quatro form .btn-default:hover{
    font-size: 14px;
  }
}



footer .footer-bottom{
  position: relative;
  display: block;
  background: #e96b36;
  text-align: center;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  letter-spacing: 0.75px;
  font-size: 12px;
  font-weight: normal;
  font-family: 'made_tommylight';
  margin-top:30px;
}


@media(max-width: 540px){
   footer .footer-bottom{
    padding-bottom: 78px;
   }
}

footer .footer-bottom p{
   margin-bottom: 0px;
}

footer .footer-bottom p b{
  font-family: 'made_tommybold' !important;
}