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

osDMix V1.00 - Color Opt - Purple

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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #493955;
}
hr {
	border-top: 1px solid #33283b;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: #E91E63;
	outline: none;
}
.link-danger {
	color: #F44336;
}
.link-danger:hover,
.link-danger:focus,
.link-danger:active {
	color: #f16459;
}
.well {
	background: #3f3149;
	border-color: #382b41;
	color: #fff;
}
.help-block{
	background: #3f3149;
	padding: 10px;
	color: #b0b0b0;
	font-size: 11px;
	margin: 5px 7px 10px 5px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #382b41;
}

/* ==== Padding ==== */
.pad-s {padding: 5px;}
.pad-s-tb {padding-top: 5px;padding-bottom: 5px;}
.pad-s-lr {padding-left: 5px;padding-right: 5px;}
.pad-s-t {padding-top: 5px;}
.pad-s-b {padding-bottom: 5px;}
.pad-m {padding: 10px;}
.pad-m-tb {padding-top: 10px;padding-bottom: 10px;}
.pad-m-lr {padding-left: 10px;padding-right: 10px;}
.pad-m-t {padding-top: 10px;}
.pad-m-b {padding-bottom: 10px;}
.pad-l {padding: 20px;}
.pad-l-tb {padding-top: 20px;padding-bottom: 20px;}
.pad-l-lr {padding-left: 20px;padding-right: 20px;}
.pad-l-t {padding-top: 20px;}
.pad-l-b {padding-bottom: 20px;}

/* ==== Defaut Nav ==== */
.navbar-default {
	background-color: #ffffff;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-color: #ffffff;
	border-radius: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #493955;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.navbar-default .navbar-brand.wimg,
.navbar-default.lo-nav .navbar-brand.wimg,
.navbar-default.li-nav .navbar-brand.wimg {
	padding: 5px 10px;		
}
.navbar-default .navbar-brand.wimg img,
.navbar-default.lo-nav .navbar-brand.wimg img,
.navbar-default.li-nav .navbar-brand.wimg  img{
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 50px;	
}

/* ==== Logged Out Nav ==== */
.navbar-default.lo-nav .navbar-brand {
	color: #493955;
	border-radius: 3px;
	font-family: 'Scope One', serif;
	font-size: 22px;
}
.navbar-default.lo-nav .navbar-brand:focus,
.navbar-default.lo-nav .navbar-brand:hover {
	color: #493955;
	background: none;
	outline: none;
}
.navbar-default.lo-nav .navbar-nav>li>a {
	color: #fff;
	padding: 10px 15px;
	background: #35293e;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-default.lo-nav .navbar-nav>li>a:focus,
.navbar-default.lo-nav .navbar-nav>li>a:hover {
	color: #35293e;
	background-color: #ffffff;
	outline: none;
}
.navbar-default.lo-nav .navbar-collapse,
.navbar-default.lo-nav .navbar-form {
	border-color: #35293e;
}
.navbar-default.lo-nav  .navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar-default.lo-nav .navbar-toggle {
	border: 1px solid #493955;
	background: #493955;
	color:#fff;
}
.navbar-default.lo-nav .navbar-toggle:focus,
.navbar-default.lo-nav .navbar-toggle:hover {
	border: 1px solid #493955;
	background: #fff;
	color:#493955;
}
.navbar-default.lo-nav .navbar-toggle .icon-bar {
	background-color: #fff;
}

@media (min-width: 768px) {
	.navbar-default.lo-nav .navbar-brand{
		padding: 20px 10px;
		height: auto;
		margin: 0px;
	}
	
	.navbar-default.lo-nav .navbar-nav>li>a {
		color: #493955;
		background-color: #ffffff;
		border: 1px solid #493955;
		padding: 10px 15px;
		border-radius: 2px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.lo-nav  .navbar-nav>li {
		margin: 10px 3px;
	}

	.navbar-default.lo-nav .navbar-nav>li>a:focus,
	.navbar-default.lo-nav .navbar-nav>li>a:hover {
		color: #FFFFFF;
		background-color: #493955;
		outline: none;
		border-color: #493955;
	}
}

/* ==== Logged In Nav ==== */
.navbar-default.li-nav .navbar-brand {
	color: #493955;
	font-family: 'Scope One', serif;
	font-size: 22px;
}
.navbar-default.li-nav .navbar-brand {
	padding: 20px 10px;
	height: auto;
	margin: 0px;
}
.navbar-default.li-nav .navbar-brand:focus,
.navbar-default.li-nav .navbar-brand:hover {
	color: #493955;
	background: none;
	outline: none;
}
.navbar-default.li-nav .navbar-header {
	float: none;
}
.navbar-default.li-nav .navbar-brand {
	display: block;
	float: none;
	text-align: center;
	background-color: #ffffff;
	color: #31403e;
}	
.navbar-default.li-nav .navbar-brand:hover {
	background-color: #fff;
	color: #ddd;
}
.navbar-default .navbar-brand.wimg img,
.navbar-default.lo-nav .navbar-brand.wimg img,
.navbar-default.li-nav .navbar-brand.wimg  img{
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 40px;	
	margin: 0px auto;
}

/* ==== Top Menu ==== */
.top-menu {
	margin: 0px;
	background-color: #ffffff;
	border: 0px;
	border-bottom: 0px solid #b8b8b8;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	border-radius: 0px;
	min-height: 45px;
}
.navbar-inverse.top-menu .navbar-nav{
	float: none;
	text-align: right;
}
.navbar-inverse.top-menu .navbar-brand{
	color: #493955;
	font-family: 'Scope One', serif;
	font-size: 22px;
}
.navbar-inverse.top-menu .navbar-brand.wimg{
	padding: 5px 10px;		
}
.navbar-inverse.top-menu .navbar-brand.wimg img{
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 40px;	
}
@media (min-width: 768px){
	.navbar-nav>li {
		float: none;
		display: inline-block;
	}
}
.navbar-inverse.top-menu .navbar-nav>li>a {
	color: #493955;
	margin: 5px;
	background: #ffffff;
	padding: 8px 12px;
	border-radius: 2px;
	border: 1px solid #493955;
}
.navbar-inverse.top-menu .navbar-nav>li>a.active {
	color: #fff;
	background-color: #493955;
	border-color:#493955;
}
.navbar-inverse.top-menu .navbar-nav>li>a:focus,
.navbar-inverse.top-menu .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #493955;
	border-color:#493955;
}
.navbar-inverse.top-menu  .navbar-nav>.open>a,
.navbar-inverse.top-menu  .navbar-nav>.open>a:focus,
.navbar-inverse.top-menu  .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #493955;
	border-color:#493955;
}
.navbar-inverse.top-menu .dropdown-menu {
	background-color: #ffffff;
	border: 0px;
	margin-top: 2px;
	border-radius: 0px 0px 2px 2px;
	right: 0;
	left: inherit;
}
.navbar-inverse.top-menu .navbar-toggle:hover,
.navbar-inverse.top-menu .navbar-toggle:focus {
	background-color: #493955;
	border-color: #493955;
	color: #fff;
	text-decoration: none;
}
.navbar-inverse.top-menu .navbar-header {
	text-align: right;
}
.navbar-inverse.top-menu  .navbar-collapse,
.navbar-inverse.top-menu  .navbar-form {
	border-color: #2d2d2d;
	margin-top: 0px;
}
.nav-mess {
	display: none;
}

/* ==== Quick Bar ==== */
.top-menu .quick-bar {
	background-color: #33283b;
	text-align: right;
	padding: 5px 0px;
	overflow: hidden;
	clear:both;
}
.top-menu .quick-bar a.tlink {
	display: inline-block;
	background: #ffffff;
	padding: 6px;
	border-radius: 2px;
	margin: 3px;
	border: 1px solid #ffffff;
	color: #33283b;
}
.top-menu .quick-bar a.tlink.active {
	background-color: #dc4d42;
	color: #ffffff;
	border-color: #dc4d42;
}
.top-menu .quick-bar .welcome-box {
	display: inline-block;
	float:left;
	overflow:hidden;
	color: #fff;
}
.top-menu .quick-bar .welcome-box img {
	width: 38px;
	height: 38px;
	border-radius: 19px;
	float: left;
}
.top-menu .quick-bar .welcome-box .txt {
	display: inline-block;
	float: left;
	padding: 1px 3px 1px 6px;
	text-align: left;
	width: 100px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	height: 38px;
}

@media (max-width: 320px) {
	.top-menu .quick-bar .welcome-box .txt{
		display:none;
	}
}
@media (max-width: 767px) {
	.top-menu {
		min-height: 35px;
	}
	.navbar-inverse.top-menu .navbar-toggle {
		display: inline-block;
		border: 0px;
		padding: 6px 12px;
		font-size: 16px;
		background-color: #fff;
		color: #493955;
		border-radius: 2px;
	}
	.navbar-inverse.top-menu .navbar-nav .open .dropdown-menu {
		background-color: #493955;
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 2px 2px 2px 2px;
	}
	.navbar-inverse.top-menu .navbar-nav li {
		text-align: left;
	}
	.navbar-inverse.top-menu .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		font-size: 12px;
	}
	.top-menu .quick-bar{
		padding: 3px 0px;
	}
	.top-menu .quick-bar a {
		padding: 3px 6px;
	}
}

/* ==== Head Bar ==== */
.head-bar{
	background-color: #33283b;
	text-align: right;
	padding: 0px 0px 5px 0px;
	overflow: hidden;
	clear:both;
	border-bottom: 1px solid #282828;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.head-bar .site-logo {
	display: block;
	background-color: #ffffff;
	text-align:center;	
	margin-bottom: 5px;
}
.head-bar .site-logo a {
	display: inline-block;
	float: none;
	font-family: 'Scope One', serif;
	font-size: 22px;
	color: #493955;
}
.head-bar .navbar-brand.wimg{
	padding: 5px 10px;		
}
.head-bar .navbar-brand.wimg img{
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 50px;	
}
.head-bar a.tlink {
	display: inline-block;
	background: #ffffff;
	padding: 6px;
	border-radius: 2px;
	margin: 3px;
	border: 1px solid #ffffff;
	color: #33283b;
}
.head-bar a.tlink.active {
	background-color: #dc4d42;
	color: #ffffff;
	border-color: #dc4d42;
}
.head-bar .welcome-box {
	display: inline-block;
	float:left;
	overflow:hidden;
	color:#fff;
}
.head-bar .welcome-box img {
	width: 38px;
	height: 38px;
	border-radius: 19px;
	float: left;
}
.head-bar .welcome-box .txt {
	display: inline-block;
	float: left;
	padding: 1px 3px 1px 6px;
	text-align: left;
	width: 100px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	height: 38px;
}

@media (max-width: 320px) {
	.head-bar .welcome-box .txt{
		display:none;
	}
}

/* ==== Sidebar Menu Fold ==== */
.sidebar .sidebar-nav .panel-menu {
	border: 0px;
	margin: 0px 0px 3px 0px;
	box-shadow: none;
	border-radius: 0px;
	background: #261f2c;
}
.sidebar .sidebar-nav .panel-menu .panel-heading {
	padding: 0px;
	border-top: 0px;
	border-bottom:0px;
	border-right: 0px;
	border-left: 0px;
	border-radius: 0px;
	text-align: left;
}
.sidebar .sidebar-nav .panel-menu .panel-heading a {
	display: block;
	padding: 10px 15px;
	background-color: #3f3149;
	color: #ffffff;
	border: 1px solid #33283b;
	border-radius: 3px 3px 3px 3px;
}
.sidebar .sidebar-nav .panel-menu .panel-heading a:hover,
.sidebar .sidebar-nav .panel-menu .panel-heading a:focus, 
.sidebar .sidebar-nav .panel-menu .panel-heading a:active{
	text-decoration: none;
	background-color: #33283b;
	color: #ffffff;
	border-color: #33283b;
}
.sidebar .sidebar-nav .panel-menu .panel-body {
	padding: 0px;
}
.sidebar .sidebar-nav .panel-menu .panel-body ul {
	margin: 0px;
}
.sidebar .sidebar-nav .panel-menu .panel-body ul li a {
	display: block;
	padding: 3px 3px 3px 15px;
}

/* ==== Sidebar Menu Full ==== */
.side-menu .menu-sec {
	margin: 0px 0px 10px 0px;
	background: #33283b;
	padding: 10px 5px;
	border-radius: 3px 3px 3px 3px;	
}
.side-menu .menu-sec .menu-sec-title {
	padding: 5px 0px;
	font-size: 14px;
	color: #E91E63;
	border-bottom: 2px solid #E91E63;
	margin: 0px 7px 5px 7px;
}
.side-menu .menu-sec ul li a {
	display: block;
	padding: 5px 17px 5px 17px;
	color: #fff;	
}

/* ==== Manage Language ==== */
#manage-lang select {
	width: 100%;
}

/* ==== Layout :: General ==== */
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.page-wrapper {
	min-height: 300px;
	margin-right: 0px;
	margin-left: 0px;
}
.sidebar {
	margin-top: 25px;
	padding-right: 0px;
	padding-left: 10px;
}
.main-content { 
	margin-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

@media (max-width: 767px) {
	.main-content {
		margin-top: 10px;
		padding: 0px;
	}
	.sidebar {
		padding: 0px;
	}
}

.main-content-main {
	padding: 0px 0px 50px 0px;
	margin-bottom: 20px;
	min-height: 650px;
}
.container {
	width: 100%;
	max-width: 1224px;
}
.container#main-area {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 55px;
}
.loggedIN .container#main-area {
	margin-top: 95px;
}
.container#main-area-sm {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 55px;
}
.loggedIN .container#main-area-sm {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
}
.container#main-area#w-header {
	margin-top: 0px;
}

@media (max-width: 767px) {
	.container#main-area {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 55px;
	}
	.container#main-area-sm {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 55px;
	}
	.loggedIN .container#main-area-sm {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 95px;
	}
}

/* ==== Sidebar ==== */
.sidebar .panel-default .panel-heading {
	text-align: center;
	font-family: 'Scope One', serif;
	font-size: 16px;
}
.sidebar .panel-default .panel-body {
	padding: 15px 10px;
}


/* ==== Titles / Headings ==== */
.page-title {
	font-size: 20px;
	margin: 0px -10px 10px -10px;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #33283b;
	color: #ffffff;
	border-radius: 3px 3px 0px 0px;
	font-family: 'Scope One', serif;
}

@media (max-width: 767px) {
	.page-title {
		font-size: 14px;
		margin: 0px 0px 10px 0px;
		text-align: center;
		padding-top: 18px;
	}	
		
	h3.sub-title {
		margin: 0px 0px 5px 0px;
		font-size: 16px;
		border-bottom: 1px solid #e91e63;
		padding: 10px 0px 15px 0px;
		text-align: center;
		color: #FFF;
	}
}

