@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,400;0,600;0,800;0,900;1,700&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --font-1: "Roboto", sans-serif;
    --font-2: "Inter", sans-serif;
    
    /* monospace
     */
    --font-mono: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}

html, body {  height: 100% !important;    font-family: "Montserrat","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; } 

:root {

    /* spacing
     * base font size: 18px 
     * vertical space unit : 32px
     */
    --base-size     : 62.5%;
    --base-font-size: 1.8rem;
    --space         : 3.2rem;

    /* vertical spacing 
     */
    --vspace-0_125: calc(0.25 * var(--space));
    --vspace-0_25 : calc(0.25 * var(--space));
    --vspace-0_5  : calc(0.5 * var(--space));
    --vspace-0_75 : calc(0.75 * var(--space));
    --vspace-0_875: calc(0.875 * var(--space));
    --vspace-1    : calc(var(--space));
    --vspace-1_25 : calc(1.25 * var(--space));
    --vspace-1_5  : calc(1.5 * var(--space));
    --vspace-1_75 : calc(1.75 * var(--space));
    --vspace-2    : calc(2 * var(--space));
    --vspace-2_5  : calc(2.5 * var(--space));
    --vspace-3    : calc(3 * var(--space));
    --vspace-3_5  : calc(3.5 * var(--space));
    --vspace-4    : calc(4 * var(--space));
    --vspace-4_5  : calc(4.5 * var(--space));
    --vspace-5    : calc(5 * var(--space));

    /* type scale
     * ratio 1:2 | base: 18px
     * -------------------------------------------------------
     *
     * --text-display-3 = (77.40px)
     * --text-display-2 = (64.50px)
     * --text-display-1 = (53.75px)
     * --text-xxxl      = (44.79px)
     * --text-xxl       = (37.32px)
     * --text-xl        = (31.10px)
     * --text-lg        = (25.92px)
     * --text-md        = (21.60px)
     * --text-size      = (18.00px) BASE
     * --text-sm        = (15.00px)
     * --text-xs        = (12.50px)
     *
     * -------------------------------------------------------
     */
    --text-scale-ratio: 1.2;
    --text-size       : var(--base-font-size);
    --text-xs         : calc((var(--text-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm         : calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md         : calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg         : calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl         : calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl        : calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl       : calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-display-1  : calc(var(--text-xxxl) * var(--text-scale-ratio));
    --text-display-2  : calc(var(--text-display-1) * var(--text-scale-ratio));
    --text-display-3  : calc(var(--text-display-2) * var(--text-scale-ratio));

    /* default button height
     */
    --vspace-btn: var(--vspace-2);



	
    
}


*, ::before, ::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
  }


  ::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: 
  }




[data-theme='red']{
	--primary:#970a02;
	--secondary:#4f0303;
	--custom1:#CE5650;
	--custom2:#bb0101;
	--scritteSuPrimary:#fff;
	--navbar:#730000;
	--navbar_primary:#970a02;
	--navbar_secondary:#4f0303;
	--trasparenzaSuFoto:rgba(140, 7, 0, 0.8);
	--relevantColor:#7ac142;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage_ty.jpg")
}

[data-theme='original']{
	--primary:#fb7b74;
	--secondary:#ce5650;
	--custom1:#FEAF8D;
	--custom2:#933d38;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#fb7b74;
	--navbar_primary:#fb7b74;
	--navbar_secondary:#ce5650;
	--trasparenzaSuFoto:#fb7b74af;
	--relevantColor:#bfc142;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage3.jpg")
}


[data-theme='looviing']{
	--primary:#583B8F;
	--secondary:#594395;
	--custom1:#E6DB81;
	--custom2:#926723;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#8F7FBA;
	--navbar_primary:#583B8F;
	--navbar_secondary:#594395;
	--trasparenzaSuFoto:#756B99af;
	--relevantColor:#bfc142;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage_looviing.webp")
}


[data-theme='flirtincontri']{
	--primary:#E8424B;
	--secondary:#DA1615;
	--custom1:#E6DB81;
	--custom2:#E88042;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#8E1812;
	--navbar_primary:#E8424B;
	--navbar_secondary:#DA1615;
	--trasparenzaSuFoto:#da1515af;
	--relevantColor:#EE7678;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage_flirtincontri.jpg")
}


[data-theme='incontrisenzafreni']{
	--primary:#cf0c54;
	--secondary:#db3c56;
	--custom1:#E6DB81;
	--custom2:#E88042;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#f28ca1;
	--navbar_primary:#ea5e7a;
	--navbar_secondary:#f28ca1;
	--trasparenzaSuFoto:#da1515af;
	--relevantColor:#EE7678;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage_flirtincontri.jpg")
}


[data-theme='mylikezone']{
	--primary:#EF1DA4;
	--secondary:#D33F8F;
	--custom1:#7AC142;
	--custom2:#085CB9;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#085CB9;
	--navbar_primary:#085CB9;
	--navbar_secondary:#074a97;
	--trasparenzaSuFoto:#da1515af;
	--relevantColor:#EE7678;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage_flirtincontri.jpg")
}


[data-theme='facebook']{
	--primary:#6D8BC9;
	--secondary:#3D62B3;
	--custom1:#899ECB;
	--custom2:#3D62B3;
	--scritteSuPrimary:rgb(255, 255, 255);
	--navbar:#335795;
	--navbar_primary:#6D8BC9;
	--navbar_secondary:#3D62B3;
	--trasparenzaSuFoto:#335795a1;
	--relevantColor:#bfc142;
	--homepageImage:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../img/homepage3.jpg")
}

header.masthead {
    padding-top: 10.5rem;
    padding-bottom: 6rem;
    text-align: center;
	color: var(--custom2);
    background-image: var(--homepageImage) ;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
	background-size: cover;
	background-opacity: 0.6;
}

.relative{
	position: relative;
}

.lds-heart {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	transform: rotate(45deg);
	transform-origin: 40px 40px;
  }
  .lds-heart div {
	top: 32px;
	left: 32px;
	position: absolute;
	width: 32px;
	height: 32px;
	background: #CE5650;
	animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .lds-heart div:after,
  .lds-heart div:before {
	content: " ";
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	background: #CE5650;
  }
  .lds-heart div:before {
	left: -24px;
	border-radius: 50% 0 0 50%;
  }
  .lds-heart div:after {
	top: -24px;
	border-radius: 50% 50% 0 0;
  }
  @keyframes lds-heart {
	0% {
	  transform: scale(0.95);
	}
	5% {
	  transform: scale(1.1);
	}
	39% {
	  transform: scale(0.85);
	}
	45% {
	  transform: scale(1);
	}
	60% {
	  transform: scale(0.95);
	}
	100% {
	  transform: scale(0.9);
	}
  }


/* MENU TOP */

.titoloPagina{
	padding: 10px;
	display: flex;
}

.titoloPagina h5{
	padding: 0;
	margin: 0;
}



  /*-------- MENU BOTTOM -------- */

  .menu_nuovo{

	margin: 0;
	display: flex;
	width: 100%;
	font-size: 1.3em;
	padding: 0 2.85em;
	position: fixed;
	align-items: center;
	justify-content: center;
	z-index: 999;
	bottom: 0;
	background-color: var(--navbar);
    
}

.menu__item{
    
    all: unset;
    flex-grow: 1;
    z-index: 100;
    display: flex;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    align-items: center;
    will-change: transform;
    justify-content: center;
    padding: 0.55em 0 0.85em;
    transition: transform 500 , 500;
    background-color: var(--navbar);
}

button:focus{
	outline: none ;
}

.menu__item::before{
    
    content: "";
    z-index: -1;
    width: 4.2em;
    height: 4.2em;
    border-radius: 50%;
    position: absolute;
    transform: scale(0);
    transition: background-color 200, transform 200;
    
}

.google-pay-button-container{
	width: 100%;
	height: 50px;
}

.menu__item.active {

    transform: translate3d(0, -.8em , 0);

}

.menu__item.active::before{
    
    transform: scale(1);
    background-color: var(--bgColorItem);

}

.menu_nuovo button{
	padding: 0;
}

.container {
	width: 100% !important;

}
.padding_bottom{
	margin-bottom: 77px;
}


.padding_top{
	padding-top: 70px;
}


.my_icon_like{
	width: 20vw;
  height: 2.6em;
  stroke: red;
  fill: transparent;
  stroke-width: 1pt;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 400;
}


.menu_nuovo .icon{
    
	width: 20vw;
    height: 2.6em;
    stroke: white;
    fill: transparent;
    stroke-width: 1pt;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 400;
    
}

.menu__item.active .icon {

    animation: strok 1.5s reverse;
    
}

@keyframes strok {

    100% {

        stroke-dashoffset: 400;

    }

}

.menu__border{

    left: 0;
    bottom: 99%;
    width: 10.9em;
    height: 2.4em;
    position: absolute;
    clip-path: url(#menu);
    will-change: transform;
    background-color: var(--bgColorMenu);
    transition: transform var(--timeOut , var(--duration));
    
}

.svg-container {

    width: 0;
    height: 0;
}


@media screen and (max-width: 50em) {
    .menu{
        font-size: .8em;
    }
}


/* ------------ FINE MENU NUOVO -----------*/

.doi_confirm .modal-backdrop{

  background-color: #533232;
}


.blink {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	color: red;
  }
  @-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
  }
  
  @-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
  }
  
  @keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
  }



.logo-container{
	max-width: 32%;
  margin: 0 auto;
  margin-bottom: 30px;
}

#services{
	margin-top: 50px;
}

