* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body{
  font-family: "Maven Pro", Sans-serif;
}

.si-float-wrapper {
  position: absolute;
  width: 100%; }
  .si-float-wrapper,
  .si-float-wrapper * {
    box-sizing: border-box; }

[class*='si-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  cursor: default; }

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%); }

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

[class*='si-shadow-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  z-index: 1; }

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.si-shadow-frame {
  box-shadow: 0 4px 6px 0 #000; }

[class*='si-shadow-pointer'] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto; }

[class*='si-shadow-inner-pointer'] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -2.82843px 2.82843px 6px 0 #000; }

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg); }

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
          transform: translate(50%, -50%) rotate(-45deg); }

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 0;
  overflow: hidden;
  z-index: 2; }

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  background-color: #00c3c8; }

  .si-has-border .si-content-wrapper {
    border: 1px solid #bbb; }

.si-content {
  overflow: auto; }

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .si-close-button:hover, .si-close-button:focus {
    opacity: 0.7; }

[class*='si-pointer-border'] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3; }

[class*='si-pointer-bg'] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4; }
  .si-has-border [class*='si-pointer-bg'] {
    border-width: 15px; }

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.si-pointer-top {
  border-bottom: 0; }

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb; }

.si-pointer-bg-top {
  border-top-color: #00c3c8; }
  .si-has-border .si-pointer-bg-top {
    top: -1px;
    margin-bottom: 0px; }

.si-pointer-bottom {
  border-top: 0; }

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb; }

.si-pointer-bg-bottom {
  border-bottom-color: #eee; }
  .si-has-border .si-pointer-bg-bottom {
    bottom: -1px;
    margin-top: 0px; }

.si-pointer-left {
  border-right: 0; }

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb; }

.si-pointer-bg-left {
  border-left-color: #eee; }
  .si-has-border .si-pointer-bg-left {
    left: -1px;
    margin-right: 0px; }

.si-pointer-right {
  border-left: 0; }

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb; }

.si-pointer-bg-right {
  border-right-color: #eee; }
  .si-has-border .si-pointer-bg-right {
    right: -1px;
    margin-left: 0px; }

.custom-window {
  top: 30px;
  max-width: 400px;
  -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden; }
  .custom-window.open .si-frame {
    overflow: visible; }
  .custom-window.active {
    top: 0;
    opacity: 1;
    visibility: visible; }
  .custom-window .si-content-wrapper {
    padding-bottom: 10px; }
  .custom-window .si-content {
    overflow: visible; }

.custom-content {
  position: relative;
  max-height: inherit;
  padding-top: 0;
  overflow: auto;
  z-index: 2; }

.custom-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1; }

.custom-window .custom-content .custom-header {
  position: relative;
  font-size: 21px;
  font-weight: bold;
  margin: 0;
    padding: 20px 30px 0;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
}

.custom-window .custom-content .custom-header small {
    max-width: 250px;
    display: block;
    font-size: 0.65em;
    font-weight: 400;
    opacity: 0.85;
    line-height: 20px;
    margin: 10px 0;
    text-transform: uppercase;
}

