@charset "UTF-8";

@font-face { font-family: 'SanFrancisco'; font-style: normal; font-weight: normal; src: local('SanFrancisco'), url('../_fonts/SanFrancisco/SanFranciscoDisplay-Regular.otf') format('opentype'); }
@font-face { font-family: 'SanFrancisco'; font-style: normal; font-weight: bold;   src: local('SanFrancisco'), url('../_fonts/SanFrancisco/SanFranciscoDisplay-Bold.otf')    format('opentype'); }

.background_vermelho { background: rgb(255,38,0) !important; }
.background_verde    { background: rgb(77,217,99) !important; }
.background_azul     { background: rgb(10,96,255) !important; }
.color_vermelho      { color: rgb(255,38,0) !important; }
.color_verde         { color: rgb(77,217,99) !important; }
.color_azul          { color: rgb(10,96,255) !important; }
.customHeight        { height: unset !important; line-height: unset !important; }

html,body { height: 100%; }
#view { position: relative; width: 100%; }
* html #view { min-height: 100%; }
/* hack para IE6 que trata height como min-height */
* { margin: 0; padding: 0; }

body { margin: 0 auto; padding: 0; text-align: center; font-family: 'SanFrancisco'; font-weight: 100; font-style: normal; font-size: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/*,sans-serif*/
a { outline: 0; border: none; }

img { outline: 0; border: none; display: block; }
*: focus { outline: none; }
.floatLeft { float : left; }
.clear { clear : both; }
.displayBlock { display : block; }
.displayNone { display : none; }
h1,h2,h3,h4,h5,h6 { color: rgb(0,0,0); }
.widthLimiter900 { width: 100%; margin: 0 auto; text-align: left; position: relative; }
.widthLimiter500 { width: 100%; margin: 0 auto; text-align: left; position: relative; }
header,section,footer,aside,nav,main,article,figure { display: block; }
.grabbing { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.grabbing: active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
input: : -webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }
h1 { padding: 32px 16px 16px 16px; font-size: 2em; }
.institucionalPadrao h1 { padding: 32px 0px 32px 0px !important; }
h1 { color: rgb(73,156,249); }
#body_for_index h1 { color: rgb(109,109,109); }
h2 { padding: 32px 16px 16px 16px; }
h3 { padding: 16px; }
p { padding: 8px 16px; }
a { color: rgb(73,156,249); }
.limitador_de_largura { width: calc(100% - 32px); padding: 0px 16px; max-width: 968px; margin: 0 auto; position: relative; }

#view { padding-top: 100px; }

header                       { background-color: rgb(255,255,255); position: absolute; top: 0; left: 0; height: 99px; width: 100%; border-bottom: solid 1px rgb(201,201,199); }
header .limitador_de_largura { height: 100%; }
.logo                        { position: absolute; top: 16px; left: 16px; height: calc(100% - 32px); width: 160px; background-image: url(../_img/logo@2x.png); background-size: contain; background-position: center center; background-repeat: no-repeat; }
#phoneAndNavView             { position: absolute; top: 0px; right: 16px; height: calc(100% - 0px); width: calc(100% - 160px - 48px); }
nav                          { width: 100%; height: 100%; line-height: 100px; text-align: right;  }
nav a                        { color: rgb(170,170,170); font-size: 12px; text-decoration: none; padding: 0px 8px; display: inline-block; height: calc(100% - 0px); border-bottom: 1px solid rgb(201,201,199); font-weight: bold; }
nav .nav_divider             { color: rgb(170,170,170); display: inline-block; margin-left: 8px; margin-right: 8px; }

#body_for_index .nav_for_index,
#body_for_sobre .nav_for_sobre,
#body_for_fotos .nav_for_fotos,
#body_for_servicos .nav_for_servicos,
#body_for_cartaofidelidade .nav_for_cartaofidelidade,
#body_for_parceiros .nav_for_parceiros,
#body_for_contato .nav_for_contato,
nav a:hover {
    height: calc(100% - 1px);
    color: rgb(73,156,249);
    border-bottom: 2px solid rgb(73,156,249);
}

#phoneView { width: 100%; line-height: 44px; text-align: center; }
#phoneView a {
    color: rgb(100,100,100);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.75);
}
.phone_button, .whatsapp_button { font-size: 15px; font-weight: bold; padding: 4px; border-radius: 6px; margin-left: 4px; cursor: pointer; text-decoration: none; padding-left: 26px; background-size: 26px 156px; background-repeat: no-repeat; }

