/***************************************************************************
                                Descrição
****************************************************************************
  Theme Name: Fisioterapeuta  --  Joeferson Dias
  Theme URI: #
  Description: Fisioterapeuta  --  Joeferson Dias
  Author: Geovani Assis Pereira
  Author URI: #
  Version: 1.0
****************************************************************************

**************************** Cores

**************************** Fonts*/

  @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Roboto:wght@500&display=swap');

  @font-face { font-family: candlescript; src: url(fonts/candlescript.otf); }

/*************************** All */

  *{ transition: cubic-bezier(1, 1, 0, -0.01) .4s all; }

  * p,
  .owl-carousel *{ transition: none; }

  select:hover,
  select:focus,
  select:visited,
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
    cursor: pointer;
  }

  main{ margin-top: 100px; }

  h3{
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #0db26b;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    text-transform: uppercase;
    margin-top: 0;
  }
  p{
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
  }

  .pd--0{ padding: 0 !important; }
  .pd-lft--15{ padding-left: 15px !important; }
  .pd-lft--60{ padding-left: 60px !important; }
  .pd-lft--75{ padding-left: 75px !important; }
  .pd-lft--95{ padding-left: 95px !important; }
  .pd-lft--110{ padding-left: 110px !important; }
  .pd-lft--120{ padding-left: 120px !important; }
  .pd-lft--130{ padding-left: 130px !important; }

  .txt_center{ text-align: center !important; }

  .mr-bot-30{ margin-bottom: 30px; }
  .mr-top-bot-50{
    margin-top: 50px;
    margin-bottom: 50px;
  }


  .flex05{ flex: 0.5 !important; }
  .flex15{ flex: 1.5 !important; }

  .desktop{ display: block !important; }
  .tablet{display: none !important;}
  .desktopTablet{ display: block !important; }
  .mobile{display: none !important;}

  .linha hr{
    border: solid 2px;
    border-image: linear-gradient(to right, #0db26b 0%, #0db26b 33%, #e4b515 33%, #e4b515 67%, #820000 67%, #820000 100%) 1;
    margin: -2px 0 0 0;
    z-index: 9;
    position: sticky;
    width: 100%;
  }

  .btnPadrao{
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
    font-family: 'Roboto', sans-serif;
    color: #e0b215;
    background: #0dad68;
    font-size: 22px;
    padding: 10px;
    margin: 20px 0;
    width: fit-content;
    float: right;
    border-radius: 10px;
    border: solid 2px #000;
    cursor: pointer;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #000;
    text-shadow: 0 0 2px black;
    box-shadow: 5px 3px 0px black;
  }
  .btnPadrao:hover{
    box-shadow: none;
  }

/*************************** Menu */

  header{
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
    background-image: url('img/menu.png');
    background-position-x: center;
    position: fixed;
    height: 140px;
    width: 100%;
    z-index: 10;
    top: 0;
  }
  #menuNav{
    display: flex;
    text-align: center;
  }
  #menuNav .option{
    flex: 1;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #0db26b;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: #000;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;    
    place-self: center;
    margin-top: 35px;
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
  }
  #menuNav .option a{
    color: #0db26b;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: #000;   
  }
  #menuNav .option:hover a{
    color: #e0b215;
  }

  #menuNav .option a.ativo{
    color: #e0b215;
  }

  #menuLogo img{
    width: 100%;
    margin: 15px 0;    
  }

/*************************** Home - Banner */

  #owl-banner .item{
    width: 100%;
    height: 435px;
  }
  #owl-banner .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #owl-banner .item .texto{
    margin-top: -180px;
  }
  #owl-banner .item .texto h2{
    color: #0db26b;
    font-size: 60px;
    font-weight: 900;
    line-height: 70px;
    font-style: italic;
    text-transform: uppercase;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
    font-family: 'Do+Hyeon', sans-serif;
  }
  #owl-banner .owl-dots{
    position: absolute;
    bottom: 0;
    left: 20%;
  }
  #owl-banner .owl-dots .owl-dot{
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
  }
  #owl-banner .owl-dots .owl-dot span{
    background-color: #0db26b;
    border: solid 2px #000;
    width: 15px;
    height: 15px;
    margin: 3px 7px;
  }
  #owl-banner .owl-dot.active span{
    background-color: #e4b515;
  }

/*************************** Home - Quem Sou */

  #sou{
    margin-top: 30px;
  }
  #sou img{
    width: 80%;
    border-radius: 20px;
    float: right;
  }

