/*
html { font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
html, body { height: 100%; scroll-behavior: smooth;	} 
@import url('https://fonts.googleapis.com/css?family=Inter:300,400,500,700&display=swap'); 

*/	

@import url('inter_external_css.css'); 

html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) 
	{
  		html { font-family: 'Inter', sans-serif; }
	}


*{
 	padding: 0px;
	margin: 0px;
	border: 0;
	font-family: inherit;
	box-sizing: border-box;
/*	transition: all 0.2s ease; */
	scroll-behavior: smooth;
}

body {
	font-weight: 400;
	font-size: 0.94rem;
	line-height: 1.4;
	color: #212529;
	width: 100%;
	padding-bottom: 3em;
}

img {
	max-width: 100%;
	height: auto;
}

/*
.img_16_9 {
	width: 100%;
	height: 190px;
	object-fit: cover;
}
*/

/* grids
--------------------------------------------- */

.container {
	width: 90%;
	margin: auto;
	max-width: 1140px;
	max-width: 1440px;
}

.container > .container {
	width: 100%;
}


.row {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin-bottom: 15px;
}

.nogap {
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: 0px;
}

.no-row-gap {
	grid-row-gap: 0px;
	margin-bottom: 0px;
}

.column-gap-min {
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	margin-bottom: 0px;
}


.row-1 				{	grid-template-columns: 1fr; }
.row-1-1 			{	grid-template-columns: repeat(2, 1fr); }
.row-1-1-1 			{	grid-template-columns: repeat(3, 1fr); }
.row-1-1-1-1 		{	grid-template-columns: repeat(4, 1fr); }
.row-1-1-1-1-1 		{	grid-template-columns: repeat(5, 1fr); }
.row-1-1-1-1-1-1	{	grid-template-columns: repeat(6, 1fr); }
.row-1-2 			{	grid-template-columns: 1fr 2fr; }
.row-2-1 			{	grid-template-columns: 2fr 1fr; }
.row-1-3 			{	grid-template-columns: 1fr 3fr; }
.row-1-4 			{	grid-template-columns: 1fr 4fr; }
.row-1-5 			{	grid-template-columns: 1fr 5fr; }
.row-1-18 			{	grid-template-columns: 1fr 18fr; }
.row-3-1 			{	grid-template-columns: 3fr 1fr; }
.row-4-1 			{	grid-template-columns: 4fr 1fr; }
.row-1-2-2 			{	grid-template-columns: 1fr 2fr 2fr; }
.row-1-1-3 			{	grid-template-columns: 1fr 1fr 3fr; }
.row-3-2-1 			{	grid-template-columns: 3fr 2fr 1fr; }
.row-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1 {	grid-template-columns: repeat(20, 1fr); }
.row-1-1-1-1-1-1-1-1-1-1 {	grid-template-columns: repeat(10, 1fr); }
.row-1-4-1 			{	grid-template-columns: 1fr 4fr 1fr; }
.row-1-1-4			{	grid-template-columns: 1fr 1fr 4fr; }
.row-1-3-1 			{	grid-template-columns: 1fr 3fr 1fr; }
.row-05-05-4-1 		{	grid-template-columns: 0.5fr 0.5fr 4fr 1fr; }
.row-2-1-1 			{	grid-template-columns: 2fr 1fr 1fr; }
.row-1-2-1 			{	grid-template-columns: 1fr 1fr 1fr; }
.row-02-5 		    {	grid-template-columns: 0.2fr 5fr; }
.row-02-1-3-1 		{	grid-template-columns: 0.2fr 1.5fr 3fr 1fr; }
.row-2-2-1-1 		{	grid-template-columns: 2fr 2fr 1fr 1fr; }
.row-31 			{	grid-template-columns: repeat(31, 1fr); }
.row-1-3-3 			{	grid-template-columns: 1fr 3fr 3fr; }


