/* FONT */
@font-face{
    font-family: "Hind";
    src: url("../ttf/Hind.ttf");
}


/* OTHERS */
* {
	font-family: "Hind";
}

body {
	display: flex;
   	min-height: 100vh;
   	flex-direction: column;
}

.form-control:focus,
.custom-select:focus,
.btn:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

textarea {
	resize: none;
}

.btn-section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

.btn-section .btn {
	background: #7B2CBF;
	color: #fff;
	border: none;
	transition: 0.2s;
}

.btn-section .btn:hover,
.btn-section .btn:focus,
.btn-section .btn:active {
	background: #3C096C;
	border: none;
}

.btn-section .btn.btn-back {
	background: #777 !important;
}

.btn-section .btn.btn-back:hover,
.btn-section .btn.btn-back:focus,
.btn-section .btn.btn-back:active {
	background: #444 !important;
	border: none;
}


/* COOKIES */
#cookies {
	display: none;
	position: fixed;
	background: #7B2CBF;
	color: #fff;
	font-size: 12px;
	right: 0;
	top: 50%;
	padding: 10px;
	border-radius: 5px 0 0 5px;
}

#cookies .btn {
	background: #fff;
	color: #333;
	font-size: 12px;
	padding: 2px;
}


/* PRIVACY ACCEPT & PROFILE PIC */
#alert_accept_privacy,
#alert_profile_pic {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	z-index: 200;
}

#alert_accept_privacy .card,
#alert_profile_pic .card {
	position: absolute;
	width: 500px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#alert_accept_privacy .card a,
#alert_profile_pic .card a {
	color: #7B2CBF;
	font-weight: bold;
}

#alert_accept_privacy .card a:hover,
#alert_accept_privacy .card a:focus,
#alert_accept_privacy .card a:active,
#alert_profile_pic .card a:hover,
#alert_profile_pic .card a:focus,
#alert_profile_pic .card a:active {
	color: #3C096C;
	text-decoration: none;
}

#alert_accept_privacy .card-footer,
#alert_profile_pic .card-footer {
	background: #fff;
	border: none;
}

#alert_accept_privacy .card .btn,
#alert_profile_pic .card .btn {
	background: #7B2CBF;
	color: #fff;
	border: none;
	transition: 0.2s;
	font-weight: normal;
}

#alert_accept_privacy .card .btn:hover,
#alert_accept_privacy .card .btn:focus,
#alert_accept_privacy .card .btn:active,
#alert_profile_pic .card .btn:hover,
#alert_profile_pic .card .btn:focus,
#alert_profile_pic .card .btn:active {
	background: #3C096C;
	border: none;
	color: #fff;
}

#alert_profile_pic .input-group-text {
	background: #fff;
	color: #7B2CBF;
	border: none;
	border-radius: 0;
	width: 45px;
}

#alert_profile_pic .form-control {
	background: #f3f3f3;
	color: #333;
	border: none;
}

#alert_profile_pic .form-control:focus {
	background: #d6d6d6;
}

#alert_profile_pic .profile-pic {
	display: none;
}

#alert_profile_pic .profile-pic-form label {
	display: inline-block;
    cursor: pointer;
}

#alert_profile_pic .profile-pic-error {
	display :none;
}


/* WRAPPER */
#wrapper {
	background: url('../images/bg.jpg');
	background-position: center;
	background-attachment: fixed;
	/*height: 100%;*/
	flex: 1;
}


/* LOGO */
.logo {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background: #ffffff80;
	border-radius: 0 0 150px 150px;
	padding: 15px 45px;
	z-index: 999;
}

.logo img {
	width: 125px;
}


/* NAV */
.mobile-header,
.mobile-nav {
	display: none;
}

.desktop-nav {
	background: #fff !important;
}

.desktop-nav .desktop-logo {
	height: 70px;
	margin-left: 20px;
}

.desktop-nav #userDropdown img {
	width: 50px;
	height: 50px;
}

.desktop-nav .nav-link {
	color: #7B2CBF;
}

.desktop-nav .nav-link:hover,
.desktop-nav .nav-link:focus,
.desktop-nav .nav-link:active {
	color: #3C096C;
}

.desktop-nav .nav-link i.menu-icon,
.desktop-nav .nav-link i.notification-icon {
	border: 2px solid #7B2CBF;
	color: #7B2CBF !important;
	width: 50px;
	height: 50px;
	line-height: 45px;
	text-align: center;
	border-radius: 50px;
	font-size: 20px;
	transition: 0.2s;
}

.desktop-nav .nav-link i.menu-icon:hover,
.desktop-nav .nav-link i.menu-icon:focus,
.desktop-nav .nav-link i.menu-icon:active,
.desktop-nav .nav-link i.notification-icon:hover,
.desktop-nav .nav-link i.notification-icon:focus,
.desktop-nav .nav-link i.notification-icon:active {
	background: #7B2CBF;
	color: #fff !important;
}

.desktop-nav .nav-link .notification-alert {
	position: absolute;
	background: #7B2CBF;
	color: #fff;
	top: 0;
	right: 10px;
}

.desktop-nav .vip-btn {
	border: 2px solid #f39820;
	border-radius: 5px;
	transition: 0.2s;
	width: 85%;
}

.desktop-nav .vip-btn .btn-icon {
	background: #f39820;
	color: #fff;
	padding: 8px 12px;
}

.desktop-nav .vip-btn .btn-text {
	color: #f39820;
	padding: 8px;
	font-weight: bold;
}

.desktop-nav .vip-btn:hover,
.desktop-nav .vip-btn:focus,
.desktop-nav .vip-btn:active {
	background: #f39820;
	text-decoration: none;
}

.desktop-nav .vip-btn:hover .btn-text,
.desktop-nav .vip-btn:focus .btn-text,
.desktop-nav .vip-btn:active .btn-text {
	color: #fff !important;
}

.desktop-nav .vip-btn.active-vip-btn {
	border: 2px solid #2cb655;
	border-radius: 5px;
	transition: 0.2s;
	width: 85%;
}

.desktop-nav .vip-btn.active-vip-btn .btn-icon {
	background: #2cb655;
	color: #fff;
	padding: 8px 12px;
}

.desktop-nav .vip-btn.active-vip-btn .btn-text {
	color: #2cb655;
	padding: 8px;
	font-weight: bold;
}

.desktop-nav .vip-btn.active-vip-btn:hover,
.desktop-nav .vip-btn.active-vip-btn:focus,
.desktop-nav .vip-btn.active-vip-btn:active {
	background: #2cb655;
	text-decoration: none;
}

.desktop-nav .vip-btn i {
	font-size: 14px;
}

.desktop-nav .badge {
	background: #7B2CBF;
	color: #fff;
	padding: 4px 8px 4px 8px;
	border-radius: 50px;
}

.desktop-nav .dropdown-menu {
	border: none;
	background-color: #fff;
	box-shadow: 2px 2px 5px #333;
}

.desktop-nav .dropdown-menu.menu {
	padding: 10px 10px;
	margin-left: -177px;
}

.desktop-nav .dropdown-menu.user {
	padding: 10px 10px;
	margin-left: -175px;
}