#phoneView .phone_button           { background-image: url(../_img/icon_phone_e_whatsapp_52w_312h.png); }
#phoneView .whatsapp_button        { background-image: url(../_img/icon_phone_e_whatsapp_52w_312h.png); }
#phoneView .phone_button           { background-position: 0px -78px; }
#phoneView .whatsapp_button        { background-position: 0px   0px; }
#phoneView .phone_button:hover     { background-position: 0px -78px;  }
#phoneView .whatsapp_button:hover  { background-position: 0px   0px;  }

main { padding-bottom: 344px; }

#cardsView { background: rgb(246,246,246); width: 100%; padding: 16px 0px; }
#cardsView .limitador_de_largura      { max-width: 1700px; }
#cardsView .limitador_de_largura_0800 { width: calc(100% - 32px); padding: 0px 16px; margin: 0 auto; position: relative; max-width:  800px; }
#cardsView .limitador_de_largura_1700 { width: calc(100% - 32px); padding: 0px 16px; margin: 0 auto; position: relative; max-width: 1700px; }
.cardView { background: rgb(255,255,255); width: 272px; margin: 16px; border-radius: 8px; box-shadow: 0px 8px 8px rgba(0,0,0,0.1); padding: 16px; display: inline-block; }
.cardView h2 { color: rgb(160,161,163); font-size: 20px; }
.cardView h3 { color: rgb(201,201,199); }
.destaques_do_card { width: 100%; padding-bottom: 59%; margin-bottom: 8px; border-radius: 5px; background-size: cover; }
.cardView p { color: rgb(160,161,163); font-size: 16px; padding: 4px 0px; position: absolute; top: 0; left: 0; }
.cardView .botao { color: rgb(38,101,58	); font-size: 22px; cursor: pointer; text-decoration: none; }
.cardView .botao:hover { color: rgb(73,156,249); }

#destaque_do_card_0  { background-image: url(../_img/cards/destaque_do_card_0.jpg);   }
#destaque_do_card_1  { background-image: url(../_img/cards/destaque_do_card_1.jpg);   }
#destaque_do_card_2  { background-image: url(../_img/cards/destaque_do_card_2.jpg);   }
#destaque_do_card_3  { background-image: url(../_img/cards/destaque_do_card_3.jpg);   }
#destaque_do_card_4  { background-image: url(../_img/cards/destaque_do_card_4.jpg);   }
#destaque_do_card_5  { background-image: url(../_img/cards/destaque_do_card_5.jpg);   }
#destaque_do_card_6  { background-image: url(../_img/cards/destaque_do_card_6.jpg);   }
#destaque_do_card_7  { background-image: url(../_img/cards/destaque_do_card_7.jpg);   }
#destaque_do_card_8  { background-image: url(../_img/cards/destaque_do_card_8.jpg);   }
#destaque_do_card_9  { background-image: url(../_img/cards/destaque_do_card_9.jpg);   }
#destaque_do_card_10 { background-image: url(../_img/cards/destaque_do_card_10.jpg);   }
#destaque_do_card_11 { background-image: url(../_img/cards/destaque_do_card_11.jpg);   }
#destaque_do_card_12 { background-image: url(../_img/cards/destaque_do_card_12.jpg);   }
#destaque_do_card_13 { background-image: url(../_img/cards/destaque_do_card_13.jpg);   }
#destaque_do_card_14 { background-image: url(../_img/cards/destaque_do_card_14.jpg);   }
#destaque_do_card_15 { background-image: url(../_img/cards/destaque_do_card_15.jpg);   }

.titleView_1_linha  { /*height: 68px; line-height: 68px; */ margin-top: 16px; margin-bottom: 8px; text-align: left; }
.titleView_2_linhas { height: 84px; }