.myspecialSpinner{

		display: block;
		position: fixed;
		z-index: 1031; 
		top: 50%;
		right: 50%; 


}

.navbar_chat_mobile{
	background-color: #eee;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.waiterAdattivo{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
}

.testoSpinner{
	display: block;
	position: absolute;
	z-index: 1031; 
	top: 60%;
	color:#111;
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}

.ModalAgeVerification {
	width: 80px;
	height: 80px;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	border-radius: 100%;
	background-color: rgb(61, 85, 144);
	color: white;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(61, 85, 144) 0px 0px 0px 5px;
	margin: 20px auto;
	font-size: 20px;
  }


 /*------------ POPUP FOTO --------------*/

 .popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	z-index: 9999;
  }
  
  .popup-container {
	color: #fff;
	border-radius: 16px;
	padding: 24px;
	top:50px;
	width: 320px;
	text-align: center;
	position: relative;
  }
  
  .popup-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 16px;
	color: #fff;
  }
  
  .avatar-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	background-color: #eee;
  border-radius: 8px;
  }
  
  .avatar-svg {
	width: 150px;
	height: 150px;
  }
  
  .upload-button {
	position: absolute;
	bottom: -12px;
	background-color: #007bff;
	border: none;
	border-radius: 50%;
	padding: 8px;
	cursor: pointer;
  }
  
  .upload-icon {
	width: 31px;
	height: 24px;
  }
  
  .popup-text {
	font-size: 17px;
	color: #fff;
	margin-bottom: 16px;
  }
  
  .later-button {
	background: none;
	border: none;
	color: #007bff;
	font-size: 17px;
	text-decoration: underline;
	cursor: pointer;
  }
  

 /*----------------------------------------*/


.spinner-adattivo {
    display: block;
	position: absolute;
	z-index: 1031; 
	top: 50%;
	right: 50%; 
 
    border: 0.25em solid currentColor;
    border-right-color: currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
	width: 2rem;
	height: 2rem;
	border-width: 0.2em;
}

.personal-backdrop {
    opacity: 1;
}

.personal-backdropp {
    z-index: 1040 !important;
}
.personal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}




.input-group-text{
	background-color:  var(--primary);
	color:#fff;
	cursor: pointer;
}

.page-section {
	padding: 6rem 0;
	
}

.scrittaBottone{
text-align: center;
padding: 10px;
margin-top: 10px;
color: gray;
}

.paddingPositive{
	margin: 0 20px;
}

section#non_registrato{
	background-color:#DFDCDC !important;
}

.text-muted {
    color: #6c757d !important;
}

.page-section h3.section-subheading {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
	margin: 0 20px 20px 20px;
}

header.masthead .masthead-subheading {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
	text-shadow: 1px 1px #7c7c7c;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.container-find{
	padding: 0px 0px 105px 0px;
}

/*
.container{
		max-width:100% !important;
		
	}
*/


.profilepage input{
	border: 0px !important;
	margin-bottom: 0 !important;
	background-color: #fcfcfc;
	cursor: pointer;
	
}

.card-img-top{
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.displayOn{
	display: inherit;
}

.displayOff{
	display: none;
}



.inputfile{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}



.profilepage select{
	border: 0px !important;
	display: block;
	margin-top: 13px;
	padding:13px 8px;
	width: 98%;
	background-color: #f0f0f0;
	color:#575757;
	cursor: pointer;
	border-radius: 4px;
}


.searchFilters select{
	border: 0px !important;
	background-color: #cecece;
	cursor: pointer;
	display: block;
	width: 100%;
	padding: 5px;
}


.searchFilters .card{
	margin:10px 0;
	border: 0px;
}



.containerFullWidth{
		max-width:100% !important;
		
	}
	
.contenitore{
	min-height: 100% !important;
		height: auto !important;
		height: 100% !important;
		margin: 0 auto -100px !important; 
}	
	
.push {
    height: 100px; 
}

.section_recensioni{
	background-color:#f2f2f2;
	padding-bottom: 30px;
}

.review-item {
	width: 350px;
	margin: 10px auto;
	border-radius: 12px;
	box-shadow: 0 2px 8px 2px rgba(0,0,0,.13);
	padding: 10px;
	min-height: 98px;
	display: -webkit-flex;
	display: flex;
	position: relative;
	background-color: #fff;
  }

  .review-title{
	text-align: center;
	padding-top: 30px;
  }

.review-img {
  width: 50px;
  height: 50px;
  border-radius: 7px;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
}

.contenitore_review {
    display: flex; /* Imposta Flexbox */
    flex-wrap: wrap; /* Permette agli elementi di andare a capo */
    justify-content: center; /* Centra gli elementi orizzontalmente */
    align-items: center; /* Centra gli elementi verticalmente */
    box-sizing: border-box; /* Include padding e bordo nella dimensione totale */
}

.review-body {
	padding-top: 4px;
	margin-left: 10px;
	font-size: 10px;
  }
 

  .review-body strong {
	font-weight: 700;
	font-size: 14px;
  }

  .review-body-p strong {
	font-weight: 100;
	font-size: 10px;
  }

  .review-stars {
	position: absolute;
	right: 16px;
	top: 10px;
  }


.MuiPagination-ul{
	display: inline-flex !important;
}


.profilepage input.inputCity {
background-color: #f0f0f0;
}

.inputCity{
	width: 100%;
	height: 42px;
	
}


/* Aggiungi nel tuo CSS (es: personal.css o profilo.css) */
.submenu-profilo {
	margin-top: 10px;
	padding: 8px 0 8px 20px;
	background: #f7f7f7;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	list-style: none;
  }
  .submenu-profilo li {
	padding: 15px 0;
	cursor: pointer;
  }

.navbar-brand{
	margin-left:20px;
	min-height: 70px;
  vertical-align: text-bottom;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.footerPers{
	position: absolute;
bottom: 0;
left: 0;
width: 100%;
height:80px;
box-shadow: inset 0 13px 15px -7px #000c;
background: #CE5650;
color: white;
width: 100%;
}

.rounded_avatar{
    width: 45px;
    height: 45px;
    border-radius: 50em;
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
	margin-right: 15px;

}

.navbar{
	padding: 0px;
}

.navbar-desktop{
	width: 100% !important;
	max-width:100% !important;
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-light .navbar-nav .nav-link{
	font-family: 'Titillium Web', sans-serif;
	text-transform:none;
	font-size:18px;
	padding: 19px;
}


.navbar-light .navbar-nav .nav-link i{
	font-size:18px;
}

ul.navbar-nav li.nav-item:nth-child(1){
	background-color:var(--navbar_secondary);
	
}



ul.navbar-nav li.nav-item:nth-child(2){
	background-color: var(--navbar_primary);
	width:180px;
}

ul.navbar-nav li.nav-item:nth-child(3){
	background-color:var(--navbar_secondary);
	font-size:18px;
}

ul.navbar-nav li.nav-item:nth-child(3) a{
	font-size:18px;
}

ul.navbar-nav li.nav-item:nth-child(4){
	background-color:var(--navbar_primary);
	
}

ul.navbar-nav li.nav-item:nth-child(5){
	background-color:var(--navbar_secondary);
	
}


ul.navbar-nav li.nav-item:nth-child(6){
	background-color:var(--navbar_primary);
	
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	background-color: rgba(0, 0, 0, 0.3);
	color:#fff;
}


.disclaimer div:nth-child(1){
	margin:20px 20px;
}

.disclaimer div:nth-child(2){
	margin: 20px 0px;
font-size: 1em;
background-color: #F0F0F0;
padding: 10px;
}


.jumbotron{
	background-color: transparent !important;
}

.display-3{
	font-size: 4em;
}

#userlist{
	padding:65px 0px;
}

.page_search #userlist{
	padding: 35px 0px;
}


ul{
	padding:0px 0px;
}

.pgn {
	--pgn-num-height: calc(var(--vspace-1) + .4rem);
	margin: 10px auto 10px;
	text-align: center;
  }

  .pgn ul {
	display: inline-block;
	list-style: none;
	margin-left: 0;
	position: relative;

  }

  .pgn ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
  }
  
  .pgn .pgn__prev, .pgn .pgn__next{
	background-color: transparent;
  }


  .testo_popup_disattivazione{
	font-size: 16px;
  }

  .pgn__num {
	display: inline-block;
	font-family: var(--font-2);
	font-weight: 600;
	font-size: 0.8em;
	line-height: var(--vspace-1);
	padding: .2rem .7rem;
	height: var(--pgn-num-height);
	margin: .2rem .2rem;
	color: var(--color-text-dark);
	border-radius: 4px;
	-webkit-transition: all, .3s, ease-in-out;
	transition: all, .3s, ease-in-out;
  }

  .pgn__num:hover {
	background: var(--color-gray-18);
	color: var(--color-white);
  }


  .pgn .current, .pgn .current:hover {
	background-color: var(--custom1);
	color: var(--scritteSuPrimary);
  }

#TrustPayFrame{
	opacity:0;
	position: absolute;

}

.utentiDisponibili{
	margin-left: 10px;
font-weight: 800;
text-transform: uppercase;
font-size: 0.8em;
padding: 20px 0 0 0;
text-align: center;
width: 100%;
}

.searchFilters label{
	color: var(--primary);
	font-weight: bold;
}


