.container-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}


.container-modal img {
  width: 200px;
  position: absolute;
}

.modal-img {
  background: black;
  width: 100vw;
  height: 100vh;
  opacity: 0.8;
}

.bg-orange {
  background: #FE7A00;
}

.container-search {
  position: relative;
}

.container-search .search {
  position: absolute;
  top: 10px;
  right: 10px;
}

.barra-busqueda {
  border: none;
  width: 500px;
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  background: #ff9100;
  outline: none;
  font-family: lato;
}

.barra-busqueda::-webkit-input-placeholder {
  color: white;
}

.barra-busqueda::-moz-placeholder {
  color: white;
}

.barra-busqueda:-ms-input-placeholder {
  color: white;
}

.barra-busqueda::-ms-input-placeholder {
  color: white;
}

.barra-busqueda::placeholder {
  color: white;
}

@media screen and (max-width: 957px) {
  .barra-busqueda{
    width: calc(100vw - 30px);
    box-sizing: border-box;
  }
  .navbar-adapter{
    padding-left:0px ;
  }
}

.buttons {
  display: flex;
}

.button {
  display: block;
}

.title-button {
  display: block;
  text-align: center;
  color: white;
  font-size: 12px;
  font-weight: bold;
  font-family: Lato;
}

.bg-bisque {
  background-color: beige;
}

.icono-nav-2 {
  font-size: 60px;
  padding: 0px 10px;
}

.carousel-item .img-fluid {
  width: 100%;
  height: 580px;
}

.bg-purple {
  background: #571C7C;
}

.font-lato {
  font-family: lato;
}

/*
.z-depth-0 {
  box-shadow: none !important;
}

 2dp elevation modified

.z-depth-1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.z-depth-1-half,
.btn:hover,
.btn-large:hover,
.btn-small:hover,
.btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

 6dp elevation modified

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

 12dp elevation modified

.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

 16dp elevation

.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

24dp elevation

.z-depth-5,
.modal {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

#img-modal {
  width: 400px;
  height: 150px;
}
*/

/* estolo coloco para diseños paginas productos etc.. */
.cimg{
  width: 100%;
   height: 180px;
}
.img-des{
  width: 80px;
  height: 80px;
  /* background: #ff9100; */
}
.img-t{
  width: 80px;
  height: 80px;

}
.con{
  /* background: red; */
  width: 80px;
  height: 255px;
}

.img-m{
  /* background: blue; */
  width: 435px;
  height: 335px;
}
hr{
  background: #571C7C;
  width: auto;
}
/* calificar */
/* .form {
  width: 300px;
  margin: 0 auto;
  background: #571C7C;
  height: 20px;
} */

.clasificacion {
  text-align:left 30px;
  height: 30px;
}

.estrella {
  font-size: 30px;
}

input[type="radio"] {
  display: none;
}

label {
  color: grey;
}

.clasificacion {
  direction: rtl;
  unicode-bidi: bidi-override;
}

label:hover,
label:hover ~ label {
  /* color: orange; */
  color:#571C7C;
}

input[type="radio"]:checked ~ label {
  /* color: orange; */
  color:#571C7C;
}
.comentario{
  width: 75%;  height: 130px;
    color: black;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #571C7C;
    outline: none;
    font-family: lato;

}

.responder{
  width:75%;
  height:30px;
  border-width: 1px;
    border-style: solid;
    border-color: #571C7C;
}
.vermas{
  width:80px;
  height:20px;
  margin-left:40%;
  font-size: 18px;
  color: black;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;

}
.vermas:hover{
  border-width: 3px;

  color:#571C7C;
}
/*  */
/* blog */
.img-blog{
  float:left;
}
/* .segundo{clear:left;} */

.content-search {
    position: relative;
}
.list-search{
    background: white;
    position:absolute;
    width: 100%;
    z-index: 200;
    border-bottom: 1px darkgrey solid;
}
.img-search{
    width: 40px;
    height: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    color:darkgrey;
}


.item-search{
    height: 40px;
    width: calc(100% - 40px);
    float: right;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: grey;
}
.content-list:hover .item-search, .content-list:hover .img-search {
    height: 40px;
    background: #571C7C !important;
    color:white !important;
}

.content-list:focus .item-search, .content-list:focus .img-search {
    height: 40px;
    background: #571C7C !important;
    color:white !important;
}

.nav-content{
    display: flex;
}
.nav-item{
    display: flex;
    align-items: center;
}
.nav-title{
    color:white;
    margin-left:  5px;
    font-size: 14px!important;
}