.stats-day-bar { align-self: end; height: 50px; width: 80%; 	background-color: #FFD1B3; border: 1px solid #FF9B59; border-bottom: 0px; margin-bottom: -1px; position: relative; transition: all 0.2s ease; }
.stats-day-bar:hover { 	background-color: #EE4C99; }
.stats-day-views {font-size: x-small;  top: -20px; position: absolute; width: 100%; 	text-align: center; 	display: block; 	background-color: #FFF; }
.stats-day 		{display: block;	width: 80%;	font-size: x-small; padding-top: 5px; }
.stats-month {	margin-bottom: 40px;	border-bottom: 10px solid #E6E6E6; padding-bottom: 20px; }

.row-minmax 		{ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  }

.row-center { align-items: center; } /* vertical align */

.align-items-top { align-items: start; vertical-align: top; }
.align-items-end { align-items: end; vertical-align: bottom; }
.align-items-center { align-items: center; vertical-align: middle; }

.pricing-label-mobile { display: none; text-align: center; color: #A5A5A5; }


@media only screen and (max-width: 576px) {	
	.row-sm 
		{
		display: block;
		width: 100%;
		}
	}

@media only screen and (max-width: 768px) {	
	.row-md , .pricing-label-mobile
	
		{
		display: block;
		width: 100%;
		}
	}

@media only screen and (max-width: 960px) {
	.row-960
		{
		display: block;
		width: 100%;
		}
	}
	
@media only screen and (max-width: 992px) {	
	.row-lg 
	
		{
		display: block;
		width: 100%;
		}
	}

@media only screen and (max-width: 1160px) {	
	.row-xl
		{
		display: block;
		width: 100%;
		}
	}




/* general
--------------------------------------------- */

.b {
	font-weight: bold;
}	

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.hidden {
	display: none;
}

.bggrey {
	background-color: /* #E7E7E7 */ #F9F9F9;
}

.bggreydark {
	background-color: #E7E7E7;
}

.grey {
	color: #64676A;
}

.inherit_color {
	color: inherit;
}

h1  {
	font-size: 300%;
	font-weight: 600; 
	padding: 1em 0px 1em;
	text-align: center;
	/* letter-spacing: -1.0px; */
}

h2  {
	font-size: 250%;
	font-weight: 600; 
	padding: 0.5em 0px 0.2em;
	text-align: center;
}

h3 , .big {
	font-size: 150%;
	font-weight: 600; 
	padding: 0.5em 0px 0.2em;
}


h4 {
	padding: 0.5em 0px 0.2em;
}

.divider , hr {
	display: block;
	width: 60px;
	border-bottom: 6px solid #2D383E;
	margin: 20px 0px 20px 0px;
}


.subtitle {
	font-size: 150%;
	max-width: 36em;
	margin: auto;
}

a {	
	color: inherit;
	color: #EE4C99;
	cursor: pointer;
}

a img {
	transition: all 0.2s ease;
}

a:hover {
	text-decoration: none;
}

a:hover img {
	opacity: 0.9;
}

ul.ulsquare li {
	list-style: square;
	margin-left: 1em;
	padding: 0.5em 0px;
}

ol li {
	margin-left: 1em;
	padding: 0.5em 0px;
}

.dark { color: white; text-shadow: 1px 1px 1px rgba(0,0,0, 0.5); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.2)); } 

.rounded {	border-radius: 3px;}	
.rounded-big {	border-radius: 15px;}	


.img-round {    border-radius: 50%;     max-width: 100px;     display: block;     margin: 10px auto 10px auto; }

.nobold {
	font-weight: normal;
}

.red {
	color: red;
}

.black {
	color: black;
}

.height-100 {
	height: 100%;
}

.width-100 {
	width: 100%;
}

.width-50 {
	width: 50%;
}

.width-30 {
	width: 30%;
}


.h_4em {
	min-height: 4em;
}

.relative {
	position: relative;
}


pre {
	font-family: "Courier New", Courier, monospace;
	background-color: #c2c2c2;
	padding: 20px;
	margin: 10px 0px;
	overflow:	auto;
	max-width: 100%;
}

.del {
	text-decoration: line-through;
}

.pad-5 {	padding: 5px; }
.pad-10 {	padding: 10px; }
.pad-30 {	padding: 30px; }
.pad-30-v {	padding: 30px 0px; }
.margin-10 { margin: 5px 0px; }
.margin-0-5 { margin: 0px 5px; }
.margin-10l-v { margin: 0px 10px 0px 0px; }
.pad-30-h {
	padding-left: 30px;
	padding-right: 30px;
}

.pad-bottom-5em { padding-bottom: 5em;}

.anchor {
	display: block;
	position: relative;
	top: -250px;
	/*
	background-color: red;
	height: 10px;
	width: 10px;
	*/
	visibility: hidden;
}

.blur {
	/*
	color: transparent;
    text-shadow: 0 0 8px #000;
	*/
	filter: blur(4px);
	}

.blur img {
  filter: grayscale(100%);
}	

.coming_soon_1 {
	/*
	position: absolute;
	z-index: 2;
	bottom: 0px;
	*/
	width: 100%;
	display: block;
}

.coming_soon_3 {	display: none; }

.hor-scrol-outer .coming_soon_3 {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0px;
}

.hor-scrol-outer .coming_soon_4 {
	display: none;
}

.coming_soon_2 { margin-bottom: 20px; }
	
.small {
	font-size: 85%;
	line-height: 1.6;
}

.word-break-all { word-break: break-word; }
	
.pricing-info {
	background-color: #EE4C99;
	color: #FFF;
	text-align: center;
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	text-decoration: none;
	margin: 5px; 
/*	position: absolute;
	right: 20px;
	top: 30px;
*/
}

.pricing_label {
	padding: 50px 30px 30px;
	border: 1px solid #D9D9D9;
	position: relative;
}

.pricing_labelselected {
	background-color: #FFEFE5;
	border: 1px solid #EE4C99;
}

.most_chosen {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #EE4C99;
	color: white;
	width: 100%;
	font-weight: bold;
	padding: 0.3em;
}

.worldmap {
	background-position: 	center top;
	background-repeat: repeat-x;
	background-repeat: repeat;
	background-color: #f5f5f5;
	background-image:	url(keith_7.gif);
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 15px;
/*	background-image:	url(keith_4.gif); */
/*	 background-attachment: fixed; */
}

.worldmap h1 { padding: 60px 20px 20px 20px; }

.frame {
	padding: 30px;
	border: 2px solid #D9D9D9;
	position: relative;
	margin: 60px 0px 0px 0px;
	background-color: #FAFAFA;
}

.max_20em {
	max-width: 20em;
}
	
/* 
--------------------------------------------- */

.header {
	background-color: #fff;
	position: fixed;
	
	/*
	position: absolute;
	position: relative;
	*/
	
	width: 100%;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #DADCE0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	z-index: 10;
	height: auto;
	transition: all 0.5s ease;
}

.body_scroll_down .header {
	margin-top: -500px;
}

.body_scroll_up .header , .body_neutral .header {
	margin-top: 0px;
}

.header-top::after {
	display: block;
	clear: both;
	content: "";
}

.logo {
	display: inline-block;
	margin-top: 15px;
}

.lang_manager_closer_open { height: 100vh; }

/* menu
--------------------------------------------- */

.header-bottom {
	background-color: #F9F9F9;
}

#menu {
	text-align: left;
	text-align: center;
/*	border: 1px solid #DFE3ED; */
	border-left: 0px;
	border-right: 0px;
	margin-top: 10px;
}

#menu li , #menu-contact li {
	list-style: none;
	display: inline-block;
	padding: 0px 0px;
	position: relative;
}	

#menu a:hover , #menu-contact a:hover , .menu-2 a:hover {
/*	color: #E0338C; */
}

.menu-2 {
	display: block;
	float: right;
	font-weight: 500;
}

.menu-2 li {
	list-style: none;
	display: inline-block;
}

.menu-2 , #menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu-2 a , #menu a {
	text-decoration: none;
	/* color: #D8006F; */
	/* padding: 0.7em; */
	padding: 1em 0.5em;
	/* margin: 4px; */
	display: inline-block;
	white-space: nowrap;
}

.menu-2 a {
	margin-left: 0.7em;
}

#menu a {
	/* color: inherit; */
	font-weight: 500;
}

.menu-2 a:hover , #menu a:hover {
	/* color: #888888; */
	text-decoration: underline;
}

.menu-2 a.button:hover , #menu a.button:hover {
	text-decoration: none;
}

.menu_3 a { text-decoration: none; padding: 15px 0px; background-color: #F9F9F9;}

.menu_3 img { display: block; margin: auto auto 10px auto; }

#menu_4 img { display: block; margin: auto auto 5px auto; }
#menu_4 a { text-decoration: none; 	font-size: 85%; 	line-height: 1.2; }


#menu_3 {
		display: none;
		padding-top: 10px;
		font-size: small;
	}

#menu_4 {
	display: none;
	padding-top: 5px;
	font-size: small;
	/*
	float: left; 
	width: 100%;
	position: absolute;
	left: 0px;
	top: 10px;
	*/
}
	

.button , .button-simil {
	border-radius: 3px;
	border: 1px solid #D8006F;
	font-size: inherit;
	padding: 0.7em;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
}

.button-simil {
	cursor: inherit;
	border-color: #202427; 
}

a.button , .button a {
	text-decoration: none;
	color: #D8006F;
	font-weight: 700;
}

.button-full , #menu a.button-full ,  .menu-2 a.button-full {
	background-color: #D8006F;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	color: #FFF !important;
}

a.button-full:hover , .button-full:hover {
	background-color: #E0338C;
}

.mobile-only , .mobile-only-inline , .mobile-only-inline-block {
	display: none !important;
}

.full-width {
	width: 100%;
}



#menu ul {
	display: none;
}

#menu li:hover ul {
	display:	block;
	position: absolute;
	width: 350px;
	z-index: 5;
	/* background-color: rgba(255,255,255,0.95); */
	background-color: #FFF;
	background-color: #F9F9F9;
	padding: 1em;
	left: 0px;
	border-bottom: 1px solid #DADCE0;
	border-left: 1px solid #DADCE0;
	border-right: 1px solid #DADCE0;
	/* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); */
}

#menu li:hover ul li {
	display: block;
	text-align: left;
	padding: 0px;
}

#menu li ul li a {
	padding: 0.2em;
	display: block;
}