.desktop-nav .dropdown-menu.notification {
	padding: 10px 10px;
	margin-left: -155px;
	color: #666;
}

.desktop-nav .dropdown-menu.notification .notification {
	width: 200px;
}

.desktop-nav .dropdown-menu .dropdown-item i {
	color: #666;
	border: 2px solid  #666;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50px;
	margin-right: 15px;
}

.desktop-nav .dropdown-menu .dropdown-item small {
	margin-left: 48.5px;
}

.desktop-nav .dropdown-menu .dropdown-item {
	color: #666;
	padding: 0.75rem 1rem;
	width: 225px;
	font-weight: bold;
}

.desktop-nav .dropdown-menu .dropdown-item:hover,
.desktop-nav .dropdown-menu .dropdown-item:focus,
.desktop-nav .dropdown-menu .dropdown-item:active {
	background: #f1f1f1;
	border-radius: 5px;
}

.desktop-nav  .dropdown-menu.notification a {
	color: #7B2CBF;
	float: left;
}

.desktop-nav .dropdown-menu.notification a:hover,
.desktop-nav .dropdown-menu.notification a:focus,
.desktop-nav .dropdown-menu.notification a:active {
	color: #3C096C;
	text-decoration: none;
}

.desktop-nav .dropdown-menu.notification img {
	width: 80px;
	margin: 0 auto;
}

/* SEARCH */
.search-nav,
.search-nav form {
	width: 100%;
}

#searchbar {
	padding: 15px;
	background: #7B2CBF;
}

#searchbar .form-control,
#searchbar .custom-select {
	background: #fff;
	border: none;
	border-radius: 5px;
}

#searchbar .form-control.first-number {
	border-radius: 5px 0 0 5px;
}

#searchbar .form-control.second-number {
	border-radius: 0 5px 5px 0;
}

#searchbar .serach-btn {
	background: transparent;
	border: 2px solid #fff;
	color: #fff !important;
	margin-top: 22px;
}

#searchbar .serach-btn:hover {
	background: #3C096C;
	border: 2px solid #3C096C;
}

#searchbar .filter {
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 5px;
    background: #7B2CBF;
    padding: 2.5px 25px;
    border-radius: 0 0 50px 50px;
    z-index: 9;
}

#searchbar .filter-btn {
	font-size: 22px;
	border: none;
}

#searchbar .filter-btn:hover,
#searchbar .filter-btn:focus,
#searchbar .filter-btn:active {
	border: none;
}


/* MAIN CONTENT */
#main-content {
	background: #ebebeb;
	flex: 1;
}


/* MAIN CONTAINER */
#main-container {
	margin-top: 80px;
	margin-bottom: 30px;
	flex: 1;
}

#main-container .title hr {
	border: 1px solid #7B2CBF;
}

#main-container .title h3 {
	color: #7B2CBF;
	font-size: 24px;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}


/* ANNOUNCEMENT */
.announcement {
	background: #CB356B linear-gradient(40deg,#CB356B,#BD3F32) !important;
	color: #fff;
	font-size: 20px;
	padding: 20px;
	border-radius: 5px;
}


/* INFO BOXES */
.info-boxes .card {
	padding: 10px;
	border: none;
	font-size: 22px;
	font-weight: bold;
	transition: 0.2s;
}

.info-boxes .card:hover {
	transform: scale(1.05);
}

.info-boxes .card a {
	color: #fff;
}

.info-boxes .card a:hover {
	text-decoration: none;
}

.info-boxes .card i {
	background: rgba(255, 255, 255, 0.35);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 60px;
	margin-left: 0;
	font-size: 28px;
}

.info-boxes .card span {
	font-size: 36px;
}

.info-boxes .card.views {
	background: #f8b500 linear-gradient(40deg,#fceabb,#f8b500) !important;
	color: #fff;
}

.info-boxes .card.chats {
	background: #3f2b96 linear-gradient(40deg,#a8c0ff,#3f2b96) !important;
	color: #fff;
}

.info-boxes .card.likes {
	background: #89216b linear-gradient(40deg,#da4453,#89216b) !important;
	color: #fff;
}


/* NEW USERS */
#main-container .new-users {
	margin-bottom: 10px;
}

#main-container .new-users .box .mb-4 {
	border-radius: 5px;
	transition: 0.2s;
	background: #fff;
}

#main-container .new-users .box .mb-4:hover {
	transform: scale(1.05);
}

#main-container .new-users .box .is {
	position: absolute;
	font-size: 12px;
	width: 160px;
}

#main-container .new-users .box .is-vip {
	color: #f3cc20;
	margin-top: 5px;
	margin-left: 5px;
}

#main-container .new-users .box .is-online {
	color: #30e079;
	margin-top: 5px;
	margin-right: 5px;
}

#main-container .user-main-img {
	width: 100%;
	height: 160px;
	overflow: hidden;
	text-align: center;
	border-radius: 5px 5px 0 0;
}

#main-container .user-main-img img {
	max-height: 100%;
	max-width: auto;
	margin: 0 -100%;
}

#main-container .new-users .user-datas {
	background: #3C096C;
	color: #fff;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	border-radius: 0 0 5px 5px;
	font-weight: bold;
}

#main-container .new-users .box a:hover {
	text-decoration: none;
}

#main-container .new-users .box .years-old {
	color: #FF9E00;
}


/* FORUM */
#main-container .forum .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .forum h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .forum .table thead tr th {
	border-top: none;
}

#main-container .forum .table tbody tr {
	transition: 0.2s;
}

#main-container .forum .table tbody tr:hover {
	background: #ebebeb;
}

#main-container .forum a {
	color: #3C096C;
}

#main-container .forum a:hover {
	text-decoration: none;
}

#main-container .forum .male-blue {
	color: #2a73fa;
}

#main-container .forum .female-pink {
	color: #e441fa;
}

#main-container .forum .badge {
	background: #3C096C;
}

#main-container .forum .btn {
	background: #7B2CBF;
	border: none;
	transition: 0.2s;
}

#main-container .forum .btn:hover,
#main-container .forum .btn:focus,
#main-container .forum .btn:active {
	background: #3C096C;
	border: none;
}

#main-container .forum .form-control {
	background: #ebebeb;
	color: #333;
	border: none;
}

#main-container .forum .form-control:focus {
	background: #d6d6d6;
}

#main-container .forum .custom-select {
	border: none;
	background: #ebebeb;
	color: #333;
	cursor: pointer;
}

#main-container .forum .custom-select:focus {
	background: #d6d6d6;
}

#main-container .forum .forum-comment-box {
	background: #fff;
	transition: 0.2s;
	border-radius: 5px;
	padding: 10px;
}

#main-container .forum .forum-comment-box .col-lg-2 {
	padding-left: 0;
}

#main-container .forum .forum-comment-box .col-lg-10 {
	padding-right: 0;
}

#main-container .forum .forum-comment-box .btn {
	border-radius: 5px;
	background: transparent;
	border: 2px solid #7B2CBF;
	color: #7B2CBF !important;
	font-weight: bold;
	transition: 0.2s;
}

#main-container .forum .forum-comment-box .btn:hover {
	background: #7B2CBF;
	color: #fff !important;
}