.custom-body {
  padding: 30px;
  background-color: transparent; 
}
  .custom-body p {
    font-size: 16px;
    margin: 0; 
    color: #FFF;
  }
  .custom-body * + p {
    margin-top: 8px; }
  .custom-body a {
    color: #60a295; }
    .custom-body a:hover, .custom-body a:focus, .custom-body a:active {
      color: #437369; }

.custom-close {
  position: absolute;
  top: 0;
  padding: 0;
  border-radius: 0;
  right: -36px;
  width: 36px;
  height: 36px;
  -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  background-color: rgba(68, 67, 62, 0.8);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  .custom-close:hover, .custom-close:focus, .custom-close:active {
    background-color: rgba(28, 28, 26, 0.8); }



.busca_imagem{
  width: 100%;
  height: 900px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-image: url(https://clearcorrect.com.br/wp-content/uploads/2023/03/GettyImages-1144518606_RT.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;  
}
.busca_imagem::before{
  content: "";
  width: 100%;
  height: 900px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.busca_imagem_parceria{
	background-image: url(https://clearcorrect.com.br/wp-content/uploads/2023/06/fundo-01-1.jpg);
    background-position: right center;
}
.cep_parcerias .busca_imagem{
	background-image: url(https://clearcorrect.com.br/wp-content/uploads/2023/06/fundo-01-1.jpg);
    background-position: right center;
}

.busca_imagem .box_busca{
  max-width: 700px;
  width: 100%;
  margin-top: 200px;
  padding: 50px 20px;
  border-radius: 0;
  background-color: rgba(55, 55, 55, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

.busca_imagem .box_busca h3{
  font-size: 32px;
  font-weight: 500;
  color: #FFF;
  margin: 0 0 5px 0;
}
.busca_imagem .box_busca p{
  font-size: 15px;
  font-weight: 400;
  color: #FFF;
}


.busca_imagem .box_busca .busca{
  width: 480px;
  max-width: 100%;
  display: flex;  
}

.busca_imagem .box_busca .localizador{
  margin-left: auto;
  margin-top: 2px;
  cursor: pointer;
}

.busca_imagem .box_busca .form-group{
  width: 300px;
  position: relative;
}

.busca_imagem .box_busca .searchInput{
  width: 100%;
  height: 47px;
  padding: 10px 45px 10px 15px;
  background-color: #f9f9f9;
  border: 1px solid #bdbdbd;
  border-radius: 0;
  outline: none;

  font-size: 16px;
  color: #000;
}

.busca_imagem .box_busca .has-danger .searchInput{
  border: 1px solid red;
}

.busca_imagem .box_busca .has-danger .help-block ul{
  list-style: none;
  margin: 0;
  padding: 5px 0;
  color: red;
  font-weight: 400;
  font-size: 13px;
}

.busca_imagem .box_busca .botao_busca{
  background-color: #00c3c8;
  border: 1px solid #00c3c8;
  border-radius: 0;
  margin-left: 10px;
  padding: 0 30px;
  height: 47px;

  font-size: 16px;
  color: #FFF;
  font-weight: bold;
}

.conteudo{
  max-width: 1140px;
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  margin: auto;
}

.map-canvas {
  width: calc(100% - 600px);
  height: 100vh; 
  right: 0;
  margin-left: 20px;
  border: 1px solid rgba(0,0,0,.125);
}    

.botao{
  background: #FFF;
  border-radius: 16px;
  color: #4d4d4d !important;
  font-weight: 600;
  padding: 10px 0;
  text-align: center;  
  display: flex;
  justify-content: center;
  margin-top: 30px;
  cursor: pointer;
  transition: all 0.6s;
}

.box_dentistas{
  width: 600px;
  height: 100vh;
  z-index: 1;
  
  padding: 30px 25px 5px;
  display: flex;
  flex-direction: column;
}

.box_dentistas .busca{
  width: 100%;            
  margin-bottom: 20px;
  display: flex;  
}

.box_dentistas .busca .localizador{
  margin-left: auto;
  margin-top: 2px;
  cursor: pointer;
}

.box_dentistas .busca .form-group{
  width: 490px;
  position: relative;
}

.box_dentistas .busca .searchInput{
  width: 100%;
  height: 45px;
  padding: 10px 45px 10px 15px;
  background-color: #f9f9f9;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  outline: none;

  font-size: 16px;
  color: #000;
}

.box_dentistas .busca .has-danger .searchInput{
  border: 1px solid red;
}

.box_dentistas .busca .has-danger .help-block ul{
  list-style: none;
  margin: 0;
  padding: 5px 0;
  color: red;
  font-weight: 400;
  font-size: 13px;
}

.box_dentistas .busca .botao_busca{
  position: absolute;
  right: 10px;
  top: 6px;
  padding: 0;
  border: none;
}
.box_dentistas .busca .botao_busca:hover, .box_dentistas .busca .botao_busca:focus{
  background-color: transparent;
}

.box_dentistas h3{
  font-size: 20px;
  font-weight: bold;
  color: #4d4d4d;
  margin: 10px 0 25px 0;
}

.box_dentistas #pagin{
  display: flex;
  list-style: none;
  padding: 0;
  margin: 10px 0 10px 0;
}

.box_dentistas #pagin .next, .prev{
  background-color: #FFF;
  padding: 0 10px;
  margin: 0 3px;
  cursor: pointer;
  height: 28px;
  margin-top: -2px;

  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  text-decoration: none;
}
.box_dentistas #pagin li a{
  background-color: #cccccc;
  padding: 5px 10px;
  margin: 0 3px;

  font-size: 15px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.box_dentistas #pagin li a.current{
  background-color: #00c3c8;
  color: #FFF;
}
.box_dentistas #pagin li a:hover{
  background-color: #00c3c8;
  color: #FFF;
}
.box_dentistas #pagin .next:hover, .prev:hover{
  background-color: #00c3c8;
  color: #FFF;
}

.box_dentistas .cards{
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
}
.box_dentistas .cards::-webkit-scrollbar {
  width: 10px;
}
.box_dentistas .cards::-webkit-scrollbar-track {
  background-color: #cfcfcf;
}
.box_dentistas .cards::-webkit-scrollbar-thumb {
  background: rgba(110, 110, 110, 0.8);
}

.box_dentistas .cards .card{
  width: 100%;
  padding: 20px 35px 0px 35px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border-radius: 15px;
  cursor: pointer;
}

.box_dentistas .cards .card .nome{
  font-size: 19px;
  line-height: 22px;
  font-weight: bold;
  color: #4d4d4d;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.box_dentistas .cards .card .endereco{
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 20px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.box_dentistas .cards .card .telefone{
  font-size: 15px;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 20px;
  margin: 0;
}
.cc-scanner-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    background: #c8f5e6;
    color: #184a33;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 12px;
}

.cc-scanner-tag .cc-scanner-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.box_dentistas .cards .card .icones{
	display: flex;
    margin-top: 10px;
    align-items: center;
}
.box_dentistas .cards .card .icones img{
	margin-right: 10px;
}
.box_dentistas .cards .card .botao_card{
	background: #00C3C8;
    border-radius: 16px;
    color: #FFF !important;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 25px;
    cursor: pointer;
    transition: all 0.3s;
	border: 1px solid #00C3C8;
}
.box_dentistas .cards .card .botao_card:hover{
	transform: scale(1.1);
}
.box_dentistas .cards .card a{
	color: #4d4d4d;
}
.modal_mapa{
  width: 450px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 30px 30px;
  background-color: #FFF;
  border: 1px solid #ddd;
  border-radius: 10px 0 10px 10px;
  -webkit-box-shadow: 2px 2px 15px 5px rgba(74,74,74,0.59); 
  box-shadow: 2px 2px 15px 5px rgba(74,74,74,0.59);

  position: absolute;
  top: 50px;
  left: 50%;
  margin: 0 0 0 -225px;
  z-index: 3;
  overflow: inherit;
}

.modal_mapa .fechar{
  position: absolute;
  top: -1px;
  right: -37px;
  width: 36px;
  height: 36px;

  -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  padding: 0;
  border-radius: 0;
  background-color: rgba(68, 67, 62, 0.8);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
  cursor: pointer;
}

.modal_mapa .fechar:hover{
  background-color: rgba(28, 28, 26, 0.8);
}

.modal_mapa .titulo{
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.modal_mapa_mensagem .titulo{
  font-size: 25px;
  font-weight: bold;
  margin: 0;
}

.modal_mapa .form{
  margin-top: 30px;
}

.modal_mapa .form .form-group{
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.modal_mapa .form .form-group label{
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
}

.modal_mapa .form .form-group .form-control{
  width: 100%;
  padding: 10px 15px;
  background-color: #ebebeb;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  outline: none;
  font-size: 16px;
  color: #000;
}

.modal_mapa .form .form-group.has-danger label{
  color: red;
}
.modal_mapa .form .form-group.has-danger .form-control{
  border: 1px solid red;
}
.modal_mapa .form .form-group.has-danger .help-block ul{
  list-style: none;
  margin: 0;
  padding: 5px 0;
  color: red;
  font-weight: 400;
  font-size: 13px;
}


.modal_mapa .form .botao{
  border: none;
  background-color: #00c3c8;
  padding: 10px;  
  margin-top: 10px;
  width: 100%;
  border-radius: 5px;
  
  font-size: 17px;
  font-weight: bold;
  color: #FFF !important;
}

.modal_mensagem p{
  margin-top: 15px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
}
.modal_mensagem .icons{
  display: flex;
  flex-direction: column;
}
.modal_mensagem .icons a{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal_mensagem .icons a p{
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-left: 10px;
}
.modal_mensagem .icons a:hover p{
  text-decoration: none;
}
.mask{
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}



@media (min-width: 992px) {
  .custom-window {
    max-width: 380px; }
  .custom-content {
    padding-top: 0; }
  .custom-img {
    height: 160px; }
  .custom-header,
  .custom-body {
    padding: 10px 30px 30px 30px;
  }
}

@media (max-width: 768px) {
  .conteudo{
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .map-canvas{
    width: 100%;
    height: 550px;
    position: inherit;
    margin-left: 0;
  }

  .box_dentistas{
    width: 100%;
    height: 700px;
    position: inherit;
  }
  .modal_mapa{
    width: 100%;
    left: 0;
    margin: 0;
  }
  .modal_mapa .fechar{
    right: -1px;
  }
  .modal_formulario{
	position: fixed;
    max-height: 100vh;
    overflow: auto;	
  }
  .modal_mensagem{
	position: fixed;
    max-height: 100vh;
    overflow: auto;	
  }
  .mask{
		position: fixed;
  }

  .busca_imagem .box_busca .busca{
    flex-direction: column;
  }
  .busca_imagem .box_busca .form-group{
    width: 100%;
  }
  .busca_imagem .box_busca .botao_busca{
    margin-left: 0;
  }
  .busca_imagem .box_busca .localizador{
    margin-right: auto;
    margin-top: 20px;
  }
}