.titleView_1_linha h2 { padding: 0px 0px 0px 0px; }
.titleView_2_linhas h2 { padding: 8px 16px 8px 16px; }
.titleView_2_linhas h3 { padding: 0px 16px 16px 16px; }
.messageView { height: 56px; text-align: left; position: relative; }

#highlightsView { }

#highlightsView h2 { color: rgb(109, 109, 109); }

footer         { background-color: rgb(73,156,249); padding: 48px 0px 0px 0px; width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; }
footer a       {            color: rgb(255,255,255); padding-left: 0px; } /* text-shadow: 0px 2px 6px rgba(0, 0, 0, 1); */
footer a:hover {            color: rgb(255,255,255); }

.body_planos footer { padding: 16px 0px 88px 0px; }
footer h2 { padding-left: 0; padding-right: 0; color: rgb(0,0,0); }
footer p  { padding-left: 0; padding-right: 0; color: rgb(0,0,0); font-weight: bold; }
.phone_button_footer { line-height: 24px; font-size: 14px; color: rgb(0,0,0); }

form { width: calc(100% - 64px); margin: 16px; }
input { width: calc(100% - 16px); border: none; padding: 16px 8px; margin-bottom: 8px; border-radius: 5px; font-size: 14px; }
textarea { width: calc(100% - 16px); border: none; padding: 16px 8px; margin-bottom: 8px; border-radius: 5px; font-size: 14px; height: 240px; }
#formulariodecontato_ddd { width: 49px; text-align: center; }
#formulariodecontato_telefone { width: calc(100% - 16px - 8px - 49px - 16px); margin-left: 8px; }
#inputSubmit { color: rgb(73,156,249); font-size: 22px; cursor: pointer; font-weight: bold; }
#footer_left { width: 50%; float: left; }
#footer_right { width: 50%; float: left; }
#img_acesse_o_instagram { width: 288px; margin: 0px auto 24px ; }
.divisor { background: rgb(171,171,171); width: 100%; height: 1px; }
.institucionalPadrao { width: calc(100% - 32px); padding: 0px 16px 72px 16px; max-width: 940px; margin: 0 auto; position: relative; text-align: left; }
.institucionalPadrao h1 { padding: 32px 0px 16px 0px; color: rgb(109, 109, 109); }

