@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

.body{
}
a:hover{
	text-decoration:none;
}
.sticky-top{
	position: sticky;
	z-index: 999;
	top: 60px;
}
.sticky-top0{
	position: sticky;
	z-index: 999;
	top: 0px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.clear{
	clear:both;
}

hr.dotted{
	margin:20px 0;
	padding:0;
	height:0;
	border:0;
	border-top:3px dotted #cccccc;
}

.send_btn i{
	font-size:30px;
}


.counter{
	display:inline-block;
	margin:0 5px 10px;;
}
.counter a{
	color:#000000;
}
.counter p{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.counter span{
	display:block;
	font-size:9px;
	font-weight:bold;
	margin:0;
	padding:0;
}


.me_header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:rgba(255,255,255,0.9);
	z-index:999;
}
.me_header h1{
	font-size:18px;
	color:#000000;
	margin:0 5px;
	padding:0;
}
.me_header h1 a{
	color:#000000;
	text-decoration: none;
}
.me_header h1 ruby, .me_header h1 ruby rt{
	margin:0;
	padding:0;
	
}
.me_header .gea{
	position: absolute;
	right:20px;
	top:10px;
	font-size:20px;
}

.me{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	font-size:24px;
	background-color:rgba(255,255,255,0.9);
}
.me a{
	display:block;
	padding:10px 0;
	color:#000000;
}
.me a small{
	font-size:9px;
	display:block;
}
.thumbnails img{
	margin:5px;
	aspect-ratio: 3 / 3;
	object-fit:cover;
	object-position: top;
}

img{
	max-width:100%;
}

.img33{
	aspect-ratio: 3 / 3;
	object-fit:cover;
	padding:2px;
}
.img339{
	aspect-ratio: 3 / 3.9;
	object-fit:cover;
	padding:2px;
}
.img342{
	aspect-ratio: 3 / 4.2;
	object-fit:cover;
	padding:2px;
}
.img343{
	aspect-ratio: 3 / 4.3;
	object-fit:cover;
	padding:2px;
}
.img34{
	aspect-ratio: 3 / 4;
	object-fit:cover;
	padding:2px;
}
.img35{
	aspect-ratio: 3 / 5;
	object-fit:cover;
	padding:2px;
}
.img47{
	aspect-ratio: 4 / 7;
	object-fit:cover;
	padding:2px;
}
.img43{
	aspect-ratio: 4 / 3;
	object-fit:cover;
	padding:2px;
}
.img53{
	aspect-ratio: 5 / 3;
	object-fit:cover;
	padding:2px;
}
.img54{
	aspect-ratio: 5 / 4;
	object-fit:cover;
	padding:2px;
}
.img74{
	aspect-ratio: 7 / 4;
	object-fit:cover;
	padding:2px;
}
section{}
section:after{
	content: "";
	display:block;
	clear:both;
}
.prof_image{
	position:relative;
	display:inline-block;
}
.camera{
	display:block;
	background-color:#000000;
	border-radius: 50%;
	padding:3px 5px;
	position: absolute;
	bottom:0;
	right:0;
	color:#FFFFFF;
}
.prof_head{
	position:relative;
	margin:50px 0;
}
.prof_edit{
	position:absolute;
	top:0;
	right:0;
}
.link_me{
	position:relative;
	margin:50px 0;
}
.link_edit{
	position:absolute;
	top:0;
	right:0;
}

.profile_list{
	font-size:12px;
}
.profile_list a p{
	color:#333333;
	line-height:1.2em;
	padding-bottom:0.2em;
	margin:0;
}
.profile_list a p small{
	color:#666666;
}

/**/
.loading{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
	z-index: 1000;
}
/* HTML: <div class="loader"></div> */
.loader {
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-25px;
  width: 50px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#f03355) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}


/*input file */

label.imageInput {
  padding: 20px;
  color: #ffffff;
  background-color: #295d72;
  cursor: pointer;
  border-radius:50%;
  transition: .3s;
}
label.inputFile:hover {
  opacity: 0.8;
}
label.inputFile input[type="file"] {
  display: none;
}

/**/
#talkroom{
	padding-top:70px;
	padding-bottom:80px;
	font-size:12px;
}
.talk_header{
	position:fixed;
	top:50px;
	left:0;
	right:0;
	background-color:rgba(80,80,80,1);
	color:#FFFFFF;
	height:50px;
	font-size:16px;
	line-height:50px;
	z-index:100;
}

.talk_footer{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	background-color:rgba(255,255,255,1);
}
.talk_footer .form_message{
	position:relative;
	bottom:0;
	left:0;
	right:0;
}

.fixedWrapper {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow-y:scroll;
}
.imagesBox{
	margin-top:12px;
}

.img_sensitive img{
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-ms-filter: blur(20px);
	-o-filter: blur(20px);
	filter: blur(20px);
}