/*************************** Home - Especialidades */

  #especialidades{
    margin-top: 15px;
    padding-top: 95px;
    background: url("img/especialidades/bg-especialidades.jpg") no-repeat;
    background-position-x: center;
  }

  #especialidades p{
    margin-bottom: 70px;
  }


  #owl-home-especialidade{
    background: linear-gradient(180deg, rgba(2,0,36,0) 30%, rgba(13,173,104,1) 30%);
  }

  #owl-home-especialidade .item{
    padding-bottom: 90px;
  }
  #owl-home-especialidade .center .item{
    padding-bottom: 84px;
  }


  #owl-home-especialidade img{
    filter: brightness(0.5);
    margin-top: 10px;
    margin-bottom: 6px;
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
  }

  #owl-home-especialidade .center{
    margin: -10px 0 0 -10px;
    z-index: 9;
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
  }

  #owl-home-especialidade p{
    margin: 0;
    margin-bottom: 0;
    position: absolute;
    top: calc( 100% - 30px );
    right: 0;
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
    opacity: 0;
    color: #e0b215;
    -webkit-text-stroke-width: 0.2px;
    text-shadow: 0 0 4px black;
    -webkit-text-stroke-color: #000;
  }
  #owl-home-especialidade  .center p{
    opacity: 1;
  }

  #owl-home-especialidade .center img{
    filter: brightness(1);
    width: calc( 100% + 20px);
    z-index: 9;
    margin-bottom: -10px;
    border: solid 1px #000;
  }

  #owl-home-especialidade h4{
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: -35px 0 0 20px;
    color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    z-index: 13;
    position: absolute;
    opacity: 0.5;
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
  }
  
  #owl-home-especialidade .center h4{
    margin: 10px 0 0 20px;
    opacity: 1;
  }

/*************************** Home - Contatos */

  #contatoHome{
    margin-top: 50px;
    background: url(img/bg-jd.jpg) no-repeat center center;
  }

  #contatoHome h3{
    color: #e0b215;
    margin-bottom: 30px
  }

  #contatoHome .contato{
    border-radius: 7px;
    margin-bottom: 20px;
    height: 64px;
    padding-right: 10px;
    max-width: 300px;
  }

  #contatoHome .contato img{
    float: left;
    margin-right: 10px;
  }

  #contatoHome .contato h4{
    margin-top: 5px;
    font-size: 100%;
    float: right;
    color: white;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
  }

  #contatoHome .contato p{
    float: right;
    color: white;
  }

  #contatoHome .facebook{
    background-color: #5167ad;
  }
  #contatoHome .whatsapp{
    background-color: #00af62;
  }
  #contatoHome .whatsapp h4{
    font-size: 95%;
  }
  #contatoHome .instagram{
    background-color: #e4b515;
  }
  #contatoHome .instagram img{
    margin-left: -2px;
  }
  #contatoHome .email{
    background-color: #dd1414;
  }
  #contatoHome .email p{
    margin: -8px 0 0 0;
    line-height: 19px;
    text-align: right;
  }
  #contatoHome .ligacao{
    background-color: #9c9c9c;
  }

  #form-agendamento input,
  #form-prontuario input,
  #form-agendamento select,
  #form-agendamento textarea{
    width: 100%;
    border: none;
    border-bottom: solid 2px #e4b515;
    background-color: #ffffff00 !important;
    margin-bottom: 20px;
    height: 35px;
    font-size: 17px;
  }
  
  #form-prontuario input{
    border-bottom: solid 2px #0dad68 !important;
  }

  #form-agendamento .submit,
  #form-prontuario .submit{
    transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
    font-family: 'Roboto', sans-serif;
    color: #e0b215;
    background: #0dad68 !important;
    font-size: 22px;
    padding: 5px 20px;
    height: auto;
    margin: 20px 0;
    width: fit-content;
    float: right;
    border-radius: 10px;
    border: solid 2px #000;
    cursor: pointer;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #000;
    text-shadow: 0 0 2px black;
    box-shadow: 5px 3px 0px black;
  }

  #form-agendamento textarea{
    height: 100px;
    resize: none;
  }
  #form-agendamento .titulo,
  #form-prontuario .titulo{
    position: absolute;
    margin: 4px 0 0 0;
    font-size: 17px;
  }