.utentiDisponibili a{
	color: #dc3545;
	text-decoration: underline;
}

.colore_cerchi{
	color: var(--primary);

}

.btn.choose:hover{
	color:#fff !important
}

.iconForm{
	padding: 12px;
border: 1px solid;
margin: 3px;
cursor: pointer;
}

.iconForm:hover{
	background-color: var(--primary) ;
}

.selectedSex{
	background-color: var(--primary) ;
}

.formSignup .row{
	margin:20px;
}

.formSignup .form-group{
	text-align: left;
	font-size: 0.8em;
}

.popupinfo .modal-content img{
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.popupgenerico .titolo_popup_generico{
	color: var(--custom1);
	text-shadow: 1px 1px var(--custom2);
}

.navbar{
	background-color:var(--navbar) ;
}

.dontDisplayDisclaimer{
	display:none;
}


.displayDisclaimer{
	color: #fff;
font-weight: bold;
background-color: red;
padding: 5px;
font-size:12px;
}

.displayDisclaimer a{
	text-decoration:underline;
	color:#fff !important;
}

.popupinfo .modal-header {
	border-bottom:0px !important;
	padding: 15px 15px 0 15px;
}

.popupinfo .modal-header h4 {
	text-transform:uppercase;
}

.popupinfo .modal-footer{
	border-top:0px !important;
	text-align:center;
	display: inline !important;
}

.popupinfo button.btn{
	width:50%;
	border-radius:0;
	float:left;
	margin:0;
	padding:6px;
	height:38px;
}

.popupnotifica button.btn{
	width:50%;
	border-radius:0;
	float:left;
	margin:0;
	padding:6px;
	height:38px;
}


.popupnotifica button.btn-primary{
	background-color: var(--primary);
}

.popupnotifica button.btn-secondary{
	background-color: var(--secondary);
}

.popupnotifica button.btn.intero{
	float: none !important;
	width: 100%;
	background-color: var(--primary);
}

.telegramIcon{
	fill:#0088cc;
	width: 90px;
}

.popuphook button.btn{
	width: 100%;
border-radius: 6px;
margin: 0;
padding: 6px;
height: 38px;
background-color: #7ac142;
border: 0px;
}

.hookBlurredMessage{
	border-radius: 0px 8px 8px 8px;
	background-color: #DAF6C2;
	color: #111;
	padding: 10px;
	font-size: 13px;
	max-width: 45%;
min-width: 25%;
margin: 10px auto;
}

.modal-footer .btn-primary{

	border:0px
}

.modal-footer .btn-secondary{
	background-color:var(--secondary);
	border:0px;
	color: var(--scritteSuPrimary);
}

.modal-footer .btn-secondary:hover{
	color:var(--scritteSuPrimary);
}

.title_page_box {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
	min-width:77px;
}

.avatar_chat_mobile{
	width: 290px;
	border-radius: 30px;

}

.nameHeader{
	margin: 2px;
}

.logo_recupera_password{
	width: 400px;
	margin: 0 auto;
}

button{
	    background-color:  var(--primary);
    border: none;
    padding: 18px;
    font-size: 20px;
}

.profilepage button:disabled{
	background-color:  rgba(146, 146, 146, 0.205);
	color: rgb(143, 143, 143);
}

.tool-tip{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 80px;
	z-index: 8;
}

.btnChat{
	padding: 0px 12px;
	background-color: transparent;
	border: 0px;
}

.btnChat i{
	font-size:2em;
	color:  var(--primary);
}

.fadeTooltip{
	-webkit-animation: fadeinout 3s linear forwards;
    animation: fadeinout 3s linear forwards;
}

.tool-tip h4{
	font-size: 1.1rem;
}


@-webkit-keyframes fadeinout {
	0% { opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% {opacity: 0;}
  }
  
  @keyframes fadeinout {
	0% { opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% {opacity: 0;}
  }

.hookTextContainer{
	margin-bottom: 15px;
}

.btn-primary{
	background-color:  #970a02;
}

.btn-primary:hover{
	background-color: var(--custom1);
}


.chat li .chat-body{
	font-size: 16px;
}


.popupbackground p{
	margin-top: 10px;
}

.listaMessaggi{
	font-size: 14px;
	
}

.pl_10{
	padding-left: 10px;
}

.nonLetto{
	font-weight: bold;
	color:#111;
}

.tabs_notifiche{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #f7f7f7;
	color:#797777;
}

.tab{

	padding: 5px;
	width: 200px;
	height: 66px;
	
	line-height: 52px;
	cursor:pointer;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	
}

.tab span{
	padding-left: 10px;
	pointer-events: none;
}

.tab_content{
	cursor:pointer;
}

.bb_2{
	border-bottom: 6px solid var(--navbar);
  position: relative;
  background-color: #eee;
}

.tab_container{
	position: relative;
	z-index: 999;
	
}

.no_content{
	padding-top:40px
}

.notification_content{
	position: relative;
	overflow-x: hidden;
	width: 100%;

}

.notification_content.transition_like {
	
	transform: translateX(-100%);
	transition:  transform 0.2s;
	overflow-x: hidden
  }

  .notification_content.transition_visit {
	
	transform: translateX(100%);
	transition: transform 0.2s;
	overflow-x: hidden
  }



  .tab.transition_like {

	transform: translateX(100%);
  	transition: transform 0.5s ease;
  }

  .tab.transition_visit {
	transform: translateX(-100%);
	transition: transform 0.5s ease;
  }

.red{
	color:red
}

.status_navbar_mobile{
	margin-top: -2px;
    display: block;
	font-size:12px;
	color:#4a4949;
	float:left;
	margin-left:10px;
}


#messageForm #message{
	border: solid 1px #ccc;
    border-radius: 19px !important;
	padding: 5px 107px 5px 13px;
	height: 43px; /* Altezza minima simile a un input */
    resize: none; /* Disabilita il ridimensionamento manuale */
    overflow: hidden; /* Nasconde la barra di scorrimento */
}

.nameHeader a{
	display: table-cell;
	font-size:16px;
	padding-left: 10px;
    font-weight:600;
	

}


.profilepage .list-group-item span{
	line-height:24px;
}


.menumob{
	background-color:#eee;
	padding:5px;
}

.chat li .chat-body .footer_msg{
	border-top: 1px solid rgba(0,0,0,.1);
}

.left .footer_msg{
	margin-bottom: 8px;
}

.chat li .chat-body p{
	text-align: left;
	font-size: .9em;
}

.chat li.left .chat-body{
	margin-left: 0;
}

.chat li.right .chat-body{
	margin-right: 0;
}

.chat li.right .chat-body{
	background-color:#DAF6C2;
	padding-bottom: 20px;
	min-width: 190px;
	
}

#chatArea{
	overflow-y: auto;
}

.messaggioOra{
	position: absolute;
    right: 14px;
    bottom: 0px;
	font-size: 10px;
}

.progress-bar.progress-bar-success{
	background-color:green;
}

.buttons_profile a{
	width:50%;
	padding:10px;
	border-radius:0px;
	
}





a.to_chat{
	background-color: var(--relevantColor) ;
	border-color: var(--relevantColor) ;
	color: var(--scritteSuPrimary);
	
}

a.to_like{
	border: 1px solid var(--relevantColor);
  background-color: #fff;
}

a.to_chat:hover{
	color: color-mix(in srgb, var(--relevantColor) 60%, black 40%);;
}


.profilepage ul.list-group{
	margin:0;
	padding:0;
}

.profilepage .list-group-item{
	padding:10px;
	border-bottom:0px;
}

div.rounded img{
	display:block;
    margin:auto;
}

.image_profile object{
	max-width: 100%;
}

.modal-content{
	border-radius:5px !important;
	background-color:rgba(255,255,255,1);
}

.navbar-desktop .navbar-nav{
	padding:0px;
}

ul.navbar-nav span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.icebreaker li{
	list-style: none;
	padding: 10px;
	border: 1px solid sienna;
	cursor: pointer;
}

.icebreaker li:hover{
	background-color: rosybrown;
}


.hookTextContainer h5{
	margin:20px 0;
}

.headerAbbpnamenti h4{
	margin: 4px 5px;
	font-size: 1.1em;
text-shadow: 1px 1px #ddd;
padding: 5px 0;
color: #111;
}

a.bottoneMessaggioHook{
    color: white !important;
    padding: 6px 11px;
    display: block;
    background-color: brown;
    text-align: center;
    margin-top: 5px;
    border-radius: 6px;

}


.footer p{
	text-align: center;
}


.footer nav{
	text-align: center;
}

.blurry-text {
	color: transparent;
	text-shadow: 0 0 7px rgba(0,0,0,0.5);
 }

.form_contactUs{
	margin-top: 80px;
}

.profilepage{
	padding-top:63px;
}

.pianiAbbonamentoPage{
	padding:5px 20px;
}

.color_full{
	color:green;
}

.color_medium{
	color:orange;
}

.color_empty{
	color:#ff4747;
}

.dicituraRimanenti{
display: block;
    font-size: 0.6em;
}

.navbar-light .navbar-nav .nav-link{
	color:var(--scritteSuPrimary);
}


.navbar-header{float:none;text-align: center;}

	/* top bar */

	.navbar {text-transform: uppercase;border: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display:none;}

	.navbar a  {color:var(--scritteSuPrimary);font-weight: 300;text-decoration: none}

	.navbar-default .navbar-brand {color:#730000; font-weight: bold;margin:0;line-height: 50px;float:none; margin-left: auto; margin-right: auto; width: 130px; float: left; font-size: 16px; letter-spacing: -1px; font-family: 'Tenor Sans', sans-serif; }

	.navbar-desktop span.nav-link a{
		color: var(--scritteSuPrimary) !important;
	}

	.icon{margin-bottom: 8px;margin:0;padding: 12px 15px; float:right;}

	    .nonletti{float:left;background-color: var(--custom2);padding-left: 15px; padding-right: 15px;}
	    .region{float:left;background-color:  var(--primary);padding-left: 15px; padding-right: 15px;}

		.badge.badge-danger.navMob{
			padding: 0.3em;
			font-size: 0.4em;
			position: absolute;
			top: 10px;
			left: 59px;
			background-color: #8a000d;
			animation: pulsemessage 1s infinite;
		}

	    .search{background:  var(--primary); float:left;}

	    .tw{background: #3fc6f3}

	    .fb{background: #0d9be5}

    /* toggle button */

    .navbar-toggle{border: none;color:#fff;margin:0;padding: 23px 15px; border-radius: 0px;float:left;}

    .navbar-default .navbar-toggle,

	.navbar-default .navbar-toggle:hover,

	.navbar-default .navbar-toggle:focus {background-color:var(--navbar);}

	.navbar-default .navbar-toggle .icon-bar {background-color: var(--navbar);}

	/* Position where the element is fixed */

	.affix {top: 50px; width: 200px; }

	#affix {width: 200px;}

	.nav li a {border-bottom: 1px solid #ddd; color:var(--navbar);}

	.nav li a i {margin-right:20px;}
	
	
	.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.progress-bar-warning{
	background-color: #F0AD4E;
}


.progress-bar-danger{
	background-color: #ff4747;
	padding:7px;
	font-size:20px;
}

p.par_jumbotron{
	font-size:13px;
	text-align:center;
	padding-top:7px;
}

.riman{
	display: inline;
}



.passwordResetPage form{
	margin-top:30px;
	padding:20px;
	text-align:center;
}

.passwordResetPage h3, .passwordResetPage h4{
	text-align:center;
}


p.par_jumbotron a{
	text-decoration:underline;
}

.menuIscriviti a{
	display:block;
	font-size:13px;
	text-decoration:underline;
	padding-bottom: 5px;
	color:#fff;
}

.menuIscriviti {
	display:block;
	font-size:13px;
	text-decoration:underline;
	padding-bottom: 5px;
	color:#fff;
	cursor:pointer;
}

/*THUBNAIL ANGEL*/

.thumbnail-gallery-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 20px;
}

.thumbnail-gallery {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
	padding: 0 37px;
  width: 91%;
}

.thumbnail {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.thumbnail:hover {
    border-color: #007bff;
}

.scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}

.scroll-button.left {
    left: 0;
}

.scroll-button.right {
    right: 0;
}


/*--------------------*/

.chatRimanentiDesktop{
	padding-top:20px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.chat-header{
	background-color:#7ac142;
}

.chat-message{
	background-color:#fff;
	position: relative;
}

.delivery-status i.send{
	    font-size: 12px;
    color: grey;
}

.filters-padding{
		padding:85px 20px 10px 20px;
	}
	
.status_navbar_mobile{

	font-size:13px;
}
	
.notificaMessaggio img{
	float:left;
	width:25%;
	border-radius: 13px;
	
}

.immagineRounded{
	border-radius: 13px;
}

.talk-bubble {

  display: inline-block;
  position: relative;
margin-left: 20px;
margin-right: 20px;

	height: auto;
	background-color: rgb(238, 238, 238);
	-webkit-box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.14);
-moz-box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.14);
box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.14);
}


.round{
	border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
  
  }

  .dataoraNotifiche{
	  position: absolute;
	  right:9px;
	  bottom: 0;
	  font-size: 0.85em;
	  color: rgba(109, 109, 109, 0.8);
  }

  .tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #eeeeee #eeeeee transparent transparent;
}

.notificaLike span{
	display: block;
	position: absolute;
	top:-13px;
	left:-13px;
	animation:pulsecolor 1s infinite;
}

.notificaLike span i{
	font-size: 2em;
	color:#aa0000;
}



@keyframes pulsecolor {
  10% {color: #dd0000}
  10% {transform: scale(1.1)}
}

@keyframes pulsemessage {
	10% {transform: scale(1.2)}
  }


.imageInHook{
	width: 147px;
	border-radius: 13px;
	display: block;
	margin: 0 auto;
	position: relative;
	box-shadow: 2px 2px 8px 0 
	
}

.dislaimer_verifica_eta{
	font-size: 19px;
	margin: 15px 0;
	line-height: 20px;
}

.contenitoreMessaggioAlert img{
	width: 80%;
	
}




.containerImgLike{
	width: 111px;
	border-radius: 13px;
	display: block;
	margin: 0 auto;
	position: relative;
}


.popupnotifica p{
	float:left;
	width:65%;
	margin: 16px;
}
	
.chat li.left .chat-body
{
	background-color:#f0f0f0;
	color:#111;
}

.popuphook .modal-body{
	padding:0;
}

.popuphook .popupbackground{
background-position:center center;
 background-size: cover;
 
 
}


ol.alpha {
    list-style: none;
    counter-increment: ol-index;
    counter-reset: li-index;
    }

    ol.alpha li {
        counter-increment: li-index;
    }

    ol.alpha li::before {
        content:   counter(li-index, lower-alpha) ". ";
    }


ol.roman {
list-style: none;
counter-increment: ol-index;
counter-reset: li-index;
}

ol.roman li {
	counter-increment: li-index;
}

ol.roman li::before {
	content:   counter(li-index, lower-roman) ". ";
}

.signuppage h3, .signuppage h4{
	text-align:center;
}

.signuppage{
	padding-top: 63px;
	
}
.contentBackground{
	background-color:rgba(255,255,255,1);
	text-align: center;
	padding:60px 10px 20px 10px;
	color:#111;
	border: 1px solid  #970a02;
}

.contentBackground.doiHook .sfondoContrasto{
	background-color:var(--primary);
	padding: 5px;
}


.promo {
    display: inline-block;
    padding: 0.35em 0.5em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background:rgb(76, 176, 80);
	color:#fff;


}

.contentBackground h4{
	margin-bottom: 15px;
	color: #111;
	font-size: 14px;
	margin-top: 10px;
}

.popuphook .modal-content {
	background-color: transparent !important;
}

.popuphook .modal-header{
	background-color:rgba(0,0,0,0.7);
	border-bottom:0px;
}


span.closeHook{
	position:absolute;
	top:5px;
	right:20px;
	font-size: 28px;
	color:rgb(156, 156, 156);
	cursor:pointer;
}

.popuphook .modal-header button{
	font-size: 36px;
	color:#fff;
}

.avatar_hook{
	width:100px;
}

.vipcard{
	background-image:url('../img/vipcard.jpg');
	background-position:center center;
	min-height:400px;
	
}

button.card{
	width: 100%;
	padding: 0;
	text-align: left;
	border: 0px;
	margin-bottom:5px;
	min-height: 55px;
	margin-top: 4px;
}

.signwithgoogle{
	background-color: #CA4439;
	width: 100%;
	color:#fff;
	border-radius: 8px;
	padding: 10px;
	font-size: 1em;
	margin-top:10px;
  }
  
  
  .signwithgoogle i{
	margin-right: 20px;
  }
  
  h5.orsignwithgoogle{
	position: relative;
	display: block;
	max-width: 300px;
	margin: 10px auto;
  }
  
  
  h5.orsignwithgoogle::before{
	
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	background: var(--scritteSuPrimary);
	mix-blend-mode: difference;
	left: 0;
	top: 50%;
	position: absolute;
  
  
  }


  
  h5.orsignwithgoogle::after{
	
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	background: var(--scritteSuPrimary);
	mix-blend-mode: difference;
	right: 0;
	top: 50%;
	position: absolute;
  
  
  }
  
.rateDescription .blockquote{
	min-width: 65%;
	margin: 7px 0px 0px 0px;
}

.middle_box {
	
	text-transform: capitalize;
	text-align: center;
	-moz-box-pack: center;
	justify-content: center;
	height: 100%;
	align-items: center;
	line-height: 11px;
	width: 100%;
  }


  .middle_box .suggestion {
	padding-top: 16px;
	text-align: center;
  }


  .middle_box .suggestion{
	font-size: 0.7rem !important;
	font-weight: 700 !important;
  }
  

  
  .signupGoogleContainer{
	text-align: center;
	
  }

.contenitoreRiga{
	display:flex;
	margin-bottom: 8px;
	height: 67px;

	border-radius: 10px !important;
	box-shadow: 0 .15rem .25rem rgba(0,0,0,.25) !important;
	border: 3px solid rgb(243, 243, 243);
}

.profiloMenu{
	color: #111;
	font-size: 22px;
	position: absolute;
	right: 9px;
	top: 0px;
	padding: 8px 0px;
	width: 20vw;
}

.profiloMenu .icon {
	width: 10vw;
	height: 1em;
	stroke: black;
	stroke-width: 1pt;
	stroke-miterlimit: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 400;
	cursor: pointer;
	padding: 0px;
  }

.iconback{

		width: 10vw;
		height: 1em;
		stroke: black;
		stroke-width: 1pt;
		stroke-miterlimit: 10;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-dasharray: 400;
		cursor: pointer;
		padding: 0px;

}

.hookTextContainer h3{
	font-size: 16px;
	
}



.w65{
	width: 65%;
}

.w35{
	width: 35%;
}

.pianiAbbonamentoPage .relative{
	margin:10px;
}

.contenitorePiano{
	
}



.contenitore-body{
	padding: 0 15px;
width: 100%;
margin:5px 0;
}

.card-header{
	background-color: #d6d6d6;

}

.card-body{
	padding: 0 15px;
	width: 100%;
	display: grid;
}



.rigaPromo .ratePrice{
	background-color: rgb(254, 247, 181) !important;
	padding:5px 20px;
	font-size: 1.2em;
	color:#212529;
	text-align: center;
	border-radius: 0 7px 7px 0;
	font-weight: bold;
}

.rigaPromo .rateDescription{
	background-color: #F0F0F0;
	padding:0px 20px;
	border-radius: 7px 0 0 7px;
}

.rigaSelected{
	-webkit-box-shadow: 1px 9px 10px 2px rgba(0,0,0,0.26);
-moz-box-shadow: 1px 9px 10px 2px rgba(0,0,0,0.26);
box-shadow: 1px 9px 10px 2px rgba(0,0,0,0.26);
}



.pianiAbbonamentoPage .container{
	max-width: 800px !important;
}


.rigaNormale .ratePrice{
	background-color: rgb(254, 247, 181) ;
	font-size: 1.2em;
	
	text-align: center;
	border-radius: 0 7px 7px 0
}

.rigaNormale .rateDescription{
	background-color: #F0F0F0;
	padding:0px 20px;
	border-radius: 7px 0 0 7px;

}

.card{
	margin-top: 10px;
}

.pianiAbbonamentoPage .btn-primary{
	width: 100%;
	margin-top: 5px;
	background-color: #7ac142 !important;
	border: 0;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	padding:10px 0
}

.planSelected{


border: 3px solid rgb(120, 192, 67) ;

}

.planSelectedPrice{
background-color: rgb(254, 247, 181) !important;
border-top: 3px solid rgb(120, 192, 67) ;
border-right: 3px solid rgb(120, 192, 67) ;
border-bottom: 3px solid rgb(120, 192, 67) ;
}


.rateDescription span:nth-child(1){
	font-weight: 400;
display: block;
font-size: 1.1rem;
}



.rateDescription p{
	font-size: 0.7em;
	margin:0;
	
}

.ratePrice del{
	font-size: 0.8em;
	display: block; 
	font-weight: 1;
}

.alignContentCenter{
	align-content: center !important;
	justify-content: center !important;
	flex-direction: column !important;
	display: flex !important;
	width: 35%;
}

.ratePrice span:nth-child(3){
	font-size: 0.6em;
	display: block;

}


.messaggiRimanentiMobile{
	position:absolute;
	right:12px;
	top:13px;
	padding:5px;
	
}



.angelImageContainer{
	position: relative;
	width: 250px;
margin: 0 auto;
}

.lander_autologin .angelImage{
	width: 250px;
	border-radius: 140px;
}

.lander_autologin{
	text-align: center;
	padding-top: 20px;
}

.lander_autologin p{
	padding: 20px;
}

.lander_autologin button{
	background-color: #970a02;
	color: #fff;
}

.bustaLanderAutoSignup{
	width: 100px;
}

.mt20{
	margin-top:20px
}

.padding_container{
	padding-top: 44px;
	padding-left:10px;
	padding-right: 10px;
}

.telegram_pushPage{
	font-size: 65px;
	color:#31A9DD;
}

.white_text{

	color:#fff;
	border:none;
}

.like_a_button{

	padding:18px;
	font-size: 20px;
	background-color: #31A9DD;
	margin:10px;
	display: inline-block;
	cursor: pointer;
}

a.like_a_button {
	color:#fff;
}

.text-center{
	text-align: center;
}

.busta{
	position: absolute;
	top:0;
	right:0;
	width: 67px;
}


.form_profilepage{
	text-align: center;
	background-color:rgba(1,1,1,0.3);
	padding:20px;
}

.form_profilepage input[type="text"], .form_profilepage input[type="password"], .form_profilepage input[type="email"]{
	background-color:#fff;
}

.okMessage{
	color: rgb(0, 100, 17);
	font-size: 25px;
}


.contieniAvvisoMessaggi{
	background-color: var(--relevantColor);
	padding: 10px;
	text-align: center;
}

.contieniAvvisoMessaggi button{
	
	background-color: var(--custom1);


}

.form_profilepage h2 {
    font-size: 2.75rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
	margin-bottom:10px !important;
}

.bottomPhoto i{
	margin-right: 5px;
	font-size: 18px;
}

.bottomPhoto span{
	color: #515151;
font-size: .8em;
font-weight: 600;
text-transform: capitalize;
}

.messaggiRimanentiMobile i{
	font-size:20px;
}

.messaggiRimanentiMobile .badge{
	font-size:18px;
}

.photoItem_buttons .btn{
	font-size: .8m;
	border: none;
	background-color: var(--secondary);
	color:#fff;
	border-radius: 0 !important;
	margin:3px;
	width: 45%;
	cursor: pointer;
	padding: 6px 0;
	border: 1px solid #b9b9b9;
}

.photoItem_buttons .btn.bkg_like{
	background-color: var(--color-white);
}

.photoItem_buttons {
	text-align: center;
}

.card {
	
	border: 1px solid #fff;
	border-radius: 12px;
  padding: 0px 0px 8px 0;

}

.bottomPhoto{

	bottom:0;
	width:100%;
	padding:1px 3px;
margin:10px 0 2px 0;
text-align: center;
}



.swipe {
	position: absolute;
  }
  
  .cardContainer {
	width: 90vw;
	max-width: 260px;
	height: 300px;
  }
  
  .card_match {
	position: relative;
	background-color: #fff;
	width: 80vw;
	max-width: 260px;
	height: 300px;
	background-size: cover;
	background-position: center;
  }
  
  .cardContent {
	width: 100%;
	height: 100%;
  }

.formSignup p{
	display:none;
}

.animation {
	animation: opacityOn 0.5s normal forwards step-end;
}

input.input-purchase{

		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin-bottom: 10px;
		outline: 0;
		padding: 8px;
		width: 98%;
		color: #575757;
		transition: border-color .15s ease-in-out 0s;
		-webkit-transition: border-color .15s ease-in-out 0s;
		-moz-transition: border-color .15s ease-in-out 0s;
		-o-transition: border-color .15s ease-in-out 0s;
		box-sizing: border-box;
		background-color:#f0f0f0 !important;
		border: 1px solid #dedddd;
		box-shadow: 1px 2px #fff,inset 0 1px 3px rgba(0,0,0,.1);
}

.centerImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 7px 7px 0 0;
  }

.imgSecurePayement{
	width: 15%;
}



.headerForm div.iconPayment{
	margin:10px 0;

}

.testo_payment{
	text-align: center;
	margin:10px 0;
	font-weight: bold;
}

.contenitoreMessaggioAlert{
	position: relative;
}

.fineCrediti .popupbackground p{
	color: #fff;
font-size: 16px;
position: absolute;
z-index: 99;
background-color: red;
bottom: 0;
width: 100%;
padding: 5px;
}

.fineCrediti h4{
	font-size: 1.2em;
	padding: 10px;
}


.friend-list{
width: 100%;	
}


.headerForm {
	
	border-radius: 2px;
	padding:10px;
	color:#005B8E;

	display: flex;
	align-content: center !important;
	justify-content: center !important;
}

.doiHook h5{
	font-size: 1.3em;
	margin:10px 0
}

.emailDoi{
	color:var(--custom2);
	font-size:1.5em;
}

.doiHook{
	text-align: center;
	background-color: rgba(255,255,255,1);
  text-align: center;
  padding: 23px 10px 20px 10px;
  color: #111;
  border: 1px solid #970a02;
}

.separator-line {
	border-top: 2px solid var(--primary);
	max-width: 320px;
	width: 100vw;
	position: relative;
	height: 20px;
	margin: 0 auto;
  }

ul.listaDoi{
	margin: 33px 0px;
  padding: 10px 20px;
  border-radius: 10px;
  border: 3px solid #eee;
}

ul.listaDoi li{
	text-align: left;
}

.puchasePage .headerForm {
	padding:0px !important;
}

.ganziaEsito{
	text-align: center;
}

.ganziaEsito img{
	width: 48%;
}

.contMenuPurch{
	display: flex;
	align-content: center !important;
	justify-content: center !important;
}


.backPayment i{
	color:#111;
	font-size: 1.2em;
}

a.backPayment{
	
	display: block;
	padding: 21px;
cursor: pointer;
}
a.backChat{
	

cursor: pointer;
}

a.backChat i{
	
	padding: 15px;
}


.puchasePage input[type="text"] , .puchasePage input[type="tel"]{
	font-size: 0.9em;
	color:#575757
}


input.errorCardInput{
	background-color: #ffdada !important;
box-shadow: 1px 2px #fff;
border: solid 1px #cf3737;
color: #d57070;
}

select.errorCardInput {
    background-color: #ffdada !important;
    box-shadow: 1px 2px #fff;
    border: solid 1px #cf3737;
    color: #d57070;
}

.contentBackground.signupHook{
	background-color: rgba(1,1,1,0.7);
text-align: center;
padding: 10px 10px 20px 10px;
color: #fff;
border: 1px solid  var(--primary);
}

.contentBackground.signupHook h4 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 17px;
}

.contentBackground.signupHook h5 {
    margin-bottom: 15px;
    color: var(--primary);
    font-size: 15px;
}


.loghettiPayment {

    min-height: 30px;
    width: 85%;
	max-width: 340px;
margin: 20px auto;
}

.puchasePage label{
	font-size: 0.9em;
}

.w15{
	width: 15%;
}

.w85{
	width: 85%;
}

.align-left{
	text-align: left;
}

.align-center{
	text-align: center;
}


.headerForm i{
	height: 50px;
	width: 50px;
	background-color: #fff;
	color: rgb(122, 193, 66);;
	border-radius: 50%;
	display: inline-block;
	padding-top: 8px;
	font-size: 16px;
}

.headerForm p{
	font-size: 0.9em;
	margin:0;
	font-family: 'Nunito', sans-serif !important;
}

.selectRegioni{
	display: block;
	width: 100%;
	margin:10px 0;
}

.garanzia{
	width: 123px;
margin: 10px auto;
text-align: center;
position: absolute;
top: 3;
left: 0;
right: 0;
}

.pl5{
	padding-left: 5px;
}

.headerAbbpnamenti{
	text-align: center;

}

.headerAbbpnamenti h4{
	color:green
}

.headerAbbpnamenti h4 strong{
	color:black
}


input:focus:-moz-placeholder  {
	color:rgb(218, 218, 218);
}

input:focus::-webkit-input-placeholder {
    color:rgb(218, 218, 218);
}

input:focus::-moz-placeholder {
    color:rgb(218, 218, 218);
}



.rccs{
	display: none;
}





@keyframes opacityOn {
    0% {
        opacity: 0.9;
    }
    10% {
        opacity: 0.7;
    }
    20% {
        opacity: 0.5;
    }
    30% {
        opacity: 0.2;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    60% {
        opacity: 0.3;
    }
    70%{
      opacity: 0.5;
    }
    80%{
      opacity: 0.7;
    }
    90% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

.formSignup label a{
	display:inline
}

hr{
	width:100%;
}

.form_contactUs form{
	margin: 0;
	padding-left: 20px;
}

.form_contactUs textarea{
	width: 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	outline: 0;
	padding: 8px;
	width: 98%;
	color: black;
	transition: border-color .15s ease-in-out 0s;
	-webkit-transition: border-color .15s ease-in-out 0s;
	-moz-transition: border-color .15s ease-in-out 0s;
	-o-transition: border-color .15s ease-in-out 0s;
	box-sizing: border-box;
	background-color:#f0f0f0;
}

.grazie{
	font-size: 1.8em;
font-weight: 400;
text-align: center;
margin-left: 40px;
}

.personal-container{
	padding: 0 20px;
}

.mt-10{
	margin-top: 10px;
}

.footer .creditCardFlags{
	max-width: 100px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 20px;
	top:10px
}


.footer {
	position: relative;
}


.form_contactUs .logo{
	max-width: 30%;
	margin: 0 auto;
}

.formSignup a{
	font-size: 14px;	
	cursor: pointer;
	background-color: transparent !important;
	border: transparent !important;
	padding: 5px 0;
	color: rgb(116, 116, 116) !important;
}

.formSignup input[type="submit"]{
	width: 100%;
}

.badge-light{
	color:#fff;
	background-color: transparent;
}

.tool-tip .alert-danger {
	padding: 10px;
}

.tool-tip.messaggioGenerico h4{
	font-size: 1rem;
}

.tool-tip.messaggioGenerico p{
	font-size: 0.8rem;
}

.tool-tip.messaggioGenerico button{
	font-size: 0.6rem;
	padding:8px;
	font-size: 15px;
}


.tool-tip.like h4{
	font-size: 0.9rem;
}


.erroreSignup{
	display:block !important;
	color:red;
	font-weight: bold;
}


.activeError div:nth-child(2){
	display:block !important;
	color:red;
	font-weight: bold;
}

.activeError div:nth-child(3){
	display:block !important;
	color:red;
	font-weight: bold;
}

input[type="submit"]:disabled {
	background-color: #FF807970;
	color: #ffffff85;
  }

.spinnerForm{
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
}

.spinner-border{
	display: block;
	margin:5px auto;
}


.profilepage .card-img-top{
	max-width: 1000%;
}


#single_chat{
	position: relative;
}


.nuovo_messaggio{
	position: absolute;
  z-index: 7;
  right: 10px;
  bottom: 10px;
  font-size: 0.6em;
}

.fullwidth{
	width: 100%;
}


/*------FORM----------------*/

input[type="text"],input[type="password"],input[type="email"],input[type="tel"]{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	outline: 0;
	padding: 8px;
	width: 98%;
	color: #575757;
	transition: border-color .15s ease-in-out 0s;
	-webkit-transition: border-color .15s ease-in-out 0s;
	-moz-transition: border-color .15s ease-in-out 0s;
	-o-transition: border-color .15s ease-in-out 0s;
	background-color:#fff;
	
}

.formSignup select{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	outline: 0;
	padding: 8px;
	width: 98%;
	color: #575757;
	background-color:#f0f0f0;
	display: block;
}

.cambiafoto{
	position: relative;
}

.bottoneCambia{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom:20px;
	border:0;
}

textarea{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	outline: 0;
	padding: 8px;
	width: 98%;
	height: 90px;
	color: #575757;
	background-color:#f0f0f0;
	border:0;
	line-height: 20px;
}

h3.verificaeta{
	font-size: 22px !important;
	font-weight: 700 !important;
}

.subHeaderForm {
	color: #005B8E;
	font-size: 18px;
	
}


.subHeaderForm small{
	display: block;
	margin:10px 0;
	line-height: 23px;
}

.MuiAutocomplete-root{
	margin: 0 auto 30px auto;
	color: #575757;
	width: 100% !important;
	
}


.MuiSvgIcon-root{
	color: rgb(192, 192, 192) !important;
}
.MuiOutlinedInput-notchedOutline{
	border-color: transparent !important;
}

.MuiOutlinedInput-notchedOutline legend span{
	color: rgb(192, 192, 192) !important;
}

.Mui-focused fieldset{

	color:#fff;
}

label.Mui-focused{
	color:#fff;
}

.MuiInput-underline:after{
	color:#fff;
}



.formSignup label{
	display: block;

}



input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="email"]::placeholder,input[type="tel"]::placeholder,select::placeholder {
    color: #6c757d;
    opacity: 1; 
	
}


#auto-compile{
	margin:0 auto;
}







