.gridplus-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
background-color: rgba(0, 0, 0, 0.6); 
  display: flex;
		flex-direction: column;
  justify-content: center;
  align-items: center;
		z-index: 9;
		}
		.gridplus-overlay .fa{margin-right: 5px;}
		.gridplus-overlay small{display:block; margin-top:5px; color: #eddddd}
		.gridplus-overlay .bsb-btn{overflow-wrap:break-word; word-wrap: break-word; white-space: normal; margin-top: -55px;}


.pluszeichen {
    vertical-align: super !important;
    font-size: smaller !important;
    color: var(--main-color) !important;
    font-weight: 800 !important;
}
html, body {
overflow-x: hidden; 
margin: 0; 
padding: 0; 
width: 100%; 
}

.modal-header .close {color: #000 !important}

body{font-weight: inherit;
	    display: flex;
    flex-direction: column;
    min-height: 100vh; 
    margin: 0;
}
	.copyright_row{border: none; padding: inherit;}
.outrs_sections {
    display: block;
    clear: both;
    width: 100%;
	flex: 1;
    padding: 10px 0px 80px;
}
	.main_footer{ 
    bottom: 0; 
		padding:10px 0 15px;;
}

.onlinecircle{color: #39FF14}
.profinterestdiv .interest-btn {
    width: fit-content;
    display: inline;
    margin-top: 7px;
	font-size: 12px;
    padding-top: .3rem !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    padding-bottom: 0.3rem !important;	
}
.profinterestdiv{margin-bottom: 20px;}

.profile_bx .profinterestdiv{margin-top: 15px; margin-bottom: -5px;}

.profinterestdiv .bsb-btn-outline {
    background: #fff !important;
    color: #000 !important;
    font-weight: 400;
    font-size: 12px !important;
    border: none !important;
}
.ratingnumber{font-size: 10px;}

#pm_msg_1{
	height: 100px;
	border-radius: 17px;
}

#pm_msg_1 .btn{margin-bottom: 5px;}

#pm_msg_textarea::placeholder,#pm_msg_1::placeholder {
    font-size: 12px;
	font-style: italic;
    opacity: 0.6;
}

#pm_msg_textarea::-webkit-input-placeholder {
    font-size: 12px;
	font-style: italic;
}

#pm_msg_textarea::-moz-placeholder {
    font-size: 12px;
	font-style: italic;
}

#pm_msg_textarea:-ms-input-placeholder {
    font-size: 12px;
	font-style: italic;
}


.profile_bx .piconbar{padding: 0px; border-bottom: none;   display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.piconbar .inliner{text-align: center; padding-left: 7px; padding-right: 7px;}
.paywall-sub{
	    font-size: 14px;
    margin-top: 10px;

}

#send_message .modal-header{border-bottom: none;}
#send_message .modal-content{background: transparent; border: none;}
#send_message .modal-body{padding: 1rem;}
#send_message .sendfirstpmheader{margin-bottom: 10px; text-align: center;}
.abgeschickt{display: none;}
#send_message .wrap{
    padding: 22px 18px 18px;
    background: #2c2f35;
    color: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
.pmsendimg{height: 100px; display: block;}
.send_mesage-close {
    position: absolute;
    top: 19px;
    right: 27px;
    color: rgba(255,255,255,.85);
    opacity: 1;
    text-shadow: none;
    font-size: 20px;
    font-weight: 100;
    line-height: 1;
    z-index: 2;
}

.profile_bx h2{font-size: 22px;}
#pmsendfileicon{font-size: 20px;}
.error_pmsendimg{height: 30px;}
@media (max-width: 730px)
{
		#ajaxprofileModal .modal-content{background: transparent !important;}
		#ajaxprofileModal .modal-body{padding: 0;}
	#ajaxprofileModal .modal-header{background: none !important; border: none !important;}
	#ajaxprofileModal .close{color: #fff !important;
    opacity: 1;
    font-size: 2rem;}
	
	/* html,body,#messenger_left .contacts_card,#messagebox .card,#messagebox .card-header,.header_innr, .mobile-menu,.container,.headr_bglayer, .primary_bg,body .outrs_sections,.sarch_pg_sec .pagination .page-item,.buy-now-wrapper, .select-now-wrapper,.timer-container,.pluscontainer,.darkbg{background: #2c2f35 !important;} */
	.buy-now-wrapper, .select-now-wrapper{box-shadow: none;}
	.sarch_pg_sec .pagination .page-item strong,.timer p,.time-segment div,.pricing-table h1,.betragbox{color: #fff !important;}
	.card-header .rounded-circle {border-radius: 0px !important;}
	.msg_head .user_img 
	{width: 70px !important; height: 70px !important}
	#messagebox .msg_card_body,.bgwhite{background: #fff !important;}
	.contacts_body li,.contacts{background:#fff !important}
	.mobile-menu .icon .fa, .mobile-menu .icon .fas, .mobile-menu .icon .far,.icontxt, .icon .fa{color: #fff !important;}

	body .outrs_sections
	{
		padding:0px 0px !important;
		padding-bottom: 50px !important;
	}

}
							  .padding_30 {
    padding: 10px;
    box-sizing: border-box;
}
							  .container{								  padding-left: 6px !important;
								  padding-right: 6px !important;}
  .blink {
      animation: blink 2s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
							  .icontxt{
								  display: block;
								font-weight: 400;
								font-size: 12px;
								margin-top: 5px;
							  }
							  							  @media only screen and (max-width: 820px) {
								  .icontxt {
									display: inline-block;
									  margin-left: 6px;
								  }
								}

							  .navbar .icon{text-align: center}
							  .nav-item img{height: 46px; width: 46px !important; object-fit: cover}
							  .icon .fa,.icon .fas,.icon .far{font-size: 23px;color: #464648}
.notibadge {
    position: absolute;
    background: var(--main-color);
	display: none;
    color: #fff;
    border-radius: 79px;
    font-weight: 300;
    padding: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -14px;
}	
.navbar-nav .active,.subnavbtm .active
 {
    border-bottom: 2px solid var(--main-color);
    color: var(--main-color) !important;
}
.primary_bg{background: #fbf9fa}
.subicontxt{font-size: 13px !important; font-weight: 400 !important;color: #464648 !important; padding-top: 5px;}
.headerpremiumstar{    color: var(--main-color) !important;font-size: 23px !important;}		
							  
							  .pagebody{padding: 20px !important; margin-bottom: 2rem; background: #fff; border: 1px solid #4646; border-radius: 0px !important}
							  
.dropdown-item.active, .dropdown-item:active {
    border-bottom: none !important;
    color: #fff;
    text-decoration: none;
    background-color: inherit;
}		
							  
	.ribbon.ribbon-end .ribbon-label {
    border-top-left-radius: .475rem;
    border-bottom-left-radius: .475rem;
}
.ribbon.ribbon-top .ribbon-label {
    top: 0;
    transform: translateX(-15px) translateY(-4px);
    border-bottom-right-radius: .475rem;
    border-bottom-left-radius: .475rem;
}	
.ribbon .ribbon-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    background-color: var(--main-color);
	font-weight: 500;
    box-shadow: var(--bs-ribbon-label-box-shadow);
    color: #fff;;
    top: 50%;
    right: 0;
    transform: translateX(5px) translateY(-50%);
}
	.ribbon-label .fa-star{margin-right: 5px;}
							  
@media (max-width: 999px) {							  
	body .bx_detail_lbl, body .bx_detail_val {
    width: initial;
    padding: 3px;
	}		
	
	
	}				  
							  .profile_notiz_message{font-family: inherit}		
							  
							  
.systm_msg_bx{
	border-radius: 0 0 15px 15px;
	margin: 0 auto;
    width: fit-content;}
							  
	
.primry_btn {
    background: #FFF !important;
    border: 1px solid var(--main-color);
    color: var(--main-color)!important;
	border-radius: 30px;
    padding: 5px 30px!important;
}	
	
.primry_btn:hover {
    background: var(--main-color) !important;
    color: #fff!important;
	}
	.find_form_hm .cus_form_controls select{
		border: 1px solid var(--main-color) !important;
	}	
	
	.pricing-table .price h4 {
    margin: 15px 0;
    font-size: 23px;;
    text-align: center;
}
	.ribbon-label .pluszeichen{color: #fff !important; font-size: 10px !important;}
	.search_sec_hm {
    background: #fff;
    padding: 45px 0px 44px;
}

		.pmhistory img{max-width: 85px; max-height: 85px; object-fit: cover;}
		.backicon {font-size: 30px;color:  #B0B0B0 !important}
		.pmhistory .usr_loca{font-size: 12px;}
.pmback {
    font-size: 30px;
    position: absolute;
	top: 28px;
}
		.msg_chat_outr{
			max-height: 250px;
			overflow: auto;
		}
	.title_holder_innr {
    display: block;
    clear: both;
    width: 100%;
    padding: 12px 10px 9px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 3%);
    margin-top: 0px;
    margin-bottom: 0px;
}
				.intern_read_pm_norm {
    max-width: 645px;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #E8E8E8;
}
			.sendr_detail h3 {
    text-transform: none;
    display: block;
    clear: both;
}
				
				.intern_read_pm_norm {
    max-width: 645px;
    margin: 0 auto;
					cursor: pointer;
}
				.news_row > .intern_read_pm_norm > .row > div {
    border-right: none;
}
				.intern_read_pm_norm .datum{font-size: 11px; color: #B0B0B0; font-style: italic;}
				.intern_read_pm_norm p{margin-bottom: 0;}
				.intern_read_pm_norm .avatar{display: inline-block;}
				.intern_read_pm_norm img{max-width: 79px; max-height: 79px; object-fit:cover;}
				.intern_read_pm_norm .preview{display: inline-block;}
				.intern_read_pm_norm:not(:last-child){margin-bottom: 10px;}
				.intern_read_pm_norm .oldmsg{font-weight: 100}
				.intern_read_pm_norm .newmsg{font-weight: 600}
	.pluscontainer h1{margin-bottom: 40px;}
	.pluscontainer ul{list-style: none; text-align: center;padding: 0}
	.pluscontainer ul li{margin: 0 0 16px;}
	.pluscontainer ul li i.fa-check {color: #39b900}
	.pluscontainer .primry_btn{padding: 5px 0px!important; width: 100% !important; cursor: pointer;}
	.pricing-table .item{margin-bottom: 20px;}
			.chat{
			margin-top: auto;
			margin-bottom: auto;
		}
		#messenger_left .card,#messagebox .card{
			height: calc(100vh - 150px);
			border-radius: 0 !important;

		}
.mobile-menu .active .notibadge{color:var(--main-color) ; background: #fff;}


.messenger_overlay{
	display: none;
	z-index: 999;
    width: 100%;
    margin-top: -7px;
    background: rgba(255,255,255,0.6);
    height: 100%;
    position: absolute;
}
		.contacts_body{
			padding:  0 !important;
			overflow-y: auto;
			white-space: nowrap;
		}
		.msg_card_body{
			overflow-y: auto;
		}
		#messagebox .card-header{
			border-radius: 0 !important;
			border-bottom: 0 !important;
			padding: 5px;
			background: var(--main-color);
			color: #fff;
		}
	#messagebox .card-footer{
		border-radius: 0 0 15px 15px !important;
		padding: 7px;
		background: none !important;
	}

#messagebox .send_btn, #messagebox .attach_btn{border-radius: 0px !important}

		.container{
			align-content: center;
		}
		.search{
			border-radius: 15px 0 0 15px !important;
			background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color:white !important;
		}
		.search:focus{
		     box-shadow:none !important;
           outline:0px !important;
		}
		.type_msg{
			border:0 !important;
			color:#000 !important;
			height: 60px !important;
			overflow-y: auto;
		}
			.type_msg:focus{
		     box-shadow:none !important;
           outline:0px !important;
		}
		.attach_btn{
	border-radius: 15px 0 0 15px !important;
	background-color: #fff !important;
			border:0 !important;
			color: var(--main-color) !important;
			cursor: pointer;
		}
		.send_btn{
	border-radius: 0 15px 15px 0 !important;
	background-color: #fff !important;
			border:0 !important;
			color: var(--main-color) !important;
			font-size: 25px;
			cursor: pointer;
		}
		.search_btn{
			border-radius: 0 15px 15px 0 !important;
			background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color: white !important;
			cursor: pointer;
		}
		.contacts{
			list-style: none;
			padding: 0;
		}
					.msg_head  .user_img{width: 50px; height: 50px; object-fit: cover;}

.contacts li {
    width: 100%;
    /* border-radius: 15px !important; */
    border-bottom: 1px solid #4646;
    padding: 5px 10px;
    margin: 0 auto;
    margin-bottom: 0;
    cursor: pointer;
}	
.contacts .active {
    background: var(--main-color);
    color: #fff;
}
	.active .user_info .date{color: #fff;}
	
	
	.user_img{
			height: 70px;
			width: 70px;
		 object-fit: cover;
			border:1.5px solid #f5f6fa;
		
		}
		.user_img_msg{
			height: 40px;
			width: 40px !important;
			border:1.5px solid #f5f6fa;
			object-fit: cover;
		
		}
	.img_cont{
			position: relative;
			height: 70px;
			width: 70px;
	}
	.img_cont_msg{
			height: 40px;
			width: 40px;
	}
	.online_icon{
		position: absolute;
		height: 15px;
		width:15px;
		background-color: #4cd137;
		border-radius: 50%;
		bottom: 0.2em;
		right: 0.4em;
		border:1.5px solid white;
	}
	.offline{
		background-color: #c23616 !important;
	}
	.user_info{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 15px;
	}
	.user_info span{
		font-size: 20px;
	}
	.user_info .date{color: #4646}
	.user_info p{
	font-size: 10px;
		margin-bottom: 0px;
	}
	.video_cam{
		margin-left: 50px;
		margin-top: 5px;
	}
	.video_cam span{
		color: white;
		font-size: 20px;
		cursor: pointer;
		margin-right: 20px;
	}
	.msg_cotainer{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 10px;
		border-radius: 25px;
		background-color: #F5F5F5;
		padding: 10px;
		position: relative;
	}
	.msg_cotainer_send{
		margin-top: auto;
		margin-bottom: auto;
		margin-right: 10px;
		border-radius: 25px;
		border: 1px solid #4646;
		padding: 10px;
		position: relative;
	}
.msg_time {
    font-style: italic;
    text-align: left;
    display: block;
    margin-top: 0px;
    left: 0;
    font-size: 9px;
}	
	
	.msg_time_send{
    font-style: italic;
    text-align: right;
    display: block;
    margin-top: 0px;
    left: 0;
    font-size: 9px;
	}
	.msg_head{
		position: relative;
	}
	#action_menu_btn{
		position: absolute;
		right: 10px;
		top: 10px;
		color: white;
		cursor: pointer;
		font-size: 20px;
	}
	.action_menu{
		z-index: 1;
		position: absolute;
		padding: 15px 0;
		background-color: rgba(0,0,0,0.8);
		color: white;
		border-radius: 15px;
		top: 30px;
		right: 15px;
		display: none;
	}
	.action_menu ul{
		list-style: none;
		padding: 0;
	margin: 0;
	}
	.action_menu ul li{
		width: 100%;
		padding: 10px 15px;
		margin-bottom: 5px;
	}
	.action_menu ul li i{
		padding-right: 10px;
	
	}
	.action_menu ul li:hover{
		cursor: pointer;
		background-color: rgba(0,0,0,0.2);
	}
/*
	@media(max-width: 576px){
	.contacts_card{
		margin-bottom: 15px !important;
	}
	}
	*/

	@media(max-width: 576px){

.contacts .active {
    background: inherit !important;
    color: inherit !important;
}
		.active .user_info .date{color: inherit !important}
}

	.user_info .preview{padding: 0;margin: 0; font-size: 12px; font-style: italic}	
	.contacts li .newmsg{
		font-weight: bold;
	}
.contacts li .newmsg_circle {
    width: 11px;
    height: 11px;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    right: 25px;
    display: inline-block;
}
.contacts .active .newmsg_circle {
    background-color: #fff;
}
	#messengerback {
    font-size: 24px;
    color: var(--main-color);
		margin-left: 10px;
    position: absolute;
    margin-top: -35px;
		display: none;
}
	.doubleicon{margin-left: -5px;}
	 
@media (max-width: 767px) {
	

    .chat,
    .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

   /* .card {
        border: none !important;
    }
*/

    .card-header {
        border-radius: unset !important;
    }
}
.pmmsg_read {
    color: #2288f9;
    font-size: 10px !important;
    font-style: italic;
    font-weight: 600;
}
	.active .pmmsg_read {color: #fff;}
.icon-box.medium {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.icon-box {
    font-size: 30px;
    margin-bottom: 33px;
    display: inline-block;
    color: #ffffff;
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: #59b73f;
    text-align: center;
    border-radius: 0.3rem;
}
.social-icon-style2 li a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #59b73f;
    height: 41px;
    line-height: 41px;
    width: 41px;
}
.rounded-3 {
    border-radius: 0.3rem !important;
}

.social-icon-style2 {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 10px;
    list-style: none;
}

.social-icon-style2 li {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

a, a:active, a:focus {
    color: #616161;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.text-secondary, .text-secondary-hover:hover {
    color: #59b73f !important;
}
.display-25 {
    font-size: 1.4rem;
}

.text-primary, .text-primary-hover:hover {
    color: var(--main-color) !important;
}

p {
    margin: 0 0 20px;
}

.mb-1-6, .my-1-6 {
    margin-bottom: 1.6rem;
}
	.profilepic{
    width: 100%;
		border-radius: 14px 14px 0 0;
    object-fit: cover;
    object-position: top;
    max-height: 430px;
}
	.profilerightside,.profileleftside{background: #fff; border: 1px solid #4646; border-radius: 15px !important}
	.profilerightside{padding-left: 20px;padding-right: 20px;}
	
.detail_bx_pro_outr {
    padding: 0px;
    box-shadow: none;
}	
.piconbar {
    border-bottom: 1px solid #4646;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 16px;
    font-size: 25px;
}	
	
.piconbar .click {
    border: 1px solid var(--main-color);
    display: inline-block;
    padding: 10px;
    border-radius: 25px;
    color: var(--main-color) !important;
}
	.piconbar .click:hover,.piconbar .click a:hover{
		background: var(--main-color);
		cursor: pointer;
		color: #fff !important;
	}	
	.piconbar .gespeichert{border: none !important; cursor: inherit !important;}
	.piconbar .gespeichert:hover{background: none !important; color: var(--main-color) !important; cursor: inherit !important}
	.piconbar .text{display: block; font-size: 12px; color: #191919;}	
	.profile20 .card-body{padding-top: 15px !important}
.piconbar .inliner {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.need_permsision_bx {
    background: none;
    padding: 5px;
    box-sizing: border-box;
    display: block;
	font-size: 11px;
    clear: both;
    width: 100%;
}	
.profilerightside .alert {
    margin-top: 13px;
    border-radius: 15px;
    font-size: 13px;
    padding: 0;
}
	.profilerightside .msgalert{padding: 7px;}

	.profgallery{text-align: center; margin-top: -20px;}
	.profgallery .album-thumbnail{display: inline-block; padding-top: 5px;}
	.profgallery .album-thumbnail img{object-fit: cover; width: 65px; height: 65px; border-radius: 10px;box-shadow: 0px -4px 7px 0 rgba(0, 0, 0, 0.5)}
@media (max-width: 767px) {
		.profgallery{text-align: center; margin-top: 0px;}

	.profgallery .album-thumbnail img{
		width: 100px;
		height: 100px;
		box-shadow: none;
	}
	
	}
	
	.profileeditbtn{margin-left: 5px;}
	.profileeditbtn .fa-pencil{font-size: 16px;}
	
	.vistr_img img, .usr_photo img {
    display: block;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 250px !important;
}
	
.profile_bx {
    cursor: default;
    display: block;
    clear: both;
    width: 100%;
    background: #fff;
	border-radius: 15px;
    box-shadow: 0px 7px 7px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}	

.profile_bx .profinterestdiv .btn{cursor: default}
		.user_proImg {
    display: block;
    clear: both;
			object-fit: cover;
    width: 100%;
    text-align: center;
}
		.mbtm_30{margin-bottom: 30px;}
		
.profile_cont {
    display: block;
    clear: both;
    width: 100%;
    padding: 0px 20px 20px;
}
	.profile_bx .iconbar{display: inline-block; float: right;}
		.profile_bx .glyphicon{color: #d9534f}
		.profab:hover{text-decoration: none;}	
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
		.user-grid-list .profab {color: inherit !important;}
.user-grid-list [class^="col-lg-"]{display: flex;}
		.user-grid-list img{border-radius: 14px 14px 0 0}
		.profile_bx .ribbon{font-size: 12px;}
		.profile_bx .trashit {
    position: absolute;
    margin: 15px;
    font-size: 22px;
}
		.profile_bx .anfrage{font-size: 40px;}
		.profile_bx .acceptit{right: 0;}
		.profile_bx .acceptit a{color: #43A047;}
		
.grid-headline {
    font-size: 1.6em;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    background: var(--main-color);
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    border: 1px solid #4646;
    border-radius: 15px 15px 0 0;
    border-bottom: 0;
    top: 1px;
    position: relative;
}
.blurit{  filter: blur(5px); }		
		.navbar{padding: 0.5rem 0}
		.header_innr{padding: inherit !important; padding-top: 5px !important; box-shadow: none; border: 1px solid #4646; border-top: none; border-bottom-left-radius: 0px;}		
		
.subnavbtm {
    text-align: left;
    margin: -1px auto;
	padding-left: 10px;
	padding-right: 10px;
    width: fit-content;
    font-weight: 400!important;
    font-size: 1rem;
    border: 1px solid #4646;
    border-top: none;
    background: #fff !important;
    border-radius: 0 0 10px 10px;
	    padding-bottom: 5px;

}
						
	.subnavbtm a {
    color: #000;
    margin-right: 15px;
    margin-left: 15px;
}
.subnavbtm a:hover {
color: var(--main-color) !important;
border-bottom: 2px solid var(--main-color);
}

.headr_bglayer,.primary_bg{background: #fff;}

.reg_error_border{background: #f8d7da !important}
.searchbatfixed {
	display: none;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 20px 20px 0px 20px !important;
    border: 1px solid #4646;
    border-radius: 15px 15px 0 0 !important;
}
	.mobbottomfix{margin-bottom: 50px;}
.searchbuttonfixed{position: fixed;     bottom: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-left: auto;
	display: none;
    margin-right: auto;}
#searchiconbtn{cursor: pointer;}
#searchiconbtn:hover{text-decoration: underline;}
@media (max-width: 730px)
{
	.searchbatfixed{padding-left: 0px !important; padding-right: 0px !important}
	.searchbatfixed .col-md-12{padding: 0 !important}
}
.socialloginbtn{border-color: #707070}
.socialloginbtn svg{height: 25px; width: 25px; fill:#707070}
.pwsmalllink{margin-top: 20px; text-align: right}
.regiagbinfosatz{padding-top: 40px; font-size: 13px;}

.signupvox-separator {
    width: 100%;
    margin: 1.25rem 0 1.25rem;
    color: #bac8ce;
    font-size: 0.875rem;
    font-family: "CeraPRO-Medium", sans-serif, arial;
    line-height: 0.0625rem;
    text-align: center;
    border-bottom: 0.0625rem solid #bac8ce;
	margin-bottom: 2rem !important;
	margin-top: 2rem !important;
}
	.signupvox-separator span {
    padding: 0 0.625rem;
    background-color: #fff;
}
	.card{height: auto}
	.abcRioButton{width: 100% !important}
	#googleloginbtn{margin-bottom: 1rem;}
	.pwsmalllink{font-size: 12px; display: none}
.signupbox-cont{max-width: 450px; margin: 0 auto;}
.signupbox-cont h3{font-weight: bold}	
	.sblgh {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
}
	.signupcabo{padding-top: 0px;}
	.sblgh-inactive{border-color: #f2f2f2 !important;  background: #f2f2f2;}
	.sblgh-inactive a{color: #000 !important;}
	.sblgh-active{font-weight: bold; border-bottom: none; color:var(--main-color) !important}
	.sblgh-r{margin-left: -20px; margin-right: -20px;}
	.sblgh-rs{border-top-right-radius: 3px ;}
	.sblgh-ls{border-top-left-radius: 3px; }
.forgetpwcabo{display: none;}
	.chatreg{margin-top: 50px !important; margin-bottom: 50px !important;}
	.output{background: #fff;border: 1px solid #4646;border-radius: 15px !important; max-width: 700px; margin: 0 auto; padding: 20px}
	#nextstep,#thisstep{display: none;}

#UserInput,.guest_age,#guest_geschl {
    font-size: 1.2rem;
    padding: 8px;
    width: 300px;
	border: 1px solid #4646
}
	.guest_age,#guest_geschl{display: block; margin: 20px auto}
	.txt{font-size: 1.2rem; font-weight: bold}
	#preview{height: 200px}
	.guest_age{display: none}
	h1{font-size: 2em;}
.pricing-table .block-heading {
  margin-bottom: 40px;
  text-align: center; 
}

.pricing-table .block-heading h2 {
  color: var(--main-color);
}

.pricing-table .block-heading p {
  text-align: center;
  max-width: 420px;
  margin: auto;
  opacity: 0.7; 
}

.pricing-table .heading {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}

.pricing-table .item {
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  padding: 30px;
  overflow: hidden;
  position: relative; 
}
	.pricing-table .inactive{
		border-top: none;
	}
.pricing-table .col-md-5:not(:last-child) .item {
  margin-bottom: 30px; 
}

.pricing-table .item button {
  font-weight: 600; 
}
.pricing-table .btn-primary, .modal-footer .btn-primary{
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.pricing-table .btn-outline-primary {
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.pricing-table .btn-outline-primary:hover,.pricing-table .btn-outline-primary:active {
    background-color: var(--main-color) !important;
    color: #fff !important;
	    border-color: var(--main-color) !important;

}

.pricing-table .ribbon {
  width: 160px;
  height: 32px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  background: var(--main-color);
  transform: rotate(45deg);
  position: absolute;
  right: -42px;
  top: 20px;
  padding-top: 2px; 
}

.pricing-table .item p {
  text-align: center;
  margin-top: 20px;
  opacity: 0.7; 
}

.pricing-table .features .feature {
  font-weight: 600; }

.pricing-table .features h4 {
  text-align: center;
  font-size: 18px;
  padding: 5px; 
}

	
.pricing-table .price h4 {
  margin: 50px 0;
	font-weight: 600;
  text-align: center;
  color: var(--main-color); 
}

.pricing-table .inactive .price h4 {
		color: #4a4a4a;
	}
	
.pricing-table .buy-now button {
  text-align: center;
  margin: auto;
  font-weight: 600;
  padding: 9px 0; 

}
.pricing-table .features ul{font-size: 14px;}
	
.pricing-table .price .price_num_1{
	font-size: 40px;
	
	}	
.pricing-table .price .price_num_2{
	font-size: 16px;
	position: relative;
	top: -22px;
	left: -4px;
	
	}	
.pricing-table .price .price_num_3{
	font-size: 12px;
	position: relative;
	top: 0px;
	color: #9b9b9b;
	left: -20px;
	
	}	
	.pluscontainer{border: none !important; margin-bottom: 100px;}
	.pluscontainer .zahlmheadr{display: none;}
	
	.checkout_payment-method_radio {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    height: 16px;
    transition: border-color .2s ease-out,box-shadow .2s ease-out;
    width: 16px;
		margin: 0 auto;
}
	.typepayment a{color: inherit !important;}
	.typepayment:hover .checkout_payment-method_radio{background-color:var(--main-color)}

	@media(max-width: 576px){
	.HeaderSchriftzug{
		font-size: 1.1rem !important;
		padding-top: 0px !important;
	}
	}
	
.navbar-mob-right{margin-right: -10px; display: none}
.mobilebtnhead{margin-bottom: 4px; margin-top: 4px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;}

@media(max-width: 991px){
	.navbar-mob-right{display: block !important}
}
@media(max-width: 730px){
	.signupcabo{padding: 0; padding-bottom: 20px;}
}
.signupbosubtext{
	    margin-top: -28px;
    font-style: italic;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

#PicRequestModal .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

#PicRequestModal .modal-content {
  margin: auto;
}

#PicRequestModal .btn-primary {
	margin:0 auto;
	width: fit-content;
}
        .search-fixed-icon {
            position: fixed;
            top: 50%;
            right: -130px;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            padding: 10px;
            border-radius: 5px 0 0 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            cursor: pointer;
			background: var(--main-color) !important;
			color: #fff;
			z-index: 999;
        }

        .search-fixed-icon:hover {
            right: -7px; /* Adjust this value based on the width of the text */
			transform: scale(1) !important;
			top: 47%
        }

        .search-fixed-icon div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -10px;
			white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .search-fixed-icon i {
			font-size: 25px;
        }
        .search-fixed-icon a {
			color: #fff !important;
        }

        .search-fixed-icon:hover div {
            opacity: 1;
        }
.modal-header {
    /* padding: 0; */
    background: #fff !important;
    color: #000 !important;
    padding-bottom: 0px;
}
#search-filter .btn-primary {
    background: var(--main-color);
    border-color: var(--main-color);
}
    .mobile-menu {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1030;
		padding: 0px;
		
      display: flex;
    }
	  	  .mobile-menu ul { width: 100%;
	  }

.mobile-menu li {
    width: 20%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #4646;
    padding-top: 10px;
    border-left: 1px solid #4646;
}	  .mobile-menu .nav-item img {
    height: 35px;
    width: 35px !important;
    object-fit: cover;
}
	  .mobile-menu .profilbtnbot{padding: inherit; padding-top: 3px;}
	  .mobile-menu  .border-none{border: none !important;}
	  .mobile-menu .navbar-nav .active, .mobile-menu .subnavbtm .active {
    border-bottom: none;
		  color: inherit !important;
    background: var(--main-color);
}
	   .mobile-menu .navbar-nav .active .fa,.mobile-menu .navbar-nav .active .far, .mobile-menu .subnavbtm .active .fa {
		   color: #fff !important;
	  }
.pluspromo {
    background: #fff !important;
    font-weight: 400 !important;
	padding: 0;
	margin-left: 20px;
    
}	
		.pluspromo a{font-weight: 600;}	
.discounth {
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    padding: 4px;
    display: inline-block;
	border-color: #443F3F !important;
	border-top: 1px solid;  
    border-right: 1px solid;  
    border-bottom: 1px solid;  
    border-left: none; 
    border-top-right-radius: 30px; 
    border-bottom-right-radius: 30px; 
	margin-left: -2px;
	            animation: blink 1s infinite;  /* Animation anwenden */


}	
		.pluspromol{
    padding: 4px;
			margin-right: -3px;
    display: inline-block;
			border-color: #443F3F !important;
	border-top: 1px solid;  
    border-left: 1px solid;  
    border-bottom: 1px solid;  
    border-right: none;  
    border-top-left-radius: 30px;  
    border-bottom-left-radius: 30px;  
		}

        @keyframes blink {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
}
        .upload-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(3, 1fr);
            gap: 10px;
            padding: 20px;
            background-color: #f8f9fa;
            max-width: 600px;
            margin: auto;
        }
        .upload-box {
            border: 2px dashed #dee2e6;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            background-color: white;
            position: relative;
            overflow: hidden;
        }
        .upload-box input[type="file"] {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
        }
        .upload-box.large {
            grid-column: span 2;
            grid-row: span 2;
            height: 370px;
        }
        .upload-box.small {
            height: 180px;
        }
        .upload-box:hover {
            background-color: #e9ecef;
        }
        .upload-box i {
            font-size: 2rem;
            color: #ced4da;
            pointer-events: none;
        }
.upload-box img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    display: none;
}
.upload-box .remove-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    width: 24px;
    border: 1px solid #ccc;
    height: 24px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
							.upload-box .fa-times {
    color: #000;
    font-size: 13px;
}
	@media only screen and (max-width: 820px) {
.upload-box.large {
    grid-column: span 3;
    grid-row: span 3;
    height: 370px;
}
.upload-box.small {
    height: 93px;
}
		
							}

.nopicalertbox {
    text-align: center;
    width: 100%;
    position: absolute;
    margin-top: 13px;
	font-size: 12px;
}

.swipeme {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
	margin-bottom: 100px;
}

.loaded.swipeme {
  opacity: 1;
}

.swipeme--status {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 2;
  width: 100%;
  text-align: center;
  pointer-events: none;
}

.swipeme--status i {
  font-size: 100px;
  opacity: 0;
  transform: scale(0.3);
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 100px;
  margin-left: -50px;
}

.swipeme_love #love{
  transform: scale(1.2);
}

.swipeme_nope #nope {
  transform: scale(1.2);
}

.swipeme--cards {
  flex-grow: 0.9;
  /*padding-top: 40px;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.swipeme--card {
  display: inline-block;
  width: 90vw;
  max-width: 400px;
  height: 60vh;
  background: #FFFFFF;
 /* padding-bottom: 40px;*/
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  will-change: transform;
  transition: all 0.3s ease-in-out;
 /* cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
	*/
}

.moving.swipeme--card {
  transition: none;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.swipeme--card img {
  width: 100%;
	height: 100%;
	object-fit: cover;
  pointer-events: none;
}

.swipeme--card h3 {
  margin-top: 32px;
	text-align: left;
  font-size: 32px;
  padding: 0 16px;
  pointer-events: none;
}

.swipeme--card p {
    margin-top: 0px;
    font-size: 16px;
    padding: 0 16px;
    pointer-events: none;
    text-align: left;
}
.swipeme--buttons {
    text-align: center;
    width: 100%;
    padding-top: 20px;
    position: fixed;
    background: #fff;
    bottom: 70px;
    z-index: 9999999;
    padding-bottom: 13px;
}
.swipeme--buttons button {
    border-radius: 50%;
    line-height: 60px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: transparent;
    display: inline-block;
    margin: 0 8px;
}
	.swipeme--buttons button:hover{
		 transform:scale(1.2)
	}	
.swipeme--buttons button:focus {
  outline: 0;
}

.swipeme--buttons i {
  font-size: 32px;
  vertical-align: middle;
}

.swipeme--buttons .fa-heart {
  color: var(--main-color);
}

.swipeme--buttons .fa-times {
  color: #000;
}
.swipeme--buttons .fa-info{
		color: #007bff;
	}	
	.swipeme--card .stickynote{position: absolute; bottom: 10px; color: #fff; z-index: 1; text-align: left}
	
.swipeme--card .stickynote::after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    width: 100%;
    bottom: 0px;
    z-index: -1;
    position: fixed;
    left: 0;
    height: 200px;
    border-radius: var(--border-radius-md);
}

.swipeme--card .blackbox{
    height: 665px;
    width: 400px;
    background: #000;
    color: #fff;
}
	
	
	
 .swipeme--card .notification-box {
            margin: 50px auto;
            background: white;
            padding: 20px;
            text-align: center;
           /* border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	 */
        }
	.swipeme--card .notification-box h2{margin-top: 20px;}
.swipeme--card .notification-box p{text-align: center}	
.swipeme--card .notification-box .coffee-icon {
            font-size: 40px;
            color: var(--main-color);
        }
.swipeme--card .btn-primary {
    background: var(--main-color);
    border-color: var(--main-color);
    font-size: 1.2rem;
    font-weight: 500;
}

.bsb-loader {
  width: 160px;
  aspect-ratio: 1;
  background: linear-gradient(var(--main-color) 0 0) bottom/100% 0% no-repeat #ccc;
  -webkit-mask: 
    radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, 
    radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, 
    linear-gradient(to bottom left, #000 42%,#0000 43%) bottom left , 
    linear-gradient(to bottom right,#000 42%,#0000 43%) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  animation: l19 2s infinite linear;
	z-index: 9999999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes l19 {
  90%, 100% { background-size: 100% 100%; }
}

.swipeme-fixed-icon {
    position: fixed;
    top: 50%;
    left: -0px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    background: var(--main-color) !important;
    color: #fff;
    z-index: 999;
}

.email_veri_error_info{width: fit-content; margin: 0 auto; cursor: pointer;}
#email_veri{max-width: 500px; margin: 0 auto;}
#email_veri .modal-header .close{color: #000;}	
	#email_veri .input-group-addon {
    padding: 6px 0px 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #000;
    white-space: nowrap;
    vertical-align: middle;
}
	#email_veri .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
	#email_veri .input-group .form-control,#email_veri .input-group-addon, #email_veri .input-group-btn {
    display: table-cell;
}
	#email_veri .input-group .form-control {
    position: relative;
		border: none;
		    border-bottom: 1px solid #000;

    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
#email_veri .btn-primary {
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    background: var(--main-color);
    border-color: var(--main-color);
    border-radius: 30px;
    font-size: 1.2rem;
}

#email_veri .email_veri_error, #email_veri .email_veri_success{margin 0 auto; margin-top: 20px; display: none;}		
.faqs_cont .pluszeichen{color: #fff !important;}
	
.pluspromonew {
    padding: 0px;
    margin-right: -3px;
    display: inline-block;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    animation: blink 1s infinite;
}
.pluspromonew .corner {
    -webkit-clip-path: polygon(9px 50%,0% 0%,100% 0%,100% 100%,0% 102%);
    clip-path: polygon(9px 50%,0% 0%,100% 0%,100% 100%,0% 102%);
    background: var(--main-color) !important;
    color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: inline-block;
    border: 1px solid var(--main-color);
    margin-left: -15px;
}
.pluspromonew .plleft, .pluspromonew .corner {
    padding-top: 4px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    padding-right: 12px;
    padding-left: 18px;
}
@media (max-width: 576px) {
    .pluspromonew .plleft, .pluspromonew .corner {
        font-size: 12px;
    }
}
.pluspromonew .plleft {
    display: inline-block;
    border: 1px solid var(--main-color);
    color: #000;
	padding-top: 4px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

.bsb-btn,.bsb-btn-outline{
	font-size: 16px!important;
	font-weight: 600;
	color: #fff !important;
    line-height: 20px!important;
    padding-top: .875rem!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    padding-bottom: .875rem!important;
    letter-spacing: 0px!important;
    border-radius: .5rem!important;
    border-color: var(--main-color) !important;
    background-blend-mode: multiply!important;
    background: linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(0,0,0,0.15) 100%),var(--main-color) !important;
    --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3) !important;
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;
}
.bsb-btn:hover,.bsb-btn-outline:hover{transform: scale(1.1)}
.bsb-btn-outline{background: #fff !important; color: var(--main-color) !important; border: none !important}
.bsb-btn-outline:hover{border: 1px solid var(--main-color) !important }
.select2-container .select2-selection--single{height: 50px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

.premium-promo-user-box{
	color: #fff;
	background:#1D2027FF;
	padding: 20px;
	text-align: center;
	min-height: 535px;
}

				@keyframes ppubpule {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}


.premium-promo-user-box .ppub-head{font-size: 2rem; font-weight: 500}
.premium-promo-user-box .gifticon{font-size: 7rem; color: var(--main-color) !important;animation: ppubpule 2s infinite;}

.premium-promo-user-box .ppub-mdl {
    font-size: 1.6rem;
    font-weight: 700;
}

.premium-promo-user-box .ppub-sale {
    color: var(--main-color);
    font-size: 2.5rem;
    font-weight: 700;
}
.premium-promo-user-box .ppub-btm{}
@media (max-width: 576px) {
    .bsb-btn, .bsb-btn-outline {
        font-size: 14px !important;
    }

}

.dropdown-menu {
    right: 0px !important;
    left: inherit;
    margin-top: -6px;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
}

.pricing-table .line-through .price_num_1,.pricing-table .line-through .price_num_2 {
    text-decoration: line-through!important;
    text-decoration-color: #e50202!important;
    text-decoration-thickness: 5%!important;
	color: #808080 !important;
}
	.pricing-table .line-through .price_num_1{font-size: 24px;}
	.pricing-table .line-through .price_num_2{top: -13px;}

	.pricing-table .new-price{color: var(--main-color) !important}
	
	.timer-container {
    align-items: center;
    background: #fff;
		margin-top: -25px;
		margin-bottom: 25px;
}

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

.timer p {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.time {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.time-segment {
    margin: 0 5px;
    text-align: center;
}

.time-segment span {
    display: block;
    font-size: 32px;
    color: var(--main-color) !important;
    border: 2px solid #666;
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
}

.time-segment div {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}

.separator {
    font-size: 32px;
    color: #333;
	margin-top: -30px;
}

.headeralertbox{width: fit-content; margin: 0 auto;}

.rprtpfl {
    font-size: 12px;
    text-align: center;
    padding: 10px;
}
.pulse {
    animation: pulse-animation 1s ease-in-out;
}

@keyframes pulse-animation {
    0%   { font-size: 1em; }
    50%  { font-size: 1.5em; }
    100% { font-size: 1em; }
}

.piconbar .click:hover, .piconbar .click a:hover{background: inherit !important; color: var(--main-color) !important;}
.piconbar .click:hover{scale:1.2 !important;}
.piconbar .sayhi{font-size: 17px; font-weight: bold; padding: 3px; font-family: inherit !important}

#toast-container .toast-custom {
  min-width: 260px;
  max-width: 320px;
  padding: 12px 16px;
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
  animation: slideIn 0.4s ease forwards;
  position: relative;
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

#toast-container .toast-custom.slide-out {
  animation: slideOut 0.4s ease forwards;
}
	#toast-container a{color: #000 !important}
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

#toast-container .toast-custom .close {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #000;
  opacity: 0.8;
  background: none;
  border: none;
  font-size: 1.2rem;
}