/*************************** Home - Mapas */
  #mapa{
    min-height: 350px;
    /*background: url(img/mapas/todos.jpg) no-repeat center center;*/
  }

  #mapa .col-lg-12{
    min-height: 350px;
  }

  #mapa h3{
    color: #e4b515;
    width: fit-content;
    background: #fff;
    padding: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0 15px black;
  }

  #mapa .bloco {
    background-color: white;
    width: 100%;
    text-align: right;
    margin-left: -80%;
    border-radius: 20px;
    padding: 15px;
    box-shadow: 0 0 15px black;
  }

  #mapa .bloco p{
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #0db26b;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
  }

  #btnST{ color: #03A9F4 !important; }
  #btnSV{ color: #da0000 !important; }
  #btnGU{ color: #e4b515 !important; }

  #mapa-google{
    position: absolute;
    margin-top: -350px;
    z-index: -1;
    width: 100%;
  }

  #imgST,
  #imgSV,
  #imgGU{
    display: none;
  }

/*************************** Quem Sou */

  .titulo{
    margin-bottom: 60px;
  }
  .banner-interno{
    margin-top: -100px;
    width: 100%;
    height: 271px;
    object-fit: cover;
  }
  .titulo-interno{
    font-family: candlescript;
    color: #e4b515;
    font-size: 45px;
    margin-top: -100px;
    text-shadow: 0 0 5px black;
  }

  #lattes .bloco{
    background: #0f4687;
    padding: 0;
    margin: 30px 15px;
    text-align: center;
    border-radius: 10px;
    width: calc( 100% - 30px);
    min-height: 80px;
    display: inline-flex;
    align-items: center;
    place-content: center;
    cursor: pointer;
  }
  
  #lattes .bloco img{
    margin: 10px 30px;
  }

  #lattes .bloco p{
    color: white;
    font-style: italic;
    font-size: 20px;
  }
  
  #lattes .bloco p span{
    font-size: 34px;
  }

  #formacao-academica,
  #atuacao-profissional{ margin-bottom: 50px; }

  #formacao-academica b,
  #atuacao-profissional b{
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: #000;
    font-size: 18px;
  }

  #formacao-academica h3{
    color: #e4b515;
  }

  #atuacao-profissional ul {
    list-style: none;
  }

  #atuacao-profissional ul li:before,
  #formacao-academica ul li:before {
    content: '\2022';
    margin: -15px 2px 0 -17px;
    font-size: 33px;
    font-weight: 900;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    position: absolute;
  }

  #atuacao-profissional ul li,
  #formacao-academica ul li {
    margin-bottom: 15px;
  }

  #atuacao-profissional ul li:before { color: #0db26b; }
  #formacao-academica ul li:before { color: #e4b515; }

/*************************** Especialidades */

  #especialidadesIndex{
    background: url(img/especialidades/bg-especialidades.jpg) no-repeat;
    background-position-x: center;
    background-position: bottom;
  }
  
  #especialidadesIndex .bloco{
    background-clip: content-box;
    border-radius: 35px;
    height: 370px;
    width: 100%;
    background-size: cover;
    margin: 0px;
    border: solid #000 2px;
  }

  #especialidadesIndex .bloco:hover{
    box-shadow: 0 0 20px 0px black;
  }

  #especialidadesIndex .bloco p{
    bottom: 15px;
    left: 18px;
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: -35px 0 0 20px;
    color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    position: absolute;
  }

  .rpg{
    background-image: url('img/especialidades/rpg.jpg');    
  }

  .acupuntura{
    background-image: url('img/especialidades/acupuntura.jpg');    
  }

  .fisioterapia{
    background-image: url('img/especialidades/fisioterapia.jpg');    
  }

  .outras{
    background: #0db26b9e;
    text-align: center;
    border-radius: 20px;
    padding: 10px;
  }

  .outras h3,
  .destaque h3{
    color: #e0b215;
    font-style: inherit;
  }

  .outras p{
    bottom: 15px;
    left: 18px;
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: solid 2px #e0b215;
  }

  .destaque{
    background: #0db26b;
    text-align: center;
    border-radius: 20px;
    padding: 10px 0 0 0;
    margin: 15px 0 ;
    border: solid 2px #000;
  }

  .destaque img{
    width: 100%;
    height: 300px;
    border-radius: 18px;
    border: solid 2px #000;
    object-fit: cover;
  }

  .destaque p{
    bottom: 15px;
    left: 18px;
    font-size: 25px;
    font-family: 'Do+Hyeon', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: -35px 0 0 20px;
    color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    position: absolute;
  }

  #conteudo{
    padding-bottom: 50px;
  }

  #conteudo img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
    box-shadow: 0 0 20px 0px #0000006b;
    margin-bottom: 30px;
  }

  #conteudo p{
    text-align: justify;
  }

  #conteudo .linha{
    margin: 10px 0;
  }

  #conteudo #contatoHome{
    display: flow-root;
  }

/*************************** Footer */

  #footerBranco{
    padding: 40px 15px;
  }

  #footerBranco .logofisio img{
    width: 100%;
    max-width: 294px;
    text-align: center;
  }

  #footerBranco .sociais{
    text-align: right;
    margin-top: 40px;
  }

  #footerBranco .email{
    margin-top: 40px;
  }

  #footerBranco .sociais img{
    margin-right: 25px;
  }
  #footerBranco .sociais img.facebook{
    margin-right: 0px;
  }

  #footerBranco .email img{
    margin-top: -8px;
  }

  #footerBranco .email p{
    display: inline-grid;
    margin-left: 25px;
    color: #0db26b;
  }

  #footerVerde{
    background-color: #0db26b;
    padding: 15px 0;
  }

  #footerVerde img{
    padding:  0 15px;
  }

  #footerVerde .direitos{
    padding: 0;
    text-align: left;
  }

  #footerVerde .direitos p{
    padding-top: 15px;
    color: #fff;
    font-style: italic;
    font-size: 15px;
  }

  #footerVerde .geovani{
    padding: 0;
    text-align: right;
    color: #fff;
    font-style: italic;
    font-size: 15px;
  }

  #footerVerde .geovani a{
    color: #fff;
  }

/*************************** Media */

  @media (max-width: 1200px){

    .desktop{ display: none !important; }
    .tablet{ display: block !important; }
    .mobile{ display: none !important; }

    #menuNav .option{
      font-size: 13px;
    }

    #mapa .bloco {
      margin-left: -76%;
    }


  }

  @media (max-width: 991px){

    main { margin-top: 70px; }

    .desktop{ display: none !important; }
    .tablet{ display: none !important; }
    .desktopTablet{ display: none !important; }
    .mobile{ display: block !important; }

    header {
      height: 100px;
      background-position-y: bottom;
    }

    #menuLogo img {
    	margin: 5px 0;
    	max-width: 220px;
    }

    #menuNav{ 
      display: none;
      background-color: #e2e2e2;
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 100px;
    }
    #menuNav .option {
      font-size: 18px;
      margin-top: 20px;
    }

    .hamburguer-bt{
      transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
      float: right;
      cursor: pointer;
      margin: 20px 20px 0 0;
    }
    .hamburguer-bt .hamburguer-bt__stripe{
      height: 5px;
      width: 30px;
      background-color: #0db36b;
      margin: 4px 0;
      border-radius: 15px;
      transition: cubic-bezier(1, 1, 0, -0.01) .4s all;
    }

    .hamburguer-bt.open .hamburguer-bt__stripe__top{
      transform: rotate(45deg);
      margin-top: 12px;
      background-color: #820000;
    }
    .hamburguer-bt.open .hamburguer-bt__stripe__middle{
      opacity: 0;
      background-color: #820000;
    }
    .hamburguer-bt.open .hamburguer-bt__stripe__bottom{
      transform: rotate(-45deg);
      margin-top: -18px;
      background-color: #820000;
    }

    #owl-banner .item{ height: 300px; }
    #owl-banner .item .texto h2{
      font-size: 35px;
      line-height: 45px;
    }
    #owl-banner .item .texto {
      margin-top: -130px;
    }

    .txt-center-mobile{ text-align: center !important; }
    #footerBranco .sociais{ text-align: center; }

    #mapa .bloco {
      margin-left: -72%;
    }

  }

  @media (max-width: 767px){

    #contatoHome h3{
      text-align: center;
    }

    #contatoHome .contato {
      margin: 0 auto 20px;
    }

    #mapa .bloco {
      background-color: white;
      width: calc( 100% - 30px );
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding: 15px;
      position: absolute;
      bottom: 0;
      display: flex;
      place-content: center;
      margin-left: 0%;
    }

    #mapa .bloco p {
      padding: 0 6px;
      font-size: 20px;
      text-align: center;
    }

  }

  @media (max-width: 500px){

    #mapa .bloco {
      width: auto;
      display: block;
    }

    #mapa .bloco p {
    }

  }