#menu li ul li a:hover , #menu_top_prodotti:hover ul li a:hover {	
	text-decoration:	underline;
}


/*
.color-1 , a.color-1 { color: #D4006F; }
.color-2 , a.color-2 { color: #789904; }
.color-3 , a.color-3 { color: #00BBB4; }
.color-4 , a.color-4 { color: #3D7CC9; }
.color-5 , a.color-5 { color: #F5A800; }
.color-6 , a.color-6 { color: #D47E00; }
.color-7 , a.color-7 { color: #FFB4AB; }
.color-8 , a.color-8 { color: #B4BD00; }
.color-9 , a.color-9 { color: #9F9B9B; }
*/

/*

.button-grey {
	background-color: #ACACAC;
	border: 0px;
}

a.button-grey:hover {
	background-color: #ACACAC;
}

*/

/*	================================================================ */

.mi {
	height: 14px;
	width: 14px;
	display: inline-block;
	margin-bottom: -2px;
	background-repeat: no-repeat;
	background-position: center;
}

/*
.mi-left {
	margin-right: 7px; 
}

.mi-right {
	margin-left: 7px; 
}

.mi-left ~ *, .mi-left + *{
	margin-right: 7px; 
	background-color: lime;
}

.mi-right ~ *{
	margin-left: 7px; 
}

*/

.mi-left {
	margin-right: 7px;
}

.mi-right {
	padding-right: 7px;
}

.mi-animate .mi {
	transition: all 0.2s ;
}

.mi-rotate:hover .mi {
	transform: rotate(180deg);
}

.mi-go-down:hover .mi {
	margin-top: 4px;
	margin-bottom: -4px;
}

.mi-flip-h:hover .mi {
/*	transform: rotateY(180deg); */
	transform: rotate(90deg);
 }

