.navbar-brand{height: auto;}
.navbar-default.affix .navbar-header .navbar-brand{padding: 5px;}
.navbar-default.affix .navbar-header .navbar-brand img{height: 40px;}
/*Extra small devices Phones (<768px) ------ XS*/
@media screen and (max-width : 767px) {.navbar-brand {padding: 5px;} .navbar-brand img{height: 40px;}}
.navbar-default .nav > li > a{  font-size: 16px;  font-weight: bold;}
@media (min-width: 768px) {  .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 1); }}
header{
  background: url(../img/slider-01.jpg);background-position: center; background-repeat: no-repeat; background-size: cover;
}
/*header .header-content .header-content-inner h1{*/
  /*text-shadow: black 1px 1px;*/
/*}*/
header{height: auto;min-height: auto;}
@media (min-width: 768px){header{height: auto;min-height: auto;}}
header .header-content{height: auto}
header .header-content .header-content-inner{position: inherit;top: auto;transform: none}
header .header-content .home-welcome{margin-top: 100px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
/*Extra small devices Phones (<768px) ------ XS*/
@media screen and (max-width : 767px) {header .header-content .home-welcome{margin-top: -50px;}}
.bg-primary {background: #000000;background: -webkit-linear-gradient(#000000, #cccccc); background: linear-gradient(#000000, #cccccc);}
.bg-redes-sociais{color:#FFFFFF;	background: #7815b1; background: -webkit-linear-gradient(#7815b1, #000000); background: linear-gradient(#7815b1, #000000);}
.features #accordion a {color: black}
.features #accordion a:hover,.features #accordion a:focus {color: #ff0000}
.features #accordion a h4{width: calc(100% - 20px); display: inline-block}
.features #accordion a span{font-size: 20px;}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {color: #673ab7; background-color: #fff;border-color: #fff;}
.device-mockup.iphone6_plus.portrait>.device>.screen, .device-mockup.iphone6_plus>.device>.screen{top: 11.0438729%; right: 4.97%;}

.download img{border-radius: 5px;cursor: pointer}
section.features .feature-item i{
  background: -webkit-linear-gradient(to left,#145605,#ff0000);
  background: linear-gradient(to left,#145605,#ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section#cardapio{background: url(../img/bg-recursos.jpg) no-repeat center center fixed; background-size: cover;}
section#cardapio .box-item{margin-top:10px; color: #FFF; background: #673ab7; opacity: 0.9; border: 1px solid #2e6ea4; border-left-color: #87b9da;
  border-top-color: #87b9da; border-radius: 5px; padding: 30px; padding-top: 0; text-align: center; min-height: 120px;}
section#cardapio .box-item h2{font-size: 40px; font-weight: bold;}
section#atendimento .box-item{margin-top:10px;color: #FFF; background: #0b9e25; opacity: 0.9; border: 1px solid #ffffff; border-radius: 5px; padding: 30px; padding-top: 0; text-align: center; min-height: 120px;}
section#atendimento .box-item h3{ font-size: 20px; font-weight: bold;}
section#fotos{margin-top:0px;padding:0px;}
section#planos {background:#CCCCCC; padding:30px;}

form .verifica-form {visibility: hidden; width: 0; height: 0;}
form .verifica-form>input {width: 0; height: 0;}
@media (min-width: 992px) {.modal-lg {width: 1280px; }}
.panel{ text-align: left;}
.panel:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(130, 130, 130, 0.2); }
.the-price{background-color:#eee; padding: 15px; margin: 0;margin-bottom:10px;-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}
.the-price h1{line-height: 1em; padding: 0; margin: 0;}
.subscript{ font-size: 25px;}

/* CSS-only ribbon styles    */
.cnrflash{ /*Position correctly within container*/ position: absolute; top: -9px; right: 4px; z-index: 1; /*Set overflow to hidden, to mask inner square*/
overflow: hidden; /*Set size and add subtle rounding      to soften edges*/ width: 100px; height: 100px; border-radius: 3px 5px 3px 0;}
.cnrflash-inner{ /*Set position, make larger then      container and rotate 45 degrees*/ position: absolute; bottom: 0; right: 0; width: 145px; height: 145px;
 -ms-transform: rotate(45deg); /* IE 9 */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari and Chrome */
 -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */ -ms-transform-origin: 100% 100%;  /* IE 9 */
 -o-transform-origin: 100% 100%; /* Opera */ -moz-transform-origin: 100% 100%; /* Firefox */ background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
 background-size: 4px,auto, auto,auto; background-color: #aa0101; box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after{ /*Use the border triangle trick to make         it look like the ribbon wraps round it's        container*/
    content: " "; display: block; position: absolute; bottom: -16px; width: 0; height: 0; border: 8px solid #800000;}
.cnrflash-inner:before{    left: 1px; border-bottom-color: transparent; border-right-color: transparent;}
.cnrflash-inner:after{ right: 0; border-bottom-color: transparent; border-left-color: transparent;}
.cnrflash-label{/*Make the label look nice*/ position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding-bottom: 5px; color: #fff; text-shadow: 0 1px 1px rgba(1,1,1,.8);
 font-size: 0.95em; font-weight: bold; text-align: center;}
.setdown {color:#CCCCCC;position:relative;float:right;}
.panel-heading h4{color:#000000;}
.panel-heading h4 a;hover{color:#FF0000;}
.item-menu{border-bottom: 1px solid #cccccc;margin-bottom:25px;}
.item-nome {
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
    font-size: 16px;
    text-transform: capitalize !important;
}
.item-desc {
    text-align: left;
    border-bottom: 1px solid #ff0000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #a7a7a7;
}
.top50{margin-top:50px;}
.bt10{margin-bottom:10px;}
.bt20{margin-bottom:20px;}
.galeria{color:#FFFFFF;	background: #7815b1; background: -webkit-linear-gradient(#058a44, #000000); background: linear-gradient(#058a44, #000000);text-align:center;margin-top:0px;margin-bottom:50px;padding:25px 25px;}
.num-tele{font-family: "Font Awesome 5 Free"; text-align: center;font-size: 80px; font-weight: bold;color:#FFFFFF;}
.logo-home{max-width:250px;}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;

    z-index:1032;
}


.slide{height: 100vh !important;}

@media (min-width: 767px){
  .galcel{display:none;}
}
@media (max-width: 766px){
  .galpc{display:none;}
  .num-tele{font-family: "Font Awesome 5 Free"; text-align: center;font-size: 40px; font-weight: bold;color:#FFFFFF;}
}
#imagelightbox
{
    position: fixed;
    z-index: 9999;
}


/* Btn WhatsApp Flutuante */
@media (max-width: 768px) {
  .btn-fab {
    position:fixed;
    bottom:40px;
    right:40px;
    z-index: 10000000;
    
  }
}

@media (min-width: 768px) {
  .btn-fab {
    position:fixed;
    bottom:40px;
    right:40px;
    z-index: 10000000;
  }
}


.chat-btn {
  cursor: pointer
}

.chat-btn .close {
  display: none
}

.chat-btn i {
  transition: all 0.9s ease
}

#check:checked~.chat-btn i {
  display: block;
  pointer-events: auto;
  transform: rotate(180deg)
}

#check:checked~.chat-btn .comment {
  display: none
}

.chat-btn i {
  font-size: 40px;
  color: #fff !important
}

.chat-btn {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background-color: #13ad4c;
  color: #fff;
  font-size: 40px;
  border: none
}

.wrapper {
  position: absolute;
  bottom: 100px;
  width: 300px;
  margin-left:-240px;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0;
  display: none;
  transition: all 0.4s;
}

#check:checked~.wrapper {
  opacity: 1;
  display: block;
  transition: all 0.4s;
}

.chat-header {
  padding: 13px;
  background-color: #13ad4c;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 10px;
  color: #fff
}

.chat-form {
  padding: 15px
}

.chat-form input,
textarea {
  margin-bottom: 10px
}

.chat-form textarea {
  resize: none
}

.form-control:focus,
.btn:focus {
  box-shadow: none
}

.btn,
.btn:focus {
  background-color: #13ad4c;
  color: #fff
}
.btn:hover {
  background-color: #0c9e41;
  color: #fff
}

#check {
  display: none !important
}