.sub-head {
	color: #e91e63;
	padding: 5px 0px;
	font-family: 'Scope One', serif;
	font-size: 22px;
}

@media (max-width: 767px) {
	.sub-head {
		font-size: 18px;
	}	
}

.sub-date {
	font-size: 10px;
	color: #ffffff;
}


/* ==== Homepage ==== */
/* ==== Special Offer Block ==== */
.header-block {
	margin: 60px auto 0px auto;
	background-image: url('../images/opt3.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	max-width: 1195px;
}
@media (max-width: 767px) {
	.header-block {
		margin: 45px auto 0px auto;
	}
}
.header-block .offer-heading {
	font-size: 22px;
	color: #414141;
}
.header-block .offer-body {
	color: #FFF;
	font-size: 14px;
	padding: 10px 0px;
}
.header-block #IndexDesc .index-home{
	padding: 12% 5%;
}

/* === Feature Blocks === */
.highlight-features h3{
	color: #ffffff;
}
.feature-block {
	margin: 25px 0px 25px 0px;
	overflow: hidden;
	border: 1px solid #33283b;
	background: #3f3149;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 1px 1px 1px #33283b;
	box-shadow: 1px 1px 1px #33283b;
}
.feature-block.text-left .feature-icon {
	text-align: center;
	font-size: 26px;
	float: left;
}
.feature-block.text-right .feature-icon {
	text-align: center;
	font-size: 26px;
	float: right;
}
.feature-block .feature-icon span {
	display: inline-block;
	width: 55px;
	height: 55px;
	border: 1px solid #33283b;
	padding: 7px 10px;
	margin: 10px;
	color: #33283b;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background: #ffffff;
}
.feature-block .feature-desc {
	margin-left: 80px;
	padding: 20px 5px;
	color: #FFF;
}
.feature-block.text-right .feature-desc {
	margin-right: 80px;
	margin-left: 0px;
}

@media(max-width:640px) {
	.feature-block {
		margin: 0px 0px 15px 0px;
	}
	.feature-block.text-left .feature-icon {
		font-size: 18px;
	}
	.feature-block.text-right .feature-icon {
		font-size: 18px;
	}
	.feature-block .feature-icon span {
		width: 40px;
		height:40px;
		padding: 7px 10px;
		margin: 7px;
	}
	.feature-block .feature-desc {
		margin-left: 50px;
		padding: 7px 5px;
	}
	.feature-block.text-right .feature-desc {
		margin-left: 0px;
		 margin-right: 50px;
		padding: 7px 5px;
	}
}

@media(max-width:379px) {
	.feature-block {
		text-align: center;
	}
	.feature-block.text-left .feature-icon {
		font-size: 18px;
		float: none;
	}
	.feature-block.text-right .feature-icon {
		font-size: 18px;
		float: none;
	}
	.feature-block .feature-icon span {
		width: 40px;
		height:40px;
		padding: 7px 10px;
		margin: 7px;

	}
	.feature-block .feature-desc {
		margin: 0px;
	}
	.feature-block.text-right .feature-desc {
		 margin:0px;
	}
}

.user-header {
	padding: 20px 0px 30px 0px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.user-header img{
	border-radius: 3px;
	max-height: 150px;
	width: auto;
	max-width: 100%;
	display: block;
	margin: 5px auto;
}

/* Users HOMEPAGE - NON LOGGED*/
.homepage_user_list .user-scroll-box {
	-webkit-box-shadow: 1px 1px 1px #242424;
	box-shadow: 1px 1px 1px #242424;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #242424;
}
.homepage_user_list ul li {
	padding: 10px 5px;
	background-color: #3f3149;
	border: 1px solid #33283b;
	color: #fff;
}
.homepage_user_list ul li.active,
.homepage_user_list ul li.active:hover,
.homepage_user_list ul li.active:active{
	background-color: #33283b;
	border-color: #33283b;
	border-radius: 3px 3px 0px 0px;
	text-align: center;	
}
.homepage_user_list ul li.active select {
	border: 0px;
	font-size: 10px;
	padding: 2px 10px;
	height: 25px;
}
.homepage_user_list ul li .user-box-inner{
	overflow: hidden;
	clear:both;
}
.homepage_user_list ul li .ub-photo-sec {
	width: 30%;
	float: left;
}
.homepage_user_list ul li .ub-photo-sec img.ub-img {
	width: 50px;
	height: 50px;
	border-radius: 25px 25px 25px 25px;
	margin: 0px auto;
	display: block;	
}
.homepage_user_list ul li .ub-details-sec {
	width: 70%;
	float: left;
}
.homepage_user_list ul li .ub-details-sec .users-name{
	padding-top: 3px;
}
.homepage_user_list ul li .ub-details-sec .badge {
	font-size: 10px;
	font-weight: normal;
	background-color: #E91E63;
	border: 1px solid #E91E63;
	color: #ffffff;
	line-height: 8px;
	padding: 3px 5px;
	border-radius: 2px 2px 2px 2px;
	margin: -3px 0px 0px 0px;
}
.homepage_user_list ul li .ub-details-sec .ub-age,
.homepage_user_list ul li .ub-details-sec .ub-stat,
.homepage_user_list ul li .ub-details-sec .ub-country {
	font-size: 10px;
}
.homepage_user_list ul li .ub-details-sec .ub-stat {
	text-align: right;
}
.homepage_user_list ul li .ub-details-sec .ub-stat b {
	font-weight: normal;
}

/* ==== Header :: Stats ==== */
.header-stats {
	width: 100%;
	max-width: 1194px;
	margin: 0px auto 10px auto;
}
.header-stats .panel-default {
	box-shadow: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px 0px 2px 2px;
	border: 1px solid #ffffff;
	background: #ffffff;
}
.header-stats .panel-default .panel-heading {
	display: none;
}
.header-stats .panel-body {
	padding: 0px;
}
.header-stats ul.stat-list {
	overflow: hidden;
	margin: 0px;
	background: #ffffff;
	color: #493955;
}
.header-stats ul.stat-list li {
	width: 33.3333334%;
	float: left;
	text-align: center;
}
.header-stats ul.stat-list.w-couples li {
	width: 25%;
	float: left;
}
.header-stats ul.stat-list li .stat-inner {
	padding: 20px 0px 25px 0px;
	border-right: 1px solid #ebebeb;
}
.header-stats ul.stat-list li:last-child .stat-inner{
	border: 0px;
} 
.header-stats ul.stat-list li .stat-icon {
	display: block;
	font-size: 26px;
	text-align: center;
}

@media (max-width: 460px) {
	.header-stats ul.stat-list.w-couples li .stat-icon{
		font-size: 20px;
	}
}

.header-stats ul.stat-list li .stat-desc{
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 6px 4px;
}

@media (max-width: 769px) {
	.header-stats ul.stat-list li .stat-desc{
		display:none;
	}
}

.header-stats ul.stat-list li .stat-count{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	border: 1px solid #493955;
	background: #ffffff;
	padding: 1px 10px;
	border-radius: 2px 2px 2px 2px;
	color: #493955;
}

@media (max-width: 460px) {
	.header-stats ul.stat-list li .stat-inner {
		padding: 10px 0px 10px 0px;
	}
	.header-stats ul.stat-list li .stat-count{
		border: 0px;
		font-size: 12px;
		padding: 5px 2px;
		overflow: hidden;
	}
}

.header-stats ul.stat-list li.male-stat .stat-icon {
	color: #72D3FF;
}
.header-stats ul.stat-list li.female-stat .stat-icon {
	color: #E91E63;
}
.header-stats ul.stat-list li.online-stat .stat-icon {
	color: #598b1e;
}
.header-stats ul.stat-list li.weekly-stat,
.header-stats ul.stat-list li.pic-stat {
	display: none;
}

/* ==== Quick Search ==== */
@media (min-width: 768px) {
	#quickSearch .modal-dialog{
		width: 410px;
	}
}

.quickSearch label {
	display: block;
	margin: 0px;
	padding: 0px 5px 5px 0px; 
	color: #fff;	
	text-transform: capitalize;
}
.quickSearch .bs-col-1,
.quickSearch .bs-col-2 {
	width: 50%;
	float: left;
	padding-bottom: 10px;
}
.quickSearch .gnder-select {
	width: 96%;
}
.quickSearch .age-select {
	width: 96%;
}

@media (max-width: 410px) {
	.quickSearch .bs-col-1,
	.quickSearch .bs-col-2 {
		width: 100%;
		float: none;
		padding-bottom:3px;
	}
	.quickSearch .bs-col-1.bs-age,
	.quickSearch .bs-col-2.bs-age {
		width: 50%;
		float:left;
	}
}
.quickSearch hr {
	margin: 10px 0px;
	border-color: #d3d3d3;
}
.quickSearch .adv-link {
	text-align: right;
}

@media (max-width: 580px) {
	.quickSearch select,.quickSearch select.form-control{
		height: 30px;
		padding: 3px 12px;
		font-size: 12px;
	}
}

/* ==== Shoutbox ==== */
#SBmsgArea{
	height: 250px;
	overflow: auto;
	padding: 0px 5px;
}
.new_shout {
	border-top: 1px solid #33283b;
}
.shout_text {
	padding: 5px;
}
.newshout_input {
	padding: 10px 0px;
}
.newshout_input #shout_text {
	margin: 2px auto;
}
span.chrt_remaining {
	display: block;
	width: 30%;
	text-align: center;
	float: right;
	padding-top: 3px;
}
span.chrt_remaining .textinput {
	height: 15px;
	border: 1px solid #33283b;
	background: #FFF;
	color: #33283b;
	text-align: center;
}
span.select_smile {
	display: block;
	width: 70%;
	float: right;
	text-align: left;
	padding-bottom: 5px;
}
span.select_smile a {
	padding: 3px;
	display: inline-block;
}
.all_shouts {
	display: block;
	width: 100px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #9e9e9e;
	margin: 0px auto;
	padding: 3px;
}
.all_shouts:hover {
	cursor: pointer;
	background: #FFFFFF;
}

/* ==== IM Messages ==== */
#userList a:hover {
	cursor: pointer
}
p.new_m_head {
	padding: 3px 10px;
	margin-bottom: 3px;
}
.new_m_mess {
	clear: both;
}
.msgArea {
	border-bottom: 1px solid #33283b;
	padding: 0px 5px;
	margin-bottom: 5px;
}
.msgArea a:hover {
	cursor: pointer;
}
textarea#im_msg {
	display: block;
	width: 90%;
	overflow: auto;
	padding: 2%;
	margin: 0px auto;
}
span#msg_chrs_cnt{
	display: block;
	padding: 3px;
	font-size: 11px;
	text-align: center;
}

/* ==== Birthday Banner ==== */
.birthday-banner {
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #3f3149;
	border: 1px solid #33283b;
	border-radius: 7px 7px 7px 7px;
}
.birthday-banner img.cupcake {
	display: block;
	width: 50px;
	height: 50px;
	margin: 10px;
	float: left;
	background: #FFF;
	border-radius: 7px;
}
.birthday-banner .birthday-message {
	font-size: 20px;
	color: #ffffff;
	padding: 20px 0px 22px 0px;
	text-align: center;
}

@media (max-width: 640px) {
	.birthday-banner img.cupcake {
		width: 75px;
		height: 75px;
		float: none;
		margin: 10px auto;
	}	
	.birthday-banner .birthday-message {
		font-size: 18px;	
	}	
}

/* ==== Home User Stats ==== */
.user-home-stats {
	margin-bottom: 30px;
}
.user-home-stats dl {
	margin: 5px;
	padding: 10px 5px;
	border-radius: 3px;
	background: #3f3149;
	border: 1px solid #33283b;
	color: #ffffff;
}
.user-home-stats dl dt {
	width: 50%;
	float: left;
}
.user-home-stats dl dd {
	width: 50%;
	float: left;
	text-align: center;
}

@media (max-width: 560px) {
	.user-home-stats dl dt {
		width: 100%;
		float: none;
		text-align: center;
	}

	.user-home-stats dl dd {
		width: 100%;
		float: none;
		text-align: center;
	}	
}



/* ==== Users :: Small ==== */
.user-box.small-set {
	width: 20%;
	float: left;
	height: 225px;
	overflow: hidden;
}
@media (max-width: 991px) {
	.user-box.small-set {
		width: 33.333333337%;
		float: left;
	}
}

@media (max-width: 640px) {
	.user-box.small-set {
		width: 25%;
		float: left;
	}
}
@media (max-width: 460px) {
	.user-box.small-set {
		width: 33.33333337%;
		float: left;
	}
}
@media (max-width: 360px) {
	.user-box.small-set {
		width: 50%;
	}
}
.small-set .user-box-inner {
	margin: 5px;
	padding: 5px 2px;
	background: #33283b;
	border-bottom: 2px solid #e91e63;
}
.small-set .user-box-inner:hover,
.small-set .user-box-inner:focus {
	background: #382c41;
}
.user-box.small-set .ub-photo-sec {
	height: 150px;
}
.user-box.small-set .ub-photo-sec a {
	display: block;
	max-width:140px;
	margin: 0px auto;
	padding: 0px 5px;
}
.user-box.small-set .ub-photo-sec img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 140px;
	border-radius: 4px;
	margin: 10px auto;	
}
@media (max-width: 890px) {
	.user-box.small-set .ub-photo-sec img {
		max-height: 100px;
	}
	.user-box.small-set .ub-photo-sec {
		height: 120px;
	}	
}
@media (max-width: 768px) {
	.user-box.small-set .ub-photo-sec img {
		max-height: 75px;
	}
	.user-box.small-set .ub-photo-sec {
		height: 100px;
	}	
}
@media (max-width: 630px) {
	.user-box.small-set .ub-photo-sec img {
		max-height: 100px;
	}
	.user-box.small-set .ub-photo-sec {
		height: 120px;
	}
}

.user-box.small-set .ub-details-sec .users-name {
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	height: 18px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.user-box.small-set .ub-details-sec .users-name {
		font-size: 12px;
		height: 18px;
	}
	.user-box.small-set .ub-details-sec .users-name .badge {
		font-size: 10px;
		padding: 2px 5px 3px 5px;
	}
}
.user-box.small-set .ub-details-sec .users-info {
	text-align: center;
}

.user-box.small-set .ub-details-sec .users-info .ub-country {
	font-size: 10px;
	color: #919191;
	height: 30px;
	overflow: hidden;
}