#main-container .forum .forum-comment-box .answer-for {
	border: 1px solid #d3d3d3;
	padding: 10px;
	border-radius: 5px;
}

#main-container .forum .forum-comment-box blockquote {
	margin: 0;
}

#main-container .forum img {
	border-radius: 500px;
}


/* OTHERS */
#main-container .payments .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .payments .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .payments .payment-title {
	font-weight: bold;
	font-size: 20px;
}

#main-container .payments .card {
	border: none;
	transition: 0.2s;
	color: #fff;
	width: 60%;
	margin: 0 auto;
}

#main-container .payments .card:hover {
	transform: scale(1.05);
}

#main-container .payments a:hover {
	text-decoration: none;
}

#main-container .payments .card.paypal-card {
	background: #cb2d3e linear-gradient(40deg,#ef473a ,#cb2d3e ) !important;
}

#main-container .payments .card.sms-card {
	background: #a8e063 linear-gradient(40deg,#a8e063 ,#56ab2f ) !important;
}

#main-container .payments .card .card-heading {
	padding: 30px 0 0 0;
	margin: 0;
}

#main-container .payments .card .card-heading span {
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.35);
	font-weight: bold;
}

#main-container .payments .card .card-body {
	font-size: 25px;
	font-weight: bold;
}

#main-container .payments .main-icon {
	margin-right: 5px;
	color: #3C096C;
}

#main-container .payments .btn {
	background: #7B2CBF;
	color: #fff;
	font-weight: bold;
	transition: 0.2s;
}

#main-container .payments .btn:hover {
	background: #3C096C;
}

#main-container .payments ul li {
	list-style: none;
	margin-left: -40px;
}

#main-container .payments ul li i {
	color: #7B2CBF;
}

#main-container .payments ul li i.check {
	color: #2cb655;
}

#main-container .payments .table thead tr th {
	border-top: none;
}

#main-container .payments .table tbody .hover:hover {
	background: #7B2CBF;
	color: #fff;
	transition: 0.2s;
	cursor: pointer;
}

#main-container .payments .table i {
	color: #3C096C;
	font-size: 30px;
}

#main-container .payments .table .badge {
	background: #3C096C;
	font-size: 18px;
}

#main-container .payments .input-group-text {
	font-weight: bold;
	color: #7B2CBF;
	background: none;
	border: none;
	width: 170px;
}

#main-container .payments .sms-mobile-phone {
	background: #ebebeb;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
}

#main-container .payments .form-control {
	border: none;
	background: #ebebeb;
	color: #666;
}

#main-container .payments .form-control:focus {
	background: #d6d6d6;
}

#main-container .payments .btn-section i {
	color: #3C096C;
	font-size: 20px;
}

#main-container .payments.payments-sms .form-control {
	background: #ebebeb;
}

#main-container .payments.payments-sms .form-control:hover,
#main-container .payments.payments-sms .form-control:focus,
#main-container .payments.payments-sms .form-control:active {
	background: #d6d6d6;
}

#main-container .payments.payments-sms .btn {
	background: #7B2CBF;
	border: none;
	transition: 0.2s;
}

#main-container .payments.payments-sms .btn:hover,
#main-container .payments.payments-sms .btn:focus,
#main-container .payments.payments-sms .btn:active {
	background: #3C096C;
	border: none;
}

#main-container .visited-profile-datas .main-row,
#main-container .profile-datas .main-row {
	width: 100%;
}

#main-container .profile-datas .main-row {
	margin-right: 0;
	margin-left: 0;
}

#main-container .profile-datas .main-row .col-lg-3 {
	padding-left: 0;
}

#main-container .visited-profile-datas .main-row .col-lg-9,
#main-container .profile-datas .main-row .col-lg-9 {
	padding-right: 0;
}

#main-container .visited-profile-datas .left-box,
#main-container .profile-datas .left-box {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .visited-profile-datas .user-image,
#main-container .profile-datas .user-image {
	position: relative;
	width: 100%;
	padding-top: 100%;
	text-align: center;
	background: #fff;
	border-radius: 500px;
	overflow: hidden;
}

#main-container .visited-profile-datas .user-image img,
#main-container .profile-datas .user-image img {
	position: absolute;
	height: 100%;
	width: initial !important;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

#main-container .visited-profile-datas .section,
#main-container .profile-datas .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .visited-profile-datas .section h5,
#main-container .profile-datas .left-box h5,
#main-container .profile-datas .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .visited-profile-datas .is-online {
	color: #30e079;
	font-size: 12px;
}

#main-container .visited-profile-datas .vip {
	color: #f3cc20;
}

#main-container .visited-profile-datas .not-a-vip {
	background: #f3cc20;
	padding: 4px;
	border-radius: 5px;
}

#main-container .top .infos {
	padding: 5px;
	background: #ebebeb;
	border-radius: 0 0 5px 5px;
}

#main-container .game .section,
#main-container .top .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .game .section h5,
#main-container .top .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .report .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .visited-profile-datas a,
#main-container .report a,
#main-container .game a,
#main-container .top a {
	color: #7B2CBF;
	transition: 0.2s;
}

#main-container .visited-profile-datas a:hover,
#main-container .visited-profile-datas a:focus,
#main-container .visited-profile-datas a:active,
#main-container .report a:hover,
#main-container .report a:focus,
#main-container .report a:active,
#main-container .game a:hover,
#main-container .game a:focus,
#main-container .game a:active,
#main-container .top a:hover,
#main-container .top a:focus,
#main-container .top a:active {
	color: #3C096C;
	text-decoration: none;
}

#main-container .denied a {
	color: #3C096C;
	transition: 0.2s;
}

#main-container .denied a:hover,
#main-container .denied a:focus,
#main-container .denied a:active {
	color: #7B2CBF;
	text-decoration: none;
}

#main-container .visited-profile-datas .color-dislike {
	background: #4389a2 linear-gradient(40deg,#4389a2,#5c258d) !important;
	color: #fff;
	width: 100%;
	padding: 10px;
	font-size: 20px;
	border-radius: 5px;
}
	
#main-container .visited-profile-datas .color-like {
	background: #ff6a00 linear-gradient(-40deg,#ff6a00,#ee0979) !important;
	color: #fff;
	width: 100%;
	padding: 5px;
	font-size: 25px;
	border-radius: 5px;
}

#main-container .visited-profile-datas .btn-group a {
	color: #fff;
	font-size: 30px;
}

#main-container .visited-profile-datas .btn-group .btn:first-child {
	background: #4389a2 linear-gradient(40deg,#4389a2,#5c258d) !important;
	transition: 0.2s;
	border-radius: 5px 0 0 5px;
}

#main-container .visited-profile-datas .btn-group .btn:first-child:hover {
	background: #5c258d linear-gradient(40deg,#5c258d,#4389a2) !important;
}

#main-container .visited-profile-datas .btn-group .btn:last-child {
	background: #ff6a00 linear-gradient(-40deg,#ff6a00,#ee0979) !important;
	transition: 0.2s;
	border-radius: 0 5px 5px 0 ;
}

#main-container .visited-profile-datas .btn-group .btn:last-child:hover {
	background: #ee0979 linear-gradient(-40deg,#ee0979,#ff6a00) !important;
}

