/*aqui, o css principal do site*/
@font-face {src: url(fonts/OpenSans.ttf);font-family: 'openSans';}
@font-face {src: url(fonts/Caviar_Dreams_Bold.ttf);font-family: 'caviar';}
*{transition: all .3s}
/*ESTILOS COMUNS*/
.section {width: 100%;padding: 2rem; font-family: openSans, sans-serif}
p,a{font-size: .8rem; color: #616161; line-height: 1.3rem}
.title{margin: 1rem 0; font-family: caviar, sans-serif;color:#fff}
.col-2,.col-3,.col-4{display: table; width: 100%}
.link{text-decoration: underline; display: block}
.title.orange{   color: #e96538;}
.img{margin-bottom: 1rem}
/*F O R M */
label {margin: .7rem 0;font-size: .8rem;}
input,.button,textarea,select{ font-family: caviar, sans-serif;}
input:not([type="submit"]):not([type="button"]):not([type="search"]):not([type="radio"]):not([type="checkbox"]), textarea,select{width: 100%; padding: .5rem}
input[type="submit"],input[type="button"],.button {width: 100%;background: #e96538;border: none;color: #fff;font-size: .9rem;padding: .5rem; cursor: pointer}
/*duas colunas*/
.col-2 .item:nth-child(odd){padding-left: 0}
.col-2 .item:nth-child(even){padding-right: 0}
.col-2 .item{ width: 50%; float: left; padding: .5rem 1.5rem}
[data-separet="left-top"]{border-left: 1px solid rgba(255, 255, 255, 0.38);}
/*3 colunas*/
.col-3 .item{ width: 33.3333333%; float: left; padding: .5rem}
/*4 colunas*/
.col-4 .item{ width: 25%; float: left; padding: .5rem}
.box-form{    display: table;width: 100%;margin: -.7rem 0;}
[data-tamanho]{float: left; margin: .7rem .3rem}
[data-tamanho="4"]{width: calc(25% - .45rem)}
[data-tamanho="4"].first{margin-left: 0}
[data-tamanho="4"].last{margin-right: 0}
[data-tamanho="3"]{width: calc(33.333% - .45rem)}
[data-tamanho="3"].first{margin-left: 0}
[data-tamanho="3"].last{margin-right: 0}
.whatsapp {position: fixed;z-index: 999999999999999999; right: 30px; bottom: 25px;}
.whatsapp img{width:50px;}

.marginExtra { margin: .8rem 0; }

/* C A B E C A L H O */
.section.cabecalho{background-color: #fbfbf9}
[data-content]{ width:100%;max-width: 1100px;margin: 0 auto;    position: relative;     border-top: 1px solid #c7c7c7;}
[data-content="header"]{border-top: none}
@-moz-keyframes translate-In {0%{transform:  translateY(-100%);}70%{transform:  translateY(10%)}100%{transform:  translateY(0)}}
@-webkit-keyframes translate-In {0%{transform:  translateY(-100%);}70%{transform:  translateY(10%)}100%{transform:  translateY(0)}}
@keyframes translate-In {0%{transform:  translateY(-100%);}70%{transform:  translateY(10%)}100%{transform:  translateY(0)}}
.search{transition: all .37s;float: left}
.search input{padding: .3rem; font-family: openSans, sans-serif; font-style: italic; font-size: .7rem}
.search.ativo{background: rgba(255, 255, 255, 0.88); width: 100%; height: 100%; position: fixed; top:0;left: 0; overflow-y: auto; animation: translate-In .5s ease-out; z-index: 2}
.search.ativo .close { text-align: right;display: table; cursor: pointer}
.search.ativo .box-pesquisa{background: #e96538;display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;padding:3rem 2rem;}
.box-pesquisa > label{margin: inherit}
.search.ativo .box-pesquisa > label{width: 100%}
.search.ativo .box-pesquisa input{width: calc(100% - 2rem); padding:.7rem 1rem; font-size: 1rem;}
.search.ativo [data-resultado]{    padding: 1rem 2rem;font-size: 1.5rem;}
.search.ativo [data-resultado]::before{content: attr(data-resultado) " resultado(s) para: "; margin-right: .5rem; display: inline-block}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
.box-recursos{    position: absolute;right: 0;margin: 0 0 0 .5rem}
.search.ativo .close::before{content: url("../icons/cancel.png"); display: block;}
.search.ativo fieldset{max-width: 1000px; margin: 0 auto; padding: 2rem}
.respostas{display: none}
.respostas a{display: block; position: relative; margin: 1rem 0; transition:all .3s; transform: scale(1, 1 );font-family: openSans, sans-serif; letter-spacing: 1px; }
.respostas a:hover{ transform: scale(1.02, 1 )}
.respostas a::before{    content: '>';display: block;position: absolute;right: 100%;color: #e96538;font-size: 1rem;margin: 0 .3rem; }
.respostas p{font-size: .8rem;}
.respostas h2{font-size: 1rem;}
.search.ativo .respostas {font-size: 2rem;padding:0 2rem; display: block; }

/*redes sociais*/
.redes-sociais.header{float: right;    margin-left: .5rem;}
.redes-sociais.header a{    width: 29px;height: 29px;display: block;margin: 0 .2rem;float: left; background: url("../icons/sprite-prodieta.png") no-repeat }
.redes-sociais.header a[href*='face']{    background-position: 1px -101px;}
.redes-sociais.header a[href*='insta']{    background-position: -33px -101px;}
.redes-sociais.header a[href*='yout']{    background-position: -67px -101px;}


/* M E N U */
menu{    position: relative;top: -113px;}
.menu {position: absolute;display: table;top: 70px;right: 0;}
.menu li{float: left; margin: 0 .2rem; position: relative}
.sub-menu ul{display:none;position: absolute; z-index: 99; background: #fff;    min-width: 120px;}
.sub-menu ul li{width: inherit}
.sub-menu:hover ul{    display: block;box-shadow: 0 2px 4px -2px grey;}

.menu li:last-child{margin-right:0 }
.menu li:last-child a,.last{padding-right: 0; margin-right: 0}
.menu a{display: block; padding: .5rem; font-family: caviar, sans-serif}
.menu a:hover{color: #e96538;}


/*B A N N E R*/
[data-content="banner"]{margin: 2rem auto}
[data-content="banner"] nav{display: table}
.banenr{display:block; width: 100%}
.banenr img {width: 100%;}
[data-content="banner"] figure{position: relative}
.legenda-banner{    position: absolute; bottom: 1%; padding: 1rem; color: #fff; background: rgba(0, 0, 0, 0.53); font-size: 1.2rem; line-height: 1.5rem; }
.legenda-banner .title{font-size: 2.5rem}
.legenda-banner p{color: #fff; font-size: .9rem}
/*menu de servicos*/
.menu-servicos {margin-top: -1px;    display: table;width: 100%;}
.menu-servicos li {float: left;text-align: center;  width: calc(100% / 10);}
.menu-servicos a {padding: 1rem .5rem;display: -webkit-flex;-webkit-align-items: center;-webkit-justify-content: center;display: flex;align-items: center;justify-content: center;height: 80px; color:#fff;    line-height: inherit; transition: all .3s}
.menu-servicos li:hover{-webkit-filter:contrast(140%);filter:contrast(140%)}
.menu-servicos li:first-child{background: #ef7540}
.menu-servicos li:nth-child(2){background: #ae3d36}
.menu-servicos li:nth-child(3){background: #fcba21}
.menu-servicos li:nth-child(4){background: #6d8d35}
.menu-servicos li:nth-child(5){background: #703925}
.menu-servicos li:nth-child(6){background: #249fa6}
.menu-servicos li:nth-child(7){background: #6545e1}
.menu-servicos li:nth-child(8){background: #ae3d36}
.menu-servicos li:nth-child(9){background: #993560}
.menu-servicos li:nth-child(10){background: #76241b}
.menu-servicos li:last-child{background: #febad6}


/* C H A M A D A S */
.section.chamadas {background: #e96538;}
.section.chamadas [data-content] { border: none}
/*.chamadas .item{ margin: .5rem 0}*/
.chamadas figcaption{color: #fff;padding: .5rem 0;line-height: 1.5rem;}

/* D E P O I M E N T O S */
.section.depoimento {background: #fbfbf9;}
[data-content="depoimentos"]{margin-top: 2rem; margin-bottom: 2rem;    border: none;}
.depoimento .title{color: #616161; text-align: center; font-size: 1.2rem}
.cliente > span{    margin: .5rem auto;width: 80px;height: 80px;border-radius: 100%;overflow: hidden;display: -webkit-flex;-webkit-align-items: center;-webkit-justify-content: center; display: flex;align-items: center;justify-content: center;}
.nome {display:block;color: #e96538; font-family: caviar, sans-serif;margin: .4rem 0;}

/* O U T R A S   C  H A M D A S */
.section.outrasChamadas {background: #f2f2f2;}
.outrasChamadas .title{ font-size: 1.3rem}
.outrasChamadas [data-content]{border:none}

/*ultimas noticias*/
.noticia{display: table; width: 100%; margin: .5rem 0; transition: all .5s;     border: 1px solid transparent; padding:.3rem}
.noticia:hover{border-color: #d6d6d6}
.noticia:first-child{margin-top: 0}
.noticia:last-child{margin-bottom: 0}
.noticia span{display: block;width: 80px;max-height: 80px;overflow: hidden;margin: 0 1rem 0 0; float: left}
.noticia .title {margin: 0;font-size: 1rem;}



/*RODAPE*/
.section.rodape{background: #242424}
.rodape p,.rodape a{color: rgba(255, 255, 255, 0.69); line-height: 1rem}

.enderecos div{margin: 1rem 0}
.enderecos div:first-child{margin-top: 0}
.enderecos a,.link{text-decoration: underline}
.enderecos .title {margin: 0;font-size: .9rem;}

.menu-rodape.item {width: 20%;}
.chamadas-rodape.first.item{width: 30%}
.menu-rodape{color: #fff}
.menu-rodape li {font-size: .9rem;margin: .5rem 0;font-family: caviar, sans-serif}
.menu-rodape li > a{color: #fff;font-family: openSans, sans-serif, sans-serif}
.menu-rodape .sub-menu-rodape li,.sub-menu-rodape li{margin-left: 1rem}
.chamadas-rodape .title{margin: .3rem 0; font-size: 1rem}
.chamadas-rodape figcaption{margin-bottom: 1rem;}
.chamadas-rodape p{font-family: openSans, sans-serif; font-style: italic}


.section.rodape-last{background: #343434; padding: 1rem}
.logo-zaite {width: 31px;height: 28px;display: block;position: absolute;top: 0;padding: .5rem;right: 0;background: url("../icons/sprite-prodieta.png") no-repeat 0 -171px;}
.logo-zaite:hover{width: 93px}


/*QUEM SOMOS*/
.section.artigos{background: #fbfbf9; padding-top: 0}
.artigos .title{ font-size: 1.2rem;border-bottom: 1px solid #c7c7c7;padding: .8rem 0;margin: .8rem 0;  padding-right: 2rem; display: table}
.barraLateral .title{border: none; max-width: inherit}
.artigos .subtitulo,.subtitulo {font-weight: 200;font-style: italic;margin-bottom: 1rem;font-size: .9rem;color: #616161;}
[data-content="artigo"]{padding: 1rem 0}

/*ONDE ESTAMOS*/
.cards.unidades { margin: .5rem; width: calc(33.333% - .5rem); display: table;  height: 140px; overflow-y: auto}
.cards.unidades .lista { height: inherit; }
.cards.unidades .lista li { border: none; }
.cards.unidades:nth-child(even){margin-left: 0;    clear: inherit;}
.cards.unidades:nth-child(odd) { margin-left: 0; float: left}
/*MENU LATERAL*/
.withLateral {display: table;width: 100%;}
.artigo-principal{    width: calc(70% - 2rem);float: left;margin-right: 2rem;}
.barraLateral {float: right;width: 30%;}
.barraLateral figcaption {margin: .6rem 0;}
.menu-lateral {margin-top: 7rem;}
.menu-lateral .menu-servicos li, .menu-lateral .menuDicas li{width: 100%; float: none}
.menu-lateral .menu-servicos a, .menuDicas a{padding: 1rem 0;height: inherit;}


/*NEWSLATER*/
.section.newslatter{background: #f2f2f2;}
[data-content="newalatter"]{border:none}
[data-content="newalatter"] .title {font-size: 1.1rem;text-align: center;margin: 0 0 1rem}
form.newslatter{display: table; width: 100%}
form.newslatter label{width: calc(25% - .4rem); float: left; margin: 0 .2rem}


/*CARDAPIO*/
.menu-cardapio{display: table; width: 100%; margin: 2rem 0 0}
.menu-cardapio li {width: calc(25% - .04rem);display: flex;float: left;text-align: center;height: 160px;align-items: center;background: #F44336;justify-content: center;color: #fff;font-size: 1rem; font-family: caviar, sans-serif; }

.menu-cardapio [title] span::before{content: '';width: 105px;height: 80px;display: block;margin:0 auto .5rem;background: url("../icons/sprite-prodieta.png") no-repeat;background-position: 12px -225px;}

.menu-cardapio [title="Frango"]{ background-color: #ee951c}
.menu-cardapio [title="Carnes"]{ background-color: #703925}
.menu-cardapio [title="Crust�ceos"] {background-color: #c44c49}
.menu-cardapio [title="Queijos e Massas"] {background-color: #fcbe33  }
.menu-cardapio [title="Saladas"] {background-color: #a1af39  }
.menu-cardapio [title="Sopas"] {background-color: #922520  }
.menu-cardapio [title="Peixes"] {background-color: #239fa6}
.menu-cardapio [title="Outros"] {background-color: #a42782}

.menu-cardapio [title="Frango"] span::before{background-position: 12px -225px;}
.menu-cardapio [title="Carnes"] span::before{background-position: -104px -225px;}
.menu-cardapio [title="Crust�ceos"] span::before{background-position:-210px -225px}
.menu-cardapio [title="Queijos e Massas"] span::before{background-position:1px -387px}
.menu-cardapio [title="Saladas"] span::before{    background-position: 9px -306px;}
.menu-cardapio [title="Sopas"] span::before{    background-position: -101px -307px;}
.menu-cardapio [title="Peixes"] span::before{    background-position:-208px -307px;}
.menu-cardapio [title="Outros"] span::before{    background-position:-101px -386px}
.menu-cardapio a {color: #fff;}

/*tabela de tabela*/
[data-content="lista-itens"]{margin: 1rem auto 2rem;    border: none;}
[data-content="lista-itens"] .title, [data-content="lista-receita"] .title {border: none; max-width: inherit;}
.tabela-itens{width: 100%;  border-collapse: collapse;}
.tabela-itens tr{ text-align: center; font-size: .8rem;}
.tabela-itens th {margin: 0 auto;display: block;}
.tabela-itens .img{background: url(../icons/photo-camera.png) no-repeat center; background-size: 50%; width: 65px; cursor: pointer; position: relative}
.tabela-itens .img a{position: absolute; width: 100%; height: 100%; top:0; left: 0}
.cabecalho {color: #e96538;  font-family: caviar, sans-serif}
.sub-menu {color: #343434;    font-weight: bold;}
.cabecalho tr{  padding: .8rem; font-size: .9rem;   border-collapse: collapse;}
.tabela-itens td{padding: .8rem ;  border-bottom: 1px solid #c7c7c7;}
tbody td:last-child{    border-left: 1px dashed #c7c7c7;}
tbody tr:nth-child(odd){background-color: rgba(242, 242, 242, 0.5294117647058824);}

/*RECEITA*/
[data-content="lista-receita"]{display: table;    border: none;}
.cards {width: 50%;border: 1px solid #d8d8d8;padding: 1rem;font-size: .8rem;line-height: 1.5rem; position: relative}
.cards .title {margin: 0;font-size: .9rem;padding: 0;}
.lista li{padding: .3rem .3rem; border-bottom: 1px solid #c7c7c7;}
.zebra li:nth-child(even){background-color: rgba(242, 242, 242, 0.5294117647058824)}
.cards strong {margin: .7rem 0 0rem;display: block;letter-spacing: 1px;}
.info-calorias {position: absolute;top: 100%;display: table;padding: .3rem .5rem;background: #f08d60;color: #fbfbf9;right: -2%;letter-spacing: 1px;}
.info-calorias::before{     content: ''; position: absolute; width: 8px; height: 8px; display: block; background: #f08d60; left: 7px; top: -4px; transform: rotate(45deg); }
.cards:nth-child(even) {margin-right: .5rem; clear: both; float: left}
.cards:nth-child(odd) {margin-left: .5rem; float: right}
.cards { width: calc(50% - .5rem); border: 1px solid #e6e6e6;  border-radius: 6px; padding: 1rem; font-size: .8rem; line-height: 1.5rem; margin: 0 0 3rem; position: relative; }
.cards p,.cards .lista { max-height: 350px;display: table;width: 100%;}
/*DICAS DE SAUDE*/
.menu-servicos.menuDicas li:nth-child(odd) {background: #e96538;}
.menu-servicos.menuDicas li:nth-child(even) {background: #f78452;}

/*CONTATO*/
[data-content="contato"] .artigo-principal{max-width: 500px}
.formBasic.contato textarea{ margin: .3rem 0 }
.formBasic label{position: relative;}

.formBasic.contato input[type="radio"]{   width: 100%; position: absolute; height: 100%; top: 0; left: 0; opacity: 0}
.mark {    padding: .5rem .3rem; text-align: center; width: calc(50% - .6rem); display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; border-radius: 25px; justify-content: center; border: 1.5px solid #656565; transition: all .2s}
.mark:hover{    color: #f08d60; border-color: #f08d60;}
.mark.ativo{    background: #f08d60; color: #fff; box-shadow: 0 2px 6px -3px #7b7b7b;border-color: #f08d60;}
 /*NOTICIA*/
.title-artigo { font-size: 1.3rem; font-style: inherit; font-weight: bolder; color: #616161; margin: 1rem 0 .5rem; }
.noticias .title{margin: .8rem 0 0;}
/*paginacao*/
.pagination .subtitulo {    margin: 0;font-style: normal;font-weight: bold;}
.pagination .sub{margin-bottom: .3rem;    font-weight: 200;font-style: italic;transition: all .1s}
.pagination.lista li {border-bottom: 1px solid #c7c7c7;display: block;padding: .5rem; transition: all .1s}
.paginaation.lista li:hover {     background: #343434;color: #fff;border-radius: 2px;}
.lista li:hover a,.lista li:hover .subtitulo,.lista li:hover .sub,.lista li:hover p{color:#616161; }
.noticias .pagination.lista li:hover {background-color: rgb(234, 234, 234)}
.lista span {float: left;width: 70px;border: 2px solid #fff;margin-right: .5rem;display: flex;height: 70px;overflow: hidden;align-items: center;}

.numbers {display: table;}
.numbers li {float: left;margin: .5rem .2rem;}
.numbers li:hover a {background: #343434;color: #fff;  }
.numbers li a {padding: .3rem;display: block;width: 36px;height: 36px;border: 1px solid #c7c7c7;text-align: center;display: -webkkit-flex;-webkkit-justify-content: center;-webkkit-align-items: center;display: flex;justify-content: center;align-items: center; transition:all .1s}

[data-content="rodape"],.rodape-last [data-content]{border: none}

/* Agendamento */
.agendamento {display: flex;justify-content: space-around;margin:50px 0px;}
.tituloAgendamento {font-size: 1.2rem;margin: 20px 110px!important;color: #e96538;border-bottom: 1px solid #c7c7c7;padding: .8rem 0;margin: .8rem 0;padding-right: 2rem;display: table;font-family: caviar, sans-serif;}
.agendamentoOpcoes {width: 150px;height: 80px;text-align: center;display: flex;align-items: center;justify-content: center;opacity: 0.6;transition: ease-in-out 1s;}
.agendamentoOpcoes p {color: #fff;font-weight: bolder;font-family: caviar, sans-serif;margin: 0px;}
.titleAgendamento {font-size: 1.1rem;font-style: inherit;font-weight: bolder;color: #616161;margin: 1rem 0 .5rem;margin: 20px 110px;}
/* Consulta */
#tipo1 {background-color: #703925;}
#tipo2 {background-color: #993560;}
#tipo3 {background-color: #febad6;}

/* Unidade */
.agendamentoUnidade {background-color: #8a3b1e;opacity: 0.5; width: 150px;height: 80px;text-align: center;display: flex;align-items: center;justify-content: center;transition: ease-in-out 1s;}
.agendamentoUnidade p {color: #fff;font-weight: bolder;font-family: caviar, sans-serif;margin: 0px;}

/* Data e Hora */
.hour {display: flex;margin: 0px 0px 55px 0px;justify-content: center;}
.time {display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;background-color:#8a3b1e;height:50px;opacity: 0.6;}
#calendar {margin: 0px 0px 0px 110px;border: 1px solid #f08d60;height: 470px}
.calendar-section {margin-bottom: 20px;}
.calendar, .calendar_weekdays,.calendar_content {max-width: 585px;}
.calendar {/*float: left;*/margin: auto;min-width: 320px;font-family: 'Lato', sans-serif;font-weight: 400;}
.calendar_weekdays {color: #aaa;font-weight: lighter;}
.calendar_weekdays div {display:inline-block;vertical-align:top;}
.calendar_content, .calendar_weekdays, .calendar_header {position: relative;}
.calendar_content:after, .calendar_weekdays:after, .calendar_header:after {content: ' ';display: table;clear: both;}
.calendar_weekdays div, .calendar_content div {/*border: 1px dotted #999;*/width: 14.28571%;height: 68px;line-height: 69px;  overflow: hidden;text-align: center;background-color: transparent;}
.calendar_content .today {color: #f08d60;}
.calendar_content div {float: left;margin-left: -1px;margin-top: -1px;}
.calendar_content div.blank:hover {cursor: default;border: none;}
.calendar_content div.past-date {cursor: initial;color: #d5d5d5;}
.calendar_content div.today{font-weight: bold;font-size: 18px;color: #f08d60;}
.calendar_content div.selected {background-color: rgba(153, 153, 161, .2); /*rgba(170, 170, 176, .5) #aaaab0*/border: 1px solid white;}
.calendar_header {width: 100%;display: flex;justify-content: center;align-items: center;}
.calendar_header h2 {margin-top: 10px;padding: 0 10px;font-family: 'Lato', sans-serif;font-weight: 300;font-size: 1.5em;color: #FFFFFF;}
button.switch-month {background-color: #f08d60;padding: 0;outline: none;border: none;line-height: 52px;height: 25px;float: left;width:25px;transition: color .2s;border-radius: 100%;}
button.switch-month:hover {color: #f08d60;}
button.switch-month:active {background-color: rgba(113, 113, 125, .4);}
.calendar_header h2 {color: #f08d60;line-height: 1.7;}
.glyphicon {color: red;}
.menuAtivo {border-radius: 20px;transition: ease-in-out 1s;opacity: 1;}

/*M E D I A   Q U E R Y S & R E S P O N S I V E*/
@media screen and (max-width: 840px)  {
    [data-content="banner"] {margin: 0 auto;}
    .section{padding: 1rem}
    .menu-servicos li{width: 100%}
    .menu-servicos li a{height: inherit}
    .legenda-banner {position: absolute;bottom: 0;padding: 1rem;}
    .legenda-banner .title {font-size: 1rem;margin: 0;    }
    .col-2 .item,.col-4 .item,.col-3 .item {width: 50%;padding: .5rem;}
    .hide-mobile{display: none}
    [data-separet="left-top"]{border: none}
    .enderecos div:first-child{margin:1rem 0}
    .enderecos > div {width: 50%;float: left;}
    .enderecos{display: table}
    ul.menu-rodape.item{display: none}
    .chamadas-rodape.first.item{width: 50%}
    .chamadas-rodape.item{float: left; width: 50%}

    .artigo-principal {width: 100%;float: none;margin: .5rem 0;    }
    .barraLateral{display: none}
    .noticias .barraLateral { display: block; width: 100%; float: none; }
    form.newslatter label {float: none;width: 100%;margin: .3rem 0;}
    .servicos .barraLateral,.dicas .barraLateral{    display: block;width: 100%;float: none;}
    .menu-lateral{margin: 0}
    .menu-cardapio li{width: 50%; height: 120px; font-size: .8rem}
    .artigos .title {max-width: inherit;}

    /*menu*/
    .box-recursos{position: relative;display: table;margin: 0 0 1rem 0;width: 100%;z-index: 999;}
    .buttonMenu {border: 1px solid transparent;width: 50px;height: 50px;display: block;top:0;position: absolute;right: 0;  background: url("../icons/menu.png") no-repeat center center; background-size: 80% 80%; cursor: pointer; }
    .buttonMenu:hover{border-color: #c7c7c7}
    menu{top:-76px; z-index: 99}
    .menu{display: none  }
    .menu.ativo{display: block; position: relative  }
    .menu li{float: none; text-align: center}
    .sub-menu ul {left: 50%;margin-left: -60px;}
    .menu a{padding: .7rem}
    .search {width: calc(100% - 120px);}
    .search input{width: 100%}

    .withLateral {display: block;}
    .tituloAgendamento {border: none;display: block;text-align: center;margin: 0px!important;padding-right: 0px;}
    .agendamentoUnidade {border: 1px solid white;}
    .agendamentoOpcoes {border: 1px solid white;}
    .subtitulo {margin: 0px!important;}
    .titleAgendamento {margin: 30px 0px;text-align: center;}
    #calendar {margin: 0px 0px 50px 0px;}
    .calendar {min-width: 0px;}
    #formulario {padding: 0px!important;}

}
@media screen and (max-width: 500px){
    .col-2 .item,.col-4 .item,.col-3 .item {width: 100%;float: none;}
    .enderecos > div {width: 100%;}
    .cards{float: none; width:100%}
    .cards:nth-child(odd), .cards:nth-child(even){margin:0 0 3rem}
    .withLateral {display: block;}
    .tituloAgendamento {border: none;display: block;text-align: center;margin: 0px!important;padding-right: 0px;}
    .agendamentoUnidade {border: 1px solid white;}
    .agendamentoOpcoes {border: 1px solid white;}
    .subtitulo {margin: 0px!important;}
    .titleAgendamento {margin: 30px 0px;text-align: center;}
    #calendar {margin: 0px 0px 50px 0px;}
    .calendar {min-width: 0px;}
    #formulario {padding: 0px!important;}

}


/* Botao DOWNLOAD */
.section-promo{font-family: "Caviar"}
.section-promo {z-index: 999;position: fixed; width:120px; background-color: transparent;color: #fff; font-size: .8rem;    right: 0px;    padding: 10px;  bottom: 0;}
.section-promo .chamada-title {margin-bottom: 10px;}
.section-promo.collapse.collapsed {left: -90px;transition: 500ms;}
.vertical-text.collapsed {border:none; border-radius:0px!important;transform: rotate(90deg);display: block;position: relative;left: 55px;top: -59px;background: #64B161;padding: 5px;color: #fff;}
#btn-collapse{
  color:#fff; 
  border: 1px solid #fff; border-radius:5px; padding: 0 5px; }
/* @media only screen (max-width: 786px){

} */
/*Hugo*/
.chamada-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align:center;
}
.chamada-container img{width:40px;}