/* ===== Users :: Medium ===== */
.user-box.med-set {
	width: 25%;
	float: left;
	height: 225px;
	overflow: hidden;
}
@media (max-width: 640px) {
	.user-box.med-set {
		width: 33.3333334%;
		float: left;
	}
}
@media (max-width: 540px) {
	.user-box.med-set {
		width: 50%;
		float: left;
	}
}
.med-set .user-box-inner {
	margin: 5px;
	background: #33283b;
	border-bottom: 2px solid #e91e63;
	overflow: hidden;
}
.med-set .user-box-inner:hover,
.med-set .user-box-inner:focus {
	background: #3f3149;
}
.user-box.med-set .ub-photo-sec {
	height: 150px;
}
.user-box.med-set .ub-photo-sec a {
	display: block;
}
.user-box.med-set .ub-photo-sec img {
	display: block;
	max-height: 140px;
	max-width: 95%;
	border-radius: 4px;
	margin: 5px auto 10px auto;	
}

@media (max-width: 890px) {
	.user-box.med-set .ub-photo-sec img {
		max-height: 100px;
	}
	.user-box.med-set .ub-photo-sec {
		height: 120px;
	}	
}
@media (max-width: 768px) {
	.user-box.med-set .ub-photo-sec img {
		max-height: 75px;
	}
	.user-box.med-set .ub-photo-sec {
		height: 100px;
	}	
}
@media (max-width: 630px) {
	.user-box.med-set .ub-photo-sec img {
		max-height: 100px;
	}
	.user-box.med-set .ub-photo-sec {
		height: 120px;
	}
}

.user-box.med-set .ub-details-sec .users-name {
	font-size: 14px;
	color: #FFF;
	text-align: center;
	height: 20px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.user-box.med-set .ub-details-sec .users-name {
		font-size: 11px;
		height: 17px;
	}
	.user-box.med-set .ub-details-sec .users-name .badge {
		font-size: 10px;
		padding: 2px 5px 3px 5px;
	}
}

.user-box.med-set .ub-details-sec .users-info {
	text-align: center;
}
.user-box.med-set .ub-details-sec .users-info .ub-country {
	font-size: 11px;
	color: #919191;
	height: 30px;
	overflow: hidden;
}

/* ===== Users :: Large ===== */
.user-box.large-set .u-box{
	overflow: hidden;
	margin-bottom: 5px;
	padding: 10px 5px;
	border: 1px solid #33283b;
	border-radius: 4px;
	background: #3f3149;
	color: #fff;
}
.user-box.large-set .u-box  .u-box-title {
	font-size: 14px;
}
@media (max-width: 640px) {
	.user-box.large-set .u-box  .u-box-title {
		font-size: 12px;
	}
}

.user-box.large-set .u-box  .u-box-title a{
	display: block;
	text-align: center;
	padding: 5px 0px;
	background: #33283b;
	color: #ffffff;
	margin-bottom: 5px;
	border-radius: 3px 3px 3px 3px;
}
.user-box.large-set .u-box .u-box-inner .u-box-pic {
	width: 25%;
	float: left;	
}
@media (max-width: 640px) {
	.user-box.large-set .u-box .u-box-inner .u-box-pic {
		width: 30%;
		float: left;	
	}	
}
@media (max-width: 460px) {
	.user-box.large-set .u-box .u-box-inner .u-box-pic {
		width: 40%;
		float: left;	
	}	
}

@media (max-width: 360px) {
	.user-box.large-set .u-box .u-box-inner .u-box-pic {
		width: 100%;
		float: none;
		padding-bottom: 10px;
	}	
}

.user-box.large-set .u-box .u-box-inner .u-box-pic a {
	display: block;
	margin: 0px auto;
	max-width: 140px;
	padding: 0px 10px 0px 5px;
}

.user-box.large-set .u-box .u-box-inner .u-box-pic img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 120px;
	margin: 5px auto;
}
@media (max-width: 640px) {
	.user-box.large-set .u-box .u-box-inner .u-box-pic img {
		max-width: 100%;
		max-height: 100px;
	}
}

.user-box.large-set .u-box .u-box-inner .u-box-data {
	width: 75%;
	float: left;
}
@media (max-width: 640px) {
	.user-box.large-set .u-box .u-box-inner .u-box-data {
		width: 70%;
		float: left;
	}
}

@media (max-width: 460px) {
	.user-box.large-set .u-box .u-box-inner .u-box-data {
		width: 60%;
		float: left;
	}
}
@media (max-width: 360px) {
	.user-box.large-set .u-box .u-box-inner .u-box-data {
		width: 100%;
		float: none;
	}	
}
.u-box-data-item {
	clear:both;
	overflow: hidden;
}
.u-box-data-item .u-box-data-item-label {
	font-weight: bold;
	width: 45%;
	float: left;
}
.u-box-data-item .u-box-data-item-answer {
	width: 55%;
	float: left;
}
.user-box.large-set .u-box .u-box-inner .u-online-stat{
	border: 1px solid #33283b;
	background: #3f3149;
	text-align: center;
	padding: 5px;
	border-radius: 3px 3px 3px 3px;
	font-size: 11px;
	margin: 5px 5px 0px 5px;
}

/* ==== User List ==== */
.user-list-item {
	width: 50%;
	float: left;	
}
@media (max-width: 540px) {
	.user-list-item {
		width: 100%;
		float: none;
	}
}
.user-list-item a  {
	display: block;
	padding: 5px;	
}
.show-all {
	text-align: center;
	padding: 3px;
	margin-top: 10px;
}
.show-all a {
	display: block;
}

/* ==== Search Form ==== */
.adv-search-pg dt {
	font-weight: normal;
	border: 1px solid #33283b;
	padding: 7px 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	background: #3f3149;
	color: #fff;
}
.adv-search-pg dt label {
	font-weight: bold;
    margin: 0px;
}
.adv-search-pg dd {
	padding: 10px 0px;
}

/* ==== Lucky Spinner ==== */
.luckySpin .nav-tabs {
	background: #33283b;
	border-bottom: 1px solid #33283b;
}
.luckySpin .nav-tabs  li {
	width: 50%;
	text-align: center;
}
.luckySpin .nav-tabs  li a{
	margin: 0px;
	border: 0px;
	border-radius: 0px;
}
.luckySpin .nav-tabs  li#nav-tab-spin-f a{
	border-radius: 0px 2px 0px 0px;
}
.luckySpin .nav-tabs  li#nav-tab-spin-m a{
	border-radius: 2px 0px 0px 0px;
}
.luckySpin .nav-tabs  li a:focus,
.luckySpin .nav-tabs  li a:hover{
	background: #2a2130;
	color: #fff;
	border: 0px;
}
.luckySpin .nav-tabs>li.active>a,
.luckySpin .nav-tabs>li.active>a:focus,
.luckySpin .nav-tabs>li.active>a:hover{
	background-color: #E91E63;
	color: #fff;
	border: 0px;
}
.luckySpin .spin-title {
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 10px 5px;
	font-family: 'Scope One', serif;
}
.luckySpin .spin-block {
	padding: 15px 10px;
}
.luckySpin img.smallpic {
	border-radius: 3px;
	height: 120px;
	width: auto;
	display: block;
	margin: 5px auto;
}
.luckySpin .formbutton {
	color: #ffffff;
	background: #e91e63;
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #e91e63;
	border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.luckySpin a.formbutton:hover,
.luckySpin a.formbutton:focus,
.luckySpin a.formbutton:active {
	color: #ffffff;
	background: #bc104a;
	outline: none;
	text-shadow: none;
}

/* ==== Join Page :: General ==== */
.step_bar ul#j_steps {
	list-style: none;
	overflow: hidden;
	margin: 0px -10px;
	padding: 0px;
}
.step_bar ul#j_steps li {
	display: block;
	width: 25%;
	margin: 0px;
	float: left;
	text-align: center;
}
.step_bar ul#j_steps li .jo {
	display: block;
	padding: 10px 5px;
	font-size: 12px;
	color: #7a7a7a;
	margin: 5px 2px;
	background: #33283b;
	border-radius: 3px 3px 3px 3px;
}
.step_bar ul#j_steps li.active .jo {
	color: #ffffff;
	background: #E91E63;
}
.sign_up_buttons {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #3f3149;
	overflow:hidden;
	clear:both;
}
.sign_up_buttons span {
	width: 33.33333%;
	float: left;
	text-align: center;
}

@media (max-width: 767px) {
	.step_bar ul#j_steps {
		margin: 0px 0px;
	}
}

/* ==== Join Page :: Password Strength ==== */
.password_bar{
	font-size: 2px;
	height: 2px;
	width: 210px;
	border-radius: 4px;
	margin: 4px 2px;
}
.password_text {
	font-size:10px;
}

/* ==== Join Page :: Confirm Reg ==== */
.box-centered-small {
	width: 500px;
	margin: 50px auto;
}
@media (max-width: 991px) {
	.box-centered-small {
		width: 95%;
		margin: 50px auto;
	}
}

p.fields_req {
	text-align: right;
}

/*==== Login Page ====*/
.login-opt {
	border: 1px solid #33283b;
	background: #3f3149;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px 3px 3px 3px;
}
.login-opt-box {
	width: 33.333333337%;
	float: left;
}
.login-opt-box .lob-inner {
	border: 1px solid #33283b;
	background: #3f3149;
	padding: 15px 10px;
	height: 130px;
	overflow: hidden;
	text-align: center;
	margin-right: -1px;
	color: #fff;
}
.login-opt-box .lob-inner:hover,
.login-opt-box .lob-inner:focus{
	background: #33283b;
}
@media (max-width: 640px) {
	.login-opt-box {
		width: 100%;
		float:none;
	}
	.login-opt-box .lob-inner {
		margin-right: 0px;
		margin-bottom: -1px;
	}
}

/* ==== Blogs ==== */
.blogs-nav {
	border-bottom: 1px solid #33283b;
	background: #33283b;
}
@media (max-width: 767px) {
	.blogs-nav {
		margin-top: 15px;
	}
}
.blogs-nav li {
	width: 33.33333333%;
	text-align: center;
	margin: 0px 0px -1px 0px;
}
.blogs-nav li a {
	border-radius: 0px;
	margin: 0px;	
}
.blogs-nav li a:hover,.blogs-nav li a:focus {
	background: #2b2232;
	border: 1px solid #2b2232;
	color: #ffffff;
}
.blogs-nav >li.active>a,
.blogs-nav >li.active>a:focus,
.blogs-nav >li.active>a:hover {
	color: #ffffff;
	cursor: default;
	background-color: #E91E63;
	border: 1px solid #E91E63;
	border-radius: 2px 2px 0px 0px;
}

/* ==== Blogs :: Add New ==== */
.blog-textarea {
	display: block;
	height: 150px;
	width: 95%;
	padding: 6px 2px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #FFF;
	background: #2b2232;
	border: 1px solid #2b2232;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;		
}
#blog-scd-date.modal table.calendar {
	background-color: #493955;
}
#blog-scd-date.modal .mainheading {
	border-bottom: 1px solid #33283b;
}
#blog-scd-date.modal .caldayheading tbody tr td {
	color: #ffffff;
	border-bottom: 1px solid #33283b;
	background: #33283b;
}
#blog-scd-date.modal table.calcells td.wkday {
	background-color: #ffffff;
	color: #525252;
}
#blog-scd-date.modal table.calcells td.wkend {
	background-color: #ffffff;
	color: #525252;
}
#blog-scd-date.modal table.calcells td.hover,#blog-scd-date.modal table.calcells td:hover {
	background-color: #3d3c3c;
	color: #fff;
}

/* ==== Blogs :: Settings ==== */
.max-cmts {
	width: 100px;
}
.form-control-textarea.bad-wrds {
	width: 95%;
	height: 150px;
}

/* ==== Blogs :: List ==== */
ul.blog-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.blog-list li.blog-list-item {
	margin-top: 15px;
	overflow: hidden;
	clear: both;
	background: #3f3149;
	border: 1px solid #33283b;
	border-radius: 2px 2px 2px 2px;
	color: #fff;
}
ul.blog-list li.blog-list-item .bfr {
	width: 60%;
	float:left;
	overflow: hidden;
}
ul.blog-list li.blog-list-item .blr {
	width: 40%;
	float:left;
	overflow: hidden;
}
ul.blog-list li.blog-list-item .blog-list-check {
	width: 9%;
	float: left;
	padding: 10px 0px 7px 0px;
	text-align: center;
}
ul.blog-list li.blog-list-item .blog-list-check input {
	margin-top: 2px;
}
ul.blog-list li.blog-list-item .blog-list-title {
	width: 91%;
	float: left;
	padding: 10px 0px 7px 0px;
}
ul.blog-list li.blog-list-item .blog-list-stats {
	width: 75%;
	float: left;
	padding: 10px 0px 7px 0px;
}
ul.blog-list li.blog-list-item .blog-list-stats span {
	display: inline-block;
	width: 50%;
	text-align: center;
}
ul.blog-list li.blog-list-item .blog-list-act {
	width: 25%;
	float: left;
	padding: 7px 0px 7px 0px;
	text-align: center;
	font-size: 16px;
}

@media (max-width: 640px) {
	ul.blog-list li.blog-list-item .bfr {
		width: 100%;
		float:none;
		border-bottom: 1px solid #33283b;
	}
	ul.blog-list li.blog-list-item .blr {
		width: 100%;
		float:none;
	}
}
.mass-delete {
	margin-top: 15px;
	border-top: 1px solid #33283b;
	padding-left: 10px;
}

/* ==== Blogs :: View My Blog ==== */
.view-blog-title {
	color: #ffffff;
	padding: 5px 0px;
	font-family: 'Scope One', serif;
	font-size: 22px;
	text-align: center;
}
@media (max-width: 640px) {
	.view-blog-title {
		font-size: 18px;
	}	
}
.view-blog-content {
	padding: 10px 8px;
	margin-top: 10px;
	color: #FFFFFF;
	min-height: 200px;
}
.view-blog-content img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
@media (min-width: 767px) {
	#rate-blog .modal-dialog {
		width: 300px;
	}
}

/* ==== Blogs Widget ==== */
ul.blog-widget {
	list-style: none;
	padding:0px;
	margin: 0px;
}
ul.blog-widget li {
	padding: 5px 0px;
	border-bottom: 1px dashed #242424;
}
ul.blog-widget li:last-child {
	border: 0px;
}

/* ==== Blog Lists :: Panels ==== */
.panel-default.panel-blog {
	box-shadow: none;
	margin-bottom: 35px;
}
.panel-default.panel-blog .panel-heading {
	padding: 0px;
	text-align: left;
}
.panel-default.panel-blog .panel-heading a {
	display: block;
	padding: 10px;
	border-radius: 2px 2px 0px 0px;
	color: #FFF;
}
.panel-default.panel-blog .panel-body{
	padding: 0px 10px 10px 10px;
}
.panel-default.panel-blog .panel-body .story-date {
	padding: 3px 0px;
	font-size: 12px;
	color: #9e9e9e;
}
.panel-default.panel-blog .panel-footer {
	background-color: #33283b;
	border-color: #33283b;
	color: #ffffff;
	padding: 0px;
}
.panel-default.panel-blog .panel-footer span {
	display: inline-block;
	width: 33.333333333%;
	text-align: center;
	padding: 4px 0px;
}