.orange {	color: #EE4C99; }
.grey .mi {	filter: brightness(0) saturate(100%) invert(39%) sepia(6%) saturate(264%) hue-rotate(169deg) brightness(97%) contrast(85%);    filter: grayscale(100%); }
.orange .mi {	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(102%);; }
.white .mi {	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(102%); } 
/* 
.orange .mi {	filter: invert(46%) sepia(34%) saturate(6274%) hue-rotate(2deg) brightness(106%) contrast(102%); }
*/
.grey a {	color: #64676A; }
 
.mi-2 {
	height: 16px;
	margin-right: 4px; 
	margin-bottom: -3px;
}

.eye {
	
}

.mini-icon {
  height: 10px;
  margin-right: 10px;
}

.mini-icon-2 {
  height: 16px;
  margin-right: 4px;
  margin-bottom: -3px;
  width: 16px;
  display: inline-block;
  max-width: none;
}

.icon-menu-hamb {	background-image:	url(icon-menu.svg); }
.icon-search {	background-image:	url(icon-search.svg); }
.icon-search-white {	background-image:	url(icon-search-white.svg); }
.icon-plus {	background-image:	url(icon-plus.svg); }
.icon-plus-orange {	background-image:	url(icon-plus-orange.svg); }
.icon-user {	background-image:	url(icon-user.svg); }
.icon-user-reg {	background-image:	url(icon-user-reg.svg); }
.icon-user-reg-white {	background-image:	url(icon-user-reg-white.svg); }
.mi-arrowdown {	background-image:	url(icon-arrowdown.svg); }
.icon-logout {	background-image:	url(icon-logout.svg); }
.icon-edit {	background-image:	url(icon-edit.svg); }
.icon-edit-white {	background-image:	url(icon-edit-white.svg); }
.icon-heart {	background-image:	url(icon-heart.svg); }
.icon-heart-full {	background-image:	url(icon-heart-full.svg); }
.icon-pin {	background-image:	url(icon-pin.svg); }
.icon-mail {	background-image:	url(icon-mail.svg); }
.icon-bulb-white {	background-image:	url(icon-bulb-white.svg); }
.icon-bulb {	background-image:	url(icon-bulb.svg); }
.icon-geo {	background-image:	url(icon-geo.svg); }
.icon-geo-2 {	background-image:	url(icon-geo-2.svg); }
.icon-available {	background-image:	url(icon-available.svg); }
.icon-unavailable {	background-image:	url(icon-unavailable.svg); }
.icon-sold {	background-image:	url(icon-sold.svg); }
.icon-share {	background-image:	url(icon-share.svg); }
.icon-clock {	background-image:	url(icon-clock.svg); }
.icon-calendar {	background-image:	url(icon-calendar.svg); }
.icon-money {	background-image:	url(icon-money.svg); }
.icon-moneyunit {	background-image:	url(icon-moneyunit.svg); }
.icon-info-white {	background-image:	url(icon-info-white.svg); }
.icon-info {	background-image:	url(icon-info.svg); }
.icon-qty {	background-image:	url(icon-qty.svg); }
.icon-eye {	background-image:	url(icon-eye.svg); }
.icon-xs {	background-image:	url(icon-xs.svg); }
.icon-megaphone {	background-image:	url(icon-megaphone.svg); }
.icon-tag {	background-image:	url(icon-tag.svg); }
.icon-inbox {	background-image:	url(icon-inbox.svg); }
.icon-sent {	background-image:	url(icon-sent.svg); }
.icon-spam {	background-image:	url(icon-spam.svg); }
.icon-trash {	background-image:	url(icon-trash.svg); }
.icon-trash-white {	background-image:	url(icon-trash-white.svg); }
.icon-pause-white {	background-image:	url(icon-pause-white.svg); }
.icon-account {	background-image:	url(icon-account.svg); }
.icon-subscription {	background-image:	url(icon-subscription.svg); }
.icon-card {	background-image:	url(icon-card.svg); }
.icon-mailnotify {	background-image:	url(icon-mailnotify.svg); }
.icon-reload-white {	background-image:	url(icon-reload-white.svg); }
.icon-check-white {	background-image:	url(icon-check-white.svg); }
.icon-cogs-blue {	background-image:	url(icon-cogs-blue.svg); }
.icon-published-green {	background-image:	url(icon-published-green.svg); }
.icon-notpublished-brown {	background-image:	url(icon-notpublished-brown.svg); }
.icon-ban {	background-image:	url(icon-ban.svg); }
.icon-ban-white {	background-image:	url(icon-ban-white.svg); }
.icon-question-white {	background-image:	url(icon-question-white.svg); }
.icon-hourglass {	background-image:	url(icon-hourglass.svg); }
.icon-hourglass-black {	background-image:	url(icon-hourglass-black.svg); }
.icon-send {	background-image:	url(icon-send.svg); }
.icon-send-white {	background-image:	url(icon-send-white.svg); }
.icon-bell {	background-image:	url(icon-bell.svg); }
.icon-draft {	background-image:	url(icon-draft.svg); }
.icon-chat {	background-image:	url(icon-chat.svg); }
.icon-reply {	background-image:	url(icon-reply.svg); }
.icon-stats {	background-image:	url(icon-stats.svg); }
.icon-stats-2 {	background-image:	url(icon-stats-2.svg); }
.icon-rotate {	background-image:	url(icon-rotate.svg); }
.icon-check_on_orange {	background-image:	url(check_on_orange.svg); }
.icon-check_off_orange {	background-image:	url(check_off_orange.svg); }



/*	================================================================ */


.button , a.button , .button a , ul.pagination li a {
	border-radius: 3px;
	border: 1px solid #EE4C99;
	font-size: inherit;
	padding: 1.0em;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	color: #EE4C99;
	font-weight: 700;
	background-color:	transparent;
	transition: all 0.2s ease;
}

.button-mini , a.button-mini , .button-mini a {
	padding: 0.35em 1em;
}


ul.pagination li a:hover , ul.pagination li a.active {
	background-color: #EE4C99;
	color: #FFFFFF;
}


.button-full , a.button-full , #menu a.button-full ,  .menu-2 a.button-full {
	background-color: #EE4C99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	color: #FFF;
	font-weight: bold;
}

.button-warning , a.button-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.button-danger , a.button-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

a.button-full:hover , .button-full:hover {
	background-color: #E32D72;
}

.button-blue , a.button-blue {
	color: #fff;
	background-color: #1D9BF0;
	border-color: #0B7CEA;
}

.button-blue:hover , a.button-blue:hover {
	background-color: #3CB7F5;
}

.button-brown , a.button-brown {
	color: #fff;
	background-color: #5A5A5A;
	background-color: #9C8134;
	border-color: #897028;
}

.button-brown:hover , a.button-brown:hover {
	background-color: #5A5A5A;
	background-color: #AB892A;
}

.button-grey , a.button-grey {
	background-color: #ACACAC;
	color: #FFFFFF;
	border: 0px;
}

.button-grey:hover, a.button-grey:hover {
	background-color: #ACACAC;
}


.button-warning:hover { background-color: #E0A800; }

.button-danger:hover , a.button-danger:hover { background-color: #C82333; }

.button-ghost , a.button-ghost { color: #D2D2D2; border: 1px solid #D2D2D2; }

.button-success , a.button-success {
	color: #FFF;
	background-color: #44AA00 /* #CCFFCC */ /* #D4EDDA */;
	border: 1px solid #3B9300;
}

.button-success:hover , a.button-success:hover {
	color: #FFF;
	background-color: #4DC000 /* #CCFFCC */ /* #D4EDDA */;
	border: 1px solid #3B9300;
}

.button-disabled {
	background-color:	gray;
}

.button-disabled:hover {
	background-color:	gray;
}


.mobile-only , .mobile-only-inline {
	display: none !important;
}

.full-width {
	width: 100%;
}

.shadow-white {
	box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.8) !important;
}


/*	================================================================ */

.logged_padder {
	height: 3.3em;
}

.main {
	min-height: 75vh;
	padding-bottom: 2em;
	padding-top: 8vh;
	padding-top: 70px;
}

p {
	padding: 0.5em 0px;
}

table {
	width: 100%;
	 border-collapse: collapse;
}

tr td , tr th {
	border-bottom: 1px solid black;
	padding: 0.5em;
}

tr:nth-child(even) {background: #F4F4F4}
tr:nth-child(odd) {background: #FFF}

.nounder {
	text-decoration: none;
}

.u {
	text-decoration: underline;
}

a.nocolor{	color: #212529;
}

.mailnotif_active .mailnotif_active { display: block; }
.mailnotif_active .mailnotif_inactive { display: none; }
.mailnotif_inactive .mailnotif_active { display: none; }
.mailnotif_inactive .mailnotif_inactive { display: block; }

#paypal-button-container { z-index: 1; position: relative; }

/* ============================================================= */

label {
	margin: 2em 0px 0.5em;
	display: block;
	text-align: left;
	font-weight: bold;
}

input, textarea, select , .input {	
	margin: 0px auto;
	padding: 0px;
	background-color: White;
	outline: none;
	border: 1px solid #FFBF00;
	border: 1px solid grey;
	border: 1px solid #d6d6d6;
	font-family: 	inherit;
	font-size: 100%;
	padding: 1em;
	line-height: 1.5em;
	border-radius: 3px;
	display: block;
	width: 100%;
	transition: all 0.1s ease;
	
	}
	
.select_extra_10 select {
	margin-bottom: 10px;
}	

input[type='checkbox'] , input[type='radio']
	{
		display: inline;
		width: auto;
	}

/*

:root {
  accent-color: mediumvioletred;
}
	
[type="radio"] {
  font-size: inherit;
  width: 0.75em;
  height: 0.75em;
}	

*/

.inline {
	display: inline !important;
}	

.block {
	display: block;
	margin: auto;
	}

.margin_0 { margin: 0; }

.inline-block {
	display: inline-block !important;
}	


input[type='reset'] 
	{
		display: inline;
	}
	
textarea {
	height: 18.6em;
}

.msg_form textarea {
	height: 6em;
	height: 7.6em;
	border: 2px solid #EE4C99;
}

.contactall textarea {
	border: 2px solid #EE4C99;
}

input , textarea , select , .button
	{
	box-shadow: 0 0 0 2px rgba(120, 120, 120, 0.1);
	}
	
input:hover , textarea:hover , select:hover, .button:hover
	{
	box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
	}

input:focus, textarea:focus, select:focus {
	border-color: #E32D72;
}
	
/*	
input[type="text"]:disabled {
  background: #dddddd;
}	
*/

input:disabled , input[type="text"]:disabled , textarea:disabled {
	background: /* #E7E7E7 */ #F9F9F9;
}


select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;

	border-radius: 3px;
	background: url('icon-arrowdown-grey.svg') no-repeat;
	background-position: 98% center;
	background-color: #FFFFFF;
	color: #212529;
	padding:1em 0.5em !important;
    height:auto !important;
	line-height: 1.5em;
	
	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	*/
}

.select_no_arrow {
	background-image: none;
}


.msg_warning {
	color: red;
	display: block;
}

.fadein {
	animation: fadein linear 0.5s forwards;
	-webkit-animation: fadein linear 0.5s forwards;
	-moz-animation: fadein linear 0.5s forwards;
	-o-animation: fadein linear 0.5s forwards;
	-ms-animation: fadein linear 0.5s forwards;
}


.alert {
	border-radius: 0.25rem;
	padding: 1em;
	margin: 0.5em 0;
	border: 1px solid #D9D9D9;
	background-color: rgba(217,217,217,0.125);
	display: block;

	animation: fadein linear 0.5s forwards;
	-webkit-animation: fadein linear 0.5s forwards;
	-moz-animation: fadein linear 0.5s forwards;
	-o-animation: fadein linear 0.5s forwards;
	-ms-animation: fadein linear 0.5s forwards;
	
}

@keyframes fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}



.alert-success {
	color: #155724;
	background-color: #D4EDDA /* #CCFFCC */ /* #D4EDDA */;
	border: 1px solid #c3e6cb;
	border: 1px solid #9AC0A3;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeeba;
	border: 1px solid #DAC890;
}

.alert-danger {
	color: #721C24;
	background-color: #F8D7DA;
	border: 1px solid #F5C6CB;
}

.nomargin {margin: 0; }
.nopadding {padding: 0; }


.search_form_hide_details .search_form_details {
	display:	none;
}

.relative {
	position: relative;
}

.button-absolute-bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.first-l-b::first-line { font-weight: bold; }



#keyword_link {
	position: absolute;
	right: 0px;
}

#contactall textarea {
	height: 7em;
}

#attachments .img_box { 
	display: grid; 
	background-color: /* #E7E7E7 */ #F9F9F9; 
	height: 120px; 
	overflow: hidden; 
	text-align: center; 
	justify-content: center; 
	align-items: center; 
	}