#main-container .images-settings .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .images-settings .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .images-settings .folder {
	transition: 0.2s;
}

#main-container .images-settings .folder .folder-icon {
	font-size: 50px;
	color: #3C096C;
	transition: 0.2s;
}

#main-container .images-settings .folder:hover .folder-icon {
	color: #643757;
}

#main-container .images-settings .folder-name {
	width: 100%;
	font-size: 14px;
	padding: 5px;
	border-radius: 5px;
	background: #ebebeb !important;
	color: #7B2CBF !important;
}

#main-container .images-settings .folder.active .folder-name {
	background: #3C096C !important;
	color: #fff !important;
}

#main-container .profile-gallery .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .profile-gallery .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .profile-gallery .profile-img {
	width: 150px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	border-radius: 500px;
	overflow: hidden;
	margin: 0 auto;
}

#main-container .profile-gallery .profile-img img {
	border-radius: 500px;
}

#main-container .favorite .section,
#main-container .encounters .section,
#main-container .access .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .favorite .section .row,
#main-container .access .section .row,
#main-container .encounters .section .row {
	width: 100%;
	margin: 0;
}

#main-container .encounters .section h5,
#main-container .access .section h5,
#main-container .favorite .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .encounters .section .box,
#main-container .access .section .box,
#main-container .favorite .section .box {
	border-radius: 5px;
	transition: 0.2s;
	background: #ebebeb;
}

#main-container .encounters .section .box:hover,
#main-container .access .section .box:hover,
#main-container .favorite .section .box:hover {
	transform: scale(1.03);
}

#main-container .encounters .section .box a:hover,
#main-container .access .section .box a:hover,
#main-container .favorite .section .box a:hover {
	text-decoration: none;
}

#main-container .encounters .section .box .is,
#main-container .access .section .box .is,
#main-container .favorite .section .box .is {
	position: absolute;
	font-size: 12px;
	width: 160px;
}

#main-container .encounters .section .box .is-vip,
#main-container .access .section .box .is-vip,
#main-container .favorite .section .box .is-vip {
	color: #f3cc20;
	margin-top: 5px;
	margin-left: 5px;
}

#main-container .encounters .section .box .is-online,
#main-container .access .section .box .is-online,
#main-container .favorite .section .box .is-online {
	color: #30e079;
	margin-top: 5px;
	margin-right: 20px;
}

#main-container .encounters .user-main-img,
#main-container .access .user-main-img,
#main-container .favorite .user-main-img {
	width: 100%;
	height: 160px;
	overflow: hidden;
	text-align: center;
	border-radius: 5px 5px 0 0;
}

#main-container .encounters .user-main-img img,
#main-container .access .user-main-img img,
#main-container .favorite .user-main-img img {
	max-height: 100%;
	max-width: auto;
	margin: 0 -100%;
}

#main-container .encounters .user-datas,
#main-container .access .user-datas,
#main-container .favorite .user-datas {
	background: #3C096C;
	color: #fff;
	width: 100%;
	height: 28px;
	padding: 5px;
	font-size: 12px;
	border-radius: 0 0 5px 5px;
	font-weight: bold;
}

#main-container .favorite .section .box .years-old,
#main-container .access .section .box .years-old,
#main-container .encounters .section .box .years-old {
	color: #FF9E00;
}

#main-container .access .section .box .btn-unlock {
	position: absolute;
	border-radius: 0 5px 5px 0;
	color: #fff;
	margin-top: 50%;
	transform: translate(0, -50%);
}

#main-container .access .section .box .action-btns {
	position: absolute;
	margin-top: 50%;
	transform: translate(0, -50%);
}

#main-container .encounters .roulette {
	height: 430px;
}

#main-container .encounters .roulette .encountersLoader {
	line-height: 430px;
}

#main-container .encounters .roulette .encounterContent {
	border-radius: 5px;
	width: 70%;
}

#main-container .encounters .roulette .encountersImage {
	background: #fff;
	border-radius: 5px;
	transition: 0.2s;
	height: 430px;
	overflow: hidden;
}


#main-container .encounters .roulette .encounters-btns {
	opacity: 0.6;
	transition: 0.2s;
}

#main-container .encounters .roulette .encountersImage:hover ~ .encounters-btns,
#main-container .encounters .roulette .encounters-btns:hover {
	opacity: 1;
}

#main-container .encounters .roulette .encounterContent .btn-dislike {
	position: absolute;
	left: 96px;
	bottom: 0;
	border-radius: 0 100px 0 5px;
	padding: 30px 50px 15px 25px;
	background: #4389a2   linear-gradient(40deg,#4389a2  ,#5c258d  ) !important;
}

#main-container .encounters .roulette .encounterContent .btn-dislike:hover {
	font-size: 55px;
	border-radius: 0 200px 0 5px;
	padding: 40px 60px 15px 25px;
}

#main-container .encounters .roulette .encounterContent .btn-like {
	position: absolute;
	right: 96px;
	bottom: 0;
	border-radius: 100px 0 5px 0;
	padding: 30px 25px 15px 50px;
	background: #ff6a00 linear-gradient(-40deg,#ff6a00,#ee0979) !important;
}

#main-container .encounters .roulette .encounterContent .btn-like:hover {
	font-size: 55px;
	border-radius: 200px 0 5px 0;
	padding: 40px 25px 15px 60px;
}

#main-container .images-settings a:hover {
	text-decoration: none;
}

#main-container .visited-profile-datas .list-group-item {
	background: #7B2CBF;
	color: #fff !important;
	transition: 0.2s;
}

#main-container .visited-profile-datas .list-group-item:hover,
#main-container .visited-profile-datas .list-group-item:focus,
#main-container .visited-profile-datas .list-group-item:active {
	background: #3C096C;
}

#main-container .visited-profile-datas .card .card-header img {
	height: 50px;
	width: 50px;
}

#main-container .visited-profile-datas .card .card-body {
	padding: 25px !important;
}

#main-container .encounters .like-username {
	margin: 0 auto;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	background: #3C096C linear-gradient(0deg,transparent,#3C096C ) !important;
	color: #fff;
	font-size: 28px;
}

#main-container .profile-datas .badge,
#main-container .visited-profile-datas .badge,
#main-container .favorite .badge,
#main-container .access .badge,
#main-container .encounters .like-username .years-old,
#main-container .encounters .badge,
#main-container .top .badge {
	background: #7B2CBF;
	color: #fff;
}

#main-container .images-settings .custom-file-input ~ .custom-file-label::after {
	content: "Tallózás";
	background: #999;
	color: #fff;
}

#main-container .profile-datas .badge a {
	color: #3C096C;
}

#main-container .game .flex-column .nav-link {
	color: #7B2CBF;
}

#main-container .game .flex-column .nav-link:hover {
	background: #ebebeb;
}

#main-container .access .request-in-progress,
#main-container .access .request-accepted {
	border-radius: 0 5px 0 0;
	padding: 5px;
	color: #fff;
	width: 40px;
	text-align: center;
	z-index: 99;
}

#main-container .access .request-in-progress {
	background: #7B2CBF;
}