@media (max-width: 520px) {
	.panel-default.panel-blog .panel-footer span {
		width: 50%;
	}
	.panel-default.panel-blog .panel-footer span.s-user {
		width: 100%;
		display: block;
		border-top: 1px solid #2b2232;
	}
}

/* ==== Comments ==== */
.comment-sec-title {
	color: #ffffff;
	background-color: #E91E63;
	font-size: 18px;
	padding: 10px 10px;
	margin: 10px 0px;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
}
@media (max-width: 640px) {
	.comment-sec-title{
		font-size: 14px;
	}	
}
.comment-list {
	overflow: hidden;
	clear:both;
}
.comment-block {
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 8px;
	padding: 10px 10px;
	background: #3f3149;
	border: 1px solid #33283b;
	color: #fff;
	overflow: hidden;
}
.comment-block .comment-author {
	width: 27%;
	float: left;
}
.comment-block .comment-author a {
	display: block;
	margin: 0px 7px;
}
.comment-block .comment-author a img.ca-img {
	display: block;
	max-width: 100%;
	max-height: 50px;
	margin: 5px auto;
}
.comment-block .comment-info{
	width: 73%;
	float: left;
}
@media (max-width: 360px) {
	.comment-block {
		text-align: center;
	}
	.comment-block .comment-author {
		width: 100%;
		float: none;
	}
	.comment-block .comment-info{
		width: 100%;
		float: none;
	}
}
.comment-date {
	color: #868686;
}
.txt-remain {
	font-size: 10px;
	padding: 10px 0px;
}
.txt-remain input {
	border: 1px solid #33283b;
	background: #382b41;
	color: #ffffff;
	text-align: center;
}

/* ==== Tabs ==== */
.tabs-2 {
	margin-bottom: 15px;
}
.tabs-2 li {
	width: 50%;
	text-align: center;
}

/* ==== Panels ===== */
.panel-default {
	border: 1px solid #3f3149;
	border-radius: 2px;
	background: #3f3149;
	color: #ffffff;
}
.panel-default .panel-heading {
	color: #ffffff;
	background: #33283b;
	border-color: #33283b;
	border-radius: 2px 2px 0px 0px;
	margin: 0px -1px 0px -1px;
	padding: 20px 15px;
	text-align: center;
}
.panel-footer {
	background-color: #33283b;
	border-top: 1px solid #33283b;
}

.panel-medium {
	width: 600px;
	margin: 30px auto;
	border-radius: 0px;
}
@media (max-width: 991px) {
	.panel-medium {
		width: 98%;
	}
}
.panel-medium .panel-heading {
	border-radius: 0px;
}

/* ==== Spam box ==== */
.panel-spam {
	border: 1px solid #33283b;
	background-color: #3f3149;
	border-radius: 2px 2px 2px 2px;
	width: 300px;
	margin: 15px auto;
	color: #fff;
}
.panel-spam .panel-heading {
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dashed #33283b;
}
.panel-spam .spam-block {
	width: 250px;
	margin: 0px auto;
}
@media (max-width: 540px) {
	.panel-spam,
	.panel-spam .spam-block {
		width: 95%;
	}	
}
.panel-spam .help-block {
	padding: 5px 15px;
	text-align: center;
	background: #33283b;
}
.panel-spam .spam-img img{
	display: block;
	margin: 0px auto 10px auto;	
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #33283b;
}

/* ==== Alerts ==== */
.alert {
	border-radius: 2px 2px 2px 2px;
	margin: 20px 10px;
}
.alert-info {
	color: #493955;
	background-color: #ffffff;
	border-color: #ffffff;
	text-align: center;
	margin: 20px 10px;
}
.alert-success {
	color: #434343;
	background-color: #9bc16f;
	border-color: #72944b;
	text-align: center;
}
.alert-danger {
	color: #ffffff;
	background: #da5d54;
	border-color: #c7554d;
	text-align: center;
}
.alert-warning {
	color: #4b4a4a;
	background: #e0a958;
	border-color: #FF9800;
	text-align: center;
}

/* ==== Profile Box ==== */
.members-widget {
	border-radius: 2px;
	box-shadow: none;
}
.members-widget .panel-heading {
	text-align: center;
	font-size: 12px;
}
.members-widget .panel-heading select {
	border: 1px solid #ffffff;
	background: #fff;
	color: #525252;
	padding: 1px 8px;
	font-size: 10px;
	height: 26px;
	border-radius: 2px;
	line-height: inherit;
}
.members-widget .panel-heading select:focus,
.members-widget .panel-heading select:active {
	outline: none;
	border-color: #E91E63;
}

