#cdg_preloader, #dlv_preloader {
  position: fixed;
  top: 15;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  margin: 0px;
  display: block;
  padding: 0px;
  width: 100%!important;
  height: 100%!important;
  /*background-color: #690091;*/
  background-color: #fff;
  /*font-family: 'Lato', sans-serif;*/
}

.listHover:hover{
  background-color: #ccc!important;
}

.border_ctt{
	border: 1px solid #dee2e6!important;
	padding: 5px 7px;
	margin: 5px;
	border-radius: 7px!important;
	overflow: hidden;
	white-space: nowrap;
}

.border_label{
	border: 1px solid #dee2e6!important;
	padding: 5px 7px;
	margin: 5px;
	border-radius: 7px!important;
}

.bg-ccc{
	background: #ccc!important;
}

.bg-phsa{
  background: rgb(24, 62, 120)!important;
  color: #fff!important;
}

.border-phsa{
  border-color: rgb(24, 62, 120)!important;
}

.border-radius-10{
  border-radius: 10px!important;
}

.bg-phsa-img{
  background-repeat: repeat;
  background: url("https://www.circuitodosrestaurantes.com.br/storage/global/background.png"); 
}

.btn-phsa{
  background: rgb(24, 62, 120)!important;
  color: #fff!important;
}

.btn-phsa:hover{
  background-color: #800000;
  color: #fff;
  /* transition: dot 2.8s infinite; */
  /* animation-delay: dot 2.8s infinite; */
  /* animation-duration: dot 2.8s infinite; */
}

.text-phsa{
  color: rgb(24, 62, 120)!important
}

.max-h-35{
  max-height: 35px!important;
}

.logo-estabelecimento-phsa{
  max-height: 100px;
  min-height: 60px;
  min-width: 100px;
}

.itemDestaque{
  min-width: 200px;
  min-height: 250px;
  margin: 0px 5px;
  padding: 0px 3px;
}

.precoItemDestaque{
  min-width: 200px;
  min-height: 50px;
  margin: 0px 5px;
  padding: 0px 5px;
}

.menu_cardapiodigital{
  font-size: 18px!important;
}