#main-container .access .request-accepted {
	background: #2cb655;
}

#main-container .general-settings .section {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}

#main-container .general-settings .section h5 {
	color: #7B2CBF;
	font-weight: bold;
}

#main-container .profile-datas .input-group-text,
#main-container .visited-profile-datas .input-group-text,
#main-container .report .input-group-text,
#main-container .images-settings .input-group-text,
#main-container .favorite .input-group-text,
#main-container .general-settings .input-group-text,
#main-container .access .input-group-text,
#main-container .encounters .input-group-text,
#main-container .game .input-group-text {
	background: #ebebeb;
	color: #7B2CBF;
	border: none;
	border-radius: 0;
	width: 45px;
}

#main-container .profile-datas .form-control,
#main-container .report .form-control,
#main-container .images-settings .form-control,
#main-container .general-settings .form-control,
#main-container .game .form-control {
	background: #ebebeb;
	color: #333;
	border: none;
}

#main-container .profile-datas .form-control:focus,
#main-container .report .form-control:focus,
#main-container .images-settings .form-control:focus,
#main-container .general-settings .form-control:focus,
#main-container .game .form-control:focus {
	background: #d6d6d6;
}

#main-container .profile-datas .custom-select,
#main-container .images-settings .custom-select,
#main-container .general-settings .custom-select {
	border: none;
	color: #666;
	background: #ebebeb;
	cursor: pointer;
}

#main-container .profile-datas .custom-select:focus,
#main-container .images-settings .custom-select:focus,
#main-container .general-settings .custom-select:focus {
	background: #d6d6d6;
}

#main-container .images-settings .custom-file label {
	border: none;
	color: #666;
	background: #ebebeb;
}

#main-container .images-settings .custom-file-input:hover,
#main-container .images-settings .custom-file-label:hover {
	cursor: pointer;
}

#main-container .visited-profile-datas .side-btn-group .btn {
	text-align: left;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 13px;
}

#main-container .visited-profile-datas .side-btn-group .btn i {
	width: 30px;
	height: 30px;
	line-height: 25px;
	border: 2px solid #fff;
	border-radius: 30px;
	text-align: center;
	margin-right: 10px;
}

#main-container .profile-datas .btn,
#main-container .visited-profile-datas .btn,
#main-container .report .btn,
#main-container .images-settings .btn,
#main-container .profile-gallery .btn,
#main-container .favorite .btn,
#main-container .general-settings .btn,
#main-container .access .btn,
#main-container .encounters .btn,
#main-container .game .btn {
	background: #7B2CBF;
	border: none;
	transition: 0.2s;
}

#main-container .profile-datas .btn:hover,
#main-container .profile-datas .btn:focus,
#main-container .profile-datas .btn:active,
#main-container .visited-profile-datas .btn:hover,
#main-container .visited-profile-datas .btn:focus,
#main-container .visited-profile-datas .btn:active,
#main-container .report .btn:hover,
#main-container .report .btn:focus,
#main-container .report .btn:active,
#main-container .images-settings .btn:hover,
#main-container .images-settings .btn:focus,
#main-container .images-settings .btn:active,
#main-container .profile-gallery .btn:hover,
#main-container .profile-gallery .btn:focus,
#main-container .profile-gallery .btn:active,
#main-container .favorite .btn:hover,
#main-container .favorite .btn:focus,
#main-container .favorite .btn:active,
#main-container .general-settings .btn:hover,
#main-container .general-settings .btn:focus,
#main-container .general-settings .btn:active,
#main-container .access .btn:hover,
#main-container .access .btn:focus,
#main-container .access .btn:active,
#main-container .encounters .btn:hover,
#main-container .encounters .btn:focus,
#main-container .encounters .btn:active,
#main-container .game .btn:hover,
#main-container .game .btn:focus,
#main-container .game .btn:active {
	background: #3C096C;
	border: none;
}

#main-container .denied .btn {
	background: #3C096C;
	border: none;
	transition: 0.2s;
}

#main-container .denied .btn:hover,
#main-container .denied .btn:focus,
#main-container .denied .btn:active {
	background: #7B2CBF;
	border: none;
}

#main-container .access .btn-accept,
#main-container .encounters .btn-dislike {
	border-radius: 0;
}

#main-container .access .btn-accept,
#main-container .access .btn-alt {
	background: #30e079;
	border: none;
	transition: 0.2s;
	width: 40px;
}

#main-container .access .btn-accept:hover,
#main-container .access .btn-accept:focus,
#main-container .access .btn-accept:active,
#main-container .access .btn-alt:hover,
#main-container .access .btn-alt:focus,
#main-container .access .btn-alt:active {
	background: #2cb655;
	border: none;
}

#main-container .encounters .btn-like {
	border-radius: 0 0 5px 0;
	font-size: 40px;
}

#main-container .encounters .btn-dislike {
	background: #999;
	border: none;
	transition: 0.2s;
	font-size: 40px;
}

#main-container .access .btn-decline {
	background: #999;
	border: none;
	transition: 0.2s;
	border-radius: 0 0 5px 0;
	width: 40px;
}

#main-container .access .btn-decline-alone {
	border-radius: 0 0 5px 5px;
	width: 40px;
}

#main-container .access .btn-decline:hover,
#main-container .access .btn-decline:focus,
#main-container .access .btn-decline:active,
#main-container .encounters .btn-dislike:hover,
#main-container .encounters .btn-dislike:focus,
#main-container .encounters .btn-dislike:active {
	background: #666;
	border: none;
}

#main-container .images-settings .btn.is-profile-pic {
	position: absolute;
	background: #7873f5;
	border-radius: 50px;
	top: 45px;
	right: 0;
	z-index: 9;
}

#main-container .images-settings .btn-profile-pic {
	position: absolute;
	background: #643757;
	border-radius: 50px;
	top: 45px;
	right: 0;
	transition: 0.2s;
	z-index: 9;
}

#main-container .images-settings .btn-del-profile-pic {
	position: absolute;
	border-radius: 50px;
	top: 85px;
	right: 0;
	z-index: 9;
}

#main-container .images-settings .btn-del,
#main-container .images-settings .btn-del-profile-pic {
	background: #666;
	transition: 0.2s;
}

#main-container .images-settings .btn-del:hover,
#main-container .images-settings .btn-del:focus,
#main-container .images-settings .btn-del:active,
#main-container .images-settings .btn-del-profile-pic:hover,
#main-container .images-settings .btn-del-profile-pic:focus,
#main-container .images-settings .btn-del-profile-pic:active {
	background: #333;
}

#main-container .images-settings .profile-img-block .user-main-img {
	position: relative;
	width: 100%;
	padding-top: 100%;
	height: initial !important;
	overflow: hidden;
	text-align: center;
	border-radius: 500px;
}

#main-container .images-settings .profile-img-block .user-main-img img {
	position: absolute;
	height: 100%;
	width: initial !important;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	margin: 0 !important;
}

#main-container .user-list a {
	color: #333;
	border-radius: 0;
	border-bottom: 2px solid #fff;
	transition: 0.2s;
}