/* ==== Birthdays ==== */
.members-widget.birthdays .b-item {
	width: 25%;
	float: left;
}
@media (max-width: 989px) {
	.members-widget.birthdays .b-item {
		width: 50%;
	}
}
@media (max-width:387px) {
	.members-widget.birthdays .b-item {
		width: 100%;
		float: none;
	}
}
.members-widget.birthdays .b-item .b-pad {
	margin: 5px 5px 5px 0px;
	border: 1px solid #e91e63;
	background: #33283b;
	height: 29px;
	line-height: 14px;
	overflow: hidden;
}
.members-widget.birthdays .b-item .btn {
	margin: 0px 0px 0px 5px;
	border-radius: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
.members-widget.birthdays .b-item a.user-link {
	word-break: break-all;
	word-wrap: break-word;
	display: block;
	padding: 6px 5px 5px 5px;
}

/* ==== Pager :: Bottom ==== */
.bottom-pager {
	padding: 15px 0px;
	border-top: 1px solid #33283b;
}
.bottom-pager li a{
	display: inline-block;
	padding: 7px 14px;
	background-color: #3f3149;
	border: 1px solid #33283b;
	color: #ffffff;
	border-radius: 2px;
}
.bottom-pager li a:hover,
.bottom-pager li a:active,
.bottom-pager li a:focus {
	background-color: #E91E63;
	color: #FFF;
	border-color: #e91e63;
}
.pager.bottom-pager .disabled a,
.pager.bottom-pager .disabled a:focus,
.pager.bottom-pager .disabled a:hover {
	color: #33283b;
	cursor: not-allowed;
	background-color: #493955;
	border-color: #33283b;
}

/* ==== Pager :: Calendar ==== */
ul.pager-cal {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	clear: both;
	text-align: center;
}
ul.pager-cal li {
	display: inline-block;	
}
ul.pager-cal li span.cur{
	font-size: 14px;
}

/* ==== ADV Search ==== */
.search-opt {
	width: 50%;
	float: left;
}
@media (max-width: 420px) {
	.search-opt {
		width: 100%;
		float: none;
	}
}

/* ==== Articles List ==== */
.all-articles {
	overflow: hidden;
	clear:both;
}
.all-articles li {
	width: 50%;
	float: left;
	overflow:hidden;
}
.article-list-item {
	border: 1px solid #33283b;
	background: #3f3149;
	margin: 0px 5px 20px 5px;
	border-radius: 2px 2px 2px 2px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.article-list-item img {
	max-width: 80%;
}
.article-list-item .article-header {
	border-bottom: 1px solid #33283b;
	background: #33283b;
}
.article-list-item .article-header a {
	display: block;
	padding: 10px 5px 10px 5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.article-list-item .article-date {
	padding: 3px 5px;
	font-size: 11px;
	color: #8f8f8f;
	text-align: center;
}
.article-list-item .article-text{
	padding: 5px;
	text-align: center;
	height: 75px;
	overflow: hidden;
	word-wrap: break-word;
}
.article-list-item a.a-more {
	display: block;
	position: absolute;
	bottom: 0px;
	margin: 0px;
	width: 100%;
	border-radius: 0px 0px 2px 2px;
}
@media (max-width: 580px) {
	.all-articles li {
		width:	100%;
		float: none;
	}
	.article-list-item .article-text{
		height: auto;
	}	
}

/* ==== Success Stories List ==== */
.success-list {
	overflow: hidden;
	clear:both;	
}
.success-list li {
	width: 50%;
	float: left;
	margin-top: 30px;
}
.success-story-item {
	border: 1px solid #33283b;
	background: #3f3149;
	margin-bottom: 20px;
	border-radius: 2px 2px 2px 2px;
	margin: 0px 5px;
	position: relative;
}
.success-story-item .heart-icon {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 28px;
	text-align: center;
	padding: 5px 0px;
	border: 1px solid #33283b;
	background-color: #3f3149;
	margin: -25px auto 0px auto;
	border-radius: 2px 2px 2px 2px;
	color: #ffffff;
}
.success-story-item .success-story-item-inner {
	height: 160px;
	overflow: hidden;
}
.success-story-item .success-head {
	text-align: center;
	padding-top: 10px;
}
.success-story-item .success-head a {
	color: #e91e63;
	font-size: 14px;
}
.success-story-item .success-date  {
	text-align: center;
}
.success-story-item .success-date  a {
	color: #48454d;	
}
.success-story-item .storyby {
	color: #7c7c7c;
}
.success-story-item .success-summery{
	padding: 10px 10px;
	text-align: center;
	height: 100px;
	overflow: hidden;
}
.success-story-item a.view-more {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	margin: 0px;
	border-radius: 0px 0px 2px 2px;
}

@media (max-width: 580px) {
	.success-list li {
		width: 100%;
		float: none;
	}
	.success-story-item .success-story-item-inner {
		height: auto;
	}
	.success-story-item .success-summery{
	   height: auto;
	   padding-bottom: 40px;
	}
}

/* ==== Buddy Ban List ==== */
.bb-list .bb-list-item {
	overflow: hidden;
	clear: both;
	border: 1px solid #33283b;
	background: #3f3149;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px 3px 3px 3px;
	position: relative;
}
.bb-list .bb-list-item .bb-check {
	width: 7%;
	float: left;
	text-align: center;
	padding: 20px 0px;
}
.bb-list .bb-list-item .bb-user {
	width: 93%;
	float: left;
	overflow: hidden;
}
.bb-list .bb-list-item .bb-user .bb-user-pic{
	float: left;
	width: 90px;
	padding: 5px;
}
.bb-list .bb-list-item .bb-user .bb-user-pic a {
	display: block;
}
.bb-list .bb-list-item .bb-user .bb-user-pic a img {
	display: block;
	max-width: 100%;
	margin: 0px auto;
	max-height: 60px;
}
.bb-list .bb-list-item .bb-user .bb-user-name{
	float: left;
	padding: 15px 5px;
	word-break: break-all;
}
.bb-list .bb-list-item .bb-act{
	width: 24px;
	position: absolute;
	text-align: center;
	padding: 28px 0px 0px 0px;
	font-size: 22px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #33283b;
	border-radius: 0px 3px 3px 0px;
	height: 100%;
}

@media (max-width: 368px) {
	.bb-list-head,.bb-list-footer,
	.bb-list .bb-list-item .bb-check {
		display:none;
	}

	.bb-list .bb-list-item .bb-user {
		width: 100%;
	}
	.bb-list .bb-list-item .bb-user  .bb-user-pic{
		width: 32%;
	}
	.bb-list .bb-list-item .bb-user .bb-user-name {
		width: 68%;
	}
}

/* ==== Calendar :: Month View ==== */
#manage-cal .modal-dialog {
	text-align:center;
}
@media (min-width: 640px){
	#manage-cal .modal-dialog {
		width: 410px;
	    margin: 30px auto;
	}
}
@media (max-width: 540px){
	#manage-cal select {
		display: block;
		width: 100%;
		float: none;
		margin:5px;
	}
}
.cal-month-view.calendar-days-header ul {
	overflow: hidden;
	clear: both;
	padding: 10px 0px;
	border-bottom: 1px solid #33283b;
	background: #33283b;
}
.cal-month-view.calendar-days-header ul li{
	width: 14.285555%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.cal-month-view.calendar-table ul{
	clear: both;
	overflow:hidden;
}
.cal-month-view.calendar-table ul li {
	width: 14.285555%;
	float: left;	
}
.cal-month-view.calendar-table ul li.break-row{
	display: block;
	width: 100%;
	clear: both;
	overflow:hidden;
	height: 1px;
}
.cal-month-view.calendar-table .day-unit {
	min-height: 110px;
	border-left: 1px solid #33283b;
	border-right: 1px solid #33283b;
	border-top: 1px solid #33283b;
	border-bottom: 0px solid #33283b;
	margin: 0px 1px;
	overflow: hidden;
}
.cal-month-view.calendar-table .day-unit .month-day-head a {
	display: block;
	text-align: center;
	padding: 8px 0px;
	border-bottom: 1px solid #33283b;
	background: #33283b;
	color: #FFF;
}
.cal-month-view .day-unit-add a {
	display: block;
	text-align: center;
	padding: 5px;
	background: #33283b;
	color: #ffffff;
	margin: 0px 1px 2px 1px;
}
.cal-month-view .no-events {
	padding: 25px 0px;
	text-align: center;
	color: #979797;
}

@media (max-width: 730px) {
	.cal-month-view.calendar-days-header {
		display: none;
	}
	.cal-month-view.calendar-table ul li {
		width: 50%;
		margin-bottom: 3px;
	}
	.cal-month-view.calendar-table ul li.break-row {
		display: none;
	}
	.cal-month-view.calendar-table .day-unit {
		min-height: 115px;
	}	
	.cal-month-view .other_monthday {
		display: none;
	}
}

.cal-month-view .other_monthday  .day-unit {
	border-left: 1px solid #3e3247;
	border-right: 1px solid #3e3247;
	border-top: 1px solid #3e3247;
	border-bottom: 0px solid #3e3247;
}
.cal-month-view .other_monthday .day-unit .month-day-head a {
	border-bottom: 1px solid #3e3247;
	background: #3e3247;
	color: #2c2332;
}
.cal-month-view .other_monthday .day-unit-add a {
	background: #3e3247;
	color: #2c2332;
}

/* ==== Calendar :: Week View ==== */
.cal-week-view.calendar-table ul{
	clear: both;
	overflow:hidden;
}
.cal-week-view.calendar-table ul li {
	width: 20%;
	float: left;	
}
.cal-week-view.calendar-table ul li.weekend-day {
	width: 100%;
	float: left;	
}
.cal-week-view.calendar-table ul li.weekend-day  .day-unit {
	background: #2f2536;
}	
.cal-week-view.calendar-table ul li.break-row{
	display: block;
	width: 100%;
	clear: both;
	overflow:hidden;
	height: 1px;
} 
.cal-week-view.calendar-table .day-unit {
	min-height: 190px;
	border-left: 1px solid #33283b;
	border-right: 1px solid #33283b;
	border-top: 1px solid #33283b;
	border-bottom: 0px solid #33283b;
	margin: 3px
}
.cal-week-view.calendar-table .day-unit .week-day-head a {
	display: block;
	text-align: center;
	padding: 8px 0px;
	border-bottom: 1px solid #33283b;
	background: #33283b;
	color: #FFF;
}
.cal-week-view.calendar-table .day-unit .day-unit-content {
	padding: 50px 0px;
	height: 140px;	
}
.cal-week-view .day-unit-add a {
	display: block;
	text-align: center;
	padding: 5px;
	background: #33283b;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}
.cal-week-view .no-events {
	text-align: center;
	color: #b9b9b9;
}

@media (max-width: 678px){
	.cal-week-view.calendar-table ul li {
		width: 100%;
		float: none;	
	}
	.cal-week-view.calendar-table ul li.weekend-day {
		float: none;		
	}	
	.cal-week-view.calendar-table .day-unit {
		min-height: 50px;
		margin: 0px 3px 10px 3px;
	}	
	.cal-week-view.calendar-table .day-unit .day-unit-content {
		padding: 20px 0px;
		height: auto;
	}
}

/* ==== Calendar :: Day View ==== */
.cal-day-view.calendar-table ul{
	clear: both;
	overflow:hidden;
}
.cal-day-view.calendar-table ul li {
	clear: both;
	overflow:hidden;
	padding: 15px 5px;
}
.cal-day-view.calendar-table ul li .event-time {
	width: 30%;
	float: left;
	font-size: 14px;
	text-align: center;
}
.cal-day-view.calendar-table ul li .event-title {
	width: 70%;
	float: left;
	font-size: 14px;
}

@media (max-width: 710px) {
	.cal-day-view.calendar-table ul li .event-time {
		width: 22%;
		font-size: 12px;
	}
	.cal-day-view.calendar-table ul li .event-title {
		width: 78%;
		font-size: 12px;
	}	
}

@media (max-width: 530px) {
	a.add-event {
		display: block;
		margin-bottom: 3px;	
	}
	.event-menu,.more-opts,.view-menu {
		display: block;
	}
	.event-menu .dropdown-menu,.view-menu .dropdown-menu {
		width: 100%;
		text-align: center;
	}
	.btn.event-type-btn {
		display: block;
		margin-bottom: 3px;
		float: none;
	}
	.btn.cal-view-type-btn {
		display: block;
		margin-bottom: 3px;	
		float: none;
	}
}

/* ==== Events List ==== */
ul.events-list{
	clear: both;
	overflow:hidden;
}
ul.events-list li {
	clear: both;
	overflow:hidden;
	padding: 15px 5px;
}
ul.events-list li .event-time {
	width: 30%;
	float: left;
	font-size: 12px;
	text-align: center;
}
ul.events-list li .event-title {
	width: 70%;
	float: left;
	font-size: 12px;
}
ul.events-list li .event-title span {
	padding: 0px 5px 0px 0px;
	display: block;
}

@media (max-width: 710px) {
	ul.events-list li .event-time {
		width: 22%;
		font-size: 11px;
	}
	ul.events-list li .event-title {
		width: 78%;
		font-size: 12px;
	}
}
@media (max-width: 640px) {
	ul.events-list li .event-time {
		width: 100%;
		float: none;
		font-size: 11px;
		text-align:left;
	}
	ul.events-list li .event-title {
		width: 100%;
		font-size: 12px;
		float: none;
	}
	ul.events-list li .event-title span {
		padding: 0px;
	}
}

/* ==== Event View ==== */
.event-block {
	text-align: center;
}
.ev-start,.ev-end {
	width: 50%;
	float: left;
	padding: 20px 0px;
}
.ev-desc dd {
	min-height: 150px;
}
.ev-recur {
	font-size: 11px;
	font-weight: bold;
	color: #242424;
    margin-top: 10px;
}
@media (max-width: 420px) {
	.ev-start,.ev-end {
		width: 100%;
		float: none;
		padding: 10px 0px;
	}	
}
.ev-footer {
	clear: both;
	overflow: hidden;
	padding: 0px 0px 15px 0px;
}
.ev-user {
	width: 70%;
	float: left;
	padding: 8px 0px;
	text-align: left;
}
.ev-controls {
	width: 30%;
	float: left;
	text-align: right;
}

@media (max-width: 560px) {
	.ev-user {
		width: 100%;
		float: none;
		padding: 8px 0px;
		text-align: center;
	}
	.ev-controls {
		width: 100%;
		float: none;
		text-align: center;
	}
}

.sel-cal {
	width: 50%;
	float: left;
	text-align: left;		
}
.jump-date{
	width: 50%;
	float: left;
	text-align: left;		
}

@media (max-width: 560px) {
	.sel-cal,.jump-date {
		width: 100%;
		float: none;
		text-align: center;		
	}
}

/* ==== Edit Profile ==== */
.sec-view-menu {
	display: block;
	width: 100%;
}
.sec-view-menu  .sec-select-btn {
	float: none;
}
.sec-view-menu .dropdown-menu {
	width: 100%;
	padding: 0px;
}
.sec-view-menu .dropdown-menu li {
	text-align: center;
}
.sec-view-menu .dropdown-menu li.active {
	padding: 3px 20px;
	background-color: #e91e63;
	color: #ffffff;
}
.sec-view-menu .dropdown-menu li a {
	color: #525252;
}
.edit-pro-row {
	overflow:hidden;
	clear: both;
}
.edit-pro-row .help-block {
	font-weight: normal;
}
.edit-pro-row dt label {
	margin: 0px 5px 0px 0px;
	padding: 9px 5px;
	background: #33283b;
	color: #fff;
	display: block;
	font-weight: normal;
	border-radius: 3px 3px 3px 3px;
}
.edit-pro-row.select-opt dt,
.edit-pro-row.radio-opt dt,
.edit-pro-row.check-opt dt,
.edit-pro-row.textarea-opt dt {
	width: 40%;
	float: left;
	overflow: hidden;
}
.edit-pro-row.select-opt dd,
.edit-pro-row.radio-opt dd,
.edit-pro-row.check-opt dd,
.edit-pro-row.textarea-opt dd {
	width: 60%;
	float: left;
	overflow: hidden;
}
.edit-pro-row.radio-opt dd .rd-opt,
.edit-pro-row.check-opt dd .ck-opt {
	width: 50%;
	float: left;	
}
@media (max-width: 640px) {
	.edit-pro-row.select-opt dt,
	.edit-pro-row.radio-opt dt,
	.edit-pro-row.check-opt dt,
	.edit-pro-row.textarea-opt dt {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.edit-pro-row.select-opt dd,
	.edit-pro-row.radio-opt dd,
	.edit-pro-row.check-opt dd,
	.edit-pro-row.textarea-opt dd {
		width: 100%;
		float: none;
		overflow: hidden;
	}	
}
@media (max-width: 410px) {
	.edit-pro-row.radio-opt dd .rd-opt,
	.edit-pro-row.check-opt dd .ck-opt {
		width: 100%;
		float: none;	
	}	
}
.edit-pro-row dd .edit-pro-row-inner{
	padding: 0px 5px 5px 5px;
}
.edit-pro-row .break-opts {
	overflow: hidden;
	clear:both;
	height: 1px;
	width: 100%;
	float: none
}

/* ==== Mailbox ==== */
.mailbox-nav {
	border: 1px solid #33283b;
	background: #3f3149;
	margin-bottom: 10px;
	margin-top: 0px;
	border-radius: 2px 2px 0px 0px;
	overflow: hidden;
}
.mailbox-nav li {
	width: 100%;
	margin: 0px;
	float:none;
}
.mailbox-nav li a {
	margin-right: 0px;
	border-radius:0px 0px 0px 0px;	
	text-align: left;
}

.mailbox-nav li.menu-header a,
.mailbox-nav li.menu-header a:focus,
.mailbox-nav li.menu-header a:hover{
	color: #fff;
	cursor: default;
	background-color: #33283b;
	border: 1px solid #33283b;
	border-bottom-color: transparent;
	text-align: center;
}

@media (max-width: 991px) {
	.mailbox-nav li.menu-header{
		display:none;
	}
	.mailbox-nav li {
		width: 33.333333337%;
		margin: 0px;
		float:left;;
	}
	.mailbox-nav li a {
		text-align: center;
	}
}
.mailbox-nav li a:hover,
.mailbox-nav li a:focus {
	border: 1px solid transparent;
	color: #ffffff;
	background: #33283b;
}
.mailbox-nav li.active a ,
.mailbox-nav li.active a:focus,
.mailbox-nav li.active a:hover {
	color: #fff;
	cursor: default;
	background-color: #e91e63;
	border: 1px solid #e91e63;
	border-bottom-color: transparent;
}
.mailbox-header {
	clear: both;
	padding: 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #E91E63;
	color: #FFF;
	border-radius: 2px 2px 0px 0px;
	overflow: hidden;
}
.mailbox-header a {
	color: #FFF;
}
.mailbox-header .m-ck{
	width: 7%;
	float: left;
	text-align: center;
}
.mailbox-header .m-status{
	width: 7%;
	float: left;
	text-align: center;
}
.mailbox-header .m-subject{
	width: 61%;
	float: left;	
}
.mailbox-header .m-date {
	width: 25%;
	float: left;
	text-align: center;	
}
@media (max-width: 540px) {
	.mailbox-header .m-subject{
		width: 86%;
	}
	.mailbox-header .m-date {
		display:none;
	}
}
@media (max-width: 320px) {
	.mailbox-header .m-ck{
		width: 10%;
	}
	.mailbox-header .m-status{
		width: 10%;
	}
	.mailbox-header .m-subject{
		width: 80%;
	}
}

.message-row{
	padding: 15px 0px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #33283b;
	background-color: #3f3149;
}
.message-row .message-ck{
	width: 7%;
	padding: 8px 0px;
	float: left;
	text-align: center;
}
@media (max-width: 320px) {
	.message-row .message-ck{
		width: 10%;
	}
}
.message-row .message-status{
	width: 7%;
	padding: 8px 0px;
	float: left;
	text-align: center;
	color: #2d2334;
}
@media (max-width: 320px) {
	.message-row .message-status{
		width: 10%;
	}	
}
.message-row .message-content{
	width: 61%;
	float: left;	
}
@media (max-width: 540px) {
	.message-row .message-content{
		width: 86%;	
	}
}
@media (max-width: 320px) {
	.message-row .message-content{
		width: 80%;	
	}
}
.message-row .message-content .message-date-mo {
	display:none;
}
@media (max-width: 540px) {
	.message-row .message-content .message-date-mo {
		display:block;
		font-size: 10px;
	}	
}
.message-row .message-date {
	width: 25%;
	padding: 8px 0px;
	float: left;
	text-align: center;	
}
@media (max-width: 540px) {
	.message-row .message-date {
		display:none;
	}	
}
.message-row.not-read{
	background: #33283b;
	border-color: #2c2232;
}
.message-row.not-read .message-subject a {
	font-weight: bold;		
}
.message-row.not-read .message-status {
    color: #e91e63;
}

.dropdown-menu .btn-link {
	color: #525252;
}

/* ==== Mailbox :: View Message ==== */
.view-message-head {
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	clear:both;
}
.view-message-head a.m-sender {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 10px 10px;
	border-radius: 25px;
	overflow: hidden;
	border: 1px solid #382b41;
	background:#382b41;
}
.view-message-head a.m-sender img{
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px auto
}
.view-message-head .sender-info{
	text-align: left;
	padding: 15px 5px;
}
.view-message-head .sender-info .m-date{
	font-size: 10px;
}
.message-text {
	background: #382b41;
	padding: 10px 10px 10px 10px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #33283b;
	min-height: 50px;
}

/* ==== Payment / Compare Memberships ==== */
.membership-compare .compare-head {
	overflow: hidden;
	padding: 10px 0px;
	border-bottom: 1px solid #33283b;
	margin-bottom: 10px;
	clear: both;
}
.membership-compare .m-row {
	overflow: hidden;
	padding: 5px 0px;
	border-bottom: 1px solid #382c41;
	clear: both;
}
.membership-compare .m-cell.mp-cell, .p-cell-text{
	width: 55%;
	float:left;
	text-align: left;
}
.membership-compare .m-cell, .p-cell {
	width: 15%;
	float: left;
	text-align: center;
}
.membership-compare .m-cell .fa-check {
	font-size: 16px;
	color: #4CAF50;	
}
.membership-compare .m-cell .fa-times{
	color: #F44336;
	font-size: 16px;
}
@media (max-width: 540px) {
	.membership-compare .compare-head .m-cell.mp-cell, .p-cell-text {
		display: none;
	}
	.membership-compare .m-row {
		padding: 3px 0px;
		border-bottom: 0px;
	}
	.membership-compare .m-cell.mp-cell {
		width: 100%;
		float:none;
		text-align: center;
		background: #33283b;
		padding: 3px 0px;
	}
	.membership-compare .m-cell.mp-cell span {
		display: block;
		padding: 3px 3px;
	}
	.membership-compare .m-cell, .p-cell {
		width: 33.3333334%;
		float: left;
		text-align: center;
		padding: 5px 0px;
	}		
}

.price-list {
	overflow: hidden;
}
.price-list .p-cell span  {
	display: block;
	padding: 7px 3px;
	margin: 10px 2px;
	background-color: #E91E63;
	border-radius: 3px 3px 3px 3px;
	color: #ffffff;
	text-align: center;
}

/* ==== My Settings ==== */
.setting-row {
	overflow: hidden;
	clear:both;
}
.setting-row span {
	display: block;
	padding: 10px 5px;	
}
.setting-row .settings-desc {
	width: 75%;
	float: left;
}
.setting-row .settings-opts {
	width: 25%;
	float: left;
	text-align: center;	
}
.setting-row .settings-opts .fc-small {
	height: 24px;
	padding: 3px 6px;
	text-align: center;
	margin: 7px auto;	
}

@media (max-width: 460px) {
	.setting-row span {
		display: block;
		padding: 5px 5px;	
	}
	.setting-row .settings-desc {
		width: 100%;
		float: none;
		text-align: center;
	}
	.setting-row .settings-opts {
		width: 100%;
		float: none;
	}	
}

/* ==== News :: Widget ==== */
.news-list li {
	padding: 5px 0px;
	border-bottom: 1px dashed #33283b;
}
.news-list li .news-head a {
	font-size: 14px;
}
.news-list li .news-date {
	font-size: 10px;
	color: #e91e63;
}

.news-list li .news-text{
	color: #ffffff;
	padding: 3px 0px;
}

/* ==== Profile ===== */
.profile-wrap {
	clear: both;
	overflow: hidden;
}
.profile-sidebar {
	width: 33.33333333%;
	float: left;
}
.profile-content {
	width: 66.66666667%;
	float: left;
}
@media (max-width: 991px) {
	.profile-sidebar {
		width: 100%;
		float: none;
	}

	.profile-content {
		width: 100%;
		float: none;
	}
}

.profile-sidebar .profile-sidebar-inner {
	padding: 20px 10px;
	background: #3f3149;
	border: 1px solid #33283b;
	border-radius: 3px 3px 3px 3px;
}
.profile-sidebar h2 {
	font-family: 'Scope One', serif;
	font-size: 22px;
	text-align: center;
	margin: 0px 5px 15px 5px;
	border-bottom: 1px solid #33283b;
	color: #fff;
	padding-bottom: 15px;
}
.profile-picture {
	padding-bottom: 35px;
	border-bottom: 1px solid #33283b;
	margin-bottom: 10px;	
}
.profile-picture a {
	display:block;
}
.profile-picture a img.profile-picture-img {
	max-height: 200px;
	max-width: 100%;
	margin: 0px auto;
	display: block;	
}

.pro-last-online {
	text-align: center;
	padding: 7px 7px 0px 7px;
	font-size: 10px;
	color: #7b7b7b;
}

.profile-nav {
	margin-bottom: 20px;
}
.profile-menu {
	border: 0px;
	min-height: 25px;
	background: none;
	box-shadow: none;
}
.profile-menu #pro-menu {
	padding: 0px;
	border: 0px;
	background: #3f3149;
}
.profile-menu .navbar-nav {
	float: none;
	margin: 7px 0px;
	border: 0px;
}
.profile-menu .nav li {
	float: left;
	width: 50%;
}
.profile-menu .nav li a {
	padding: 0px 2px;
	border: 1px solid #33283b;
	background-color: #3f3149;
	color: #ffffff;
	margin-bottom: 3px;
	border-radius: 5px;
	width: 100px;
	height: 75px;
	margin: 20px auto;
	text-align: center;
	font-size: 10px;
}

@media (max-width: 1090px) {
	.profile-menu .nav li a {
		width: 90px;
	}
}

@media (max-width: 991px) {
	.profile-menu .nav li {
		float: left;
		width: 25%;
	}
}
.profile-menu .nav li a:focus,
.profile-menu .nav li a:hover {
	color: #FFFFFF;
	background-color: #33283b;
	border-color: #2d2434;
}
.profile-menu .nav li a span {
	display: block;
	font-size: 16px;
	padding-top: 15px;
}
.profile-menu .navbar-header {
	border-radius:3px 3px 3px 3px;
	background:none;
}

@media (max-width: 991px) {
	.profile-picture {
		padding: 15px 10px;
		border-bottom: 0px;
	}
	.profile-nav {
		margin-bottom: 0px;
	}
	.profile-menu .navbar-header{
		margin-bottom: 5px;	
	}
	.profile-menu .navbar-toggle{
		float: none;
		display: block;
		width: 100%;
		border: 1px solid #E91E63;
		background-color: #E91E63;
		color: #ffffff;
		font-size: 18px;
		padding: 6px;
		border-radius: 3px 3px 3px 3px;
		margin: 0px;
	}
	.profile-menu .navbar-toggle:focus, .profile-menu .navbar-toggle:hover {
		background-color: #ca1452;
		border-color: #ca1452;
		color: #ffffff;
	}
	.profile-menu .navbar-header {
		float: none;
		margin: 0px;
	}
	.profile-menu  .navbar-collapse {
		border-top: 0px solid transparent;
		box-shadow:none;
	}
	.profile-menu .navbar-collapse.collapse {
		display: none!important;
	}
	.profile-menu .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.profile-menu .collapse.in{
		display:block !important;
	}
}

@media (max-width: 460px) {
	.profile-menu .navbar-nav>li {
		width: 50%;
	}
	.profile-menu .nav li a {
		width: 90%;
		margin: 7px auto;
	}
}

.nav-tabs.profile-tabs {
	border-bottom: 0px;	
}

@media (max-width: 1020px) {
	.nav-tabs.profile-tabs {
		margin-top: 20px;	
	}
}
.nav-tabs.profile-tabs li {
	width: 25%;
	margin:0px;
}
.nav-tabs.profile-tabs li a {
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #33283b;
	background: #3f3149;
	margin: 0px 2px 2px 2px;
	border-radius: 3px 3px 3px 3px;
}
.nav-tabs.profile-tabs li a:hover,
.nav-tabs.profile-tabs li a:focus {
	background: #33283b;
	border-color: #33283b;
	color: #fff;
}
.nav-tabs.profile-tabs li.active a,
.nav-tabs.profile-tabs li.active a:focus,
.nav-tabs.profile-tabs li.active a:hover {
	color: #fff;
	background-color: #E91E63;
	border-color: #E91E63;
}

@media (max-width: 1020px) {
	.profile-tabs li a span{
		display: none;
	}
	.profile-tabs li a {
		font-size: 18px;
	}
}

.profile-panel{
	box-shadow: none;
	margin: 0px 10px 20px 10px;
	background: #3f3149;
	border: 1px solid #33283b;
}
@media (max-width: 991px) {
	.profile-panel{
		margin: 0px 0px 20px 0px;
	}
}

.profile-panel .panel-heading {
	border-bottom: 1px solid #33283b;
	color: #ffffff;
	background-color: #33283b;
	padding: 10px 0px;
}
.profile-panel .panel-heading a {
	color: #fff;
	margin-right: 10px;
}
.profile-panel .panel-body{
	padding: 10px 0px 0px 0px;
}
.p-sec-content .p-sec-row {
	border-bottom: 1px solid #34273d;
	padding: 3px 8px;
}
.p-sec-content .p-sec-row .pro-sec-q{
	width: 45%;
	float: left;
	font-weight: bold;
	color: #E91E63;
}
.p-sec-content .p-sec-row .pro-sec-a{
	width: 55%;
	float: left;	
}

@media (max-width: 420px) {
	.p-sec-content .p-sec-row .pro-sec-q{
		width: 100%;
		float: none;
		font-weight: bold;
		text-align:center;
	}
	.p-sec-content .p-sec-row .pro-sec-a{
		width: 100%;
		float: none;
		text-align:center;
	}
}


a.sm-btm-btn {
	display: none;
}
@media (max-width: 420px) {
	a.sm-btm-btn {
		display: block;
		text-align: center;
		background: #E91E63;
		color: #fff;
		padding: 10px;
		position: fixed;
		bottom: 5px;
		right: 5px;
		left: 5px;
		z-index: 999;
		border-radius: 3px 3px 3px 3px;
	}
}

/* === Profile :: Photos ==== */
.pic-row {
	overflow: hidden;
	margin: 10px 0px;
}
.pic-row li {
	width: 25%;
	float: left;	
}
.pic-row li a {
	display: block;
	margin: 2px 3px;
}
.pic-row li img {
	display: block;
	max-width: 100%;
	max-height: 100px;
	margin: 0px auto;
}
.pic-row li.break-row{
	display: none;
}
@media (max-width: 420px) {
	.pic-row li {
		width: 50%;
		float: left;	
	}
	.pic-row li.break-row{
		display: block;
		width: 100%;
		float: none;
		height: 1px;
		clear:both;
		overflow: hidden;
	}	
}

/* === Profile Rate ==== */
.rate-bar {
	background-color: #3f3149;
	border: 1px solid #33283b;
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
}
.rate-bar .rating-cur {
	background-color: #E91E63;
	padding: 5px 0px;	
}
.rate-num {
	clear: both;
	overflow: hidden;
}
.rate-num span{
	display:inline-block;
	width: 10%;
	float: left;
	text-align: right;
}
.rate-form {
	width: 210px;
	margin: 10px auto;
}
.pro-comments {
	margin-top: 20px;
}
.pro-comments .pro-comments-header {
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #e91e63;
	color: #ffffff;
	background-color: #e91e63;
	padding: 10px 0px;
	border-radius: 3px 3px 0px 0px;
}

.comment-item{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #382b41;
	background: #3f3149;
	border-radius: 3px 3px 3px 3px;	
}
.comment-item .comment-user{
	font-weight: bold;
}
.comment-item .comment-body {
	padding-bottom: 5px;
}
.comment-item-reply {
	text-align: right;
	border-top: 1px dashed #382b41;
	padding: 5px 0px;
	color: #8d8d8d;	
}
.comment-item-reply-user {
	font-weight: bold;
}

/* ==== Profile :: User Blogs ==== */
.users-blog .users-blog-title {
	font-size: 16px;
	padding: 10px 10px 5px 10px;
	text-align: center;	
}
.users-blog .users-blog-desc{
	text-align: center;
	color: #e91e63;
	padding-bottom: 7px;
	margin-bottom: 5px;
	border-bottom: 1px solid #3f3149;
}
.users-blog-sort {
	clear:both;
	margin-bottom: 5px;
	padding-top:10px;
}
.users-blog-list {
	margin-top: 20px;	
}
.list-unstyled.users-blog-list li:last-child {
	border: 1px solid #33283b;
}
.users-blog-list li {
	margin-bottom: 10px;
	border: 1px solid #33283b;
	padding: 15px 5px 15px 5px;
	border-radius: 3px 3px 3px 3px;
	background: #3f3149;
}
.users-blog-list li .pb-date{
	font-size: 10px;
	color: #e91e63;	
}

/* ==== User Comments ==== */
.user-comments .uc-comment {
	margin-bottom:15px;
}
.user-comments .uc-comment .uc-photo {
	width: 25%;
	float: left;	
}
.user-comments .uc-comment .uc-photo a {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0px auto;
}
.user-comments .uc-comment .uc-photo a img {
	display: block;
	max-width: 100%;
	max-height: 95px;
	margin: 0px auto;	
}
.user-comments .uc-comment .uc-content {
	width: 75%;
	float: left;	
}
.user-comments .uc-comment .uc-inner {
	background-color: #3f3149;
	border-radius: 3px 3px 3px 3px;
	padding: 5px 10px;
	border: 1px solid #382b41;
	overflow: hidden;
	clear: both;
}
.user-comments .uc-comment .uc-content .uc-date {
	font-size: 10px;	
}
.user-comments .uc-comment .uc-content .my-reply{
	padding: 3px 0px;
	border-top: 1px dashed #c7c7c7;
	margin-top: 7px;
	text-align: right;   
	color: #a0a0a0;	
}

@media (max-width: 490px) {
	.user-comments .uc-comment .uc-photo {
		width: 100%;
		float: none;	
	}
	.user-comments .uc-comment .uc-content {
		width: 100%;
		float: none;	
	}
	.user-comments .uc-comment .uc-photo a {
		width: auto;
		height: auto;
		margin:0px 5px;
	}
	.user-comments .uc-comment .uc-content .init-comment {
		text-align: center;
	}
}

/* === User Snaps === */
.manage-snaps {
	overflow: hidden;
	clear: both;
	margin-top: 15px;
}
.manage-snaps li {
	width: 25%;
	float: left;
	height: 125px;
	margin-bottom: 5px;
	overflow: hidden;
}
.manage-snaps li.break-row{
	display:none;
}
.manage-snaps li a {
	display: inline-block;
	margin: 2px;
	border: 1px dashed #33283b;
	padding: 2px;
}
.manage-snaps li a:hover,
.manage-snaps li a :focus {
	opacity: 0.4;
}
.manage-snaps li img {
	display: block;
	max-width: 100%;
	max-height: 100px;
	margin: 0px auto;
}
@media (max-width: 520px) {
	.manage-snaps li {
		width: 50%;
		float: left;
	}
	.manage-snaps li.break-row{
		display:block;
		float:none;
		width: 100%;
		height:1%;
		height: 1px;
		overflow:hidden;
		clear:both;	
	}	
}
.upload-img-block{
	padding: 25px 0px;
	overflow: hidden;
}
.new-pic-input input[type=file] {
	border: 1px solid #ffffff;
	padding: 5px;
	width: 210px;
	margin: 10px 10px 10px 0px;
	color: #ffffff;
}

/* ==== Poll Pop up ==== */
.poll-pop .page-title {
	background-color: #ffffff;
	padding: 10px;
	border: 0px;
	color: #616161;
}

/* ==== Videos ==== */
ul.video-list {
	overflow: hidden;
}
ul.video-list li.video-item{
	width: 20%;
	float: left;
	height: 175px;
	overflow: hidden;
	margin: 5px 0px;
}

@media (max-width: 560px) {
	ul.video-list li.video-item{
		width: 33.333333337%;
	}
}
@media (max-width: 400px) {
	ul.video-list li.video-item{
		width: 50%;
	}
}

ul.video-list li.video-item .video-block {
	margin: 2px;
	border: 1px solid #33283b;
	background: #3f3149;
}
ul.video-list li.video-item .video-block a {
	display: block;
	margin: 7px 7px;
}
ul.video-list li.video-item .video-block a:hover,ul.video-list li.video-item .video-block a:focus {
	opacity: 0.4;
}
ul.video-list li.video-item .video-block a img{
	display: block;
	width: 100%;
	max-width: 120px;
	margin: 0px auto;	
}
ul.video-list li.video-item .video-block .video-title {
	padding: 5px;
	text-align: center;
	border-top: 1px solid #33283b;	
	height: 26px;
	overflow: hidden
}

ul.video-list li.video-item.newVideo .vid-upload-block {
	border: 2px dashed #382b41;
	padding: 22% 4%;
	text-align: center;
	margin: 2px;	
}

.videoWrap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.view-vid .modal-content {
	background-color: #2f2f2f;
	border: 0px;
	color: #8d8d8d;
}
.view-vid hr {
	border-color: #242424;	
}
.view-vid .modal-footer {
	border-top: 1px solid #242424;
	background-color: #242424;
}

/* ==== Watched Users ==== */
.wp-list {
	clear:both;
	overflow: hidden;
}
.bb-list.wp-list  .bb-list-item-outer {
	width: 25%;
	float: left;
	height: 200px;
	overflow: hidden;
}

@media (max-width: 530px) {
	.bb-list.wp-list  .bb-list-item-outer {
		width: 50%;
	}	
}

.bb-list.wp-list .bb-list-item {
	margin: 8px 3px 8px 3px;
}
.bb-list.wp-list .bb-list-item .bb-user {
	width: 100%;
	float: none;
	overflow: hidden;
}
.bb-list.wp-list .bb-list-item .bb-user .bb-user-pic {
	float: none;
	width: 100%;
	padding: 5px 0px;
	height: 70px;
}
.bb-list.wp-list .bb-list-item .bb-user .bb-user-name {
	width: 100%;
	float: none;
	padding: 0px 5px;
	margin: 15px 0px 28px 0px;
	word-break: break-all;
	word-wrap: break-word;
	height: 18px;
	text-align: center;
	overflow: hidden;
}
.bb-list.wp-list .bb-list-item .bb-check {
	display: block;
	width: 100%;
	float: none;
	text-align: center;
	padding: 2px;
	background: #33283b;
	position: absolute;
	bottom: 0px;
}

/* ==== Gifts ==== */
.gifts-list {
	overflow: hidden;
	clear: both;
}
.gifts-list li {
	width: 25%;
	float: left;
}
@media (max-width: 560px) {
	.gifts-list li {
		width: 33.333333337%;
	}
}
.gifts-list li .gift-block{
	height: 150px;
	overflow: hidden;	
}
.gifts-list li .gift-block img {
	display: block;
	max-width: 98%;
	max-height: 100px;
	margin: 3px auto;
}

.user-gifts li {
	width: 20%;
	float:left;
	height: 150px;
	overflow: hidden;
}
.user-gifts li .gift-block {
	width: 100px;
	height: 120px;
	margin: 5px auto;
}
.user-gifts li .gift-block img.gf-thumb {
	display: block;
	width: 95px;
	height:95px;
	margin: 0px auto;
}
.user-gifts li .gift-block .gift-more {
	text-align: right;
	font-size: 17px;	
}

@media (max-width: 890px) {
	.user-gifts li .gift-block {
		width: 90px;
		height: 110px;
		margin: 5px auto;
	}
	.user-gifts li .gift-block img.gf-thumb {
		display: block;
		width: 85px;
		height:85px;
	}
}

@media (max-width: 560px) {
	.user-gifts li {
		width: 25%;
	}
}

@media (max-width: 440px) {
	.user-gifts li {
		width: 50%;
	}
}
.gift-pop img {
	display: block;
	max-width: 100px;
	margin:5px auto;
}

/* ==== No Results ==== */
.no-result {
	text-align: center;
	padding: 35px 0px;
	color: #d7d7d7;
}
.no-result .nr-icon {
	font-size: 30px;
}
.no-result .nr-text {}

/* ==== Modals ==== */
.modal-content {
	border-radius: 2px;
	border: 0px;
	background-color: #493955;
	color: #fff;
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #33283b;
	background: #33283b;
	color: #fff;
}
.modal-title {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
}
.modal-footer {
	border-top: 1px solid #33283b;
}
.modal-footer .btn+.btn {
	margin-bottom: 2px; 
	margin-left: 5px;
}

/* ==== No Access ==== */
#noAccess .modal-header {
	border-bottom: 0px;
	background: #3a2d45;
}
#noAccess .modal-body {
	position: relative;
	padding: 5px 15px 50px 15px;
}
.no-access {
	text-align: center;
	color: #ffffff;
}
.no-access .na-icon {
	font-size: 40px;
	color: #F44336;
}
.no-access .na-text {
	padding: 15px 0px 30px 0px;
}

