/*** FONT ***/
@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@400;700&family=Lato:wght@400;700&display=swap');

/*** WIDG WHAT ***/
.widg_what_wrap {
	width:335px;
	font-family:'Lato', sans-serif;
	right:15px;
	bottom:15px;
	position:fixed;
	z-index:999;
}

.widg_what_enla {
	width:100%;
	text-align:center;
	float:left;
	user-select:none;
    display:block;
}

.widg_what_enla_icon {
	width:60px;
	height:60px;
	font-size:30px;
	color:#fff;
	text-align:center;
	line-height:195%;
    background:#1bdd02;
	border-radius:50%;
	box-shadow:0px -1px 10px 0px rgba(50,50,50,0.15);
	float:right;
    cursor:pointer;
}

.widg_what_enla_titu {
	width:calc(70% - 70px);
	padding:10px 10px;
	margin-top:11px;
	margin-right:10px;
    background:#1bdd02;
	border-radius:8px;
	float:right;
	position:relative;
    cursor:pointer;
}

.widg_what_enla_titu span {
	width:100%;
	font-size:15px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:left;
	user-select:none;
    white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
	position:relative;
}

.widg_what_enla_titu:before {
    content:'';
    width:10px;
    height:10px;
	top:40%;
    right:-5px;
    background:#1bdd02;
    transform:rotate(45deg);
    position:absolute;
}

.widg_what_info {
	width:100%;
	bottom:75px;
	border-radius:10px 10px 0 0;
	box-shadow:0px 0px 3px 3px rgba(50,50,50,0.1);	
	position:absolute;
	display:none;
}

.widg_what_info:after {
    content:'';
    width:13px;
    height:13px;
    right:22px;
    bottom:-7px;
    background:#fff;
	box-shadow:3px 3px 3px rgba(50,50,50,0.1);
    transform:rotate(45deg);
    position:absolute;
}

.widg_what_info_enca {
	width:100%;
	font-size:14px;
	color:#fff;
	padding:25px;
    background:#1bdd02;
	border-radius:10px 10px 0 0;
	float:left;
}

.widg_what_info_enca_titu {
	width:100%;
	font-size:20px;
	color:#fff;
	font-weight:700;
	float:left;
}

.widg_what_info_enca_deta {
	width:100%;
	font-size:15px;
	color:#fff;
	line-height:125%;
	margin-top:10px;
	float:left;
}

.widg_what_info_enca_deta p {
	margin:0;
}

.widg_what_info_enca_deta a {
	color:#fff;
}

.widg_what_info_enca_tele {
	width:100%;
	font-size:15px;
	color:#fff;
	font-weight:600;
	margin-top:5px;
	float:left;
}

.widg_what_info_enca_tele a {
	color:#fff;
}