#main-container .user-list a:hover,
#main-container .user-list a:focus,
#main-container .user-list a:active {
	outline: none;
	text-decoration: none;
	border-bottom: 2px solid #666;
}

#main-container .user-list a.active {
	border-bottom: 2px solid #7B2CBF;
}

#main-container .user-list .pagination .page-link {
	color: #7B2CBF;
	border-radius: 5px;
	border: 1px solid #999;
	transition: 0.2s;
	margin-right: 5px;
	margin-left: 5px;
}

#main-container .user-list .pagination .page-link:hover,
#main-container .user-list .pagination .page-link:focus,
#main-container .user-list .pagination .page-link:active {
	border: 1px solid #3C096C;
	background: #ebebeb;
}

#main-container .user-list .pagination .page-link.active {
	color: #666;
}

#main-container .user-list .pagination .page-link.active:hover,
#main-container .user-list .pagination .page-link.active:focus,
#main-container .user-list .pagination .page-link.active:active {
	background: transparent;
	border: 1px solid #999;
}

#main-container .visited-profile-datas .send-message-to-user-required-fields-error,
#main-container .report .report-required-fields-error,
#main-container .game .game-required-fields-error,
#main-container .game .game-email-error,
#main-container .general-settings .change-username-required-fields-error,
#main-container .general-settings .change-password-required-fields-error,
#main-container .general-settings .change-password-not-match-error,
#main-container .general-settings .auth-required-fields-error,
#main-container .payments-sms .sms-myself-required-fields-error,
#main-container .payments-sms .sms-another-required-fields-error {
	display : none;
}


/* FLIRT MODAL */
#main-container #flirt_modal .flirt-img img {
    width: 50px;
}

#main-container #flirt_modal .imgs .flirt-radio {
    margin: 0;
	padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#main-container #flirt_modal .imgs .flirt-img {
    cursor: pointer;
	background: transparent;
	border-radius: 50px;
	padding: 5px;
	transition: 0.1s;
}

#main-container #flirt_modal .imgs .flirt-img:hover {
	background: #7B2CBF;
	border-radius: 50px;
}

:checked + .flirt-img img {
	background: #7B2CBF;
	border-radius: 50px;
	padding: 2.5px;
}

#main-container #flirt_modal button:focus,
#main-container #flirt_modal button:active {
	outline: none;
}

#main-container #flirt_modal .close-btn {
	background: transparent;
	border: none;
	color: #7B2CBF;
}

#main-container #flirt_modal .close-btn:hover,
#main-container #flirt_modal .close-btn:focus,
#main-container #flirt_modal .close-btn:active {
	color: #3C096C;
}

#main-container #flirt_modal .btn {
	background: #7B2CBF;
	border: none;
	transition: 0.2s;
}

#main-container #flirt_modal .btn:hover,
#main-container #flirt_modal .btn:focus,
#main-container #flirt_modal .btn:active {
	background: #3C096C;
	border: none;
}


/* CONTENT */
#content {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}

/* LOGIN FORM & REGSITER FORM & FORGOT FORM */
#content #auth-form {
	margin-top: 150px;
	width: 400px;
	border-radius: 5px;
}

#content #auth-form {
	display: inline-block;
}

#content #auth-form .tab-logo {
	background: #ffffff80;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	text-align: center;
}

#content #auth-form .tab-logo img {
	width: 125px;
}

#content #auth-form .nav-tabs {
	background: #7B2CBF;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #7B2CBF;
}

#content #auth-form .nav-tabs .nav-link {
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 20px;
}

#content #auth-form .nav-tabs .nav-link:first-child,
#content #auth-form .nav-tabs #login-tab:hover,
#content #auth-form .nav-tabs #login-tab.active {
	border-radius: 0;
}

#content #auth-form .nav-tabs .nav-link:last-child,
#content #auth-form .nav-tabs #register-tab:hover,
#content #auth-form .nav-tabs #register-tab.active {
	border-radius: 0;
}

#content #auth-form .nav-tabs .nav-link:hover {
	border: none;
	background: #5A189A;
}

#content #auth-form .nav-tabs .nav-link.active {
	border: none;
	background: #3C096C;
}

#content #auth-form form {
	background: #fff;
	padding: 30px;
	border-radius: 0 0 5px 5px;
}

#content #auth-form h1 {
	font-size: 22px;
	margin-bottom: 20px;
}

#content #auth-form .register-form .second-round {
	display: none;
}

#content #auth-form .login-required-fields-error,
#content #auth-form .login-email-error,
#content #auth-form .reg-first-required-fields-error,
#content #auth-form .reg-second-required-fields-error,
#content #auth-form .reg-email-error,
#content #auth-form .reg-password-error,
#content #auth-form .accept-privacy-error,
#content #auth-form .reg-alt-required-fields-error,
#content #auth-form .reg-alt-required-fields-error,
#content #auth-form .reg-alt-email-error,
#content #auth-form .reg-alt-password-error,
#content #auth-form .reg-alt-accept-privacy-error,
#content #auth-form .forgot-required-fields-error,
#content #auth-form .forgot-email-error {
	display : none;
}

#content #auth-form .input-group-text {
	background: #7B2CBF;
	color: #fff;
	border: none;
	border-radius: 5px 0 0 5px;
	width: 45px;
	z-index: 99;
}

#content #auth-form .form-control,
#content #auth-form .custom-select {
	background: transparent;
	color: #666;
	border: none;
	border-bottom: 2px solid #7B2CBF;
	border-radius: 0;
}

#content #auth-form .custom-select {
	cursor: pointer;
}

#content #auth-form .form-control:focus,
#content #auth-form .custom-select:focus {
	background: #e3e3e3;
	border-bottom: 2px solid #e3e3e3;
	color: #333;
	border-radius: 0 5px 5px 0;
}

#content #auth-form .form-control:focus .input-group-text,
#content #auth-form .custom-select:focus .input-group-text {
	border-radius: 5px 0 0 5px;
}

#content #auth-form .btn {
	background: #FF9E00;
	border: 2px solid #FF9E00;
	padding: 10px;
	margin-bottom: 20px;
	transition: 0.2s;
	font-weight: bold;
}

#content #auth-form .btn:hover,
#content #auth-form .btn:focus,
#content #auth-form .btn:active {
	background: #FF6D00;
	border: 2px solid #FF6D00;
}

#content #auth-form .btn-outline {
	border: 2px solid #FF9E00;
	background: transparent;
	margin-bottom: 20px;
	transition: 0.2s;
}

#content #auth-form .btn-outline:hover {
	color: #fff;
}

#content #auth-form a {
	color: #FF9E00;
}

#content #auth-form a:hover,
#content #auth-form a:focus,
#content #auth-form a:active {
	text-decoration: none;
}

#content .register-form .register-profile-pic,
#content .alt-register-form .register-profile-pic {
	display: none;
}

#content .register-form label,
#content .alt-register-form label {
	display: inline-block;
	cursor: pointer;
	text-align: left !important;
}

#content .register-form .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
#content .alt-register-form .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-color: #FF9E00;
	border-radius: 5px;
	border: none;
	outline: none;
}

/* SITE CONTENT OPEN */
.site-content-open {
	margin-top: 175px;
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #666;
	max-height: 650px;
	overflow-y: scroll;
}