.institucionalPadrao p { padding: 8px 0px; color: #898989; }
.institucionalPadrao ul { list-style-type: none; padding-top: 8px; color: #898989; }
.institucionalPadrao li { padding-bottom: 16px; color: #898989; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 32px; color: #898989; }
th,tr td { border: 1px solid rgb(201,201,199); padding: 10px 8px; text-align: center; vertical-align: middle; }
td.left  { text-align: left; }
th.right { text-align: left; }
.semBordas { border-top: 1px solid rgb(255,255,255); border-left: 1px solid rgb(255,255,255); }
.tituloColuna { background: rgb(246,246,246); font-weight: bold; }
#contratar_bar { width: 100%; height: 88px; border-top: 1px solid rgb(233,0,6) position: fixed; bottom: 0; left: 0; z-index: 1; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background-color: rgba(0,0,0,0.1); text-align: left; }
#botao_contratar { background: rgb(233,0,6) color: rgb(255,255,255); padding: 16px 0px; border: none; border-radius: 5px; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-decoration: none; font-weight: bold; width: 180px; text-align: center; }
#botao_contratar:hover { background: rgb(0,149,171); }
#razaosocial { color: rgb(230,230,230); width: calc(100% - 32px); padding: 32px 16px 16px 16px; font-size: 12px; text-align: center; }
.institucionalPadrao .botao { border: 2px solid rgb(233,0,6) color: rgb(233,0,6) padding: 8px 16px; text-decoration: none; border-radius: 5px; display: block; width: 288px; cursor: pointer; }
.institucionalPadrao .botao:hover { border: 2px solid rgb(0,149,171); color: rgb(0,149,171); }
#mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.8); display: none; }
#loadingIcon { position: fixed; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; transform: translate(-50%,-50%); width: 32px; height: 32px; }
#alertController { background: white; width: 288px; padding: 16px 0px; position: fixed; bottom: 200px; left: 50%; margin-left: -144px; z-index: 999; border-radius: 8px; text-align: center; display: none; }
#alertController h2 { padding: 0px 16px 16px 16px; width: calc(100% - 32px); }
#alertController_divisor { width: 100%; height: 1px; background: rgba(0,0,0,0.1); margin-bottom: 16px; }
#alertController a { height: 44px; line-height: 44px; padding: 0; color: rgb(10,96,255); display: block; text-decoration: none; font-size: 22px; }
#alertController_botao_cancelar { height: 44px; line-height: 44px; padding: 0; color: rgb(255,38,0); font-size: 22px; cursor: pointer; }
.section_com_formulario_de_contato footer { text-align: center; padding: 16px 0px 0px 0px; }
.section_com_formulario_de_contato #footer_left { width: 100%; }
.section_com_formulario_de_contato #footer_left { text-align: center; }
.section_com_formulario_de_contato #footer_right { text-align: center; }
.section_com_formulario_de_contato input { background: rgb(246,246,246); }
.section_com_formulario_de_contato textarea { background: rgb(246,246,246); }
.icon { }
.icon-check { background-image: url(../_img/checkmark.jpg); background-size: 40px; background-position: center; background-repeat: no-repeat; }
.icon-codigo-barras { }

/* mobile */
@media only screen and (max-width: 959px) {
    #view { min-height: calc(100% - 100px); }
	#nav_mobile { display: block; }
	#nav_desktop { display: none; }
	#footer_left { width: 100%; text-align: center; }
	#footer_right { width: 100%; text-align: center; }
	.logo { left: 50%; width: 140px; margin-left: -70px; }
}

/* desktop */
@media only screen and (min-width: 960px) {
    #view { min-height: calc(100% - 100px); }
	#nav_mobile { display: none; }
	#nav_desktop { display: block; }
	.logo { width: 320px; }
}



#hamburguerKit { height: 100%; width: 60px; position: absolute; top: 0; left: 0; z-index: 3; }
#hamburguer { width: 24px; height: 24px; position: absolute; top: 50%; left: 16px; margin-top: -12px; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#hamburguer span { display: block; position: absolute; height: 4px; border-radius: 4px; width: 100%; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#hamburguer span:nth-child(1) { top: 0 }
#hamburguer span:nth-child(2) { top: 10px}
#hamburguer span:nth-child(3) { top: 10px}
#hamburguer span:nth-child(4) { top: 20px}
#hamburguer span { background: rgb(203,203,194); }
#hamburguer.open span:nth-child(2) { -webkit-transform: rotate( 45deg); -moz-transform: rotate( 45deg); -o-transform: rotate( 45deg); transform: rotate( 45deg)}
#hamburguer.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
#hamburguer.open span:nth-child(1),#hamburguer.open span:nth-child(4) { top: 18px; width: 0; left: 50%}
#hamburguer_textoDescritivo { width: 24px; height: 44px; line-height: 44px; display: block; position: absolute; top: 50%; margin-top: -22px !important; left: 52px; cursor: pointer; font-size: 10px; color: rgb(203,203,194); }
#menuResponsivo { position: fixed; z-index: 10000; top: 50%; left: 50%; margin-top: -213px; margin-left: -150px; width: 288px; border-radius: 8px; box-shadow: 0px 5px 20px rgba(0,0,0,0.2); background: white; display: none; }
a.tableViewCell { width: calc(100% - 32px); height: 44px; line-height: 44px; text-align: left; padding: 0px 16px; display: block; font-weight: 400; cursor: pointer; text-decoration: none; font-size: 16px; color: rgb(0,0,0); }
a.tableViewCell: first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; }
.tableViewCellFechar { width: 100%; height: 44px; line-height: 44px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; font-weight: 400; color: rgb(255,38,0); }
.nav_mobile_divider { width: calc(100% - 16px); margin-left: 16px; background: rgba(0,0,0,0.1); height: 1px; }
.nav_mobile_divider_longa { width: calc(100% - 0px); margin-left: 0px; }
#botao_ligar_ou_SMS { cursor: pointer; height: 100%; width: 60px; position: absolute; top: 0; right: 0; z-index: 3; }
#botao_ligar_ou_SMS span { position: absolute; right: 16px; text-align: right; font-size: 8px; font-weight: bold; top: 50%; transform: translateY(-50%); color: rgb(203,203,194); }
#alertController_telefones { position: fixed; z-index: 10000; top: 50%; left: 50%; margin-top: -213px; margin-left: -150px; width: 288px; border-radius: 8px; box-shadow: 0px 5px 20px rgba(0,0,0,0.2); background: white; display: none; }
.tableViewCell.telefone { background-image: url(../_img/icon_phone@2x.png); background-size: auto 32px; background-position: 16px center; background-repeat: no-repeat; text-indent: 52px; padding: 0; }
.tableViewCell.whatsapp { background-image: url(../_img/icon_whatsapp@2x.png); background-size: auto 32px; background-position: 16px center; background-repeat: no-repeat; text-indent: 52px; padding: 0; }
.tableViewCell.telefone span { font-size: 10px; }
.tableViewCell.whatsapp span { font-size: 10px; }
#rede_credenciada { width: 942px; padding: 16px; background: white; border-radius: 8px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; z-index: 999; }
#wrapper_iframe { overflow: hidden; width: 942px; height: 533px; /*height: 740px; */}
#fechar_iframe { color: rgb(255,38,0); width: 100%; height: 44px; line-height: 44px; font-size: 22px; text-align: center; cursor: pointer; }
#body_for_plano_odontologico_amil_win_orto_formulario_pf input,#body_for_plano_odontologico_amil_win_orto_formulario_pf input,#body_for_plano_odontologico_amil_win_orto_formulario_pj input,#body_for_plano_odontologico_amil_win_orto_formulario_pj input,#body_for_contato input, #body_for_parceiros input, #body_for_cartaofidelidade input { border: 1px solid rgb(180,180,180); width: calc(100% - 18px); }
#body_for_plano_odontologico_amil_win_orto_formulario_pf textarea,#body_for_plano_odontologico_amil_win_orto_formulario_pf textarea,#body_for_plano_odontologico_amil_win_orto_formulario_pj textarea,#body_for_plano_odontologico_amil_win_orto_formulario_pj textarea,#body_for_contato textarea, #body_for_parceiros textarea, #body_for_cartaofidelidade textarea  { border: 1px solid rgb(180,180,180); width: calc(100% - 18px); }

#heroView { position: relative; width: 100%; background: rgb(246,246,246); margin: 0px auto; height: calc(100vh - 240px); }

/*
@media only screen and (max-width: 939px) { #heroView { padding-bottom: 44.68vw; } }
@media only screen and (min-width: 940px) { #heroView { height: 420px; } }
*/

#scrollView { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: scroll; }
#contentView { width: 400%; height: 100%; }
#imageView_01 { background-size: cover; background-position: center center; width: 25%; height: 100%; float: left; }
#imageView_02 { background-size: cover; background-position: center center; width: 25%; height: 100%; float: left; }
#imageView_03 { background-size: cover; background-position: center center; width: 25%; height: 100%; float: left; }
#imageView_04 { background-size: cover; background-position: center center; width: 25%; height: 100%; float: left; }

/* @media only screen and (max-width: 374px) {
#imageView_01 { background-image: url('../_img/imageHero_640px_0.jpg'); }
#imageView_02 { background-image: url('../_img/imageHero_640px_1.jpg'); }
#imageView_03 { background-image: url('../_img/imageHero_640px_2.jpg'); }
#imageView_04 { background-image: url('../_img/imageHero_640px_3.jpg'); }
}
@media only screen and (min-width: 375px) and (max-width: 469px) {
#imageView_01 { background-image: url('../_img/imageHero_750px_0.jpg'); }
#imageView_02 { background-image: url('../_img/imageHero_750px_1.jpg'); }
#imageView_03 { background-image: url('../_img/imageHero_750px_2.jpg'); }
#imageView_04 { background-image: url('../_img/imageHero_750px_3.jpg'); }
}
@media only screen and (min-width: 470px) {
#imageView_01 { background-image: url('../_img/imageHero_940px_0.jpg'); }
#imageView_02 { background-image: url('../_img/imageHero_940px_1.jpg'); }
#imageView_03 { background-image: url('../_img/imageHero_940px_2.jpg'); }
#imageView_04 { background-image: url('../_img/imageHero_940px_3.jpg'); }
} */

#imageView_01 { background-image: url('../_img/carrossel/carrossel_1.jpg'); }
#imageView_02 { background-image: url('../_img/carrossel/carrossel_2.jpg'); }
#imageView_03 { background-image: url('../_img/carrossel/carrossel_3.jpg'); }
#imageView_04 { background-image: url('../_img/carrossel/carrossel_4.jpg'); }

#scrollViewNavigation { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 44px; }
#scrollViewNavigationRelative { position: relative; width: 100%; height: 100%; }
#scrollViewNavigationBox { position: absolute; top: 40px; left: 50%; width: 206px; height: 44px; margin-left: -103px; }
#scrollViewNavigationBox div { position: relative; width: 44px; margin-right: 10px; height: 100%; float: left; }
#scrollViewNavigationBox div#scrollViewNavigationBox_04 { margin-right: 0px; }
#scrollViewNavigationBox div .progressBarContent { background: rgba(0,0,0,0.1); position: absolute; top: 50%; left: 0; z-index: 3; width: 100%; height: 5px; border-radius: 3px; }
#scrollViewNavigationBox div .progressBar { background: rgb(73,156,249); position: absolute; top: 0; left: 0; width: 0; height: 5px; border-radius: 3px; }
#scrollViewNavigationBox div .button { background: rgba(255,255,255,0); position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; cursor: pointer; }
#alertView { position: fixed; z-index: 999; top: 50%; left: 50%; margin-top: -90px; margin-left: -150px; border-radius: 12px; width: 300px; box-shadow: 0px 0px 30px rgba(0,0,0,0.5); display: none; }
#alertView .divider { width: 100%; height: 0px; background: rgb(200,200,200); }
#alertViewTitle { background: rgba(245,245,245,0.95); padding-top: 8px; padding-bottom: 8px; border-top-left-radius: 12px; border-top-right-radius: 12px; font-size: 110%; font-weight: bold; }
#alertViewMessage { background: rgba(255,255,255,0.90); padding: 16px; width: calc(100% - 32px); }
#alertViewControls { cursor: pointer; font-size: 110%; }
#alertViewCancelControl { background: rgba(245,245,245,0.95); padding-top: 8px; padding-bottom: 8px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; color: red; }
#alertViewAcceptControl { display: none; }

/* scroller with thumbnail */

#scroller                  { height:50px; width: 100%; margin-top: 10px; margin-bottom: 10px; float:left; position: relative; }
#scroller .innerScrollArea { height:50px; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#scroller ul               { height:50px; padding: 0; margin: 0; position: relative;  }
#scroller li               { height:50px; width:50px; padding: 0; margin: 0; list-style-type: none; position: absolute; }

.item_carousel_scroller_thumbnails { height:50px; width:50px; background-size: cover; margin-right:10px; float:left; }


#body_for_servicos main .limitador_de_largura         { text-align: left; }
#body_for_cartaofidelidade main .limitador_de_largura { text-align: left; }
#body_for_parceiros main .limitador_de_largura        { text-align: left; }
#body_for_contato main .limitador_de_largura          { text-align: left; }
#body_for_regulamento main .limitador_de_largura           { text-align: left; }

.img_100w { width: 100%; }

#mapView { padding-top: 32px; }

#iframe_googlemaps {
    width: calc(100% - 32px);
    height: calc(100vh - 64px);
    margin-left: 16px;
    margin-top: 16px;
}

.logo_social {
    display: inline-block;
    margin: 16px;
    width: 120px;
}

.img_produto { display: inline-block; width: 288px; margin: 16px; }


.div_imagem_com_legenda      { width: 256px; background: rgb(255,255,255); box-shadow: 0px 4px 10px rgba(0,0,0,0.4); border-radius: 4px; margin: 16px; padding: 16px 16px 0px 16px; display: inline-block; }
.div_imagem_com_legenda__img { width: 256px; height: 256px; background-size: cover; border-radius: 4px; }
.img_contain                 { background-size: contain; background-repeat: no-repeat; }
.div_imagem_com_legenda p    { padding: 8px 0px; font-size: 13px; font-style: italic; }

/* ----------------------------------------------- */

.img_produto   {
    /*
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 288px;
    height: 288px;
    background-color: white;
    margin: 16px;
    border-radius: 6px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    */
    cursor: pointer;
}

#imagem_ampliada {
    color: white;

    width: 1000px;
    max-width: calc(100vw - 32px);

    height: calc(100vh - 128px);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    display: none;
}