#attachments .img_box img {
	  display: block;
	  max-width: 100%;
	  height: auto !important;
	  max-height: 120px !important;
	  margin: auto;
	  -webkit-transform: translate3d(0, 0, 0);
}

#attachments img {
	  max-height: 300px;
}


.wishlist_in .wishlist_out {
	display: none;
}

.wishlist_out .wishlist_in {
	display: none;
}

.card {
	/*
	border: 1px solid rgba(0,0,0,.125); 
	border-radius: 3px;
	border-bottom: 1px solid #DADCE0;
	*/
		
	/* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); */
	box-shadow: 0 0 20px -8px rgba(0,0,0,.22);
	}
	
.breadcrumb {
	background-color: #F9F9F9;
	padding: 0.5em;
	margin-top: 15px;
}
	
.breadcrumb li {
	display: inline;
	padding-left: 15px;
	background-image: url(icon-arrowright.svg);
	background-position: center left;
	background-repeat: no-repeat;
}

.breadcrumb a {
	color: gray;
	text-decoration: 	none;
}

.breadcrumb a:hover {
	text-decoration: 	underline;
	color: #EE4C99;
}
	

/* ============================================================= */

.menutop div {
	display:	inline;
}

#lang_manager {
	clear: both;
	width: 100%;
	padding-top: 20px;
}

#lang_manager li , #my_edifacile li {
	list-style: none;
	display:	inline-block;
	width: 10em;
}

.menutop ul {
	position: absolute;
	background-color:	#f4f4f4;
	right: 0px;
	width: 15em;
	padding: 0.5em;
}

.bell_notification {
	position: relative;
	margin: auto 0px auto 0px;
	text-decoration: none;
}

.page_msg .bell_notification {
	position: absolute;
	margin: auto 0px auto 0px;
	right: 26px;
	top: 13px;
}



.bell_notification_n {
	position: absolute;
	background-color: #EE4C99;
	color: white;
	border-radius: 50%;
	padding: 5px;
	text-align: center;
	right: -25px;
	top: -12px;
	font-size: 12px;
	width: 27px;
	height: 27px;
	overflow: hidden;
}



.bell_notification_n:after {
  
  animation: shine 5s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */


/* Active state */

.bell_notification_n:active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}



.top_moreservices {
	background-color: white;
	border: 0px solid red;
	box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);
	display: block;
	position: absolute;
	text-align: left;
	padding: 1em;

}

/* ============================================================= */

.banner-platessa {
	display: block;
	position:	fixed;
	bottom: 0;
	left: 0px;
	background-color: #F5AF02;
	width: 100%;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	z-index: 4;
	text-decoration: none;	
}


.footer {
	/* background-color: #1A1A1A; */
	/* background-color: #E6E6E6; */
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	padding: 3em 0px;
}