/* CHAT */
.chat .chat-user-list {
	border-collapse: separate;
    border-spacing: 0 15px;
}

.chat .chat-user-list tr,
.chat .chat-user tr {
	background: #fff;
	border: none;
	transition: 0.2s;
}

.chat .chat-user-list tr:hover {
	transform: scale(1.035);
	background: #d6d6d6;
}

.chat .chat-user-list td,
.chat .chat-user td {
	border: none;
}

.chat .chat-user-list td:first-child,
.chat .chat-user td:first-child {
	border-radius: 5px 0 0 5px;
}

.chat .chat-user-list td:last-child,
.chat .chat-user td:last-child {
	border-radius: 0 5px 5px 0;
}

.chat .chat-user-list td img,
.chat .chat-user td img {
	border-radius: 500px !important;
}

.chat .mobile-chat-icons {
	display: none;
}

.chat .chat-user-list .btn {
	background: #7B2CBF;
	color: #fff;
	border: none;
	transition: 0.2s;
}

.chat .chat-user-list .btn:hover,
.chat .chat-user-list .btn:focus,
.chat .chat-user-list .btn:active {
	background: #3C096C;
	border: none;
}

.chat .chat-user .is-online {
	color: #30e079;
}

.chat .chat-user .is-vip {
	color: #f3cc20;
}

.chat .chat-user-list .is-online {
	color: #30e079;
	font-size: 12px;
}

.chat .chat-user-list .is-vip {
	color: #f3cc20;
	font-size: 12px;
}

.chat .chat-user a i {
	color: #999;
	border: 2px solid #999;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50px;
	transition: 0.2s;
}

.chat .chat-user a i:hover,
.chat .chat-user a i:focus,
.chat .chat-user a i:active {
	background: #999;
	color: #fff;
}

.chat .chat-message {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.chat .chat-message ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
  }
  
.chat .chat-message ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.chat .chat-message .content {
	height: 350px;
	padding: 10px;
	overflow-y: scroll;
}

.chat .chat-message .content .message-bubble {
	width: 100%;
}

.chat .chat-message .content .message-bubble-content .message-text {
	max-width: 49%;
	display: inline-block;
}

.chat .chat-message .content img {
	width: 40px;
	padding: 5px;
}

.chat .chat-message .content .chat-time {
	padding-left: 6px;
	padding-right: 6px;
}

.chat .chat-message .content .bg-user {
	background: #d4fc79 linear-gradient(40deg,#d4fc79,#96e6a1) !important;
	color: #333;
	border-radius: 5px;
	padding: 2px 8px;
}

.chat .chat-message .content .bg-me {
	background: #330867 linear-gradient(40deg,#30cfd0,#330867) !important;
	color: #fff;
	border-radius: 5px;
	padding: 2px 8px;
}

.chat .chat-message #new_message {
	border: none;
	border-radius: 50px 0 0 50px;
	background: #ebebeb;
}

.chat .chat-message #new_message_form .new_message_submit {
	color: #7B2CBF;
	background: #ebebeb;
	border-radius: 0 50px 50px 0;
	transition: 0.2s;
	z-index: 100;
}

.chat .chat-message #new_message_form .new_message_submit:hover,
.chat .chat-message #new_message_form .new_message_submit:focus,
.chat .chat-message #new_message_form .new_message_submit:active {
	color: #3C096C;
}


/* FOOTER */
footer {
	position: relative;
	bottom: 0;
    height: 40px;
    line-height: 40px;
	width: 100%;
	background: #3C096C;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

footer a {
	color: #fff;
	font-weight: bold;
}

footer a:hover,
footer a:focus,
footer a:active {
	color: #FF9E00;
	text-decoration: none;
}

#footer {
	position: relative;
	height: initial;
	line-height: initial;
	font-size: 16px;
	padding: 20px;
}

#footer h5 {
	letter-spacing: 5px;
}

#footer .footer-divider {
	height: 1px;
	width: 200px;
	background: #7B2CBF;
	margin-bottom: 10px;
}

#footer ul {
	margin-bottom: 0;
}

#footer ul li {
	list-style: none;
	margin-left: -40px;
}

#copyright {
	z-index: 100;
	background: #7B2CBF;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
}

#copyright a {
	color: #fff;
}

#copyright a:hover {
	color: #FF9E00;
	text-decoration: none;
}


/* HD 1280x720 */
@media only screen and (max-width: 1280px) {
	/* CONTENT */
	#content {
		margin-top: 10px;
	}
	
	/* LOGIN FORM & REGSITER FORM */
	#content .login-form,
	#content .register-form {
		padding: 10px;
	}
}


/* 1024 WIDTH */
@media only screen and (max-width: 1024px) {
	.vip-btn {
		font-size: 14px;
	}

	.info-boxes .card {
		font-size: 18px;
	}

	#main-container .encounters .roulette .encounterContent .btn-dislike {
		left: 83px;
	}

	#main-container .encounters .roulette .encounterContent .btn-like {
		right: 82px;
	}
}