.col-centered {
    float: none;
    margin: 0 auto;
}

input[type="date"]{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
	outline: 0;
	padding: 8px;
	width: 98%;
	color: #fff;
	transition: border-color .15s ease-in-out 0s;
	-webkit-transition: border-color .15s ease-in-out 0s;
	-moz-transition: border-color .15s ease-in-out 0s;
	-o-transition: border-color .15s ease-in-out 0s;
	box-sizing: border-box;
	background: rgba(255,255,255,.16);
	border: 1px solid #464646;
}

input[type="submit"]{
	padding: 10px;
    background-color:  var(--primary);
    border: 0;
    color: var(--scritteSuPrimary);
	border-radius: 8px;
}


.pay{
	margin-top: 20px;
}

.inputContainer{
	position: relative;
	margin-bottom: 10px;
}

.inputContainer i {
	position: absolute;
	right: 26px;
	top: 9px;
	font-size: 1.4em;
	color:#005B8E;
}

.signuppage input{
	color:#111;
}

.signuppage form{
	margin-top:30px;
	padding:20px;
	text-align:center;
}
	/* collapsed sidebar styles */
	
.subscription_disclaimer h4{
	color: var(--secondary);
	font-size: 1em;
}

.subscription_disclaimer {
	text-align: center;
	margin-top: 22px;
}


.boxed_container{
	max-width:1130px;
	width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}	

.redUnderlined{
	color: var(--custom2);
	text-decoration: underline;
	cursor: pointer;
}

.image_profile button{
	width:100%;
	margin-top: 10px;
padding: 5px;
}

.info_profile{
	margin-top:40px;
}

.info_profile .list-group button{
padding: 5px;
font-size: 15px;
background-color: #DFDCDC;
border: none;
}

.purchase_info_container{
	display: flex;
	margin-bottom: 10px;
}


.creditCardFlags{
	padding-top: 10px;
	width:40%;
}

.planDesc{
	font-size: 11px !important;
	line-height: 1;
	text-align: center;
  font-weight: bold !important;

}

.pay {
	background-color: #007CC1;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgba(52,101,0,.3);
}

.choose{
	background-color: #fff;
  padding: 10px;
  color: #111;
  font-weight: bold;
  font-size: 1.1em;
  border-radius: 4px;
	margin:10px 0;
	position: relative;
	border-color: #111;
}

.formPagamento .btn.choose{
	border: 1px solid #111;
}

.formPagamento .btn.choose:hover{
	color: #007CC1 !important;
}

.guarantee-header-full {
	background-color: #4cb050;
	padding: 16px 12px;
	border-radius: 12px 12px 0 0;
  }
  .guarantee-header, .guarantee-header-full {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 18px;
  }

  .guarantee-body {
	background-color: #f8fff6;
	border-left: 2px solid #4dab31;
	border-right: 2px solid #4dab31;
	border-bottom: 2px solid #4dab31;
	border-radius: 0 0 12px 12px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	padding: 24px 16px;
	transition: .3s ease;
  }

.container_choose {
	margin-top: 40px;
  background-color: #eee;
  padding: 20px;
  border-radius: 10px;
}

.container_choose h3{
	font-size: 1em;
}

.container_choose img{
	margin-right: 10px;
}

.form-actions .disclaimer{
	font-size: 0.7em;
text-align: center;
margin-top: 16px;
font-family: 'Nunito', sans-serif !important;
font-weight: 100;
}

.staiAcquistando{
	text-align: center;
}

.staiAcquistando p{
	font-size: 0.9em;
	color: #6C8A00;
}

.immagineHook{
	max-width: 50%;
}

.descriptor{
	text-align: center;
	font-size: 0.8em;
}

.form-actions .disclaimer a{
	text-decoration: underline;
}

.homeButton{
	font-size: 2em;
  padding: 10px;
  background-color: var(--primary);
  border: 0;
  color: #fff !important;
  margin: 10px;
  cursor: pointer;
  min-width: 219px;
  display: inline-block;
  border-radius: 7px;
}

.uppercase{
	text-transform: capitalize;
}

.homeButton:hover{
background-color: var(--custom2);
}

header.masthead .masthead-heading {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
	text-shadow: 1px 1px #7c7c7c;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.formPagamento{
	padding: 0px 0px;
	background-color: #fff;
	border-radius: 8px;
	font-family: "Montserrat","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;;
}