/*!
* Bootstrap Docs (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License.
* For details, see https://creativecommons.org/licenses/by/3.0/.
*/
  .bd-navbar {
    min-height: 4rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
  .bd-navbar-inicio {
    min-height: 4rem;
    background-color: transparent;
    /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);*/
  }

  .bd-navbar, .bd-navbar-inicio {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .bd-navbar .navbar-nav-scroll {
    max-width: 100%;
    height: 2.5rem;
    margin-top: .25rem;
    /*overflow: hidden;*/
  }
  .bd-navbar-inicio .navbar-nav-scroll {
    max-width: 100%;
    height: 4rem;
    margin-top: .25rem;
    /*overflow: hidden;*/
  }
  .bd-navbar .navbar-nav-scroll .navbar-nav, .bd-navbar-inicio .navbar-nav-scroll .navbar-nav {
    /*padding-bottom: 2rem;*/
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

/*********************** Demo - 16 *******************/
  .carousel .box16 {
    width: 400px !important;
    height: 400px !important;
    margin: 10px !important;
    padding: 0px !important;

    text-align: center;
    color: #fff;
    position: relative;
  }

  .carousel .box16 .box16_img {
    overflow: hidden !important;
    display: flex !important;
    display: -webkit-flex !important; /* Garante compatibilidade com navegador Safari. */
    justify-content: center !important;
    align-items: center !important;

    /*background-color: rgba(155,5,15,.6);*/

    width: 100% !important;
    height: 100% !important;
  }

  .carousel .box16 .box-content,
  .carousel .box16:after {
    width: 100%;
    position: absolute;
    left: 0;
  }

  .carousel .box16:after {
    content: "";
    height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.08) 69%,
      rgba(0, 0, 0, 0.76) 100%
    );
    top: 0;
    transition: all 0.5s ease 0s;
  }

  .carousel .box16 .post,
  .carousel .box16 .title {
    transform: translateY(145px);
    transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
  }

  .carousel .box16:hover:after {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.01) 0,
      rgba(0, 0, 0, 0.09) 11%,
      rgba(0, 0, 0, 0.12) 13%,
      rgba(0, 0, 0, 0.19) 20%,
      rgba(0, 0, 0, 0.29) 28%,
      rgba(0, 0, 0, 0.29) 29%,
      rgba(0, 0, 0, 0.42) 38%,
      rgba(0, 0, 0, 0.46) 43%,
      rgba(0, 0, 0, 0.53) 47%,
      rgba(0, 0, 0, 0.75) 69%,
      rgba(0, 0, 0, 0.87) 84%,
      rgba(0, 0, 0, 0.98) 99%,
      rgba(0, 0, 0, 0.94) 100%
    );
  }

  .carousel .box16 .box16_img img {
    max-width: 420px !important;
    max-height: 400px !important;
    width: auto !important;
  }

  .carousel .box16 .box-content {
    padding: 20px;
    margin-bottom: 20px;
    bottom: 0;
    z-index: 1;
  }

  .carousel .box16 .title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px !important;
  }

  .carousel .box16 .post {
    display: block;
    /*padding: 3px 0px 10px 0px!important;*/
    font-size: 15px;
  }

  .carousel .box16 .social li button {
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
  }

  .carousel .box16:hover .post,
  .carousel .box16:hover .title {
    transform: translateY(0);
  }

  .carousel .box16 .social {
    list-style: none;
    padding: 0 0 5px;
    margin: 40px 0 25px;
    opacity: 0;
    position: relative;
    transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
    transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;
  }

  .carousel .box16:hover .social {
    opacity: 1;
    transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);
  }

  .carousel .box16 .social:before {
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
  }

  .carousel .box16 .social li {
    display: inline-block;
  }

  .carousel .box16 .social li button {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #6d3795;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
  }

  .carousel .box16 .social li button:hover {
    background: #bea041;
  }

  .carousel .box16 .social li:last-child button {
    margin-right: 0;
  }

  @media only screen and (max-width: 990px) {
    .carousel .box16 {
      margin-bottom: 30px;
    }
  }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
  .back-to-top {
    position: fixed;
    display: flex;
    right: 3px;
    bottom: 45px;
    z-index: 996;
    color: transparent!important;
    width: 30px;
    height: 35px;
    border-radius: 7px;
    transition: all 0.4s;
  }
  .back-to-top img{
    max-width: 25px;
    max-height: 25px;
  }
  .back-to-top i {
    font-size: 28px;
    color: rgb(24, 62, 120, 0.7)!important;
    line-height: 0;
  }
  .back-to-top:hover {
    background: transparent!important;
    color: #fff;
  }

  .chamar-garcom {
    position: fixed;
    display: flex;
    left: 3px;
    bottom: 45px;
    z-index: 996;
    color: transparent!important;
    width: 30px;
    height: 35px;
    border-radius: 7px;
    transition: all 0.4s;
    border: none!important;
    background: transparent!important;
  }
  .chamar-garcom img{
    max-width: 25px;
    max-height: 25px;
  }
  .chamar-garcom i {
    font-size: 28px;
    color: rgb(24, 62, 120, 0.9)!important;
    line-height: 0;
  }
  .chamar-garcom:hover {
    background: transparent!important;
    color: #fff;
  }

/*--------------------------------------------------------------
# Estrelas para avaliação de atendimento
--------------------------------------------------------------*/
  .stars {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 auto;
  }

  label.star, label.star-title {
    padding: 10px;
    color: #darkblue;
    transition: all .2s;
  }

  input.star {
    display: none;
  }

  input.star:checked~label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
  }

  input.star-1:checked~label.star:before {
    color: #f44336;
  }

  input.star-2:checked~label.star:before {
    color: #ff5722;
  }

  input.star-3:checked~label.star:before {
    color: #ff9800;
  }

  input.star-4:checked~label.star:before {
    color: #ffd600;
  }

  input.star-5:checked~label.star:before {
    color: #ffeb3b;
  }

  .text-star-1 {
    color: #f44336!important;
  }

  .text-star-2 {
    color: #ff5722!important;
  }

  .text-star-3 {
    color: #ff9800!important;
  }

  .text-star-4 {
    color: #ffd600!important;
  }

  .text-star-5 {
    color: #ffeb3b!important;
  }

  .nolink-star{
    text-decoration: none!important;
    cursor: pointer!important;
  }

  .nolink-star:hover{
    text-decoration: none!important;
    cursor: pointer!important;
  }

  label.star:hover {
    transform: rotate(-15deg) scale(1.3);
    color: #FD4;
  }

  label.star:before {
    content: '\f006';
    font-family: FontAwesome;
  }

  .big-star {
    font-size: 100px;
  }

  .btn-1 {
    background: #f44336;
    background: linear-gradient(to right, #f44336, #ff5722);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  .btn-2 {
    background: #ff5722;
    background: linear-gradient(to right, #ff5722, #ff9800);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  .btn-3 {
    background: #ff9800;
    background: linear-gradient(to right, #ff9800, #ffd600);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  .btn-4 {
    background: #ffd600;
    background: linear-gradient(to right, #ffd600, #ffeb3b);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  .btn-5 {
    background: #ffeb3b;
    background: linear-gradient(to right, #ffeb3b, #ffeb3b);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }