body,html{
	margin:0 auto;
	font-family:Open Sans, Arial, sans-serif;
}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.notification{
	animation-name: pulse;
	animation-duration: 1s;	
	animation-iteration-count: infinite;
}

.btn{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
	color: #fff;
}
.btn:hover, .btn:active, .btn:focus{
	color:#fff;
}
.btn-success{
	background:#5cb85c;
}

.clear{
	clear:both;
}

.form-group{
	margin-bottom:25px;
}

a{
	text-decoration: none!important;
}

input, select, textarea{
	border:1px solid #E5E5E5;
	padding:15px;
	height:auto;
	border-radius:0px;
	-webkit-appearance: none;
	line-height: normal;
	width:100%;
	outline:none;
	font-size:12px;
}
select{
	background: url(../img/chevron.png) no-repeat;
	background-position: 96% 50%;
}
select.pinkselect{
	background: url(../img/chevron_pink.png) no-repeat;
	background-position: 96% 50%;
}

input[type="radio"]{
	-webkit-appearance: radio;
	width:auto;
	margin-right:15px;
}
input[type="checkbox"]{
	width:auto;
	margin-right:10px;
	-webkit-appearance: checkbox;
	float:left;
}
.agb label, .datenschutz label{
	font-weight:normal;
	width:80%;
	display:inline-block;
}
.gender{
	margin-bottom:25px;
}
.gender label, .gender-search label{
	font-weight:normal;
	margin-right:15px;
}


.section{
	padding-top:100px;
	padding-bottom:100px;
}


.box{
	background:#fff;
	padding:35px;
	text-align:center;
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
}

/* STARTSEITE - index.php */

.start{
	background:url(https://beloops.com/img/start.jpg) no-repeat;
	background-size:cover;
	width:100%;height:100%;
	background-position: center center;
}

@media only screen and (max-width:480px){
	
	.start{
		background-position: inherit;
	}
	
	

}

.start .head{
	padding:25px 0px;
}

.start .logo img {
	width: 230px!important;
}

@media only screen and (max-width:480px){
	
	.start .logo img {
		width: 170px!important;
	}
	

}

.start .logo h1{
	color:#000000;
	font-size:23px;
	font-weight:bold;
	margin:0;
	text-transform: uppercase;
	padding-top:6px;
}
.start .logo .pink{
	color:#2971ce;
}
.start .login{
	float:right;
}
.start .login .login-btn{
	width:100%;
	color:#fff;
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border:0;
	padding:7px;
	border-radius:20px;
}


.start .body{
	padding-bottom:100px;
	padding-top:25px;
}
.start .start-content h1{
	font-weight:lighter;
	font-size:63px;
	margin-bottom:30px;
}
.start .start-content .box h3{
	margin-top:0;
}
.start .start-content form{
	text-align:left;
	margin-top:25px;
}
.start .start-content form .btn{
	width:100%;
	padding:10px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	border-radius:20px;
}
.start .start-content form .reg-submit{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
}
.start .start-content form .fb-reg{
	background:#3B5995;
}
.start .start-content form .line{
	color:#000;
	opacity:.51;
	text-align:center;
	padding:15px 0px;
}
.start .start-content form .border{
	border-bottom:2px solid #000;
	opacity:.51;
	width:42%;
	float:left;
	padding-top:9px;
}
.start .start-content form .border.right{
	float:right;
}
.start .start-content form .line span{
	display:inline-block;
	margin-top:-25px;
}



.info .info-text{
	padding-top:50px;
}
.info .info-text h1{
	font-size:43px;
	font-weight:lighter;
	margin:0;
	margin-bottom:30px;
}
.info .info-text span{
	display:inline-block;
	line-height:25px;
}
.info .info-text .reg-btn{
	color:#fff;
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
	padding:7px 100px;
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
	border-radius:20px;
}


.info .info-img{
	text-align:center;
}
.info .info-img img {
	width: 100%;
}


.info-color{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	color:#fff;
	text-align:center;
}
.info-color .info-text{
	float:none;
	margin:0 auto;
}
.info-color .info-text span{
	display:inline-block;
	line-height:25px;
}
.info-color .info-text h1{
	font-weight:lighter;
	font-size:43px;
	margin-top:0px;
	margin-bottom:30px;
}
.info-color .btn{
	color:#2971ce;
	background:#fff;
	padding:7px 100px;
	font-size:16px;
	font-weight:bold;
	border-radius:20px;
	margin-top:15px;
}





/* LOGIN - login.php */

.login-head{
	padding:35px;
	text-align:center;
}
.login-head h1{
	color:#000000;
	font-size:23px;
	font-weight:bold;
	margin:0;
	text-transform: uppercase;
}
.login-head h1 .pink{
	color:#2971ce;
}

.sub_bg{
	background:url(../img/sub_bg.jpg) no-repeat;
	background-size:cover;
	background-position: center -270px;
	width:100%;
	height:150px;
}


.login .box{
	padding:10px;
	position:relative;
	z-index:99;
	margin-top:-40px;
}
.login .login-part, .login .res-pass{
	text-align:left;
	padding:35px;
}
.login .login-part{
	border-right:1px solid #E5E5E5;
}
.login .pink{
	color:#2971ce;
	font-size:20px;
	margin-bottom:25px;
	margin-top:0;
}
.login form .btn{
	width:100%;
	padding:10px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	border-radius:20px;
}
.login .res-pass form .res-pass-btn{
	width:auto;
	padding:10px 50px;
}
.login .login-part form .login-submit, .login .res-pass form .res-pass-btn{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
}
.login .login-part form .fb-login{
	background:#3B5995;
}
.login .login-part form .line{
	color:#000;
	opacity:.51;
	text-align:center;
	padding:15px 0px;
}
.login .login-part form .border{
	border-bottom:2px solid #000;
	opacity:.51;
	width:42%;
	float:left;
	padding-top:9px;
}
.login .login-part form .border.right{
	float:right;
}
.login .login-part form .line span{
	display:inline-block;
	margin-top:-25px;
}






/* REGISTER - register.html */

.register-head{
	padding:25px 0px;
}
.register-head .logo h1{
	color:#000000;
	font-size:23px;
	font-weight:bold;
	margin:0;
	text-transform: uppercase;
	padding-top:6px;
}
.register-head .logo .pink{
	color:#2971ce;
}
.register-head .login{
	float:right;
}
.register-head .login .login-btn{
	width:100%;
	color:#fff;
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border-top:0;
	padding:7px;
	border-radius:20px;
}
.register .box{
	padding:10px;
	position:relative;
	z-index:99;
	margin-top:-40px;
}
.register .pink{
	color:#2971ce;
	font-size:20px;
	margin-bottom:25px;
	margin-top:0;
}
.register .reg-text, .register .reg-input{
	text-align:left;
	padding:35px;
}
.register .reg-input form .left, .register .reg-input form .right{
	padding:0;
}
.register .reg-input form .mid{
	padding-left:10px;
	padding-right:10px;
}
.register .reg-input form strong{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
} 
.register .reg-input a{
	color:#2971ce;
}
.register .reg-input form .btn{
	color:#fff;
	background:#2971ce;
	padding:7px 80px;
	border-radius:20px;
	font-weight:bold;
}
.register .reg-input form .questionmark{
	background:#2971ce;
	color:#fff;
	font-size:10px;
	width:15px;
	height:15px;
	float:right;
	border-radius:50%;
	text-align:center;
	line-height:15px;
	font-weight:bold;
	padding-left:1px;
	cursor:pointer;
}
.register .reg-input form .info-text{
	padding:15px;
	font-size:12px;
	border:1px solid #2971ce;
	margin-top:10px;
	display:none;
}
.register .profilbild {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.register .profilbild + label {
	font-size: 12px;
	color: white;
	background-color:#2971ce;
	display: inline-block;
	padding:5px 20px;
	border-radius:0px;
	font-weight:normal;
	cursor:pointer;
}
.register #preview img{
	width:300px;height:300px;
	object-fit:cover;
	margin-bottom:15px;
}
.register textarea{
	max-width:100%;
	min-width:100%;
	width:100%;
	height:150px;
	max-height:250px;
}
.register .hide-form{
	display:none;
}
.register .reg-summary .fields{
	width:25%;
	float:left;
}
.register .reg-summary .input{
	width:75%;
	float:left;
}
.register .reg-summary .fields strong{
	display:block;
	margin-bottom:10px;
}
.register .reg-summary .fields .image{
	height:200px;
}
.register .reg-summary .input span{
	display:block;
	margin-bottom:10px;
}
.register .reg-summary .input img{
	width:200px;
	height:200px;
	object-fit:cover;
	margin-bottom:10px;
}
.register #input-flirttext{
	white-space: pre-wrap;
}








.user .col-md-9{
	margin-top:45px;
}

/* USER DASBOARD - user-dashboard.html */

.user .head{
	border-bottom:7px solid #2971ce;
}
.user .logo h1{
	color:#000000;
	font-size:23px;
	font-weight:bold;
	margin:0;
	text-transform: uppercase;
	padding-top:19px;
}
.user .logo img{
	padding-top:17px;
}
.user .logo .pink{
	color:#2971ce;
}

.user .navigation{
	float:right;
}
.user .navbar-default .navbar-collapse, .user .navbar-default .navbar-form{
	border:none;
}

.user ul:first-child{
	font-weight:bold;
}

.user .navbar-default{
	background-color:transparent;
	border-color:transparent;
	min-height:auto;
	margin-bottom:0;
	border:none;
}
.user .navbar-default .navbar-nav>.active>a, .user .navbar-default .navbar-nav>.active>a:focus, .user .navbar-default .navbar-nav>.active>a:hover{
	background-color:transparent;
	color:#2971ce;
	font-weight:bold;
}
.user .navbar-default .navbar-nav>li{
	border-left:1px solid #2971ce;
}
.user .navbar-default .navbar-nav>li>a{
	color:#2971ce;
	padding:20px 25px;
}


.user .navbar-default .navbar-nav.navbar-right>li, .user .navbar-default .navbar-nav.navbar-right>li:last-child{
	border:none;
}
.user .navbar-default .navbar-nav>li:last-child{
	/* border-right:1px solid #2971ce; */
}
.user .navbar-default .navbar-nav>li>a:hover, .user .navbar-default .navbar-nav>li>a:active, .user .navbar-default .navbar-nav>li>a:focus{
	background:#2971ce;
	color:#fff;
}
.user .navbar-default .navbar-nav.navbar-right>li>a:hover, .user .navbar-default .navbar-nav.navbar-right>li>a:active, .user .navbar-default .navbar-nav.navbar-right>li>a:focus{
	background:transparent;
	color:#2971ce;
}
.user .navbar-default .navbar-nav>li>a.active{
	background:#2971ce;
	color:#fff;
}
.user .navbar-default .navbar-right{
	padding-top:12px;
}
.user .navbar-default .navbar-right.navbar-nav>li>a{
	border:none;
}
.user .navbar-default .navbar-right.navbar-nav>li>a:last-child{
	border:none;
}
.user .navbar-default .navbar-right.navbar-nav>li>a{
	padding:10px 15px;
}
.user .navbar-default .navbar-right.navbar-nav>li>a>img{
	float:left;
	margin-right:8px;
}
.user .navbar-default .navbar-right.navbar-nav>li>a>span{
	float:left;
	display:block;
	margin-top:-2px;
}

.user .navbar-default .navbar-right>li>a:hover {
	background: none!important;
	color:#fa254f!important;
}

.nav.navbar-nav.navbar-right li:first-child img {
	height: 20px!important;
}

.user .navbar-default #coins1 {
	font-size: 18px;	
	font-weight: bold;
}


.user .dashboard{
	padding-top:25px;
}
.user .dashboard h2{
	font-size:18px;
	margin-bottom:25px;
	margin-top:0;
}
.user .dashbox{
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
	margin-bottom:25px;
}
.user .dashbox .head{
	border:none;
	background:#2971ce;
	padding:15px;
	color:#fff;
}
.user .dashbox .body{
	padding:15px;
}

.user .dashboard .news{
	padding-top:45px;
}

.user .dashboard .news .surprise .body{
	text-align:center;
}


.user .dashboard .news .visitor .visitor-box{
	margin-bottom:15px;
}
.user .dashboard .news .visitor .visitor-box strong{
	display:block;
	margin-bottom:0;
	width:55%;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow: ellipsis;
}
.user .dashboard .news .visitor .visitor-box:last-child{
	margin-bottom:0;
}
.user .dashboard .news .visitor .visitor-box img{
	width:80px;
	float:left;
	margin-right:15px;
}
.user .dashboard .news .visitor .visitor-box small{
	color:rgba(0,0,0,0.41);
}
.user .dashboard .news .visitor .visitor-box .pink{
	color:#2971ce;
}
.user .dashboard .news .visitor .visitor-box .fa{
	color:#2971ce;
	font-size:20px;
	float:left;
	margin-right:7px;
}
.user .dashboard .news .visitor a{
	color:#2971ce;
	font-size:12px;
}

.user .dashboard .messages .user-images .userimg{
	width:33.3333333%;
	float:left;
	border:10px solid #fff;
}
.user .dashboard .messages .user-images .userimg img{
	width:100%;
}
.user .dashboard .messages .user-images .userimg:nth-child(3), .user .dashboard .messages .user-images .userimg:nth-child(6){
	margin-right:0;
}

.user .dashboard .messages .new-messages{
	margin-top:10px;
}
.user .dashboard .messages .new-messages a{
	color:#333;
}
.user .dashboard .messages .new-messages .message-text{
	border-bottom:1px solid #c7c7c7;
	padding-bottom:15px;
	padding-top:15px;
}
.user .dashboard .messages .new-messages .message-text:first-child{
	padding-top:0;
}
.user .dashboard .messages .new-messages .message-text:last-child{
	padding-bottom:0;
	border:0;
}
.user .dashboard .messages .new-messages .message-text img{
	float:left;
	margin-right:15px;
	width:70px;
}
.user .dashboard .messages .new-messages .message-text span{
	font-size:10px;
	color:rgba(0,0,0,0.41);
	line-height:15px;
	display:inline-block;
	width:82%;
}
.user .dashboard .messages .new-messages .message-text small{
	font-size:10px;
	color:rgba(0,0,0,0.41);
}


.user .menu{
	padding-top:45px;
}
.user .menu .haupt-menu .menu-link{
	padding:10px 2px;
	border-bottom:1px solid #c7c7c7;
}
.user .menu .haupt-menu .menu-link:last-child{
	border-bottom:0;
}
.user .menu .haupt-menu .menu-link a{
	color:#000;
}
.user .menu .haupt-menu .menu-link .fa{
	margin-right:5px;
}


/* PROFIL - mein-profil.html */

.user .profil .profil-name{
	padding:10px 30px;
	float:left;
	width:66%;
}
.user .profil .profil-name .circle-star{
	border:1px solid rgba(0,0,0,0.41);
	border-radius:50%;
	width:50px;height:50px;
	text-align:center;
	line-height:47px;
	color:rgba(0,0,0,0.41);
	float:left;
	font-size:18px;
	margin-right:15px;
}
.user .profil .profil-name h2{
	font-weight:lighter;
	margin:0;
	float:left;
	margin-right:15px;
	padding-top:9px;
	margin-bottom:25px;
}
.user .profil .profil-name .rating .fa,.user .profil .profil-name .rating .far{
	color:#FBDA26;
	font-size:22px;
	float:left;
	padding-right:5px;
	padding-top:15px;
}
.user .profil .profil-name .rating .fa.none{
	color:#ADADAD;
}

.user .profil .profil-name .more-action-buttons{
	margin-top:5px;
	display:none;
}
.user .profil .profil-name .more-action-buttons .btn{
	background:#2971ce;
	padding:15px 25px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.user .profil .profil-name .uber-mich{
	margin-top:25px;
}
.user .profil .profil-name .uber-mich h3{
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;
}
.user .profil .profil-name .uber-mich .uber-mich-txt{
	display:block;
	width:100%;
	height:40px;	
	overflow:hidden;
	margin-bottom:10px; 
}






.user .profil .profil-name .uber-mich .btn{
	background: #2971ce;
	padding: 5px 15px; 
	color: #fff;
	font-size: 13px;
}

.user .profil .profil-name .buttons .message{
	background:#2971ce;
	padding:15px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.user .profil .profil-name .buttons .border{
	background:#fff;
	width:50px;height:50px;
	font-size:18px;
	border:2px solid #2971ce;
}
.user .profil .profil-name .buttons .fa, .user .profil .profil-name .buttons .far{
	color:#2971ce;
}


.user .profil .profil-images{
	background:rgba(0,0,0,0.19);
	position:relative;
	height:250px;
	width:33%;
	float:left;
	overflow:hidden;
	float:left;
}
.user .profil .profil-images .item, .user .profil .profil-images .carousel, .user .profil .profil-images .carousel-inner{
	height:250px;
}
.user .profil .profil-images img{
	width:100%;height:100%;
	object-fit:cover;
	border:1px solid #eee;
}
.user .profil .profil-images .images-number{
	position:absolute;
	right:15px;
	bottom:15px;
	background:#fff;
	border:2px solid #2971ce;
	font-size:10px;
	border-radius:5px;
	padding:3px 12px;
	font-weight:bold;
	color:#2971ce;
	cursor:pointer;
}
.user .profil .profil-images .arrow-right{
	position:absolute;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	font-size:35px;
	color:#fff;
	z-index:99;
	left:0;right:15px;top:0;bottom:0;
	margin:auto;
	opacity:.6;
	cursor:pointer;
}





.user .profil .details-menu{
	border-bottom:1px solid #BFBFBF;
	margin-top:45px;
	padding-bottom:15px;
	margin-bottom:50px;
}
.user .profil .details-menu span{
	padding:15px 25px;
	color:#343434;
	cursor:pointer;
}
.user .profil .details-menu span.first.active{
	border-right:1px solid #BFBFBF;
	border-top:1px solid #BFBFBF;
	border-left:0;
}
.user .profil .details-menu span.active{
	font-weight:bold;
	background:#fff;
	margin-bottom:-30px;
	display:inline-block;
	height:52px;
	border-right:1px solid #BFBFBF;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
	font-weight:bold;
}


.user .profil .profildetails{
	padding:0px 25px;
}
.user .profil .fotos{
	padding:0px 15px;
}
.user .profil .profil-last .profil-pers, .user .profil .profil-last .profil-int{
	padding:0;
}
.user .profil .profil-last .profil-pers .search{
	border-bottom:1px solid #BFBFBF;
	padding:25px;
}
.user .profil .profil-last .profil-pers .per-info .list-point{
	margin-bottom:7px;
}
.user .profil .profil-last .profil-pers .per-info strong{
	display:inline-block;
	width:200px;
}
.user .profil .profil-last h3{
	font-weight:normal;
	margin-top:0;
	margin-bottom:15px;
}

.user .profil .profil-last .profil-int{
	border-left:1px solid #BFBFBF;
}
.user .profil .profil-last .profil-int .interest{
	padding:25px;
	border-bottom:1px solid #BFBFBF;
}
.user .profil .profil-last .profil-int .interest .interest-point{
	float:left;
	margin-right:10px;
	background:#fff;
	color:#2971ce;
	border:2px solid #2971ce;
	padding:4px 20px;
	margin-bottom:10px;
	border-radius:6px;
	font-size:10px;
	text-transform: uppercase;
	font-weight:bold;
}
.user .profil .profil-last .profil-int .gift{
	padding:25px;
}
.user .profil .profil-last .profil-int .gift img{
	padding:15px;
}






/* NACHRICHTEN - nachrichten.html */

.user .nachrichten .friend-request .nachrichten-box strong, .user .nachrichten .anstupser .nachrichten-box strong{
	padding-top:8px;
	padding-bottom:5px;
}
.user .nachrichten .msg-padd{
	margin-top:45px;
}
.user .nachrichten .msg-padd .dashbox .body{
	padding:15px 0px;
}
.user .nachrichten .nachrichten-box{
	padding:15px;
	position:relative;
	border-bottom:1px solid #BFBFBF;
}
.user .nachrichten .nachrichten-box img{
	width:70px;
	float:left;
	margin-right:15px;
}
.user .nachrichten .nachrichten-box strong{
	font-size:16px;
	display:inline-block;
	padding-top:15px;
}
.user .nachrichten .nachrichten-box .btn{
	padding: 5px 10px;
	font-size:12px;
	color: #fff;
}
.user .nachrichten .nachrichten-box span{
	color:#343434;
}
.user .nachrichten .nachrichten-box .nachrichten-count{
	position:absolute;
	right:25px;
	top:30px;
	border-radius:50%;
	background:#2971ce;
	width:40px;height:40px;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:40px;
}
.user .nachrichten .nachrichten-box.new{
	background:rgba(251, 38, 79, 0.11);
	border-bottom:0;
	margin-bottom:5px;
}
.user .nachrichten a{
	color:#333;
}
.user .nachrichten .nachrichten-box:last-child{
	border-bottom:0;
}
.user .smilies-overlay .box{
	width:100%;
}



.user .profil .fotos{
	display:none;
}
.user .profil .friend{
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
	margin-top:15px;
	margin-bottom:15px;
}
.user .profil .friend.vip{
	position:relative;
}
.user .profil .friend.vip .vip-button{
	display:flex;
	justify-content: center;
	align-items: flex-end;
	position:absolute;
	left:0;top:0;bottom:13px;right:0;
	margin:0 auto;
}
.user .profil .friend.vip .vip-button .btn{
	font-size:12px;
}
.user .profil .friend.vip .vip-button .btn img{
	width:10px;
	height:auto;
}
.user .profil .friend img{
	width:100%;
	height:200px;
	object-fit:cover;
}



/* CHAT - chat.html */

.user .chat .chat-msg{
	margin-top:45px;
}
.user .chat .chat-box .head{
	border:1px solid #BFBFBF;
	padding:15px;
}
.user .chat .chat-box .head img{
	float:left;
	width:40px;height:40px;
	border-radius:50%;
	margin-right:15px;
}
.user .chat .chat-box .head a{
	color:#333;
}
.user .chat .chat-box .head h2{
	margin:0;
	font-weight:lighter;
	font-size:23px;
	margin-top:8px;
	display:inline-block;
}
.user .chat .chat-box .head .right{
	float:right;
}
.user .chat .chat-box .head .right .btn{
	border:2px solid rgba(0,0,0,0.41);
	height:40px;width:40px;
	color:rgba(0,0,0,0.41);
	background:#fff;
}
.user .chat .chat-box .head .right .btn.long-btn{
	background:#2971ce;
	color:#fff;
	height:auto;
	width:auto;
	border:none;
	border:4px solid #2971ce;
}

.user .chat .chat-box .body{
	border:1px solid #BFBFBF;
	padding:15px;	
	position:relative;
	min-height:550px;
	border-top:0;
}

.user .chat .chat-box .actions{
	padding:5px;
	border:1px solid #BFBFBF;
	border-top:0;
	display:none;
}
.user .chat .chat-box .actions .btn{
	background:#2971ce;
	color:#fff;
	margin-bottom:5px;
}
.user .chat .chat-box .actions .btn .fa{
	margin-right:5px;
}


.user .chat .chat-box .own-msg{
	padding:15px;
	width:70%;
	float:right;
}
.user .chat .chat-box .own-msg .sent-msg{
	background:#2971ce;
	padding:15px;
	color:#fff;
	border-radius:23px;
}
.user .chat .chat-box .own-msg .right{
	float:right;
	padding-top:10px;
	color:rgba(0,0,0,0.41);
	font-size:11px;
}
.user .chat .chat-box .other-msg{
	padding:15px;
	width:70%;
	float:left;
}
.user .chat .chat-box .other-msg .sent-msg{
	padding:15px;
	border:1px solid #BFBFBF;
	border-radius:23px;
}
.user .chat .chat-box .other-msg .left{
	padding-top:10px;
	color:rgba(0,0,0,0.41);
	font-size:11px;
}


.user .chat .chat-box .send{
	position:absolute;
	left:0;
	bottom:0;
	padding:15px;
	width:100%;
}

.user .chat .chat-box .send .send-input{
	float:left;
	width:78%;
	position:relative;
}
.user .chat .chat-box .send input{
	width:100%;
	padding:15px;
	background:#f0f0f0;
	border-radius:4px;
	border:none;
	box-shadow: none;
	padding-right:45px;
}
.user .chat .chat-box .send .send-input .fa{
	position:absolute;
	right:15px;top:13px;
	color:#2971ce;
	font-size:20px;
	cursor:pointer;
}
.user .chat .chat-box .send .btn{
	width:20%;
	float:right;
	background:#2971ce;
	padding:6px;
	color:#fff;
}
.user .chat .chat-box .send .btn span{
	font-size:10px;
	display:block;
	margin-top:-1px;
}
.user .chat .chat-box .send small{
	color:rgba(0,0,0,0.41);
	float:left;
	padding-left:15px;
	padding-top:5px;
}








/* SEARCH - search.html */

.user .suche .suche-content{
	margin-top:45px;
}
.user .suche .search .search-text{
	width:150px;
	float:left;
	margin-bottom:25px;
}
.user .suche .search .search-choice{
	float:left;
	margin-bottom:25px;
}
.user .suche .search .search-choice label{
	font-weight:normal;
	margin-right:25px;
}
.user .suche .search .search-choice input[type="text"]{
	width:50px;
	text-align:center;
}
.user .suche .search .search-choice.age span{
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
}
.user .suche .search .search-choice select{
	width:250px;
}
.user .suche .search .search-choice input[type="checkbox"]{
	float:none;
	zoom: 1.2;
	transform: scale(1.2);
	margin-right:10px;
}
.user .suche .search .search-choice .search-check.left, .user .suche .search .search-choice .search-check.right{
	float:left;
}
.user .suche .search .search-choice .btn{
	background:#2971ce;
	padding:10px 100px;
	color:#fff;
}

.user .suche .search-result{
	margin-top:50px;
}
.user .suche .search-result h4{
	font-weight:normal;
	padding-left:15px;
	margin:0;
	font-size:14px;
}
.user .suche .search-profiles{
	padding:25px 0px;
}
.user .suche .search-profiles .profil{
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
	margin-bottom:30px;
}
.user .suche .search-profiles .profil img{
	width:100%;
	height:200px;
	object-fit:cover;
}
.user .suche .search-profiles .profil .text{
	padding:15px;
}
.user .suche .search-profiles .profil .text strong{
	font-size:16px;
}
.user .suche .search-profiles .profil .text span{
	font-size:12px;
}





/* USER NAVIGATION */



.user .search-nav{
	text-align:center;
}
.user .search-nav .arrow-left{
	float:left;
	background:#2971ce;
	border-radius:50%;
	height:45px;width:45px;
	text-align:center;
	line-height:45px;
	color:#fff;
}
.user .search-nav .arrow-right{
	float:right;
	background:#2971ce;
	border-radius:50%;
	height:45px;width:45px;
	text-align:center;
	line-height:45px;
	color:#fff;
}
.user .search-nav .search-number{
	text-align:center;
	display:inline-block;
	margin-top:11px;
}
.user .search-nav .search-number a{
	border:1px solid #BFBFBF;
	width:25px;height:25px;
	text-align:center;
	line-height:25px;
	display:inline-block;
	color:#000;
}
.user .search-nav .search-number a.active{
	background:#2971ce;
	color:#fff;
	border:1px solid #2971ce;
}


/* SHOP - shop.html */

.user .shop .dashbox .head{
	font-size:12px;
}
.user .shop .dashbox .head .right{
	float:right;
	cursor:pointer;	
}
.user .shop .dropout{
	display:none;
}

.user .shop .shop-content{
	margin-top:45px;
}
.user .shop .pack-box{
	border:1px solid #BFBFBF;
	padding:35px 15px;
	color:#2971ce;
	text-align:center;
	height:330px;
	position:relative;
	margin-top:45px;
	cursor:pointer;
}
.user .shop .pack-box.premiumpack{
	background: url(../img/shop-bg.png) no-repeat;
	background-size: cover;
	height:400px;
}
.user .shop .boxes{
	display:flex;
	justify-content: center;
	align-items: center;
}
.user .shop .col-md-4{
	float:none;
}
.user .shop .pack-box .extra{
	background:#2971ce;
	border-radius:20px;
	padding:5px;
	width:50%;
	margin:0 auto;
	display:block;
	color:#fff;
	margin-top:-50px;
	margin-bottom:25px;
}
.user .shop .pack-box .btn{
	background:#2971ce;
	padding:10px 35px;
	color:#fff;
	position:absolute;
	bottom:35px;
	right:0;left:0;
	margin:auto;
	display:block;
	width:150px;
}
.user .shop .pack-box h4{
	font-size:20px;
}
.user .shop .psc .pack-box h4{
	font-size:16px!important;
}
.user .shop .pack-box h1{
	margin-top:0;
	font-size:40px;
}
.user .shop .pack-box .black{
	color:#000;
	font-size:15px;
	display:block;
	margin-top:10px;
}
.user .shop .pack-box .black strong{
	display:block;
}



/* PROFIL BEARBEITEN - profil-bearbeiten.html */

.user .profil-change .profil-change-content{
	margin-top:45px;
}
.user .profil-change .btn{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
	color:#fff;
	padding:10px 50px;
	margin-right:15px;
}

.user .profil-change .small-text{
	margin-top:5px;
	color:rgba(0,0,0,0.41);
	font-size:12px;
}
.user .profil-change .small-text .left{
	float:left;
	width:70%;
}
.user .profil-change .small-text .right{
	float:right;
}

.user .profil-change .uber-mich .btn{
	padding:10px 25px;
}

.user .profil-change .change-data .dropdown{
	border-bottom:1px solid #2971ce;
	padding-bottom:20px;
}
.user .profil-change .change-data .dropdown .head{
	background:none;
	padding:15px 0px;
	padding-top:0;
	color:#2971ce;
	width:100%;
	cursor:pointer;
}
.user .profil-change .change-data .dropdown .head h3{
	font-size:14px;
	display:inline-block;
	margin:0;
}
.user .profil-change .change-data .dropdown .head .right{
	float:right;
}
.user .profil-change .change-data .dropdown textarea{
	max-width:100%;
	height:150px;
	max-height:250px;
	border-radius:10px;
}
.user .profil-change .change-data .dropdown .body{
	padding:0;
}

.user .profil-change .change-data .dropdown .name{
	width:150px;
	float:left;
	padding-top:13px;
}
.user .profil-change .change-data .dropdown .choice{
	float:left;
}
.user .profil-change .change-data .dropdown .choice.long-text{
	width:70%;
}
.user .profil-change .change-data .dropdown .choice select{
	width:250px;
	background: url(../img/chevron_pink.png) no-repeat;
	background-position: 96% 50%;
}
.user .profil-change .change-data .dropdown .choice input{
	width:100px;
	float:left;
}
.user .profil-change .change-data .dropdown .choice input[type="checkbox"]{
	width:15px;
	margin-right:8px;
}
.user .profil-change .change-data .dropdown .choice span{
	display:inline-block;
	float:left;
	margin-left:15px;
	margin-top:13px;
}
.user .profil-change .change-data .dropdown .choice.long-text span{
	margin-left:2px;
}
.user .profil-change .change-data .dropdown.selected .body{
	display:none;
}
.user .profil-change .change-data .dropdown.selected .head{
	padding:0;
}
.user .profil-change .change-data .dropdown .inner{
	margin-left:20px;
}



/* MEINE BILDER - meine-bilder.html */

.user .meine-bilder .dashbox .head .right{
	float:right;
	cursor:pointer;	
}
.user .meine-bilder .dropout{
	display:none;
}

.user .meine-bilder .bild {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.user .meine-bilder .bild + label {
	font-size: 12px;
	color: white;
	background-color:#2971ce;
	display: inline-block;
	padding:5px 20px;
	border-radius:0px;
	font-weight:normal;
	cursor:pointer;
}

.user .meine-bilder .bilder-content{
	margin-top:45px;
}
.user .meine-bilder .verwaltung input{
	border:none;
	width:auto;
	height:auto;
	padding:0;
}
.user .meine-bilder .verwaltung .name{
	width:150px;
	float:left;
	margin-bottom:25px;
}
.user .meine-bilder .verwaltung .choice{
	float:left;
	margin-bottom:25px;
}
.user .meine-bilder .verwaltung .choice label{
	font-weight:normal;
	margin-right:25px;
}
.user .meine-bilder .verwaltung .pic-boxes{
	margin-top:15px;
}
.user .meine-bilder .verwaltung .btn{
	background:#2971ce;
	padding:10px 50px;
	color:#fff;
}

.user .meine-bilder .dashbox.aktuelle-bilder{
	box-shadow:none;
}
.user .meine-bilder .aktuelle-bilder .pic{
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
}
.user .meine-bilder .aktuelle-bilder .pic .pic-holder{
	position:relative;
}
.user .meine-bilder .aktuelle-bilder .pic .pic-holder .make-main{
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: flex-end;
	left:0;right:0;top:0;bottom:15px;
	margin:auto;
	visibility: hidden;
}
.user .meine-bilder .aktuelle-bilder .pic .pic-holder:hover .make-main{
	visibility: visible;
}
.user .meine-bilder .aktuelle-bilder .pic .pic-holder .make-main .btn{
	background: #2971ce;
	padding: 5px;
	font-size:10px;
	color: #fff;
	width:80%;
}
.user .meine-bilder .aktuelle-bilder .pic img{
	width:100%;
	height:200px;
	object-fit:cover;
}
.user .meine-bilder .aktuelle-bilder .pic .onpic{
	position:absolute;
	right:15px;
	top:10px;
	background:#fff;
	border:2px solid #2971ce;
	color:#2971ce;
	padding:3px 10px;
	border-radius:10px;
	font-size:12px;
}
.user .meine-bilder .aktuelle-bilder .pic .edit-bar .left{
	float:left;
	width:70%;
}
.user .meine-bilder .aktuelle-bilder .pic .edit-bar .fa{
	color:rgba(0,0,0,0.41);
	float:left;
	padding:10px 8px; 
	font-size:12px;
}
.user .meine-bilder .aktuelle-bilder .pic .edit-bar .right{
	float:right;
	width:30%;
}
.user .meine-bilder .aktuelle-bilder .pic .edit-bar .right .fa{
	color:#000;
	float:right;
}



/* MEINE FREUNDE - meine-freunde.html */

.user .meine-freunde .freunde-content{
	margin-top:45px;
}
.user .meine-freunde .nofriends .btn{
	background:#2971ce;
	color:#fff;
	padding:10px 80px;
}
.user .friendlist{
	box-shadow:none;
}
.user .friendlist .friend{
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);
	margin-top:15px;
	margin-bottom:15px;
}
.user .friendlist .friend:hover .fa{
	display:block;
}
.user .friendlist .friend .text{
	padding:10px;
}
.user .friendlist .friend img{
	width:100%;
	height:200px;
	object-fit:cover;
}
.user .friendlist .friend .fa{
	position:absolute;
	top:20px;
	right:20px;
	border-radius:50%;
	background:rgba(255,255,255,0.8);
	width:25px;height:25px;
	text-align:center;
	line-height:26px;
	cursor:pointer;
}
.user .friendlist .friend .text strong{
	font-size:16px;
}
.user .friendlist .friend .text span{
	font-size:12px;
}


/* MEINE FAVORITEN - meine-favoriten.html */

.user .meine-favoriten .favoriten-content{
	margin-top:45px;
}



/* BESUCHER - besucher.html */

.user .besucher .besucher-content{
	margin-top:45px;
}
.user .besucher .besucher-text .choice .check{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.user .besucher .besucher-text .choice .check label{
	font-weight:normal;
	margin-right:25px;
}
.user .besucher .besucher-text .choice .check input[type="radio"]{
	margin-right:5px;
}





/* GESCHENKE - geschenke.html */

.user .geschenke .pink{
	color:#2971ce;
	margin-top:0;
	margin-bottom:15px;
}
.user .geschenke .send-input{
	margin-top:40px;
}
.user .geschenke .send-input .name{
	float:left;
	width:150px;
}
.user .geschenke .send-input .input{
	float:left;
	width:70%;
}
.user .geschenke .send-input .btn{
	background:#2971ce;
	color:#fff;
	padding:10px 50px;
}
.user .geschenke .my-gifts, .user .geschenke .sent-gifts{
	box-shadow:none;
}

 .larger{
	max-width:990px;
}
 .gift-auswahl{
	text-align:center;
}
 .gift-auswahl .pink{
	color:#2971ce;
	margin-top:0;
}
 .gift-auswahl .choice{
	display:inline-block;
}
 .gift-auswahl .choice label{
	font-weight:normal;
	margin-right:25px;
}
 .gift-auswahl .choice input[type="radio"]{
	margin-right:10px;
}





/* ICEBREAKER - icebreaker.html */

.user .icebreaker .ice-box{
	displaY:inline-block;
}
.user .icebreaker .ice-box .btn{
	background:#2971ce;
	padding:10px 20px;
	color:#fff;
	display:inline-block;
	text-transform: uppercase;
	font-size:12px;
	margin-bottom:5px;
	cursor:pointer;
}
.user .icebreaker .ice-box .fa{
	margin-right:10px;
}



/* HALL OF FAME - hall-of-fame.html */

.user .halloffame .fame-box{
	border-bottom:1px solid #BFBFBF;
	padding:20px 0px;
}
.user .halloffame .fame-box:first-child{
	padding-top:0;
}
.user .halloffame .fame-box:last-child{
	border-bottom:0;
}
.user .halloffame .fame-box h1{
	margin:0;
	display:inline-block;
	float:left;
	font-size:36px;
}
.user .halloffame .fame-box .user-image{
	width:150px;
	height:150px;
	object-fit:cover;
	float:left;
	margin-left:25px;
	margin-right:25px;
}
.user .halloffame .fame-box .name{
	float:left;
	font-size:16px;
}
.user .halloffame .fame-box .points{
	float:right;
}
.user .halloffame .search-nav{
	margin-top:20px;
}










/* TEXT OHNE LOGIN - text-nologin.html */

.text-nologin .head{
	border-bottom:7px solid #2971ce;
	padding:10px;
}
.text-nologin .head .logo{
	padding-top:4px;
}
.text-nologin .nologin-btn{
	text-align:right;
}
.text-nologin .nologin-btn .btn{
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	border: 0;
	color:#fff;
	padding:7px;
	width:150px;
	border-radius: 0;
	margin-left:10px;
}

.text-nologin .user .dashbox{
	margin-top:50px;
}


.text-nologin footer{
	border-top:1px solid #c7c7c7;
	margin-top:50px;
}














.user footer{
	border-top:1px solid #c7c7c7;
	margin-top:50px;
}
footer{
	font-size:12px;
	padding:50px;
	text-align:center;
}
footer a{
	color:#333;
	text-decoration: none;
	padding-left:15px;padding-right:15px;
}






/* ERFOLG/FEHLER/SONSTIGES MODAL */

.modal-backdrop{
	background-color:rgba(0,0,0,0.9);
}
.modal-title{
	float:left;
}

#erfolg, #fehler, #sonstiges{
	text-align:center;
}
#erfolg .modal-body, #fehler .modal-body, #sonstiges .modal-body{
	padding:50px;
}
#erfolg .fa{
	font-size:100px;
	color:#5cb85c;
}
#erfolg h2{
	color:#5cb85c;
	margin-bottom:20px;
}
#erfolg span, #fehler span, #sonstiges span{
	font-size:12px;
}
#erfolg .btn, #fehler .btn, #sonstiges .btn{
	padding:6px 100px;
	border-radius:20px;
	text-transform: uppercase;
	font-size:20px;
	font-weight:bold;
}



#fehler .fa{
	font-size:100px;
	color:#d9534f;
}
#fehler h2{
	color:#d9534f;
}






/* FLIRTBOOSTER */

.flirtbooster-bar {
	margin-top: 25px;
}
.flirtbooster-bar .flirtbooster-title {
	padding-top: 4px;
}
.flirtbooster-bar .max-width{
	width:80%;
	margin:0 auto;
	background:linear-gradient(0deg, rgba(24,74,186,1) 0%, rgba(55,168,226,1) 100%);
	padding:10px;
	color:#fff;
	border-radius:20px;
}
.flirtbooster-bar .max-width strong{
	padding-top:5px;
	display:block;
	font-size:18px;
	line-height: 14px;
}
.flirtbooster-bar .max-width span, .flirtbooster-bar .max-width div{
	font-size: 12px;
}
.flirtbooster-bar .prog-bar{
	border:1px solid #fccee4;
	border-radius:20px;
}
.flirtbooster-bar .prog-bar .prog{
	width:80%;
	background:#a62525;
	padding:16px;
	border-radius:20px;
	text-align:center;
	font-size:12px;
	text-transform: uppercase;
	color:#fff;
	
}

.flirtbooster-bar .prog-bar .prog-green{
	background: 	#82d051;
}
.flirtbooster-bar .prog-bar .prog-orange{
	background: 	#f3aa1c;
}
.flirtbooster-bar .prog-bar .prog-red{
	background: 	#6b1818;
}
.flirtbooster-bar .btn{
	background: linear-gradient(0deg, rgba(213,0,54,1) 0%, rgba(246,92,131,1) 100%);
	border: 0;
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	border-radius:20px;
	font-size:12px;
	width:100%;
	padding:8px 12px;
}

.flirtbooster-overlay{
	background:rgba(0,0,0,0.6);
	width:100%;height:100%;
	position:fixed;
	z-index:99999;
	display:none;
}
.flirtbooster-overlay .wrap{
	position:fixed;
	width:100%;height:100%;
	left:0;right:0;top:0;bottom:0;
	margin:auto;
	display:flex;
	justify-content: center;
	align-items: center;
}
.flirtbooster-overlay .box{
	max-width:990px;
	margin:0 auto;
	width:100%;
	border-radius:20px;
	padding:0;
	box-shadow:0px 0px 15px black;
}
.flirtbooster-overlay .box .flirtbooster-img-box{
	padding:0;
	border-right:5px solid #2871cd;
}
.flirtbooster-overlay .box .flirtbooster-img{
	padding:0;
	background:url(../img/flirtbooster.jpg) no-repeat;
	height:520px;
	background-size:cover;
	width:100%;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}

.flirtbooster-overlay .box .flirtbooster-text{
	padding:25px 50px;
	text-align:left;
	position:relative;
}
.flirtbooster-overlay .box .flirtbooster-text .close{
	position:absolute;
	top:15px;right:15px;
	background:#8c8c8c;
	border-radius:50%;
	width:20px;height:20px;
	line-height:18px;
	text-align:center;
	color:#fff;
	font-size:12px;
	opacity:1;
}
.flirtbooster-overlay .box .flirtbooster-text strong{
	text-transform: uppercase;
}
.flirtbooster-overlay .box .flirtbooster-text h2{
	text-transform: uppercase;
	color:#2971ce;
	font-size:49px;
	margin:0;
	font-weight:bolder;
	letter-spacing: -3px;
}
.flirtbooster-overlay .box .flirtbooster-text h4{
	font-size:19px;
	font-weight:bold;
	text-transform: uppercase;
}
.flirtbooster-overlay .box .flirtbooster-text h3{
	font-size:24px;
	font-weight:bold;
	text-transform: uppercase;
	margin:0;
	margin-bottom:15px;
}
.flirtbooster-overlay .box .flirtbooster-text span{
	font-size:10px;
	line-height:17px;
	display:block;
}
.flirtbooster-overlay .box .flirtbooster-text ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top:15px;
	font-weight:bold;
	text-transform: uppercase;
}
.flirtbooster-overlay .box .flirtbooster-text ul li{  
	background: url('../img/check-black.png') no-repeat left top;
	padding-left: 25px;
	padding-top: 0px;  
}
.flirtbooster-overlay .box .flirtbooster-text ul li:last-child{
	background: url('../img/check-red.png') no-repeat left top;
	color:#2971ce;
}
.flirtbooster-overlay .box .flirtbooster-text .btn{
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;
	border-radius:20px;
	padding:10px;
	width:100%;
	background:#2971ce;
	margin-top:25px;
	font-size:17px;
}



/* SUPPORT - support.html */

.user .chat.support .chat-box .body{
	border-top:1px solid #BFBFBF;
}
.user .chat.support .chat-box .send small{
	padding-left:5px;
	padding-top:0;
}
.user .chat.support .chat-box .send .bild {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.user .chat.support .chat-box .send .bild + label {
	font-size: 12px;
	color: white;
	background-color:#2971ce;
	display: inline-block;
	padding:5px 20px;
	border-radius:0px;
	font-weight:normal;
	cursor:pointer;
}
.user .chat.support .head .back-btn{
	display:none;
	text-align:center;
	background:#fff;
	color:#2971ce;
	padding:5px 15px;
	border-radius: 20px;
	cursor: pointer;
	float:right;
	margin-top:-4px;
}
.user .chat.support #nick-sel{
	margin-bottom:15px;
}
.user .chat.support table{
	font-size:12px;
}
.user .chat.support table .ticket{
	cursor:pointer;
}
.user .chat.support table .abgeschlossen{
	background:rgb(204, 255, 204);
}
.user .chat.support table .neue-nachricht{
	background:rgba(251, 38, 79, 0.5);
}
.user .chat.support table .neues-ticket{
	background:#d0ecf1;
}
.user .chat.support table td:last-child, .user .chat.support table th:last-child{
	text-align:center;
}
.user .chat.support table .notification{
	font-weight:bold;
}





.desktop{
	display:block;
}

.mobile-menu, .mobile{
	display:none;
}










/* MODAL IMAGE */

#image .modal-body{
	padding:0;
}
#image .modal-dialog{
	width:400px;
	margin:50px auto;
}
#image .modal-body img{
	width:100%;
}
#image .close{
	float:none;
	position:absolute;
	right:15px;top:15px;
	opacity:1;
	background:rgba(0,0,0,0.8);
	text-shadow:none;
	font-size:12px;
	border-radius:50%;
	width:20px;height:21px;
	text-align:center;
	line-height:17px;
	color:#fff;
	border:1px solid #fff;
}



/* MATCH */

.match-buttons .btn {
	font-size: 32px;
	width: 195px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.match-body .user-info {
	width: 400px;
	margin: 0 auto;
	text-align: left;
}
.match-body .username {
	font-size: 32px;
}
.match-body .uber-mich h3 {
	font-size: 17px;
}
.match-body .match-user-image {
	width: 400px; 
	height: 400px; 	 
	background-size: cover;
	background-position: center center; 
	margin: 0 auto;
}

/* notifications */

.notifications {
	z-index:50;
	width:400px;
	height:130px;
	position:fixed;
	bottom:20px;
	right:20px;
}
.notificationbox {
	background: -webkit-linear-gradient(#f17654 0%, #fb254e 100%); 
	padding: 15px; 
	border-radius: 0;
}
.notification_close {
	color: #fff; 
	position: absolute; 
	margin: -12px 0 0 383px;
}
.notiUserImg img {
	border-radius: 50%;
	width: 100%;
}
.notiUserInfoText div {
	color: #fff; 
	font-size: 20px; 
	margin: 10px 0;
}
.notiUserInfoText a {
	color: #fff; 
}
.notiUserInfoText span {
	font-size: 13px;
}


/* NOTIFICATIONS */

.btn-main {
	background: #2971ce;
	color: #fff;
	padding: 10px 30px;
	margin-bottom: 15px;
}

.btn-main:hover {
	background: #be2745;
	color: #fff;
	padding: 10px 30px;
}


.payment_headline_icon {
	font-size: 98px; 
}

.payment_headline {
	font-size: 32px; 
	margin-bottom: 15px; 
	display: inline-block;
}

.payment_body {
	margin-bottom: 15px;
}






@media only screen and (max-width:1200px){
	.user .profil .profil-name .buttons .message{
		padding:15px 20px;
	}
	.user .dashboard .messages .user-images .userimg{
		width:31.1%;
	}
	.user .dashboard .messages .new-messages .message-text span{
		width:80%;
	}
	.user .dashboard .news .visitor .visitor-box img{
		width:55px;
		margin-bottom:5px;
	}
	.user .profil .profil-name .buttons .btn{
		margin-left:7px;
	}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	
	.flirtbooster-overlay .box .flirtbooster-text{
		padding:20px;
		max-height: 370px;
		overflow: auto;
	}
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	.mobile{
		display:block;
	}
	.desktop{
		display:none;
	}
	.start .head .col-md-2, .text-nologin .head .col-md-2, .user .head .col-md-2, .flirtbooster-bar .max-width .col-md-2{
		float:left;
		width:16.66666667%;
	}
	.start .head .login{
		float:right;
	}
	.info .col-md-6{
		float:left;
		width:50%;
	}
	.info .info-text{
		padding-top:0;
	}
	.info .info-text h1{
		font-size:38px;
	}
	.info .info-text .reg-btn{
		width:100%;
		padding:7px;
	}
	.user .dashboard .messages .user-images .userimg{
		width:33%;
	}
	.user .dashboard .messages .new-messages{
		margin-top:45px;
	}
	.user .dashboard .news .visitor .visitor-box img{
		width:80px;
	}
	.user .dashboard .messages .new-messages .message-text{
		padding-bottom:25px;
	}
	.user .shop .boxes form{
		width:100%;
	}
	.user .shop .boxes form input{
		width:86%!important;
		height:auto!important;
	}
	.user .shop .boxes form .btn{
		height:56px;
		margin-top:-7px;
	}
	.user .shop .boxes .col-md-4{
		width: 33.33333333%;
		float:left;
	}
	.user .shop .pack-box.premiumpack{
		height:340px;
		width:100%;
	}
	.user .shop .boxes{
		display:block;
	}
	.user .shop .pack-box{
		margin-top:15px;
		margin-bottom:15px;
	}
	.user .chat .chat-box .body{
		padding:15px!important;
	}
	.user .profil .profil-name .buttons .message{
		width:100%;
		padding:15px;
		margin-bottom:10px;
	}
	.user .profil .fotos .col-md-3, .user .friendlist .col-md-3, .user .suche .search-profiles .col-md-3{
		width:25%;
		float:left;
	}
	.user .profil .profil-name .buttons .btn{
		margin-left:0;
		margin-right:7px;
	}
	.user .profil .profil-name .more-action-buttons{
		margin-top:10px;
	}
	.register .reg-input form .col-md-4, .user .meine-bilder .dashbox.aktuelle-bilder .col-md-3{
		float:left;
		width:33.3333333%;
	}
	.user .profil-change .btn{
		padding:10px 25px;
	}
	.flirtbooster-bar .max-width .flirtbooster-title{
		margin-bottom:10px;
		text-align:center;
	}
	.notificationbox .col-md-4{
		width:33.33333333%;
		float:left;
	}
	.notificationbox .col-md-8{
		width:66.66666667%;
		float:left;
	}
}

@media only screen and (max-width:992px){
	.user .logo{
		float:left;
		width:180px;
		position:relative;
		z-index:9999999999;
	}
}

@media only screen and (max-width:768px){
	.user .logo{
		float:left;
		width:50%;
		position:relative;
		z-index:9999999999;
	}
	.user .navigation {
		width: 100%;
		float: none;
	}
	.user .navbar-default .navbar-right {
		text-align: center;
	}
	.user .navbar-default .navbar-right li {
		display: inline-block!important;
	}
	.user .navbar-default .navbar-nav>li>a{
		border:none;
		padding:10px;
	}
	.user .navbar-default .navbar-nav>li:last-child>a{
		border-right:0;
	}
	.user .navbar-default .navbar-nav>li{
		border:none;
		border-bottom:1px solid #2971ce;
		
	}
	.user .navbar-default .navbar-nav>li:last-child{
		border-bottom:0;
	}
	.flirtbooster-bar {
		text-align: center
	}
	.flirtbooster-bar .flirtbooster-title {
		margin-bottom: 10px;
	}
	
	
	
	
}

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

	.flirtbooster-bar .max-width{
		width:80%;
		text-align:center;
		border-radius: 20px;
	}
	.flirtbooster-bar .max-width div{
		padding:0;
	}
	.flirtbooster-bar .max-width .col-md-2 strong{
		margin-bottom:10px;
	}
	.flirtbooster-bar .btn{
		margin-top:10px;
		width:auto;
		padding:8px 20px;
	}
	.flirtbooster-bar .max-width .flirtbooster-title{
		margin-bottom:0;
	}

}

@media only screen and (max-width:480px){
	
	/* PREVENT ZOOM IN ON INPUT */
	
	input, textarea, .form-control, select{
		font-size:16px;
	}
	
	
	
	
	
	
	body .ui-tooltip{
		display:none!important;
	}
	
	.desktop{
		display:none;
	}
	
	.mobile-menu, .mobile{
		display:block;
	}
	
		
	.section{
		padding-top:50px;
		padding-bottom:50px;
	}
	
	/* STARTSEITE - index.php */
	
	.start .head{
		padding:15px 0px;
	}
	.start .logo{
		float:left;
		width:50%;
	}
	.start .logo h1{
		font-size:21px;
	}
	.start .login{
		float:right;
		width:50%;
	}
	.start .login .login-btn{
		padding:6px;
	}
	
	
	.start .body{
		padding-bottom:50px;
	}
	.start .start-content h1{
		margin-top:0;
		font-size:39px;
	}
	.start .start-content .box{
		padding:20px;
	}
	.start .start-content .box h3{
		font-size:20px;
	}
	.start .start-content .box span{
		font-size:12px;
	}
	

	
	.info .info-text{
		padding-top:0px;
	}
	.info .info-text .reg-btn{
		width:100%;
		padding:10px;
	}
	.info .info-img{
		margin-top:50px;
	}
	.info .info-img img{
		width:100%;
	}
	
	
	.info-color .info-text h1{
		font-size:38px;
	}
	.info-color .info-text span{
		line-height:21px;
	}
	.info-color .btn{
		width:100%;
		padding:10px;
	}
	
	
	
	
	/* LOGIN - login.html */
	
	.login-head{
		padding:15px;
	}
	.sub_bg{
		background-position: center center;
	}
	.login .box{
		width:90%;
		margin:0 auto;
		margin-top:-40px;
	}
	.login .login-part, .login .res-pass{
		border:none;
		padding:15px;
	}
	.login .login-part{
		border-bottom:1px solid #e5e5e5;
		padding-bottom:25px;
	}
	.login .res-pass{
		border-top:1px solid #e5e5e5;
		padding-top:25px;
	}
	
	
	
	/* REGISTER - register.html */
	
	.register-head{
		padding:15px;
	}
	.register-head .logo{
		float:left;
		width:50%;
	}
	.register-head .logo h1{
		font-size:21px;
	}
	.register-head .login{
		width:50%;
	}
	.register .box{
		width:90%;
		margin:0 auto;
		margin-top:-40px;
		padding:0;
	}
	.register .reg-text, .register .reg-input{
		padding:15px;
		border:none;
	}
	.register .reg-input{
		float:none;
	}
	.register .reg-input form .left, .register .reg-input form .right, .register .reg-input form .mid{
		float:left;
		width:33.333333%;
	}
	.register .reg-input form .left{
		padding-right:5px;
	}
	.register .reg-input form .right{
		padding-left:5px;
	}
	.register .reg-input form .mid{
		padding-left:5px;
		padding-right:5px;
	}
	.register .reg-input form .questionmark{
		padding:0;
	}
	.register .reg-input form .btn{
		padding:7px;
		width:100%;
	}
	
	.register .reg-summary .fields{
		width:40%;
	}
	.register .reg-summary .input{
		width:60%;
	}
	
	.register .reg-summary .input img{
		width:150px;
		height:150px;
	}
	
	.register .reg-summary .fields .image {
		height: 150px;
	}

	
	
	/* USER DASHBOARD - user-dashboard.html */
	
	.user .head{
		border:none;
	}
	.user .mobile-menu{
		background:#2971ce;
		padding:8px;
		text-align:center;
		color:#fff;
	}
	.user .mobile-menu a{
		color:#fff;
		padding:0px 15px;
		display:inline-block;
	}
	.user .mobile-menu a img{
		display:inline-block;
		margin-right:8px;
	}
	.user .mobile-menu a .heart{
		width:17px;
	}
	.user .mobile-menu a .money{
		width:15px;
	}
	.user .mobile-menu a .power{
		width:15px;
		margin-top:-2px;
	}
	.user .mobile-menu a span{
		display:inline-block;
		margin-top:-2px;
	}
	.user .logo{
		float:left;
		width:50%;
		position:relative;
		z-index:9999999999;
	}
	.user .logo img{
		padding-top:12px;
	}
	.user .logo h1{
		padding-top:12px;
	}
	.user .navigation{
		width:100%;
		float:none;
	}
	.user .navbar-default .navbar-nav>li>a{
		border:none;
		padding:10px;
	}
	.user .navbar-default .navbar-nav>li:last-child>a{
		border-right:0;
	}
	.user .navbar-default .navbar-nav>li{
		border:none;
		border-bottom:1px solid #2971ce;
		
	}
	.user .navbar-default .navbar-nav>li:last-child{
		border-bottom:0;
	}
	.user .navbar-default .navbar-right{
		display:none;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:transparent;
		border-color:#ddd;
	}
	
	
	.user .dashboard .news{
		padding-top:0;
	}
	.user .dashboard{
		padding-top:15px;
	}
	.user .dashboard .messages .user-images .userimg{
		border:5px solid #fff;
	}
	.user .dashboard .messages .new-messages .message-text span{
		width:63%;
	}
	.user .dashboard .messages .new-messages .message-text img{
		width:60px;
	}
	.user .dashboard .news .visitor .visitor-box strong{
		width:70%;
	}
	.user .menu{
		padding-top:0px;
	}
	
	
	.user .col-md-9{
		margin-top:15px;
	}

	
	
	/* PROFIL - mein-profil.html */
	
	.user .profil .profil-name .circle-star{
		margin-top:5px;
		width:40px;height:40px;
		line-height:40px;
		margin-right:10px;
		font-size:14px;
	}
	.user .profil .profil-name .rating .fa{
		padding-top:14px;
	}
	.user .profil .profil-name h2{
		padding-top:11px;
		font-size:25px;
		margin-bottom:5px;
	}
	
	
	.user .profil .profildetails, .user .profil .fotos{
		padding:0;
	}
	.user .profil .fotos{
		margin-bottom:25px;
	}
	.user .profil .fotos .col-md-3{
		width:50%;
		float:left;
		padding:10px;
	}
	.user .profil .friend{
		margin-top:5px;
		margin-bottom:0px;
	}
	.user .profil .friend.vip .vip-button{
		width:90%;
		bottom:6px;
	}
	.user .profil .friend.vip .vip-button .btn{
		width:100%;
		font-size:10px;
	}
	.user .profil .friend img{
		height:150px;
	}
	.user .profil .profildetails{
		padding:0px 15px;
	}
	
	.user .profil .profil-last .profil-pers .search, .user .profil .profil-last .profil-pers .per-info, .user .profil .profil-last .profil-int .interest, .user .profil .profil-last .profil-int .gift{
		padding:15px;
	}
	.user .profil .profil-last .profil-pers .per-info strong{
		width:170px;
	}
	
	
	.user .profil .profil-name .buttons .message{
		margin-left:0;
		padding:15px;
		margin-top:5px;
		font-size:12px;
		width:100%;
	}
	.user .profil .profil-name .buttons .border{
		margin-top:5px;
	}
	.user .profil .profil-name .buttons .btn{
		margin-left:0;
		margin-right:7px;
	}
	.user .profil .profil-name .buttons{
		float:none;
		clear:both;
	}
	.user .profil .profil-images{
		width:100%;
	}
	.user .profil .profil-images img{
		width:100%;
		height:100%;
	}
	.user .profil .profil-name{
		padding:15px 0px;
		width:100%;
	}
	.user .profil .profil-name .more-action-buttons{
		margin-top:6px;
	}
	.user .profil .profil-name .more-action-buttons .btn{
		padding:15px;
		font-size:10px;
	}
	.user .profil .profil-name .more-action-buttons .btn:last-child{
		margin-left:0px;
	}
	
	.user .profil .profil-last .profil-pers .per-info{
		padding:0;
		padding-bottom:15px;
	}
	.user .profil .profil-last .profil-int{
		border:none;
	}
	
	.user .profil .profil-last .profil-int .gift img{
		width:50%;
		float:left;
	}
		
	
	/* NACHRICHTEN - nachrichten.html */
	
	.user .nachrichten .nachrichten-box strong{
		padding-top:5px;
	}
	.user .nachrichten .nachrichten-box span{
		font-size:12px;
	}
	.user .nachrichten .nachrichten-box.new strong{
		padding-top:15px;
	}
	
	
	
	/* CHAT - chat.html */
	
	.user .chat .chat-box .body{
		min-height:auto;
		padding-bottom:200px;
	}
	.user .chat .chat-msg{
		margin-bottom:25px;
	}
	.user .chat .chat-msg .head .btn{
		font-size:10px;
		padding:4px;
	}
	.user .chat .chat-box .head h2{
		font-size:16px;
		width:40%;
		overflow:hidden; 
		white-space:nowrap; 
		text-overflow: ellipsis;
	}
	.user .chat .chat-box .head img{
		width:30px;height:30px;
		margin-right:10px;
	}
	.user .chat .chat-box .head .right .btn{
		width:30px;height:30px;
	}
	.user .chat .chat-box .other-msg{
		padding:0px 15px;
		width: 100%;
	}
	.user .chat .chat-box .own-msg{
		width: 100%;
	}
	.user .chat .chat-box .send .send-input{
		width:73%;
	}
	.user .chat .chat-box .send input{
		width:100%;
	}
	.user .chat .chat-box .send .btn{
		width:25%;
		font-size:10px;
		font-weight:bold;
		padding:8px;
	}
	.user .chat .chat-box .send .btn span{
		font-size:8px;
		margin-top:1px;
		font-weight:normal;
	}
	
	
	/* SEARCH - search.html */
	
	.user .suche .search .search-text{
		margin-bottom:10px;
		width:auto;
		float:none;
	}
	.user .suche .search .search-choice{
		float:none;
		margin-bottom:20px;
	}
	.user .suche .search-profiles .col-md-3{
		width:50%;
		float:left;
	}
	.user .suche .search-profiles .profil{
		margin-bottom:10px;
	}
	.user .suche .search-profiles .col-md-3:nth-child(even){
		padding-right:0;
		padding-left:5px;
	}
	.user .suche .search-profiles .col-md-3:nth-child(odd){
		padding-left:0;
		padding-right:5px;
	}
	.user .suche .search-profiles .profil img{
		height:100px;
	}
	
	
	
	
	/* USER NAVIGATION */
	
	.user .search-nav{
		margin-bottom:50px;
	}
		
	
	/* SHOP - shop.html */
	
	.user .shop .boxes{
		display:block;
	}
	.user .shop .col-md-4{
		padding:0;
	}
	.user .shop .pack-box{
		height:330px;
	}
	.user .shop .pack-box.first-pack-box{
		margin-top:0;
	}
	.user .shop .dropout{	
		margin-bottom:15px;
	}
	
	
	
	/* PROFIL BEARBEITEN - profil-bearbeiten.html */
	
	.user .profil-change .change-text .btn{
		padding:10px;
		font-size:12px;
		font-weight:bold;
		margin-right:5px;
		margin-bottom:10px;
		width:100%;
	}
	.user .profil-change .change-data .dropdown .name{
		width:100%;
		float:none;
		margin-bottom:5px;
	}
	.user .profil-change .change-data .dropdown .choice select{
		width:100%;
	}
	.user .profil-change .change-data .dropdown .choice.long-text{
		width:80%;
	}
	
	
	
	/* MEINE BILDER - meine-bilder.html */
	
	.user .meine-bilder .verwaltung .name{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.user .meine-bilder .verwaltung .choice{
		float:none;
	}
	.user .meine-bilder .verwaltung input[type="file"]{
		margin-left:-8px;
	}
	.user .meine-bilder .aktuelle-bilder .pic .edit-bar .right{
		text-align:right;
	}
	.user .meine-bilder .aktuelle-bilder .pic .pic-holder .make-main{
		visibility: visible;
	}
	.user .meine-bilder .aktuelle-bilder .pic img{
		height:250px;
	}
	.user .meine-bilder .aktuelle-bilder .pic .pic-holder .make-main .btn{
		width:50%;
	}
	
	
	/* MEINE FREUNDE - meine-freunde.html */
	
	.user .meine-freunde .nofriends .btn{
		padding:10px;
		width:100%;
		font-size:12px;
	}
	.user .friendlist .friend .fa{
		display:block;
		top:10px;
		right:25px;
	}
	
	/* BESUCHER - besucher.html */
	
	.user .besucher .besucher-content{
		margin-top:15px;
	}
	.user .besucher .besucher-text .choice .border-bottom{
		border-bottom:none;
	}
	.user .besucher .besucher-text .choice .check.other-visit{
		margin-top:-5px;
	}
	
	/* GESCHENKE - geschenke.html */
	
	.user .geschenke .send-input{
		margin-top:20px;
	}
	 .gift-auswahl{
		margin-bottom:15px;
	}
	 .gift-auswahl .choice{
		font-size:12px;
	}
	 .gift-auswahl .choice input[type="radio"]{
		margin-right:5px;
	}
	.user .geschenke .send-input .name{
		margin-bottom:10px;
	}
	.user .geschenke .send-input .name, .user .geschenke .send-input .input{
		float:none;
		width:100%;
	}
	
	
	/* HALL OF FAME - hall-of-fame.html */
	
	.user .halloffame .fame-box h1{
		font-size:20px;
	}
	.user .halloffame .fame-box .name{
		font-size:14px;
	}
	.user .halloffame .fame-box .user-image{
		width:50px;height:50px;
		margin-left:10px;
		margin-right:10px;
	}
	.user .halloffame .fame-box .points img{
		width:20px;
	}
	.user .halloffame .fame-box .mobile{
		display:none;
		width:100%;
		padding:10px;
		float:left;
	}
	
	
	
	/* TEXT OHNE LOGIN - text-nologin.html */
	
	.text-nologin .head .logo{
		float:left;
	}
	.text-nologin .nologin-btn{
		padding:0;
		float:right;
		margin-top:4px;
	}
	.text-nologin .nologin-btn .btn{
		width:auto;
		font-size:10px;
		margin-left:5px;
		padding:5px;
	}
	
	
	
	/* FLIRTBOOSTER */
	
	.flirtbooster-bar .max-width{
		width:80%;
		text-align:center;
		border-radius: 20px;
	}
	.flirtbooster-bar .max-width div{
		padding:0;
	}
	.flirtbooster-bar .max-width .col-md-2 strong{
		margin-bottom:10px;
	}
	.flirtbooster-bar .btn{
		margin-top:10px;
		width:auto;
		padding:8px 20px;
	}
	.flirtbooster-bar .max-width .flirtbooster-title{
		margin-bottom:10px;
	}

	
	
	.flirtbooster-overlay .box .flirtbooster-text{
		padding:20px;
		max-height: 470px;
		overflow: auto;
	}
	.flirtbooster-overlay .box{
		width:95%;
	}
	.flirtbooster-overlay .box .flirtbooster-text .btn{
		font-size:13px;
	}
	.flirtbooster-overlay .box .flirtbooster-text h2{
		font-size:40px;
	}
	.flirtbooster-overlay .box .flirtbooster-text h4{
		font-size:14px;
		margin-bottom:5px;
	}
	.flirtbooster-overlay .box .flirtbooster-text h3{
		font-size:21px;
	}
	.flirtbooster-overlay .box .flirtbooster-img-box{
		padding:0;
		border-right:0;
	}
	.flirtbooster-overlay .box .flirtbooster-img{
		padding:0;
		background:url(../img/flirtbooster-mobile.jpg) no-repeat;
		object-fit:cover;
		border-right:0;
		height:130px;
		border-bottom-left-radius:0;
		border-top-right-radius:20px;
	}
	
	
	
	
	/* SUPPORT - support.html */
	
	.user .chat.support .chat-box .send small{
		float:none;
	}
	.user .chat.support table{
		font-size:10px;
	}
	
	
	
	/* MODAL IMAGE */

	#image .modal-body{
		padding:0;
	}
	#image .modal-dialog{
		width:95%;
		margin:50px auto;
	}
	#image .modal-body img{
		width:100%;
	}
	#image .close{
		float:none;
		position:absolute;
		right:15px;top:15px;
		opacity:1;
		background:rgba(0,0,0,0.8);
		text-shadow:none;
		font-size:12px;
		border-radius:50%;
		width:20px;height:21px;
		text-align:center;
		line-height:17px;
		color:#fff;
		border:1px solid #fff;
	}
	
	
	
	
	
	
	
	footer{
		padding:25px 0px;
	}
	footer a{
		padding-left:5px;padding-right:5px;
	}
	
	/* MATCH */

	.match-buttons .btn {
		width: 49%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.match-body .user-info {
		width: 100%;
	}
	.match-body .match-user-image {
		width: 100%; 
		height: 300px; 	
	}
	
	/* notifications */

	.notifications {
		width:100%;
		height:130px;
		bottom:0;
		right:0;
	}
	.notification_close {
		right: 10px;
	}
	.notiUserImg {
		width: 130px;
		float: left;
	}

	
}


/* FAST CHAT */

.fast-chat{
	max-width:330px;
	width:100%;
	max-height:450px;
	height:100%;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #C7C7C7;
	border-radius: 10px 10px 0px 0px;
	background:#fff;
	position:fixed;
	bottom:0;
	right:50px;
}
.fast-chat .fast-head{
	padding: 10px 15px;
	display:flex;
	align-items: center;
}
.fast-chat .fast-head.clicktoshow{
	cursor:pointer;
}
.fast-chat .fast-flex-auto{
	flex:auto;
}
.fast-chat .fast-color{
	color:#D50137;
	display:flex;
}
.fast-chat .fast-chat-number{
	background:#D50137;
	color:#fff;
	font-size:12px;
	border-radius:50%;
	width:20px;height:20px;
	line-height:20px;
	display:inline-block;
	text-align:center;
	margin-left:5px;
}
.fast-chat .fast-close, .fast-chat .fast-up{
	text-align:right;
	display:inline-block;
	float:right;
	font-size:18px;
	color:#C6C6C6;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	right:15px;
	top:8px;
}

.fast-chat .fast-box{
	border-bottom:1px solid rgba(112, 112, 112, .35);
	padding:15px;
	cursor:pointer;
}
.fast-chat .fast-box .row{
	display:flex;
	justify-content: center;
	align-items: center;
}
.fast-chat .fast-box .fast-image{
	border-radius:50%;
	width:50px;height:50px;
	object-fit:cover;
}
.fast-chat .fast-box .col-md-9{
	padding:0;
	padding-right:15px;
}
.fast-chat .fast-box .fast-time{
	float:right;
	font-size:11px;
}
.fast-chat .fast-box .fast-msg{
	width:200px;
	display:inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fast-chat .fast-box .fast-name{
	font-size: 15px;
	width: 140px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: -3px;
}
.fast-chat .fast-flexbox{
	display:flex;
}
.fast-chat .fast-body{
	overflow: auto;
	padding-bottom: 40px;
	height: 400px;
}
.fast-chat .fast-alle-chats{
	position:absolute;
	bottom:0;
	width:100%;
	color:#fff;
	background: transparent linear-gradient(180deg, rgba(55, 167, 226, 1) 0%, rgba(25, 77, 187, 1) 100%) 0% 0% no-repeat padding-box;
	padding:10px;
	font-size:14px;
	text-align:center;
	left:0;right:0;
	cursor:pointer;
}

.fast-message-box .fast-head{
	align-items: center;
	border-bottom:1px solid rgba(112, 112, 112, .35);
}
.fast-message-box .fast-head .fast-flexbox{
	flex:auto;
}
.fast-message-box .fast-head .fast-flexbox div:first-child{
	display:flex;
	align-items: center;
}
.fast-message-box .fast-head .fast-flexbox .fast-flex-auto{
	flex: auto;
	display: flex;
	align-items: center;
	flex-flow: row-reverse;
}
.fast-message-box .fast-head .fa-chevron-left{
	color:rgba(0,0,0,.25);
	font-size:25px;
	cursor:pointer;
}
.fast-message-box .fast-head img{
	width:50px;height:50px;
	border-radius:50%;
	object-fit:cover;
	margin-left:15px;margin-right:15px;
}
.fast-message-box .fast-message-content{
	padding:15px;
}
.fast-message-box .fast-message{
	padding:10px 15px;
	border-radius:20px;
	max-width:80%;
	min-width:50%;
	margin-bottom:15px;
}
.fast-message-box .fast-message.fast-message-other{
	background:#fff;
	border:1px solid #BFBFBF;
	float:left;
}
.fast-message-box .fast-message.fast-message-own{
	background:#2971CE;
	color:#fff;
	float:right;
}
.fast-message-box .fast-message .fast-message-time{
	display:block;
	font-size:12px;
	text-align:right;
	color:rgba(28, 28, 28, .5);
	margin-top:5px;
}
.fast-message-box .fast-message .fast-message-status.seen{
	color:rgba(52, 159, 253, 1);
}
.fast-message-box .fast-message.fast-message-own .fast-message-time{
	color:rgba(255,255,255,.5);
}
.fast-message-box .fast-message.fast-message-own .fast-message-status.seen{
	color:#fff;
}

.fast-message-box .fast-message-send{
	position:absolute;
	bottom:0;
	left:0;right:0;
	width:100%;
	background:#fff;
	padding:10px;
}
.fast-message-box .fast-message-send .form-control{
	background:rgba(240, 240, 240, 1);
	color:rgba(0,0,0,.5);
	border-radius:60px;
	border:none;
	width:100%;
	box-shadow:none;
	width:240px;
}
.fast-message-box .fast-message-send .fast-flexbox{
	align-items:center;
}
.fast-message-box .fast-message-send .fast-send{
	color:rgba(41, 113, 206, 1);
	margin-left:10px;
	cursor:pointer;
}
.fast-message-box .fast-close{
	top:25px;
}


@media only screen and (max-width:480px){
	
	/* FAST CHAT */
	
	.fast-chat{
		z-index:99;
		right:10px;
	}
	
}