/* TABLET */
@media only screen and (max-width: 768px) {
	/* COOKIES */
	#cookies {
		font-size: 10px;
		bottom: 0;
		width: 100%;
		padding: 10px;
		border-radius: 0;
		box-shadow: none;
	}

	.after-cookie {
		position: fixed !important;
		bottom: 0 !important;
		top: auto !important;
		right: auto !important;
		width: 100%;
		z-index: 100;
	}


	/* NAV */
	.desktop-nav {
		display: none;
	}

	.mobile-header,
	.mobile-nav {
		display: inherit;
		background: #fff;
		padding: 10px;
	}

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

	.mobile-header img {
		width: 100px;
	}

	.navbar.mobile-nav {
		margin-top: -1px;
		text-align: center;
		background: #7B2CBF;
		color: #fff;
	}

	.navbar.mobile-nav .navbar-nav .nav-item {
		width: 50%;
		margin: 0 auto;
	}

	.navbar.mobile-nav .nav-link img {
		height: 50px;
	}

	.navbar.mobile-nav .nav-link {
		margin-left: 20px;
		color: #fff !important;
	}

	.navbar.mobile-nav #menuDropdown,
	.navbar.mobile-nav #notificationsDropdown {
		width: 50px;
		height: 50px;
		line-height: 30px;
		text-align: center;
		border-radius: 50px;
		border: 2px solid #fff;
	}

	.navbar.mobile-nav #menuDropdown:focus,
	.navbar.mobile-nav #menuDropdown:active,
	.navbar.mobile-nav #notificationsDropdown:focus,
	.navbar.mobile-nav #notificationsDropdown:active {
		background: #fff;
		color: #7B2CBF !important;
	}

	.navbar.mobile-nav #notificationsDropdown {
		margin-left: 17.5px !important;
	}

	.navbar.mobile-nav .vip-btn {
		background: #f39820;
	}

	.navbar.mobile-nav .vip-btn.vip-active {
		background: #2cb655;
	}

	.navbar.mobile-nav .nav-link .notification-alert {
		position: absolute;
		margin-left: 50px;
		margin-top: 0;
		background: #3C096C;
		border-radius: 50px;
		padding: 4px 8px;
	}
	
	.navbar.mobile-nav .navbar-toggler {
		border: none;
	}
	
	.navbar.mobile-nav .navbar-toggler:focus,
	.navbar.mobile-nav .navbar-toggler:active {
		outline: none;
	}
	
	.navbar.mobile-nav .navbar-toggler i {
		color: #fff;
	}
	
	.navbar.mobile-nav .navbar-collapse {
		margin-top: 10px;
	}

	.navbar.mobile-nav #notificationNav .notification {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.navbar.mobile-nav #notificationNav .notification a {
		color: #fff;
		float: left;
	}

	.navbar.mobile-nav #notificationNav .notification a:hover,
	.navbar.mobile-nav #notificationNav .notification a:focus,
	.navbar.mobile-nav #notificationNav .notification a:active {
		color: #dd9595;
		text-decoration: none;
	}

	.navbar.mobile-nav #menuNav .dropdown-item,
	.navbar.mobile-nav #userNav .dropdown-item {
		color: #fff;
		padding: 0.75rem 1rem;
		width: 200px;
		margin: 0 auto;
		text-align: left;
	}

	.navbar.mobile-nav #menuNav .dropdown-item i,
	.navbar.mobile-nav #userNav .dropdown-item i {
		color: #dd9595;
		border: 2px solid #dd9595;
		width: 40px;
		height: 40px;
		line-height: 35px;
		text-align: center;
		border-radius: 50px;
		margin-right: 15px;
	}
	
	.navbar.mobile-nav #userNav .dropdown-item small {
		margin-left: 48.5px;
	}
	
	.navbar.mobile-nav #menuNav .dropdown-item:hover,
	.navbar.mobile-nav #menuNav .dropdown-item:focus,
	.navbar.mobile-nav #menuNav .dropdown-item:active,
	.navbar.mobile-nav #userNav .dropdown-item:hover,
	.navbar.mobile-nav #userNav .dropdown-item:focus,
	.navbar.mobile-nav #userNav .dropdown-item:active {
		background: #3C096C;
		border-radius: 5px;
	}

	.navbar.mobile-nav #userNav .dropdown-item .badge {
		background: #3C096C;
		padding: 4px 8px;
		border-radius: 50px;
	}

	#main-content .navbar .nav-link {
		margin-left: 20px;
	}

	#main-content .navbar.mobile-nav .nav-link {
		margin-left: 0;
	}


	/* SEARCH */
	.search-nav {
		width: 100%;
		text-align: center;
		background: #3C096C;
		padding: 10px;
	}

	.search-nav .navbar-toggler {
		border: none;
	}
	
	
	.search-nav .navbar-toggler:focus,
	.search-nav .navbar-toggler:active {
		outline: none;
	}
	
	.search-nav .navbar-toggler i {
		color: #fff;
	}

	#searchbar {
		box-shadow: none;
	}

	#searchbar .input-group {
		margin-bottom: 10px;
	}

	#searchbar .text-right {
		text-align: center !important;
	}
	
	
	/* CONTENT */
	#content {
		text-align: center;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	#content .site-content-open {
		text-align: left;
		max-height: inherit;
		overflow-y: auto;
	}

	#main-content .info-boxes {
		display: none;
	}


	/* LIKE GALLERY */
	.encounters .spinner {
		width: 65%;
		margin: 0 auto;
	}

	.encounters .spinner img {
		margin: 0 auto;
		max-width: 100%;
	}

	.encounters .roulette .encounterContent {
		width: 65% !important;
	}

	#main-container .encounters .roulette .encounterContent .btn-dislike {
		left: 136px;
	}

	#main-container .encounters .roulette .encounterContent .btn-like {
		right: 136px; 
	}


	/* MAIN CONTAINER */
	#main-container .new-users .user-datas {
		width: inherit;
	}

	#main-container .new-users .box .is {
		width: 91%;
	}

	#main-container .profile-datas .mb-4 {
		margin-bottom: 0 !important;
	}

	#main-container .profile-datas #interested_form {
		margin-bottom: 20px;
	}

	#main-container .profile-datas .input-group {
		margin-bottom: 10px;
	}

	#main-container .payments-sms .col-lg-6 {
		margin-bottom: 20px;
	}

	#main-container .game img {
		max-width: 100%;
		height: auto;
	}

	#main-container .game .text-right {
		text-align: center !important;
	}

	#main-container .game .text-right .btn {
		width: 100%;
	}


	/* CHAT */
	.chat .desktop-chat-icons {
		display: none;
	}

	.chat .mobile-chat-icons {
		display: inherit;
	}

	.chat .mobile-chat-icons .dropdown-menu {
		margin-left: -80px;
	}

	.chat .mobile-chat-icons .dropdown-menu a {
		color: #666 !important;
		margin-left: 10px;
	}
	
	
	/* FOOTER */
	footer {
		position: relative;
		box-shadow: none;
		height: auto;
		line-height: auto;
		text-align: center;
	}
}


/* MOBILE L OR SMALLER */
@media only screen and (max-width: 425px) {
	/* WRAPPER */
	#wrapper {
		background: #e3e3e3;
		height: inherit;
	}

	/* COOKIES */
	#cookies {
		position: fixed;
		bottom: 0;
		z-index: 9999;
		height: auto;
	}
	
	/* CONTENT */
	#content {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 160px;
		margin-bottom: 50px;
		width: 100%;
	}

	#content .site-content-open {
		box-shadow: none;
	}


	/* AUTH FORM */
	#content #auth-form {
		width: auto;
		margin-top: 0px;
	}

	#content #auth-form .btn-outline {
		margin-bottom: 20px !important;
	}


	/* MAIN CONTAINER */
	#main-container .info-boxes {
		display: none;
	}

	#main-container .payments .table .badge {
		font-size: 12px;
	}

	#main-container .top p a {
		font-size: 12px;
	}

	#main-container .visited-profile-datas .main-row,
	#main-container .profile-datas .main-row {
		width: initial;
	}

	#main-container .visited-profile-datas .left-box,
	#main-container .profile-datas .left-box {
		margin-bottom: 20px;
	}

	#main-container .visited-profile-datas .main-row .col-lg-9,
	#main-container .profile-datas .main-row .col-lg-9 {
		padding-right: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}

	/* LIKE GALLERY */
	.encounters .spinner {
		width: 100%;
	}

	.encounters .roulette .encounterContent {
		width: 100% !important;
	}

	#main-container .encounters .roulette .encounterContent .btn-dislike {
		left: 15px;
	}

	#main-container .encounters .roulette .encounterContent .btn-like {
		right: 15px; 
	}

	
	/* FOOTER */
	footer {
		position: relative;
		height: auto;
		line-height: auto;
		text-align: center;
	}

	footer .text-right {
		text-align: center !important;
	}

	#footer .text-right {
		text-align: center !important;
		margin-top: 20px;
	}

	#footer {
		position: relative;
		box-shadow: none;
		text-align: center !important;
	}

	#footer .footer-divider {
		margin: 0 auto;
	}

	#footer .footer-divider.float-right {
		float: none !important;
	}

	#copyright,
	#copyright .text-right {
		text-align: center !important;
	}
}