.cookieContainer{
	position: fixed;
	bottom: 0;
	background-color: #e5e0de;
	color:#111;
	width: 100%;
	min-height: 50px;
	padding: 10px;
	font-size: 14px;
	
}

.ml10{
	margin-left: 10px;
}


.justify-center {
	justify-content: center;
  }

  .overflow-hidden {
	overflow: hidden;
  }


  

  .h-full {
	height: 100%;
  }

.card-container {
	position: relative;
	width: 90vw;
	height: calc(100dvh - 160px);
	border-radius: 25px;
	margin: 10px auto;
	max-width: 440px;
	
  }



  .pulsante_invito{
	position: absolute;
  bottom: 94px;
  top: unset;
  left: 16px;
  right: 16px;
  text-align: center;
  font-size: 18px;
  color: white;
  background-color: var(--secondary);
  border-radius: 15px;
  height: 60px;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  box-shadow: rgba(204, 46, 144, 0.44) 0px 0px 10px 5px;
  font-weight: 600;
  overflow-wrap: break-word;
  z-index: 100;
 
  }


  .modale_invito{
	position: fixed;
	height: calc(-65px + 99vh);
	bottom: 72px;
	background-color: rgba(105, 105, 105, 0.28);
	width: 96vw;
	z-index: 200;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	backdrop-filter: blur(8px);
  }


  .modale_invito_interno{
	width: 500px;
  height: calc(var(--vh,1vh) * 100 - 109px);
	border-radius: 32px;
	overflow: hidden;
	background: white;
	display: flex;
	align-items: flex-start;
  }

  .modale_invito_contenuto{
	width: 100vw;
	height: 100vh;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgb(228, 228, 228);
	position: relative;
  }

  .modale_invito_header{
	height: 44px;
	border-bottom: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 1rem;
		padding-bottom: 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
  }


  .modal_card{
		width: 96vw;
		height: calc(var(--vh,1vh) * 100 - 109px);
		border-radius: 32px;
		overflow: hidden;
		background: white;
		display: flex;
		align-items: flex-start;
  }

  .modal_photo_box{
	width: 100vw;
	height: 100vh;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgb(228, 228, 228);
	position: relative;
  }


  .modal_photo_header{
	height: 44px;
  border-bottom: 0px;
  padding-bottom: 0px;
  position: absolute;
  top: 13px;
  left: 13px;
  }

  .modal_photo_title{
	margin-bottom: 0;
  	line-height: 1.5;
  }

  .modal_photo_close{
	background: hsla(0,0%,100%,.79);
	width: 32px;
	height: 32px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 50%;
	top: 10px !important;
  }

  .modal_photo_box img{
	width: 100%;
	object-fit: cover;
	height: calc(var(--vh,1vh) * 100 - 225px);
  }

  .modal_photo_bottom{
	position: fixed;
	bottom: 0px;
	padding-bottom: 24px;
	padding-top: 120px;
	min-height: 50vh;
	width: 96vw;
	background: linear-gradient(rgba(0, 0, 0, 0) 9.08%, rgba(0, 0, 0, 0.5) 27.98%, rgb(146, 46, 46) 66.81%, rgb(0, 0, 0) 109.94%, rgba(46, 49, 146, 0.55) 133.09%, rgba(46, 49, 146, 0) 170.17%);
	display: flex;
	flex-direction: column;
	-moz-box-pack: end;
	justify-content: flex-end;
	-moz-box-align: center;
	align-items: center;
	transition: 0.25s;
	border-radius: 0px 0px 24px 24px;
	box-shadow: none;
  }


  .modal_photo_content {
	color: white;
	font-size: 1.2rem;
	height: 385px;
	padding-top: 110px;
  }

  .rounded-icon-invite{
	background: #fff;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .title_invite {
	color: #fff;
	text-align: center;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #000;
	font-family: Montserrat;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -1.155px;
	margin-top: 16px;
  }

  .chat_inibita{
	position: absolute;
	left: calc(0%);
  right: 0;
  bottom: 95px;
  }

  .row_animation_content{
	display: flex;
	-moz-box-align: center;
	align-items: center;
	position: relative;
  }

  .animation_white{
	-webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
  position: absolute;
  top: 0;
  left: calc(50% - 16px);
  right: 0;
  }

  .animation_white::after {
	font-style: normal;
	font-weight: 400;
	content: "\25bc";
	color: #fff;
	font-size: 1.2rem;
  }

  .modal_photo_form{
	-webkit-flex: 1 1;
  flex: 1 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  padding: 0 20px;
  position: relative;
  margin-bottom: 20px;
  }

  #photo_content_input_invite{
	width: 100%;
  height: 43px;
  border-radius: 6px;
  padding: 10px 80px 0 10px;
  }

  .photo_content_button{

		position: absolute;
		bottom: 14px;
		right: 24px;
		border-radius: 5.528px;
		background: #ed1e79;
		color: hsla(0,0%,100%,.5);
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		padding: 0 16px;
		height: 33.169px;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;

  }


  .photo_content_button.on{
	color: #fff;
  }

  .h-100{
	height: 100% !important;
	}

	.colored{
		color: var(--relevantColor);
	}

	.mt-4, .my-4 {
		margin-top: 1.5rem !important;
	  }

.align-items-center {
	-webkit-align-items: center !important;
	align-items: center !important;
	}

	.flex-column {
	-webkit-flex-direction: column !important;
	flex-direction: column !important;
	}

  .duration-150 {
	animation-duration: .15s;
  }

  .d-flex {
	display: -webkit-flex !important;
	display: flex !important;
  }


  .grayscale-0 {
	--tw-grayscale: grayscale(0);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }


  .transform {
	transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }


  .inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }


  .chat_send_button{

	position: absolute;
	bottom: 5px;
	right: 24px;
	border-radius: 5.528px;
	background: var(--primary);
	color: hsla(0,0%,100%,.5);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 0 16px;
	height: 33.169px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: 200;

}


.chat_send_button.on{
	color: #fff;
}


  .duration-200 {
	animation-duration: .2s;
  }
  .duration-200 {
	transition-duration: .2s;
  }

  .h-12 {
	height: 4rem;
  }
  .top-0 {
	top: 0;
  }
  .right-0 {
	right: 0;
  }
  .left-0 {
	left: 0;
  }

  .top-2 {
	top: .5rem;
  }
  .right-6 {
	right: 1.5rem;
  }

  .ease-out {
	animation-timing-function: cubic-bezier(0,0,.2,1);
  }


  .gap-1 {
	gap: .25rem;
  }
  .flex-col {
	flex-direction: column;
  }

  .text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
  }

  .duration-100 {
	animation-duration: .1s;
  }




  .match-wrapper {
	overflow: hidden;
	position: relative;
	transition: .5s;
	/*height: calc(92vh - 160px);*/
  }

  .bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .bg-black\/60 {
	background-color: #0009;
  }

  .rounded-full {
	border-radius: 9999px;
  }
  
  .shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  }

  .border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

  .text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .pt-1 {
	padding-top: .25rem;
  }

  .pl-6 {
	padding-left: 1.5rem;
  }

  .text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
  }

  .leading-3 {
	line-height: .75rem;
  }

  .object-cover {
	-o-object-fit: cover;
	object-fit: cover;
  }

  .rounded-2xl {
	border-radius: 1rem;
  }

  .w-full {
	width: 100%;
  }

  .h-80 {
	height: 11rem;
  }

  .transition-height {
	transition-property: height;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s;
  }

  .transition {
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s;
  }


  .grayscale {
	--tw-grayscale: grayscale(100%);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }


  .py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem;
  }
  .px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
  }

  .ease-out {
	animation-timing-function: cubic-bezier(0,0,.2,1);
  }
  .duration-100 {
	animation-duration: .1s;
  }
  .ease-out {
	transition-timing-function: cubic-bezier(0,0,.2,1);
  }
  .duration-100 {
	transition-duration: .1s;
  }

  .absolute {
	position: absolute;
  }

  .z-\[500\] {
	z-index: 150;
  }

  .items-center {
	align-items: center;
  }
  .w-full {
	width: 100%;
  }
  .flex {
	display: flex;
  }

  
  .w-8 {
	width: 2rem;
  }
  .h-8 {
	height: 2rem;
  }

  .rounded-full {
	border-radius: 9999px;
  }

  .w-16 {
	width: 4rem;
  }
  .h-16 {
	height: 4rem;
  }

  svg.text-red-700 {
	--tw-text-opacity: 1;
	color: rgb(185 28 28 / var(--tw-text-opacity));
	fill:rgb(185 28 28 / var(--tw-text-opacity));
  }

  svg.text-yellow-500 {
	--tw-text-opacity: 1;
	color: rgb(234 179 8 / var(--tw-text-opacity));
	fill: rgb(234 179 8 / var(--tw-text-opacity));
  }
  
 svg.text-gray-600 {
	--tw-text-opacity: 1;
	color: rgb(75 85 99 / var(--tw-text-opacity));
	fill:rgb(75 85 99 / var(--tw-text-opacity));
  }

  .flex {
	display: flex;
  }

  .justify-between {
	justify-content: space-between;
  }
  .items-center {
	align-items: center;
  }
  .w-full {
	width: 100%;
  }

  .bottom-0 {
	bottom: 52px;
  }

  .bg-black\/30 {
	background-color: #0000004d;
  }

  .rounded-t-2xl {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
  }

  .font-bold {
	font-weight: 700;
  }
  .text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
  }

  .leading-3 {
	line-height: .75rem;
  }

  .f-12{
	font-size: 12px;
  }


  .ease-in {
	animation-timing-function:cubic-bezier(.4,0,1,1)
  }
  .ease-in-out {
	animation-timing-function:cubic-bezier(.4,0,.2,1)
  }





  /**************************/