.footer li {
	padding: 0.5em 0px 0.5em 30px;
	list-style: none;
	background-image: url(logo-stripes-s.svg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.footer li a {	
	display: block;
	text-decoration: none;
	color:	gray;
}
.footer li a:hover {	
	text-decoration:	underline;
}

.subfooter {
	/* background-color: #1A1A1A; */
	/* background-color: #E6E6E6; */
	padding: 1em 0px 1em 0px;
	color:	gray;
}


/* ============================================================= */

#img_preview { max-width: 200px; }

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	display: block;
	text-align: center;
	background-color: /* #E7E7E7 */ #F9F9F9;
	border-radius: 3px;
	padding: 20px; 
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
}

.inputfile:focus + label,
.inputfile + label:hover {
	background-color: #CFF2FF;
	cursor: pointer;
}	

label img {
	fill: #f1e5e6;
	display: block;
	text-align: center;
	margin: auto;
}

.frozen_img img { filter: grayscale(100%); 	opacity: 0.5; }


/* table-like 
--------------------------------------------- */
.table { display: table; width: 100%; border-bottom: 3px solid #A6A6A6; }
.table > div { display: table-row; transition: all 0.1s ease;  }
.table > div > div { display: table-cell; border-bottom: 5px solid white; padding: 10px; vertical-align: top; }
.table_stripe > div:nth-child(even) 	{ background: #FAFAFA; }
.table_stripe > div:nth-child(odd) 	{ background: #E6E6E6; }

.table_nostripe > div:nth-child(even) 	{ background: #FAFAFA; }
.table_nostripe > div:nth-child(odd) 	{ background: #FAFAFA; }


.table_stripe_monochrome > div {background: #FAFAFA;	}

.table_header > div { background: #E6E6E6; }

/*
.status_2 > div { background-color: #cce5ff; border-top: 1px solid #b8daff; border-bottom: 1px solid #b8daff; color: #004085;}
.status_3 > div { background-color: #D4EDDA; border-top: 1px solid #c3e6cb; border-bottom: 1px solid #c3e6cb; color: #155724;}
.status_5 > div { background-color: #fff3cd; border-top: 1px solid #ffeeba; border-bottom: 1px solid #ffeeba; color: #856404;}
.status_8 > div { background-color: #fff3cd; border-top: 1px solid #ffeeba; border-bottom: 1px solid #ffeeba; color: #856404;}
.status_9 > div { background-color: #1D1D1D; border-top: 1px solid #000000; border-bottom: 1px solid #000000; color: #D2D2D2;}
*/


.status_1 > :first-child { border-left: 5px solid #A0A0A0; }
.status_2 > :first-child { border-left: 5px solid #1D9BF0; }
.status_3 > :first-child { border-left: 5px solid #44AA00; }
.status_5 > :first-child { border-left: 5px solid #ffeeba; }
.status_8 > :first-child { border-left: 5px solid #9C8134; }
.status_9 > :first-child { border-left: 5px solid #000000; }


.table > div:hover , .table > div:hover > div { opacity: 0.9; }
.table_nohover > div:hover , .table_nohover > div:hover > div { opacity: 1; }




/*.table a {padding: 10px; } */
.table .hidden {display: none;}

.notable .row { 	display: grid; }

.published , .paused { display: inline; }

.status_3 .published { display: none; }
.status_8 .paused { display: none; }
.rotate180 { transform: rotate(180deg); }
.youranswer { background-color: white; padding: 1em; margin-top: 1em; margin-bottom: 1em; border: 1px solid #A6A6A6; border-radius: 3px; word-break: break-word; }

.table_fixed {	table-layout: fixed ;}
/* .table_collapsable > div , .table > div > div { display: block; } */


.editor_item_cover img {
	max-width: 50px;
	vertical-align: text-top;
}

.table-like { display: table; }
.table-like .tr-like { display: table-row;   }
.table-like .tr-like .td-like { display: table-cell; padding: 0px 10px 10px 0px; }

.line_under {border-bottom: 1px solid black; margin:20px 0px 20px 0px; height: 1px; }

.products .row a { text-decoration: none; }
.cart .row a { text-decoration: none; }



/* ============================================================= */



.loading {
	display: block;
	border: 5px solid #D2ECFC;
	height: 30px;
	width: 30px;
	border-top-color: #1EA1F2;
	border-radius: 50%;
	margin: 20px auto;
	
  -webkit-animation: loadingrotate 2s linear infinite;
  -moz-animation: loadingrotate 2s linear infinite;
  animation: loadingrotate 2s linear infinite;
	
}

@-moz-keyframes loadingrotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes loadingrotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loadingrotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.bar_loader_box {
	margin: auto;
	position: relative;
	width: 70%;
	padding: 1px;
}

.bar_loader_label_start , .bar_loader_label_stop , .bar_loader_label_middle {
	display: block;
	position: absolute;	
	left: -25px;
	top: 10px;
	font-weight: bold;
}

.bar_loader_label_stop {
	left: auto;
	right: -40px;
}

.bar_loader_label_middle {
/*	display: none; */
	margin-left: -12px;
	top: 10px;
	color: #EE4C99;
}


.bar_loader {
	display: block;
	border: 1px solid #ACACAC;
	width: 100%;
	margin: auto;
	margin-top: 35px;
	height: 10px;
	border-radius: 4px;
	padding: 1px;
	background-color: #E6E6E6;
}


#bar_loader_span_1 {
	display: block;
	width: 0%;
}

#bar_loader_span_2 {
	display: block;
	border-radius: 4px;
	height: 6px;
	animation:bar_vaia 1s;
	animation-fill-mode: forwards;
	background:#EE4C99;
	width: 100%;
}


@keyframes bar_vaia
{
	0%   { width: 0%;}
	100%  { width: 100%;} 
}


@-webkit-keyframes bar_vaia /* Safari and Chrome */
{
	0%   { width: 0%;}
	100%  { width: 100%;} 
}

#max_messaggi_disponibili_today_2 {
	background-color: #FAFAFA;
	background-color: #F5F5F5;
	padding-right: 20px;
	padding-left: 20px;
}


/* ============================================================= */


.hor-scrol-outer {
	width: 100%;
	overflow: hidden;
	overflow: auto;
	min-height: 100px;
}

.hor-scrol-inner {
	width: 250%;
	min-width: 2850px;
	/* width: 7000px; */
}

.hor-scrol-inner .item_lower_links {
	display: none;
}

.hor-scrol-inner .itempreviewbox_check , .hor-scrol-inner .bggrey {
	display: none;
}

.scarrellatore { position: absolute; top: 70px; background-color: #fff; border-radius: 50%;	color: #fff; border: 1px solid #C0C2C4; transition: all 0.2s ease; box-shadow: -0px 2px 2px rgba(0, 0, 0, 0.1); opacity: 0.6; z-index: 3; }
.scarrellatore_l { right: -0px; }
.scarrellatore_r { left: -0px; }

.scarrellatore span {
	display: block;
	border: solid #65676B;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	margin: 20px;
}

.scarrellatore_l span { border-width: 2px 2px 0px 0px; }
.scarrellatore_r span { border-width: 0px 0px 2px 2px; }

.scarrellatore:hover {
	background-color: #F2F2F2;
	opacity: 0.9;
}

.scarrellatore:active span {
	border-color: #EE4C99;
}

.itempreviewbox {
	background-color: #F9F9F9 ;
	text-align: center;
	display: flex;
 	align-items: center;
 	justify-content: center;
	width: 100%;
	
	/*
	padding: 0px;
	overflow: hidden;
	display: block;
	
	
	height: 0%;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	*/
	
}

.itempreview {
	/*
	display: flex;
 	align-items: center;
 	justify-content: center;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	*/
}

.itempreviewbox img {
	/*
	margin: 0px auto;
	display: block;
	max-height: 200px;
	width: auto;
	*/
}

.samepulisher_box .itempreviewbox_check {
	display: none;
}

.itempreviewbox_owner { /* opacity: 0.5; */ }

.itempreviewbox_smalldetails > span {
	margin-bottom: 10px;
	display: inline-block; 
}

.exclusive { background-color: #E32D72;  display: block; font-weight: 700; width: 100%;  /* position: absolute; bottom: 0px; */ margin-bottom: 0px;}


.vedi_carrello {
	border-radius: 3px;
	border: 1px solid #BDD101;
	background-color: #C6EB00;
	font-size: inherit;
	padding: 0.7em;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	padding-top: 23px;
	background-image: url(added_to_cart.svg);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	left: 0px;
	top: 50px;
	z-index: 10;
	
}

/* autocomplete home search
========================================== */

.campo_box ul, .campo_box ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.campo_box ul li a {
	text-align: left;
	display: block;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	color: black;
}

.campo_box ul li a:hover , .campo_box ul li a:focus {
	background-color:		#ffd700;
	outline:	none;
}

.campo_box {
	position: relative;
}

.campo_autocompleta {
	overflow:	auto;
	height: 200px;
	width: 100%;
	margin: 0px;
	position: absolute;
	background-color:	#f3f3f3;
	display: block;
}

.display {
	display:	block;
}


/* chat msg
========================================== */

.chat_msg_box {
	width: 100%;
	position: relative; 
}

.chat_from_me {
	text-align: right;
}

.chat_from_partner .chat_msg {
	text-align: left;
	margin-left: 0px;
	margin-right: auto;
	background-color: #E6E6E6;
	color:	inherit;
	border-radius: 0px 10px 10px 10px;
	border: 1px solid #D9D9D9;
}

.chat_from_me .chat_msg {
	text-align: right;
	margin-left: auto;
	margin-right: 0px;
	border-radius: 10px 0px 10px 10px;
	border: 1px solid #EE4C99;
	background-color: #FFEFE5;
	/*
	background-color: #007BFE;
	color: white;
	*/
}


.chat_from_partner_angle { display: block; left: -8px; height: 9px; width: 9px; position: absolute; background-image: url(left_ang.gif); background-repeat: no-repeat; }

.chat_from_me_angle 	 { display: block; right: -6px; height: 9px; width: 9px; position: absolute; background-image: url(right_ang.gif); background-repeat: no-repeat; }

.chat_msg {
	max-width: 80%;
	padding: 1em 1em;
}

.chat_from_partner .chat_msg_detail {
	margin-left: 0px;
	margin-right: auto;
	width: 80%;
	padding: 1em 1em 0.5em 0em;
	margin-top: -0.em;
	color: #778899;
}

.chat_from_me .chat_msg_detail {
	margin-left: auto;
	margin-right: 0px;
	width: 80%;
	padding: 1em 0em 0.5em 0em;
	color: #778899;
	margin-top: -0.5em;
}

.chat_item_cover img {
}

.chat_scroller {
	max-height: 55vh;
	max-height: 35vh;
	overflow: auto;
	padding: 0px 2%;
	scroll-behavior: smooth; 
	background-color: #F9F9F9;
	
	display: flex;
	flex-direction: column-reverse;
	overflow-y: scroll;
	
}


.page_i .h4_answer_short { display: inline; }

.page_msg .alert_msg_view_sent { display: none; }
.page_msg .h4_answer_long { display: none; }
.page_i .h4_answer_long { display: none; }
.page_msg label { margin: 0.5em 0px 0.5em 0px;}

.page_search .h4_answer_short { display: none; }
.page_wishlist .h4_answer_short { display: none; }



/* editor 
========================================== */

#exchange_preview_1 , #exchange_preview_2 , .itempreviewbox_smalldetails { font-variant-numeric: tabular-nums; }

.spostato { margin-left: 6px; padding-left: 14px; border-left: 3px solid #EE4C99; }
.spostato h4 { padding-top: 25px;  }
.spostato label.nobold { margin-top: 1em;  }


#orderby_box {
	position: absolute;
	left: -1px;
	top: 40px;
	width: 100%;
	border: 1px solid black;
	border-width: 0px 1px 1px 1px;
	border-radius: 3px;
	z-index: 2;
}

#orderby_box a {
	display: block;
	border: none;
}

/* #attachments span {display: block; height: 100%; position: relative;} */
.relative { position: relative; }
.reset_img { position: absolute; right: 5px; top: 0px; display: block;  transform: rotate(45deg); text-decoration: none; font-size: 30px; font-weight: bold; }
.reset_img:hover { color: red; }

.single_translation_box { border: 1px solid #EE4C99; padding: 0px 30px 30px 30px; border-radius: 3px; background-color: #FAFAFA; }

.msg_not_read {font-weight: 500; background-color: #D4EDDA /* #CCFFCC */ !important;}
.msg_not_read .button , .msg_read .button { font-weight: normal; }
.msg_not_read .btn_not_read , .msg_read .btn_read  {display: none;}
.td_1 , .td_2 , .td_4 , .nowrap { white-space: nowrap; }

.table_editor_list .button {
width: 120px;
}

/*
.status_4 .button { display: none; }
.status_4 .paused { display: none; }
*/


/* lightbox
============================================================= */

#lightbox_viewer_box > * , #lightbox_img_box > * {
	box-sizing: border-box;
}

#lightbox_viewer_closer_2 {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.85);
	display: flex;
	justify-content: center;
  	align-items: center;
}
			
#lightbox_viewer_closer {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 21;
	
  }

#lightbox_img_box {
	animation-iteration-count:1;
	animation:slightbox 0.1s;
}			

@keyframes slightbox
{
	 0%   {
		opacity: 0.1;
	 } 
	 
	 50%   {
		opacity: 100.0;
	 } 
	 
}

			
#lightbox_img_box {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
	top: 0%;
	left: 0;  
	right: 0;  
	margin: auto;	
	/*
	animation:slightbox 0.7s;
	animation-iteration-count:1;
	*/
	position: relative;

}	

#lightbox_img_box img {		
	max-width: 100%;
	max-height: 85vh;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 24;
	border: 1px solid rgba(255, 255, 255, 0.50);
	animation:slightbox 0.7s;
	animation-iteration-count:1;
	background-color: white;
	vertical-align: top;
}
	
	
#lightbox_viewer_closer img:hover {
	opacity: 1;
}	

	
a#lightbox_viewer_prev , a#lightbox_viewer_next {
	display: block;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 45%;
	z-index: 26;
	transition: all 0.2s ease;
	/* background-color: rgba(0,0,0,0.3); */
	text-decoration: none;
	color: #fff;
	font-size: 60px;
	/*	padding-top: calc(25% - 20px); */
	opacity: 0.5;
	outline: 0;
}

a#lightbox_viewer_prev svg , a#lightbox_viewer_next svg {
	position: absolute;
  	top: 50%;
	transform: translateY(-50%);
}

a#lightbox_viewer_next svg {
  	right: 20px;
}

	
a#lightbox_viewer_prev {
	text-align: left;
	padding-left: 20px;
}

a#lightbox_viewer_next {
	text-align: right;
	padding-right: 20px;
}		
		
a#lightbox_viewer_next {
	left: auto;
	right: 0px;
}

a:hover#lightbox_viewer_prev {
	/* background-color: rgba(0, 0, 0, 0.1); */
	/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0)); */
	opacity: 0.8;
}	