#imagem_ampliada_title     { line-height: 44px; width: 100%; height: 44px; font-size: 24px; font-weight: bold; }
#imagem_ampliada_imageView { width: 100%; height: calc(100vh - 128px - 88px); background-size: contain; background-position: center center; background-repeat: no-repeat; }
#imagem_ampliada_controls  { width: 100%; height: 44px; cursor: pointer; background: rgba(255,255,255,1); border-radius: 8px; margin-top: 32px;
max-width: 320px;
transform: translateX(-50%);
margin-left: 50%; }
#imagem_ampliada_preview   { line-height: 44px; width: calc(50% - 80px); height: 44px; float: left; color: rgb(0,0,0); }
#imagem_ampliada_fechar    { line-height: 44px; width: 160px;            height: 44px; float: left; color: rgb(255,38,0); font-size: 18px; font-weight: bold; }
#imagem_ampliada_next      { line-height: 44px; width: calc(50% - 80px); height: 44px; float: left; color: rgb(0,0,0); }

#img_servico_realizado__1  { background-image: url(../_img/servicos_realizados/servico_realizado__1.jpg); }
#img_servico_realizado__2  { background-image: url(../_img/servicos_realizados/servico_realizado__2.jpg); }
#img_servico_realizado__3  { background-image: url(../_img/servicos_realizados/servico_realizado__3.jpg); }
#img_servico_realizado__4  { background-image: url(../_img/servicos_realizados/servico_realizado__4.jpg); }
#img_servico_realizado__5  { background-image: url(../_img/servicos_realizados/servico_realizado__5.jpg); }
#img_servico_realizado__6  { background-image: url(../_img/servicos_realizados/servico_realizado__6.jpg); }
#img_servico_realizado__7  { background-image: url(../_img/servicos_realizados/servico_realizado__7.jpg); }
#img_servico_realizado__8  { background-image: url(../_img/servicos_realizados/servico_realizado__8.jpg); }
#img_servico_realizado__9  { background-image: url(../_img/servicos_realizados/servico_realizado__9.jpg); }
#img_servico_realizado__10 { background-image: url(../_img/servicos_realizados/servico_realizado__10.jpg); }
#img_servico_realizado__11 { background-image: url(../_img/servicos_realizados/servico_realizado__11.jpg); }
#img_servico_realizado__12 { background-image: url(../_img/servicos_realizados/servico_realizado__12.jpg); }
#img_servico_realizado__13 { background-image: url(../_img/servicos_realizados/servico_realizado__13.jpg); }
#img_servico_realizado__14 { background-image: url(../_img/servicos_realizados/servico_realizado__14.jpg); }
#img_servico_realizado__15 { background-image: url(../_img/servicos_realizados/servico_realizado__15.jpg); }
#img_servico_realizado__16 { background-image: url(../_img/servicos_realizados/servico_realizado__16.jpg); }
#img_servico_realizado__17 { background-image: url(../_img/servicos_realizados/servico_realizado__17.jpg); }
#img_servico_realizado__18 { background-image: url(../_img/servicos_realizados/servico_realizado__18.jpg); }
#img_servico_realizado__19 { background-image: url(../_img/servicos_realizados/servico_realizado__19.jpg); }
#img_servico_realizado__20 { background-image: url(../_img/servicos_realizados/servico_realizado__20.jpg); }
#img_servico_realizado__21 { background-image: url(../_img/servicos_realizados/servico_realizado__21.jpg); }
#img_servico_realizado__22 { background-image: url(../_img/servicos_realizados/servico_realizado__22.jpg); }
#img_servico_realizado__23 { background-image: url(../_img/servicos_realizados/servico_realizado__23.jpg); }
#img_servico_realizado__24 { background-image: url(../_img/servicos_realizados/servico_realizado__24.jpg); }
#img_servico_realizado__25 { background-image: url(../_img/servicos_realizados/servico_realizado__25.jpg); }