.widg_what_info_cerr {
    width:15px;
    height:15px;
	font-family:'Dongle', sans-serif;
	font-size:40px;
	color:#fff;
    top:-10px;
    right:10px;
    position:absolute;
	cursor:pointer;
	opacity:0.8;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_cerr:hover {
	opacity:1;
}

.widg_what_info_list {
	width:100%;
	height:308px;
	padding:10px;
	background:#fff;
	border-radius:0 0 10px 10px;
	float:left;
	overflow-x:hidden;
	overflow-y:scroll;
	position:relative;
	z-index:1;
}

.widg_what_info_list::-webkit-scrollbar {
	width:6px;
}

.widg_what_info_list::-webkit-scrollbar-track {
	background:rgba(10,10,10,0.05);
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list::-webkit-scrollbar-track:hover {
	background:rgba(10,10,10,0.15);
}

.widg_what_info_list::-webkit-scrollbar-thumb {
	background:rgba(10,10,10,0.2);
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list::-webkit-scrollbar-thumb:hover {
	background:rgba(10,10,10,0.5);
}

.widg_what_info_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.widg_what_info_list li {
	width:100%;
	float:left;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.widg_what_info_list_elem {
	width:100%;
	padding:10px;
	background:#fff;
	border-bottom:1px solid #f1f1f1;
	float:left;
}

.widg_what_info_list li:last-child .widg_what_info_list_elem {
	border-bottom:0;
}

.widg_what_info_list li:hover .widg_what_info_list_elem {
	background:#f5f5f5;
}

.widg_what_info_list_elem_inac { cursor:not-allowed; }

.widg_what_info_list_elem_imag {
	width:75px;
	height:75px;
	padding:3px;
	border:2px solid #f1f1f1;
	border-radius:50%;
	float:left;
	position:relative;
}

.widg_what_info_list_elem_imag:after {
	content:'';
	width:10px;
	height:10px;
    background:#1bdd02;
	border-radius:50%;
	right:-5px;
	bottom:2px;
	position:absolute;
}

.widg_what_info_list_elem_imag_inac { }

.widg_what_info_list_elem_imag_inac:after {
    background:#ff0000 !important;
}

.widg_what_info_list_elem_imag img {
	width:100%;
	border-radius:50%;
}

.widg_what_info_list_elem_info {
	width:calc(100% - 75px);
	height:75px;
	padding:0 15px;
	float:right;
	display:-webkit-flex;
    display:flex;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	align-content:center;
}

.widg_what_info_list_elem_info_nomb {
	width:100%;
	font-size:14px;
	color:#333;
	font-weight:700;
	float:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    outline:none;
    display:block;
}

.widg_what_info_list_elem_info_carg {
	width:100%;
	font-size:13px;
	color:#9b9c9e;
	font-weight:600;
	margin-top:3px;
	float:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    outline:none;
    display:block;
}

/*** MEDI QUER ***/
@media (min-width:240px) and (max-width:480px) {

	/*** WIDG WHAT ***/
	.widg_what_wrap {
		width:85%;
		right:10px;
		bottom:10px;
	}
	
	.widg_what_enla_icon {
		width:50px;
		height:50px;
		line-height:165%;
	}

	.widg_what_enla_titu {
		width:calc(70% - 70px);
		padding:10px 10px;
		margin-top:6px;
	}

	.widg_what_info {
		bottom:65px;
	}

	.widg_what_info_enca {
		padding:20px;
	}
	
	.widg_what_info_list_elem {
		padding:8px;
	}
	
}

@media (min-width:481px) and (max-width:1199px) {

	/*** WIDG WHAT ***/
	.widg_what_wrap {
		right:10px;
		bottom:10px;
	}

	.widg_what_enla_icon {
		width:50px;
		height:50px;
		line-height:165%;
	}

	.widg_what_enla_icon {
		width:50px;
		height:50px;
		line-height:165%;
	}

	.widg_what_enla_titu {
		width:calc(70% - 70px);
		padding:10px 10px;
		margin-top:6px;
	}
	
	.widg_what_info {
		bottom:65px;
	}

	.widg_what_info_enca {
		padding:20px;
	}

	.widg_what_info_list {
		height:110px;
	}
	
}

@media (min-width:1792px) {
	
	/*** WIDG WHAT ***/
	.widg_what_wrap {
		width:447px;
		right:20px;
		bottom:20px;
	}

	.widg_what_enla_icon {
		width:80px;
		height:80px;
		font-size:40px;
		box-shadow:0px -1px 13px 0px rgba(50,50,50,0.15);
	}

	.widg_what_enla_titu {
		width:calc(70% - 93px);
		padding:13px 13px;
		margin-top:15px;
		margin-right:13px;
		border-radius:11px;
	}
	
	.widg_what_enla_titu span {
		font-size:20px;
	}
	
	.widg_what_enla_titu:before {
		width:13px;
		height:13px;
		right:-7px;
	}

	.widg_what_info {
		bottom:100px;
		border-radius:13px 13px 0 0;
		box-shadow:0px 0px 4px 4px rgba(50,50,50,0.1);	
	}
	
	.widg_what_info:after {
		width:17px;
		height:17px;
		right:29px;
		bottom:-11px;
		box-shadow:4px 4px 4px rgba(50,50,50,0.1);
	}
	
	.widg_what_info_enca {
		font-size:19px;
		padding:33px;
		border-radius:13px 13px 0 0;
	}
	
	.widg_what_info_enca_titu {
		font-size:27px;
	}
	
	.widg_what_info_enca_deta {
		font-size:20px;
		margin-top:13px;
	}
	
	.widg_what_info_enca_tele {
		font-size:20px;
		margin-top:7px;
	}
	
	.widg_what_info_cerr {
		width:20px;
		height:20px;
		font-size:53px;
		top:-13px;
		right:13px;
	}
	
	.widg_what_info_list {
		height:411px;
		padding:13px;
		border-radius:0 0 13px 13px;
	}
	
	.widg_what_info_list::-webkit-scrollbar {
		width:8px;
	}
	
	.widg_what_info_list_elem {
		padding:13px;
		border-bottom:1px solid #f1f1f1;
	}
	
	.widg_what_info_list_elem_imag {
		width:100px;
		height:100px;
		padding:4px;
		border:2px solid #f1f1f1;
	}
	
	.widg_what_info_list_elem_imag:after {
		width:13px;
		height:13px;
		right:-7px;
		bottom:2px;
	}
	
	.widg_what_info_list_elem_info {
		width:calc(100% - 100px);
		height:100px;
		padding:0 20px;
	}
	
	.widg_what_info_list_elem_info_nomb {
		font-size:19px;
	}
	
	.widg_what_info_list_elem_info_carg {
		font-size:17px;
		margin-top:4px;
	}

}