/* ==== Lists ==== */
.list-group-item {
	border: 1px solid #33283b;
	background: #3f3149;
}
.list-unstyled li:last-child {
	border-bottom:0px;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #33283b;
	border-color: #33283b;
}
a.list-group-item,
button.list-group-item {
	color: #ffffff;
	background: #33283b;
	border-color: #2f2536;
}
.list-group-item.active a {
	color: #FFF;
}

/* ==== TinyMCE Overrides ==== */
.tinyMCE-new .mce-panel {
	background-color: #3f3149;
	padding: 2px;
}
.mce-btn-group:not(:first-child) {
	border-left: 1px solid #32273a;
}
.tinyMCE-new .mce-btn button {
	background-color: #ffffff;	
}
.tinyMCE-new .mce-label {
    color: #fff;
}

/* ==== Forms ==== */
input,
select,
textarea {
	background: #3f3149;
	border: 1px solid #33283b;
}

.form-control {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #33283b;
	background: #3f3149;
	color: #fff;
}

.form-control.fc-small {
	display: inline-block;
}

select {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	background-image: none;
	border: 1px solid #33283b;
	background: #3f3149;
	color: #fff;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

select:focus,
textarea:focus,
textarea#im_msg:focus,
.form-control:focus,
.form-control-textarea:focus{
	outline: none;
	border-color: #E91E63;
	box-shadow: none;
}

.form-control-textarea {
	display: block;
	height: 60px;
	width: 80%;
	padding: 6px 2px;
	font-size: 12px;
	line-height: 1.42857143;
	border: 1px solid #33283b;
	background: #3f3149;
	color: #fff;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}

.form-control-textarea.fullw {
	width: 100%;
}

.form-control-textarea.med-height {
	height:200px;
}

input[type=radio].inline-radio,
.inline-radio {
	display: inline-block;
}

.panel-default textarea,
.panel-default .form-control,
.panel-default select {
	background: #382b41;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #493955;
	color: #33283b;
	opacity: 1;
}

/* ==== Get Usernames ==== */
#usernameFind .textinput,
#usernameFind .input {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border: 1px solid #33283b;
	background: #3f3149;
	color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}
#usernameFind .formbutton{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	color: #fff;
	background-color: #242424;
	border: 1px solid #242424;
	font-weight: normal;
	text-shadow: none;
	box-shadow: none;
	margin-top: -3px;	
}