a:hover#lightbox_viewer_next {
	/* background-color: rgba(0, 0, 0, 0.1); */
	/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.5)); */
	opacity: 0.8;
}
	
#lightbox_viewer_closer_top {
	display: block;
	background-color: rgba(0, 0, 0, 0.85);
	position: absolute;
	z-index: 28;
	top: -10px;
	right: -10px;
	font-size: 12px;
	text-decoration: none;
	padding: 7px 12px;
	color: #fff;
	border-radius: 50%;
}


#lightbox_label {
	position: absolute;
	z-index: 28;
	top: 100%;
	left: 0%;
	width: 100%;
	font-size: 12px;
	text-decoration: none;
	padding: 7px 12px;
	color: #fff;
}


/* paginatore */


.ps-pagination {
	text-align: center;
	margin: 20px auto;
}

ul.pagination {
	text-align: center;
	margin: 10px auto; 
}

ul.pagination li {
	display: inline-block;
	list-style: none;
}

/* search 
========================================================= */

.item-preview {
	/*
	padding: 20px;
	border: 1px solid rgba(0,0,0,.125); 
	border-radius: 3px;
	border-bottom: 1px solid #DADCE0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	
	background-image: url(cut.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	*/
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
	
}

.item-preview:hover {
/*	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); 
	border: 1px solid rgba(0,0,0,.225); 
	*/
	background-color: #F7F7F7;
}

.contactall {
/*  position: sticky;
  top: 90vh;
  */
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 20;
	background-color: #F9F9F9;
	animation-iteration-count:1;
	animation:slightbox 1.1s;
	padding-bottom: 0.2em;
	border-top: 1px solid #DADCE0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.contactall .container {
  padding-top: 0px;
}

.contactall label { margin: 0.5em 0px 0.5em 0px;}


.item_pubdisclosure_exclusive {
	border-left: 5px solid #E32D72;
}

.item_preview_details {
	display: none;
}

.item_lower_links {
	padding-top: 5px;
}

.preview_truncate_description {
  overflow:hidden;
  max-height: 5em;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;	
}


