.message-container{ position: absolute;; width:100%; top:0px; left: 0px; z-index: 1000;text-transform: normal !important; font-family: "Open Sans", sans-serif;}
.message-box{ max-width: 400px; width: 100%; background: #e1ded8; border-radius: 25px; margin:0px auto; color: #101010; }
.message-box-inner{ padding:20px 10px 10px 10px; }
.message-box-top{ display: flex;align-items: center; justify-content: space-between; }
.rounded-btn{ width:50px; border-radius: 6px; background-color: #afa89d; color: #000; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 20px; }
.message-box-content-item{ margin: 10px auto 0px auto; background: #afa89d; border-radius: 10px; color: #101010; }
a.circle{ width: 52px; height: 52px; display: flex;align-items: center; justify-content: center; font-size: 16px; color:#000;border-radius: 50px; background-color: #d6e2ea }
a.circle-small{ width: 38px; height: 38px; display: flex;align-items: center; justify-content: center; font-size: 16px; color:#000;border-radius: 50px; background-color: #d6e2ea }
a.circle-small.delete{
	color:#ce7367;
	background: #ffedec;
}
a.circle-small.share{
	color:#4ead94;
	background: #e7f9f5;
}
.message-top{padding: 15px; display: flex;align-items: top; justify-content: space-between; }
.message-bottom{padding: 15px; display: flex;align-items: top; justify-content: space-between; }
.message-icons{ display: flex;  }
.message-icons a{ margin-right: 8px; }
.message-box-date,.message-audio-length,.audio-date{ font-size: 90%; opacity: 0.7 }
.audio-name{ font-weight: 700; line-height: 24px;}
.message-box-content{ max-height: 590px; overflow: hidden;overflow-y: hidden; }
.audio-info,.audio-name {text-align: left;}
.other-info {vertical-align: top;}
.circle .c {margin-left:  3px}
.audio-avatar{ width: 53px; height: 53px; position: relative; display: block; background-position: center; background-repeat: no-repeat; overflow:hidden; border-radius: 50px; background-size: cover; }

.message-box-search{display:none; border: 2px solid #909598; border-radius: 5px; background: rgba(255,255,255,0.8); display: none; align-items: center; justify-content: space-between; }
.message-box-search input{ outline: 0px !important;
box-shadow: rgba(0,0,0,0) !important;border: 0px; font-size: 18px; line-height: 24px; text-align: left; text-indent: 10px; width:100%; background: transparent; }
.message-box-search input:focus{ outline: 0px !important;
box-shadow: rgba(0,0,0,0) !important;}
.message-box-search input:active{ outline: 0px !important;
box-shadow: rgba(0,0,0,0) !important;}
.message-box-search a{ display: inline-block; padding:10px; color: #101010; font-size: 18px; }
.message-box-search.show{ display: flex; }
h1{ margin-top:0px; margin-bottom: 0px; padding: 0px; }
.top_menu{ position: relative; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin-top:-10px; }
.top_menu ul { display: block; text-align: center; list-style: none; margin:15px 0px 0px 0px; padding:0px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;}
.top_menu ul li{ list-style: none; display: inline-block; vertical-align: middle; border-right: 1px solid #fff; padding:0px 10px 0px 10px; font-size: 15px; }
.top_menu ul li:last-child{ border:0px; }

@media handheld, only screen and (min-width: 1000px) {
.mob{ display: none !important;
	}}
	@media handheld, only screen and (max-width: 999px) {
.desk{ display: none !important;

	}
	header .logo-socials{ width:100%; transform: unset; left:0px; }
	header .logo-socials h1{
		max-width: 80%;
margin-left: auto;
margin-right: auto;;
	}
nav .items{ position: relative; top:0px; left: 0px; right:0px}
.top_menu ul{ margin-top: 0px; padding:0px; }
.top_menu ul li{ border:0px; padding: 0px 5px }
}

footer .socials  { width: 100%; text-align: center; list-style: none; margin:0px; padding:0px;
}
footer  .socials > li {
  display: inline-block;
  font-size: 25px
  vertical-align: middle;
  list-style: none;
  margin: 3px;
}
@media handheld, only screen and (max-width: 999px) {
	footer  .socials > li { font-size:35px }
	}

.modal .modal-content{
	background: #665943;
}
.modal .message-box-content-item{ background:#afa89d; }
.modal .msg-button{ font-family: 'recoleta'; background:#afa89d; width: 100%; margin-top:10px; border-radius: 5px; font-size: 23px; line-height: 25px; text-align: center; display: block;padding: 10px; color:#000;  }
.modal h3, .modal h4{ font-family: 'recoleta'; }
.quote-container{ position: fixed;top:0px; left: 0px; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; }
.quote-text{ font-family: Recoleta; font-size: 27px; font-style: italic; line-height: 1.1; }

.bootbox-close-button.close
{
	position: absolute;top:5px; right:10px; background: transparent; color: #000; border:0px;
}
.modal-footer .btn{ background: #afa89d; color: #000; }
.top_menu{ margin-bottom:40px }