/*SPINNER*/

.waiter{
	opacity: 0;
   animation:waiter 1s infinite !important;
}





  @keyframes enter {
	0% {
	  opacity:var(--tw-enter-opacity, 1);
	  transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
	}
  }
  @keyframes exit {
	to {
	  opacity:var(--tw-exit-opacity, 1);
	  transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
	}
  }

  @keyframes bounce {
	0%,
	to {
	  transform:translateY(-25%);
	  animation-timing-function:cubic-bezier(.8,0,1,1)
	}
	50% {
	  transform:none;
	  animation-timing-function:cubic-bezier(0,0,.2,1)
	}
  }

  @keyframes spin {
	to {
	  transform:rotate(360deg)
	}
  }
  @keyframes swipe-out {
	0% {
	  transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));
	  opacity:1
	}
	to {
	  transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));
	  opacity:0
	}
  }
  @keyframes fake-animation {
	0% {
	  opacity:1
	}
	to {
	  opacity:1
	}
  }
  @keyframes show-dialog {
	0% {
	  transform:translateY(100%)
	}
	to {
	  transform:translateY(0)
	}
  }
  @keyframes hide-dialog {
	0% {
	  transform:translateY(var(--hide-from, 0))
	}
	to {
	  transform:translateY(var(--hide-to, 100%))
	}
  }
  @keyframes show-overlay {
	0% {
	  opacity:0
	}
	to {
	  opacity:1
	}
  }
  @keyframes hide-overlay {
	0% {
	  opacity:var(--opacity-from, 1)
	}
	to {
	  opacity:0
	}
  }
  @keyframes show-theme-overlay {
	0% {
	  background:var(--vaul-overlay-background-start)
	}
	to {
	  background:var(--vaul-overlay-background-end)
	}
  }
  @keyframes hide-theme-overlay {
	0% {
	  background:var(--vaul-overlay-background-end)
	}
	to {
	  background:var(--vaul-overlay-background-start)
	}
  }

  @keyframes waiter {
	10% { background-color: #eee; }
  }


 

  .ratePrice span:nth-child(2){
	font-size: 0.7em;
}

@media screen and (min-width: 999px) {


	.modale_invito{
		height: calc(var(--vh,1vh) * 100 - 109px);
    bottom: 45px;
    width: 100vw;
}

.modal_card{
	height: calc(var(--vh,1vh) * 100 - 109px);
    width: 100vw;
}

.modal_photo_bottom{
	width: 100vw;
}

.modale_invito_interno{
	height: calc(var(--vh,1vh) * 100 - 109px);
    width: 100vw;
}


	.pulsante_invito{
		bottom: 60px;
    	top: unset;
		max-width: 400px;
    margin: 0 auto;
	}

	.card-container {
		margin: 35px auto;
	}

	header.masthead .masthead-subheading {
		font-size: 4.25rem;
		font-style: italic;
		line-height: 2.25rem;
		margin-bottom: 2rem;
	}

	

	.form-actions .disclaimer{
		font-size: 0.7em;
		
	}

#affix{
	display:none;
}

.page_chat{
	padding-top:68px;

}

.page_chat .container{
		margin-top:0px;
}


.col-centered {
	float: none;
	margin: 0 auto;
}



}


@media screen and (max-height: 500px) {
	.imgVip{
		max-width: 70%;
	}

	.imageInHook {
		width: 150px;
	}
}
	
@media screen and (max-width: 370px) {
	.navbar-brand img {
		display: none;
	}


	.photoItem_buttons .btn{
		font-size: 0.7em;
	}

	.modal-footer .btn-primary{
		font-size: 15px;
	}


	.form-actions .disclaimer{
		font-size: 0.7em;
		
	}

	.creditCardFlags{
		width:100%;
	}

	.testo_payment p{
		font-size: 0.8rem;
	}

	.bottomPhoto i {
	
		font-size: 11px;
	}

	.staiAcquistando p{
		font-size: 0.7em;
	}

	.rateDescription span:nth-child(1){
		font-size: 0.7em;
	}

	.promo{
		font-size: 0.5em !important;
	}

	.creditCardFlags{
		width:80% !important;
	}

	.centerImg{
		width: 80%;
	}

}




@media screen and (max-width: 999px) {


	

	.creditCardFlags{
		width:70%;
	}

	header.masthead{
		padding-top:5.5rem;
	}

	.testo_payment p{
		font-size: 0.8rem;
	}

	.headerForm h3{
		font-weight: 600;
margin-top: 8px;
	}
	
	.headerForm i {
		height: 30px;
		width: 30px;

	}
	
	.puchasePage .col-centered{
		padding-top: 67px;
		padding-left:40px;
		padding-right:40px;
	}

	.card {
		margin-top: 10px;
		display: flex;
	}

	.rigaPromo .rateDescription {
		
		
	}
	
	
	.rigaNormale .rateDescription {
		
		
	}

	.rigaNormale .ratePrice {
		font-size: 1.2em;
		font-weight: bold;
	}

	.rateDescription span:nth-child(1) {
		margin-bottom: -9px;

	}

	.rateDescription p:nth-child(1) {
		margin-bottom: -3px;
	}

	.rateDescription p:nth-child(2) {
		margin-bottom: -6px;
	}

	.rateDescription p {
		font-size: 57%;
	}


	span.nomePiano{
		font-size: 0.9em;
	}

	.promo {
		box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 4px;;
    font-size: 0.8rem;
    margin-top: 8px;

	}

	.ratePrice span:nth-child(1) del{
		margin: -6px 0;

	}


	.ratePrice span:nth-child(2){
		line-height: 1em;
    display: block;
    margin: 0px 0px;
    font-size: 0.5em;
	}
	
	.navbar-brand img {
    max-width: 110px;
}
	
	
	.chat-message{
	position:relative;
	padding-top:81px;
	overflow:auto;
	
}

.spacerMsg{
	height: 50px;
}

.linkSignup{

	text-align: left;
margin: 30px 0 0 0;
}

	
	.filters-padding{
		padding:40px 20px 10px 10px;
	}
	
	nav.navbar_chat_mobile{
		
		 position: fixed;
		z-index: 9;
		width: 100%;
		background-color:#fff;
		padding:5px;
	}

	.menumob{
		background-color:#fff;
		padding:5px;
	}
	
	.navbar {display: inherit;
    position: fixed;
    z-index: 9;
    width: 100%;}

	.affix {position: static;}

	#affix{width: 100%;}

	.sidebar-offcanvas{-webkit-transition: all 0.3s ease-in-out;

		-moz-transition: all 0.3s ease-in-out;

		-ms-transition: all 0.3s ease-in-out;

		-o-transition: all 0.3s ease-in-out;

		transition: all 0.3s ease-in-out;

		width:70%;

		background-color: rgba(255,255,255,0.9);
		

		z-index: 51;

		margin: 0; padding: 0;

		position: fixed;

		top:61px;

		left: -70%;
		
	}
	
	

	.sidebar-offcanvas ul li{margin:0}

	.sidebar-offcanvas ul li a{color:#111;padding: 15px 20px;margin:0;font-size: 15px;border-bottom: 1px solid var(--navbar);position: relative;
display: block;}

	.sidebar-offcanvas ul li a:hover{background:var(--navbar);border:none; border-radius:0;color:#fff;}

	.nav{margin-top: 0px;padding:0px;}
	
	.nav > li {
		position: relative;
display: block;
	}
	
	.nav > li > a {
		position: relative;
display: block;
	}
	
	.nav-stacked > li{
		float:none;
	}

	.nav > li > a:hover,

	.nav > li > a:focus{background-color: #ff625f}

	.active {left: 0; }

	.homeButton{
		display:block;
	}

	.footer nav a{
		font-size: 0.9em;

	}

}