select#reqdusers,
select[multiple]#reqdusers {
	display: block;
	width: 100%!important;
	border: 1px solid #ccc;
	height: 100px;
	overflow-y: scroll;
	margin-bottom: 10px;
}

/* ==== Buttons ==== */
.btn {
	border-radius: 2px 2px 2px 2px;
	margin-bottom: 2px;
}

/* ==== Btn Default ==== */
.btn-default {
	color: #ffffff;
	background-color: #E91E63;
	border-color: #E91E63;
}
.btn-default:hover {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
}
.btn-default.focus,
.btn-default:focus {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
	outline: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
	outline: none;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #ffffff;
	background-color: #E91E63;
	border-color: #E91E63;
}
.btn-default .badge {
	color: #DDD;
	background-color: #FFFFFF;
}

/* ==== Btn Link ==== */
.btn-link {
	color: #ffffff;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active{
	color:#E91E63;
	text-decoration:none;
}

/* ==== Btn Basic ==== */
.btn-basic {
	color: #ffffff;
	background-color: #E91E63;
	border-color: #E91E63;
}
.btn-basic:hover {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
}
.btn-basic.focus,
.btn-basic:focus {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
	outline: none;
}
.btn-basic:active,
.btn-basic.active,
.open > .dropdown-toggle.btn-basic {
	color: #ffffff;
	background-color: #b4144b;
	border-color: #951842;
	outline: none;
}
.btn-basic:active:hover,
.btn-basic.active:hover,
.open > .dropdown-toggle.btn-basic:hover,
.btn-basic:active:focus,
.btn-basic.active:focus,
.open > .dropdown-toggle.btn-basic:focus,
.btn-basic:active.focus,
.btn-basic.active.focus,
.open > .dropdown-toggle.btn-basic.focus {
	color: #ffffff;
	background-color: #E91E63;
	border-color: #E91E63;
}

/* ==== Tables ==== */
.table-bordered.ustats-table{
    border-color: #33283b;
}
.table-bordered.ustats-table>tbody>tr>td,
.table-bordered.ustats-table>tbody>tr>th,
.table-bordered.ustats-table>tfoot>tr>td,
.table-bordered.ustats-table>tfoot>tr>th,
.table-bordered.ustats-table>thead>tr>td,
.table-bordered.ustats-table>thead>tr>th {
	border: 1px solid #33283b;
}

.ustats-table .badge {
	color: #ffffff;
	background-color: #e91e63;
	border-radius: 3px;
	border: 1px solid #e91e63;
}

/* ==== Banner ==== */
.banner {
	display: block;
	margin: 0px auto 20px auto;
}
.banner img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ==== Footer :: Main ==== */
.footer {
	background-color: #FFFFFF;
}
.footer h3{
	color: #493955;
	font-family: 'Scope One', serif;
	font-size: 22px;
	border-bottom: 1px solid #493955;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
}
.footer a {
	color: #493955;
}
.footer .footer-copyright {
	margin-top: 15px;
	border-top: 1px solid #493955;
	padding: 20px 0px 0px 0px;
}
.footer .footer-copyright a {
	color: #e91e63;
}

/* ==== Plugins :: Adult Questionaire ==== */
span.aq-q {
	display: inline-block;
	background-color: #3f3149;
	padding: 2px 5px;
	border-radius: 5px;
	color: #ffffff;
	border: 1px solid #fff;	
}
span.aq-a{
	display: inline-block;
	background-color: #E91E63;
	padding: 2px 7px;
	border-radius: 5px;
	color: #fff;	
}
.adult-quest .panel-title{
	font-size: 14px;	
}

@media (max-width: 380px) {
	.adult-quest .panel-title{
		font-size: 12px;	
	}	
}

.adult-quest .panel-title .badge {
	background-color: #E91E63;
	color: #ffffff;
	border: 1px solid #E91E63;
	border-radius: 3px 3px 3px 3px;
}
.adult-quest .panel-default .panel-heading {
	text-align: left;
}
.question-body li {
    padding: 3px 10px;	
}

/* ==== Plugins :: Advanced Questionaire :: Type 1 ==== */
.qtype1 .advComp-head-container-top {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.qtype1 .advComp-head-container-bottom {
	padding-top: 8px;
	margin-top: 8px;
}
.qtype1 .ah-col-left {
	width: 45%;
	float: left;
}
.qtype1 .ah-col-right{
	width: 55%;
	float: left;
}
.qtype1 .advComp-head {
	overflow: hidden;
}
.qtype1 .advComp-head span{
	display: inline-block;
	width: 33.333333337%;
	float: left;
	height: 5px;
	overflow:hidden;
}
.qtype1 .advComp-head span.low {
	background-color: #F44336;
	color:#F44336;
}
.qtype1 .advComp-head span.med {
	background-color: #FF9800;
	color: #FF9800;
}
.qtype1 .advComp-head span.high {
	background-color: #8BC34A;
	color: #8BC34A;
}
.qtype1 .advComp-head-digits span {
	display: inline-block;
	width: 14.2%;
	float: left;
	text-align: center;	
}
.qtype1 .advComp-row {
	overflow: hidden;
	padding: 4px 4px;
}
.qtype1 .advComp-row .adv-text {
	width: 45%;
	float: left;	
}
.qtype1 .advComp-row .adv-opts {
	width: 55%;
	float: left;
}
.qtype1 .advComp-row .adv-opts span {
	display: inline-block;
	width: 14.2%;
	float: left;
	text-align: center;
}
.qtype1 .advComp-row .adv-opts span .radio-opt{
	display: inline-block;	
}

@media (max-width: 470px) {
	.qtype1 .ah-col-left {
		display: none;
	}
	.qtype1 .ah-col-right{
		width: 100%;
		float: none;
	}	
	.qtype1 .advComp-row .adv-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 3px 0px;
		font-weight: bold;
	}
	.qtype1 .advComp-row .adv-opts {
		width: 100%;
		float: none;
	}	
}

/* ==== Plugins :: Advanced Questionaire :: Type 2 ==== */
.qtype2 .advComp-row {
	width: 50%;
	float: left;
	overflow: hidden;
}
.qtype2 .break-row {
	display: block;
	overflow: hidden;
	clear: both;
	height: 1px;
}
.qtype2 .advComp-row .adv-text {
	width: 70%;
	float: left;	
}
.qtype2 .advComp-row .adv-opts {
	width: 30%;
	float: left;
	overflow:hidden;
}
.qtype2 .advComp-row .adv-opts span {
	display: block;
	text-align: center;
}
.qtype2 .advComp-row .adv-opts span input{
	display: inline-block;	
}

@media (max-width: 470px) {
	.qtype2 .advComp-row {
		width: 100%;
		float: none;
		padding: 0px;
	}
	.qtype2 .advComp-row .adv-text {
		width: 85%;
		float: left;	
	}
	.qtype2 .advComp-row .adv-opts {
		width: 15%;
		float: left;
		overflow:hidden;
	}

	.qtype2 .break-row {
		display:none;
	}
}

/* ==== Plugins :: Advanced Questionaire :: Type 3 ==== */
.qtype3 .advComp-head-container-top {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.qtype3 .advComp-head-container-bottom {
	padding-top: 8px;
	margin-top: 8px;
}
.qtype3 .ah-col-left {	
	width: 70%;
	float: left;
}
.qtype3 .ah-col-right{
	width: 30%;
	float: left;
}
.qtype3 .advComp-head {
	overflow: hidden;
}
.qtype3 .advComp-head span{
	display: inline-block;
	width: 50%;
	float: left;
	overflow:hidden;
	text-align: center
}
.qtype3 .advComp-head span.false {
	color: #F44336;
}
.qtype3 .advComp-head span.true {
	color: #56bb44;
}

.qtype3 .advComp-row {
	overflow: hidden;
	padding: 4px 4px;
}
.qtype3 .advComp-row .adv-text {
	width: 70%;
	float: left;	
}
.qtype3 .advComp-row .adv-opts {
	width: 30%;
	float: left;
	overflow:hidden;
}
.qtype3 .advComp-row .adv-opts span {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
}
.qtype3 .advComp-row .adv-opts span.true {
	border-radius: 6px 6px 6px 6px;
	background-color: #56bb44;
	color: #FFF;
	width: 45%;
	margin-right: 5%;
}
.qtype3 .advComp-row .adv-opts span.false {
	border-radius: 6px 6px 6px 6px;
	background-color: #ec6c62;
	color: #FFF;
	width: 45%;
	margin-left: 5%;
}
.qtype3 .advComp-row .adv-opts span .radio-opt{
	display: inline-block;	
}

@media (max-width: 470px) {
	.qtype3 .ah-col-left {
		display: none;
	}
	.qtype3 .ah-col-right{
		width: 100%;
		float: none;
	}	
	.qtype3 .advComp-row .adv-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 3px 0px;
	}
	.qtype3 .advComp-row .adv-opts {
		width: 100%;
		float: none;
		padding: 5px 0px;
	}
}




/* ==== Adv Comp Nav ==== */
.navbar-default.advComp-nav {
	background: #493955;
	border: 0px;
	box-shadow: none;
}

.navbar-default.advComp-nav .navbar-nav {
	float: none;
}
.navbar-default.advComp-nav li  {
	display: block;
	float: none;	
}
.navbar-default.advComp-nav li a {
	padding: 5px;
	border: 1px solid #33283b;
	background: #3f3149;
	color: #fff;
	margin: 2px 0px;
	border-radius: 3px 3px 3px 3px;
}
.navbar-default.advComp-nav li a:hover,
.navbar-default.advComp-nav li a:focus,
.navbar-default.advComp-nav .navbar-nav>.active>a,
.navbar-default.advComp-nav .navbar-nav>.active>a:focus,
.navbar-default.advComp-nav .navbar-nav>.active>a:hover {
	color: #ffffff;
	background-color: #E91E63;
	border: 1px solid #E91E63;
}