#body_for_servicos img {
    margin-left: 16px;
    background: rgb(255,255,255);
    width: 272px;
    margin: 16px;
    border-radius: 8px;
    box-shadow: 0px 8px 8px rgba(0,0,0,0.1);
    display: inline-block;
    float: left;
}

/* .float_right { float: right; } */
.clear {
    clear: both;
    height: 20px;
    width: 100%;
}

.a_indice { padding-left: 16px; padding-bottom: 8px; font-size: 12px; }


.cardViewImage  {
background: rgb(255,255,255);
background-size: cover;
width: 200px;
height: 120px;
margin: 16px;
border-radius: 8px;
box-shadow: 0px 8px 8px rgba(0,0,0,0.1);
padding: 16px;
display: inline-block;
}
#instalacoes_1  { background-image: url(../_img/instalacoes_1.png); }
#instalacoes_2  { background-image: url(../_img/instalacoes_2.png); }
#instalacoes_3  { background-image: url(../_img/instalacoes_3.png); }

.float_right {
display: block;
float: left;
}

@media only screen and (max-width: 574px) { .float_right { width: calc(100%        ); } }
@media only screen and (min-width: 575px) { .float_right { width: calc(100% - 304px); } }



.float_right ul { list-style-type: none; padding: 16px; }

#table_horarios td { width: 120px;      }
.td_left           { text-align: right; }
.td_right          { text-align: left;  }