.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.label_box {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 40px;
	}		
	
	.label_box input {
	  position: absolute;
	  opacity: 0; /* 0 */
	  cursor: pointer;
	  left: 0px;
	}
	
	.checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 30px;
	  width: 30px;
	  border-radius: 5%;
	  border: 2px solid #EE4C99;
	  background-color: #FFF;
	}
	
	.scelta_1_1:hover { cursor: pointer; }
	
	.label_box:hover input ~ .checkmark {
	}

	/* When the radio button is checked, add a blue background */
	.label_box input:checked ~ .checkmark {
	  background-color: #FFF;
	  background-image:	url("check_on_orange_single.svg");
	  background-position: center;
	  background-repeat: no-repeat;
	}

	.bg-icon-mail-grey {
	  background-image:	url("bg-icon-mail-grey.svg");
	  background-position: center;
	  background-repeat: no-repeat;
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.label_box input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the indicator (dot/circle) */
	/*
	.label_box .checkmark:after {
		top: 5px;
		left: 5px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: white;
	}
	*/

.label_true {
	display: block;
	margin-left: 40px; 
	padding-top: 5px;
}	

.stickybell_box {
	display: block;
	position: sticky;
	position: -webkit-sticky;
	bottom: 20px;
	left: 100%;
	text-align: right;
	height: 50px;
	width: 50px;
	margin-top: 20px;
}	

.stickybell_box a {
	background-color: rgba(255,255,255,0.7);
	border-radius: 50%;
	padding: 15px 17px;
	height: 10px;
	width: 10px;
	border: 2px solid #EE4C99;
	overflow: hidden;
	
}


.stickybell_box a span {
	/*
	-webkit-animation:stickybell_animation 4s linear infinite;
    -moz-animation:stickybell_animation 4s linear infinite;
    animation:stickybell_animation 4s linear infinite;
	 */

	-webkit-animation:stickybell_animation 4s normal forwards;
    -moz-animation:stickybell_animation 4s normal forwards;
    animation:stickybell_animation 4s normal forwards;
	 animation-iteration-count: 1;

}

@keyframes stickybell_animation {
  40% {transform: rotate(0deg);}
  50% {transform: rotate(20deg);}
  55% {transform: rotate(-20deg);}
  60% {transform: rotate(20deg);}
  65% {transform: rotate(0deg);}
}


.price_global {
	font-weight: bold;
}

/* ============================================================= */

@media only screen and (min-width: 1160px) {
	.chat_contact_scroller {
		max-height: 50vh;
		overflow: auto;
		padding: 0px 2%;
		scroll-behavior: smooth; 
	}
}

/* ============================================================= */

@media print {
  .noprint{
    display:none;
  }
}


/* ============================================================= */

/*	
@media only screen and (max-width: 479px) {
@media only screen and (max-width: 800px) {
*/


/* @media only screen and (max-width: 1160px) { */
/* @media only screen and (max-width: 960px) { */
@media only screen and (max-width: 1160px) { 
	.wide-desktop-only { display: none !important; }

	.table_editor_list .button {
	width: 50px;
	}

	.table > div > div { display: table-cell; border-bottom: 0px; padding: 5px; }
	
}

@media only screen and (max-width: 960px) {

	h1 {
	font-size: 200%;
	}
	h2 {
    font-size: 180%;
	 }	
	subtitle {
	    font-size: 120%;
	}	

	.header {
		padding-bottom: 0px;
	}
	.logged_padder {
		height: 0em;
	}

	.main {
		padding-top: 140px;
	}

	.menu-2 {
		display: none;
	}

	.box_nav #menu {
		display: none;
	}
	
	.box_nav_show #menu {
		display:	block;
		display:	none; /* see below 480px */
		max-height: 80vh;
		overflow: auto;
		clear: both;
		padding-top: 0em;
		padding-bottom: 2em;
	}
	
	#menu li:hover ul {
		display:	none;
	}
	
	#menu li:hover ul li {
		display:	none;
	}
	
	#menu li {
		display: block;
		/* text-align: center; */
		padding: 0px;
		margin: 0px;
	}
	
	#menu li a {
		display: block;
		padding: 0.8em 10px;
		border-bottom: 1px solid #FFF;
	}

	#menu li a:hover {
		background-color: #FFF;
	}
	
	.logo {
		max-width: 35%;
		}	
		
	.table_editor_list .button {
	width: 50px;
	}

	.button { margin-top: 1px; margin-bottom: 1px; }

	.margin-10 { margin: 5px 0px; }
	
	.table_editor_list > div > div , .table_searches_list > div > div , .table_settings_list > div > div {
		display:	block;
	}	

	.table_editor_list .row , .table_searches_list .row , .table_settings_list .row {
		display: block;
		border-bottom: 10px solid #E6E6E6;
		display: block;
		margin-bottom: 40px;
	}	

	.table_editor_list .table_header , .table_searches_list .table_header , .table_settings_list .table_header {
		display:	none;
	}
	
	
	.mobile-only { display: block !important; }
	.mobile-only-inline-block { display: inline-block !important; }
	.mobile-only-inline { display: inline !important; }
	.desktop-only { display: none !important; }
	.wide-desktop-only { display: none !important; }
	.table_collapsable > div , .table_collapsable > div > div { display: block; }
	
	.preview_truncate_description {
		  overflow:hidden;
		  max-height: 2em;
		  -webkit-line-clamp: 1;	
		}

}



/* middle screens */
@media only screen and (min-width: 480px) and (max-width: 960px) {
	#menu_3 {
		display: block;
	}
	
	.logo {
		display: none;
	}
	
	.header {
		position: absolute;
		/*
		position: relative;
		*/
		}
	
}

/* small screens */
@media only screen and (max-width: 479px) {

	.logo {
		display: none;
	}

	.box_nav_show #menu {
		display:	block;
	}
	
	#menu_4 {
		display:	block;
	}
	
	.main {
		padding-top: 60px;
	}
	
	.page_msg #msg_txt {
		height: 4.6em;
	}

	/*
	.itempreviewbox {
	  padding-top: 100%;
	  min-width: 80px;
	}	
	*/
	
	.preview_truncate_description {
		display: none;
	}
	
	.item-preview {
	padding-bottom: 0px;
	}
}




/* =================== test =================== */

.body_frozen {
	width: 70vw;
	height: 70vh;
	overflow: hidden;
}

#search_filters {
	padding-right: 30px;
	border-right: 1px solid #DEDEDE;
}
	
.search_filters_view {
	display: block;
	position:	fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 7% 7% 7%;
	height: 100%;
	overflow:	scroll;
	z-index: 13;
	background-image:	url(keith_7.gif);
	
	animation:filters_view_in 0.5s;
	-webkit-animation:filters_view_in 0.5s; /* Safari and Chrome */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode: forwards;
}

.search_filters_hide {
	display: block;
	position:	fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 7% 7% 7%;
	height: 100%;
	overflow:	scroll;
	z-index: 13;
	background-image:	url(keith_7.gif);

	animation:filters_view_out 0.5s;
	-webkit-animation:filters_view_out 0.5s; /* Safari and Chrome */
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode: forwards;
}

	
@keyframes filters_view_in
{
	0%   {	/* opacity: 0;	*/	left: -100%; }
	100% {	/* opacity: 1; */	left: 0%;}
}

@-webkit-keyframes filters_view_in /* Safari and Chrome */
{
	0%   {	/* opacity: 0;	*/	left: -100%; }
	100% {	/* opacity: 1; */	left: 0%;}
}

@keyframes filters_view_out
{
	0% {	/* opacity: 1; */	left: 0%;}
	99%   {	/* opacity: 0;	*/	left: -100%; }
	100% {	left: -100%; 	display: none;	}
}

@-webkit-keyframes filters_view_out /* Safari and Chrome */
{
	0% {	/* opacity: 1; */	left: 0%;}
	99%   {	/* opacity: 0;	*/	left: -100%; }
	100% {	left: -100%; 	display: none;	}
}