.dropdown-menu.colored>.active>a,
.dropdown-menu.colored>.active>a:focus,
.dropdown-menu.colored>.active>a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #E91E63;
	outline: 0;
}

@media (max-width: 767px) {
	.navbar-default.advComp-nav {
		border-bottom: 0px;
		background: #33283b;
		color: #fff;
		border-radius: 3px 3px 3px 3px;
	}
	.navbar-default.advComp-nav .navbar-brand {
		color: #fff;
	}
	.navbar-default.advComp-nav .navbar-toggle {
		border-bottom: 0px;
		background: #ffffff;
		color: #525252;
	}
	.navbar-default.advComp-nav .navbar-toggle:hover,
	.navbar-default.advComp-nav .navbar-toggle:focus,
	.navbar-default.advComp-nav .navbar-toggle:active{
		color: #ffffff;
		background-color: #E91E63;
		border: 1px solid #E91E63;
	}
	.navbar-default.advComp-nav .navbar-collapse,
	.navbar-default.advComp-nav .navbar-form {
		padding: 0px 20px;
	}
}


.adv-matches{
	overflow: hidden;
}
.adv-matches li {
	width: 50%;
	float: left;	
}

@media (max-width: 608px) {
	.adv-matches li {
		width: 100%;
		float: none;	
	}	
}

.adv-matches li .panel {
	margin: 3px;
}
.adv-matches li .panel-heading a {
	color: #fff;
}
.adv-matches li .match-item .match-pic{
	width: 30%;
	float: left;
}
.adv-matches li .match-item .match-pic img {
	display: block;
	margin: 0px auto;
	width: auto;
	max-width: 100%;
	max-height: 100px;
}
.adv-matches li .match-item .match-stats {
	width: 70%;
	float: left;	
}
.adv-matches .break-row {
	display: block;
	overflow: hidden;
	clear: both;
	height: 1px;
}

@media (max-width: 440px) {
	.adv-matches li .panel-heading {
		text-align: center;
	}
	.adv-matches li .match-item .match-pic{
		width: 100%;
		float: none;
	}
	.adv-matches li .match-item .match-stats {
		width: 100%;
		float: none;
		text-align: center;	
	}	
	.adv-matches li .match-item .match-stats p {
		margin: 5px 0px 0px 0px;	
	}
}

/* ==== Plugins :: Compatibility Questionaire :: Muliple Radio ==== */
.multi-radio .Comp-head-container-top {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.multi-radio .Comp-head-container-bottom {
	padding-top: 8px;
	margin-top: 8px;
}
.multi-radio .ah-col-left {
	width: 45%;
	float: left;
}
.multi-radio .ah-col-right{
	width: 55%;
	float: left;
}
.multi-radio .Comp-head {
	overflow: hidden;
}
.multi-radio .Comp-head span{
	display: inline-block;
	width: 33.333333337%;
	float: left;
	height: 5px;
	overflow:hidden;
}
.multi-radio .Comp-head span.low {
	background-color: #F44336;
}
.multi-radio .Comp-head span.med {
	background-color: #FF9800;
}
.multi-radio .Comp-head span.high {
	background-color: #8BC34A;
}
.multi-radio .Comp-head-digits span {
	display: inline-block;
	width: 14.2%;
	float: left;
	text-align: center;	
}

.multi-radio .Comp-row {
	overflow: hidden;
	padding: 4px 4px;
}
.multi-radio .Comp-row .comp-text {
	width: 45%;
	float: left;	
}
.multi-radio .Comp-row .comp-opts {
	width: 55%;
	float: left;
}
.multi-radio .Comp-row .comp-opts span {
	display: inline-block;
	width: 14.2%;
	float: left;
	text-align: center;
}
.multi-radio .Comp-row .comp-opts span .radio-opt{
	display: inline-block;	
}

@media (max-width: 470px) {
	.multi-radio .ah-col-left {
		display: none;
	}
	.multi-radio .ah-col-right{
		width: 100%;
		float: none;
	}	
	.multi-radio .Comp-row .comp-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 3px 0px;
		font-weight: bold;
	}
	.multi-radio .Comp-row .comp-opts {
		width: 100%;
		float: none;
	}	
}


/* ==== Plugins :: Advanced Questionaire :: Type 2 ==== */
.q-check .advComp-row {
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 0px 0px;
}
.q-check .break-row {
	display: block;
	overflow: hidden;
	clear: both;
	height: 1px;
}
.q-check .advComp-row .adv-text {
	width: 70%;
	float: left;	
}
.q-check .advComp-row .adv-opts {
	width: 30%;
	float: left;
	overflow:hidden;
}
.q-check.advComp-row .adv-opts span {
	display: block;
	text-align: center;
}
.q-check .advComp-row .adv-opts span input{
	display: inline-block;	
}

@media (max-width: 470px) {
	.q-check .advComp-row {
		width: 100%;
		float: none;
		padding: 0px;
	}
	.q-check .advComp-row .adv-text {
		width: 85%;
		float: left;	
	}
	.q-check .advComp-row .adv-opts {
		width: 15%;
		float: left;
		overflow:hidden;
	}
	.q-check .break-row {
		display:none;
	}
}

/* ==== Plugins :: Compatibility Questionaire :: T or F ==== */
.true-or-false .Comp-head-container-top {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.true-or-false .Comp-head-container-bottom {
	padding-top: 8px;
	margin-top: 8px;
}
.true-or-false .ah-col-left {
	width: 70%;
	float: left;
}
.true-or-false .ah-col-right{
	width: 30%;
	float: left;
}
.true-or-false .Comp-head {
	overflow: hidden;
}
.true-or-false .Comp-head span{
	display: inline-block;
	width: 50%;
	float: left;
	overflow:hidden;
	text-align: center
}
.true-or-false .Comp-head span.false {
	color: #F44336;
}
.true-or-false .Comp-head span.true {
	color: #56bb44;
}
.true-or-false .Comp-row {
	overflow: hidden;
	padding: 4px 0px;
}
.true-or-false .Comp-row .comp-text {
	width: 70%;
	float: left;	
}
.true-or-false .Comp-row .comp-opts {
	width: 30%;
	float: left;
	overflow:hidden;
}
.true-or-false .Comp-row .comp-opts span {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;	
}
.true-or-false .Comp-row .comp-opts span.true {
	border-radius: 6px 6px 6px 6px;
	background-color: #56bb44;
	color: #FFF;
	width: 45%;
	margin-right: 5%;
}
.true-or-false .Comp-row .comp-opts span.false {
	border-radius: 6px 6px 6px 6px;
	background-color: #ec6c62;
	color: #FFF;
	width: 45%;
	margin-left: 5%;
}
.true-or-false .Comp-row .comp-opts span .radio-opt{
	display: inline-block;	
}

@media (max-width: 470px) {
	.true-or-false .ah-col-left {
		display: none;
	}
	.true-or-false .ah-col-right{
		width: 100%;
		float: none;
	}	
	.true-or-false .Comp-row .comp-text {
		width: 100%;
		float: none;
		text-align: center;
		padding: 3px 0px;
	}
	.true-or-false .Comp-row .comp-opts {
		width: 100%;
		float: none;
		padding: 5px 0px;
	}	
}


/* ==== Plugins :: Hot or Not ==== */
.hot-or-not-block {
	width: 500px;
	margin: 20px auto;
	background: #382b41;
	border: 1px solid #382b41;
	border-radius: 3px;	
}

@media (max-width: 875px) {
	.hot-or-not-block {
		width: 430px;
	}	
}
@media (max-width: 620px) {
	.hot-or-not-block {
		width: 95%;
	}	
}

.hot-or-not-block .block-header {
	text-align: center;
	border-bottom: 1px solid #382b41;
	background: #3f3149;
	margin-bottom: 10px;
	padding: 10px 5px;	
	font-size: 16px;
}
.hot-or-not-block .block-header .header-sub {
	color: #a2a2a2;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}
.hot-or-not-block .block-inner{
	padding: 10px;
}
.hot-or-not-block .block-inner a.pic-link {
	display: block;	
}
.hot-or-not-block .block-inner a.pic-link:hover,
.hot-or-not-block .block-inner a.pic-link:focus,
.hot-or-not-block .block-inner a.pic-link:active {
	opacity:0.4;
}
.hot-or-not-block .block-inner a.pic-link img {
	display: block;
	max-width: 250px;
	max-height: 150px;
	margin: 10px auto;	
}
@media (max-width: 620px) {
	.hot-or-not-block .block-inner a.pic-link img {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 10px auto;
	}
}

.hot-or-not-block .block-footer {
	padding: 10px;
	margin-top: 10px;
	border-top: 1px solid #242424;
}
.avg-rating {
	width: 170px;
	margin: 10px auto;
	border: 2px solid #7eb044;
	background-color: #1a2e25;
	border-radius: 5px 5px 5px 5px;
}
.avg-rating .sec1 {
	text-align: center;
	padding: 5px 0px;
	color: #fff;	
}
.avg-rating .sec2 {
	text-align: center;
	font-size: 26px;
	padding: 10px 0px;
	border-top: 1px solid #7eb044;
	border-bottom: 1px solid #7eb044;
	color: #FFF;	
}
.avg-rating .sec3 {
	text-align: center;
	padding: 5px 0px;
	color: #FFF;
}

.hon-rate-block .rate-inner{
	overflow: hidden;
	clear: both;
}
.hon-rate-block .rate-inner span {
	display: inline-block;
	width: 10%;
	float: left;
	text-align: center;	
}
.hon-rate-block .rate-inner span input {
	display: inline-block;
}

@media (max-width: 485px) {
	.hon-rate-block .rate-inner .btn-sm {
		padding: 0px 2px;
		margin: 0px;
		
	}
}

.hon-rate-block .rate-txt {
	overflow: hidden;
	clear: both;
	padding: 5px 10px;
}
.hon-rate-block .rate-txt span {
	display: inline-block;
	width: 50%;
	float: left;
	font-size: 20px;
}
.hon-rate-block .rate-txt span.not {
	color: #d9534f;	
}
.hon-rate-block .rate-txt span.hot {
    color: #5cb85c;
}

/* ==== Plugins :: Payment History ==== */
.payment-list {
	overflow: hidden;
	clear:both;
}
.payment-list .payment-row {
	text-align: center;
	padding: 5px 2px;
}
.payment-list .payment-row .payment-date{
	width: 25%;
	float: left;
	height: 18px;
	overflow: hidden;
}
.payment-list .payment-row .payment-invoice{
	width: 30%;
	float: left;
	height: 18px;
	overflow: hidden;
	word-break: break-all	
}
.payment-list .payment-row .payment-value{
	width: 22%;
	float: left;
}
.payment-list .payment-row .payment-status{
	width: 23%;
	float: left;
}

@media (max-width: 460px) {
	.payment-list .payment-row {
		text-align: left;
	}
	.payment-list .payment-row .payment-date{
		width: 50%;
	}
	.payment-list .payment-row .payment-invoice{
		width: 50%;
	}
	.payment-list .payment-row .payment-value{
		width: 50%;
	}
	.payment-list .payment-row .payment-status{
		width: 50%;
	}
}

/* ==== Plugins :: My Friends ==== */
.navbar-default.myFriends-nav .navbar-collapse,
.navbar-default.myFriends-nav .navbar-form {
	border-color: #fff;
	padding: 0px;
}
.navbar-default.myFriends-nav {
	border: 1px solid #33283b;
	background: #3f3149;
	box-shadow: none;
	padding: 3px;
	border-radius: 3px 3px 3px 3px;
}
.navbar-default.myFriends-nav .navbar-nav {
	float: none;
}
.navbar-default.myFriends-nav li  {
	display: block;
	float: none;	
}
.navbar-default.myFriends-nav li a {
	padding: 7px 5px;
	border: 1px solid #352a3d;
	background: #3f3149;
	color: #fff;
	margin: 3px 0px;
	border-radius: 3px 3px 3px 3px;
}
.navbar-default.myFriends-nav li a:hover,
.navbar-default.myFriends-nav li a:focus {
	background: #e91e63;
	border-color: #99113f;
	color: #fff;
}
.navbar-default.myFriends-nav .navbar-nav>.active>a,
.navbar-default.myFriends-nav .navbar-nav>.active>a:focus,
.navbar-default.myFriends-nav .navbar-nav>.active>a:hover {
	background: #e91e63;
	border-color: #99113f;
	color: #fff;
}
.dropdown-menu.colored>.active>a,
.dropdown-menu.colored>.active>a:focus,
.dropdown-menu.colored>.active>a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #E91E63;
	outline: 0;
}
.navbar-default.myFriends-nav li a .badge{
	border: 1px solid #382b41;
	color: #ffffff;
	background: #382b41;
	border-radius: 3px 3px 3px 3px;
}

@media (max-width: 767px) {
	.navbar-default.myFriends-nav .navbar-header {
		border: 1px solid #3f3149;
		border-radius: 3px 3px 3px 3px;
		background: #3f3149;
		margin-bottom: 0px;
		text-align: center;
	}
	.navbar-default.myFriends-nav .navbar-toggle {
		border-color: #E91E63;
		background-color: #E91E63;
		color: #ffffff;
		float: none;
		margin: 3px;
		padding: 7px 14px;
	}
	.navbar-default.myFriends-nav .navbar-toggle:hover,
	.navbar-default.myFriends-nav .navbar-toggle:focus,
	.navbar-default.myFriends-nav .navbar-toggle:active {
		border-color: #ffffff;
		background-color: #ffffff;
		color: #242424;
	}
	.navbar-default.myFriends-nav .navbar-collapse,
	.navbar-default.myFriends-nav .navbar-form {
		border-bottom: 0px;
		border-color: #242424;
	}
	.navbar-default.myFriends-nav .navbar-nav {
		margin: 0px 0px 15px 0px;
		text-align: center;
	}
}

.friend-row {
	clear: both;
	overflow: hidden;
	padding: 10px 0px;
	margin-bottom: 10px;
	border: 1px solid #382b41;
	background: #3f3149;
	border-radius: 3px 3px 3px 3px;
}
.friend-row .friend-pic {
	width: 32%;
	float:left;
}
.friend-row .friend-pic a {
	display: block;
}
.friend-row .friend-pic a img {
	display: block;
	max-width: 100%;
	margin: 0px auto;
	max-height: 60px;	
}
.friend-row .friend-info {
	width:68%;
	float:left;	
}

/*= =*/
.oddrow, .addrow {background-color: #43354d;}
.evenrow {background-color: #33283b;}
.storyhead {color: #3569C1;font-weight: bold;}
.storydate {font-size: 9px;color: #003366;font-style: italic;}
.storyby {color: #003366;}
.newshead {color: #3569C1;font-weight: bold;}
.newsdate {font-size: 9px;font-style: italic;}
.pollquestion{font-weight: bold;}
.required_info {color: #FF0000;}
#cleared {clear: both;}