#table_horarios { width: unset; color: rgb(150,150,150); display: inline-block; font-weight: bold; font-size: 14px; margin-top: 32px; margin-bottom: 16px; }
#table_horarios th, #table_horarios tr td { border: none; padding: 4px 8px; }
#horario_especial { color: rgb(255,38,0); margin-bottom: 16px; }

#mapa_1 { margin-left: 32px; }
#mapa_2 { }

.mapas {
    width: calc(50% - 32px);
    float: left;
    text-align: left;
}

.a_tel { padding: 8px 16px; display: inline-block; }

.parceiros   {
    background-color: rgb(255,255,255);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 40px;
    margin: 16px;
    border-radius: 8px;
    box-shadow: 0px 4px 16px rgba(0,0,0,0.2);
    padding: 16px;
    display: inline-block;
}

#parceiro_01 { background-image: url(../_img/parceiros/itallian-color.png); }
#parceiro_02 { background-image: url(../_img/parceiros/italian-beauty.png); }
#parceiro_03 { background-image: url(../_img/parceiros/amakha.png);         }
#parceiro_04 { background-image: url(../_img/parceiros/joico.jpg);          }
#parceiro_05 { background-image: url(../_img/parceiros/mary-kay.jpg); background-color: rgb(0,0,0); }

.produtos {
    text-align: left;
    max-width: 1020px !important;
}

.produtos h2 { font-size: 16px; }
.produtos .destaques_do_card { background-size: contain; background-position: center; background-repeat: no-repeat; }


.limitador_de_largura_0800 { width: calc(100% - 32px); padding: 0px 16px; margin: 0 auto; position: relative; max-width:  800px; }

.icones_de_avaliacao       { display: inline-block; height: 22px; width: calc(5 * 22px); }
.icone_de_avaliacao_exibir { height: 22px; width: 22px; float: left; background-image: url(../_img/star.png); background-size: contain; }

.text_align_left { text-align: left; }

#depoimentos { width:100%; background:rgb(220,220,220); margin-top:32px; padding-bottom: 32px; }