body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434548;
	background-color: #fff;
}

a {
    color: #474746;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
	color: #999999;
	outline: none;
}

.link-danger {
	color: #F44336;
}
.link-danger:hover,
.link-danger:focus,
.link-danger:active {
    color: #f16459;
}


/* ==== 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: #00bcd4;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-color: #00bcd4;
    border-radius: 0px;
    margin-bottom: 0px;
    border-bottom: 2px solid #00bcd4;
}
.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: #FFF;
	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: #235d64;
    background: none;
    outline: none;
}

.navbar-default.lo-nav .navbar-nav>li>a {
    color: #777;
    padding: 10px 15px;
    background: #FFF;
	-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: #FFFFFF;
    background-color: #00bcd4;
	outline: none;
}
.navbar-default.lo-nav .navbar-collapse,
.navbar-default.lo-nav .navbar-form {
    border-color: #eaeaea;
}

.navbar-default.lo-nav  .navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar-default.lo-nav .navbar-toggle {
    border: 1px solid #02acc1;
    border-radius: 2px;
}
.navbar-default.lo-nav .navbar-toggle:focus,
.navbar-default.lo-nav .navbar-toggle:hover {
    border: 1px solid #00bcd4;
    background-color: #02acc1;
}
.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: #787977;
    padding: 10px 15px;
    background: #FFF;
    border: 1px solid #FFF;
    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: #009aae;
    outline: none;
    border-color: #0096aa;
}
}

/* ==== Logged In Nav ==== */

.navbar-default.li-nav .navbar-brand {
    color: #fff;
	font-family: 'Scope One', serif;
font-size: 22px;
}

.navbar-default.li-nav .navbar-brand:focus,
.navbar-default.li-nav .navbar-brand:hover {
    color: #235d64;
    background: none;
    outline: none;
}


@media (max-width: 767px) {
.navbar-default.li-nav .navbar-brand {
    display: block;
    float: none;
    text-align: center;
background-color: #00bcd4;
    color: #FFF;
}	
.navbar-default.li-nav .navbar-brand:hover {
    background-color: #02a6bb;
	color: #FFF;
}
	.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;
}
}

@media (min-width: 768px) {
.navbar-default.li-nav .navbar-brand {
    padding: 20px 10px;
    height: auto;
	margin: 0px;
}

	
.navbar-default.li-nav .navbar-nav>li>a {
    color: #787977;
    padding: 10px 15px;
    background: #FFF;
    border: 1px solid #00bcd4;
    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;
}

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

.navbar-default.li-nav .navbar-nav>li>a:focus,
.navbar-default.li-nav .navbar-nav>li>a:hover {
	color: #FFFFFF;
    background-color: #009aae;
    outline: none;
    border-color: #0096aa;
}
}




/* ==== Top Menu ==== */
.top-menu {
	margin: 0px;
    background-color: #ffffff;
    border: 0px;
    border-bottom: 1px solid #cacaca;
    border-radius: 0px;
	min-height: 45px;
	
}
.navbar-inverse.top-menu .navbar-nav>li>a {
    color: #939191;
}
.navbar-inverse.top-menu .navbar-nav>li>a:focus, .navbar-inverse.top-menu .navbar-nav>li>a:hover {
	color: #fff;
    background-color: #cacaca;
}
.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: #cacaca;
}



.navbar-inverse.top-menu .dropdown-menu {
    background-color: #cacaca;
    border: 0px;
}

.navbar-inverse.top-menu .navbar-toggle:hover,
.navbar-inverse.top-menu .navbar-toggle:focus {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
    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: #cacaca;
    margin-top: 0px;
}
.nav-mess {
	display: none;
}
@media (max-width: 767px) {
	
.top-menu {
    min-height: 35px;
}
.navbar-inverse.top-menu .navbar-toggle {
    display: inline-block;
    border: 0px;
    padding: 8px 13px;
    font-size: 16px;
    background-color: #ffffff;
    float: left;
    margin: 0px 0px;
    color: #545454;
    border-right: 0px;
    border-radius: 0px;
}
.navbar-inverse.top-menu .navbar-nav .open .dropdown-menu {
        background-color: #FFF;
}
.navbar-inverse.top-menu .navbar-nav .open .dropdown-menu>li>a {
    color: #2fa2b1;
    font-size: 12px;
}

.nav-mess {
    display: inline-block;
    border: 0px;
    padding: 11px 12px 10px 12px;
    font-size: 12px;
    background-color: #ffffff;
    float: right;
    margin: 0px 2px;
    color: #777;
    border-left: 0px;
    border-radius: 0px;
}
.nav-mess:hover,
.nav-mess :focus {
    background-color:#a9a9a9;
    border-color: #a9a9a9;
    color: #FFF;
    text-decoration: none;
}


}

/* ==== Sidebar Menu Fold ==== */

.sidebar .sidebar-nav .panel-menu {
	border: 0px;
    margin: 0px 0px 3px 0px;
    box-shadow: none;
    border-radius: 0px;
}
.sidebar .sidebar-nav .panel-menu .panel-heading {
    padding: 0px;
	border-top: 0px;
	border-bottom:0px solid #000;
	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: #ffffff;
    color: #6a6a6a;
}
.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: #f3f3f3;
    color: #00bcd4;
	
}
.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 {
	
}
.sidebar .sidebar-nav .panel-menu .panel-body ul li a {
	display: block;
    padding: 3px 3px 3px 30px;	
}
.sidebar .sidebar-nav .panel-menu .panel-body ul li a:hover,
.sidebar .sidebar-nav .panel-menu .panel-body ul li a:focus, 
.sidebar .sidebar-nav .panel-menu .panel-body ul li a:active{
    color: #525252;
text-decoration: none;	
	
}

/* ==== Sidebar Menu Full ==== */

.side-menu {
	
}
.side-menu .menu-sec {
	
}
.side-menu .menu-sec .menu-sec-title {
    padding: 5px 0px;
    font-size: 14px;
    color: #00bcd4;
    border-bottom: 2px solid #00bcd4;
    margin: 0px 7px;
}
.side-menu .menu-sec ul li {
	
}
.side-menu .menu-sec ul li a {
	display: block;
    padding: 3px 17px 0px 17px;
    color: #909090;	
}
.side-menu .menu-sec ul li a:hover,
.side-menu .menu-sec ul li a:focus,
.side-menu .menu-sec ul li a:active {
	
}

.notification-bar {
	background: #FFF;
}


/* ==== login bar ==== */
#loginBar {
    background-color: #efefef;
    padding: 10px 0px;
    color: #FFF;
}
#loginBar .log-form {
	float: right;
}

#loginBar .lb-sec {
    width: 200px;
    margin-right: 3px;
    float: left;
}
#loginBar .log-form span.close-log {
    font-size: 18px;
    display: inline-block;
    margin: 0px 5px;	
}

@media (max-width: 768px) {
#loginBar .log-form {
	float: none;
}

#loginBar .lb-sec {
    width: 100%;
    margin-right: 0px;
	margin-bottom: 3px;
    float: none;
}

#loginBar .btn {
	width:100%;
}
#loginBar .log-form span.close-log{
    display: block;
    float: none;
    clear: both;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
}

/* ==== Manage Language ==== */

.lang-opts {
    position: relative;
}
.lang-opts a {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    background-color: #cacaca;
    color: #ffffff;
    font-size: 14px;
    border-radius: 0px 0px 4px 4px;
	position:absolute;
	top:0px;
	right: 0px;
}
.lang-opts a:hover,
.lang-opts a:focus,
.lang-opts a:active {
    background-color: #9e9e9e;
    color: #FFFFFF;
    outline: none;
}
#manage-lang select {
	width: 100%;
}



/* ==== Layout :: General ==== */
.page-wrapper {
	min-height: 300px;
	margin-right: 0px;
    margin-left: 0px;
	margin-top: 20px;
}
.sidebar {
    margin-top: 25px;
    padding-right: 10px;
    padding-left: 5px;
}
.main-content { 
    margin-top: 25px;
    padding-right: 5px;
    padding-left: 10px;
}
@media (max-width: 767px) {
.main-content {
    padding: 0px;

}
.sidebar {
	padding: 0px;

}
}
.main-content-main {
    padding: 0px 0px 50px 0px;
    background: #FFF;
    margin-bottom: 20px;
    min-height: 650px;
}

.container {
	width: 100%;
	max-width: 1224px;
}
.container#main-area {
	padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 767px) {
.container#main-area {
	padding-right: 25px;
    padding-left: 25px;
}
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}



/* ==== Sidebar ==== */

.sidebar .panel-default {
border-radius: 2px 2px 2px 2px;
    border: 0px;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: none;
}
.sidebar .panel-default .panel-heading {
    color: #ffffff;
    background-color: #00bcd4;
    border-bottom: 0px;
    text-align: center;
    border-radius: 2px 2px 0px 0px;
    padding: 12px 15px;
}

.sidebar .panel-default .panel-body {
    padding: 15px 10px;
    background: #f1f1f1;
}





/* ==== Titles / Headings ==== */

.page-title {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #00bcd4;
    color: #FFF;
    border-radius: 2px 2px 0px 0px;
}

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

.sub-head {
    font-size: 18px;
    color: #00bcd4;
    padding: 5px 0px;
}
@media (max-width: 767px) {
.sub-head {
	font-size: 16px;
}	
}
.sub-date {
    font-size: 10px;
    font-style: italic;
    color: #818181;
}


/* ==== Homepage ==== */

/* ==== Special Offer Block ==== */
.special-offer-block {
    margin: 0px 0px 0px 0px;
	background-image: url('../images/homeopt1.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.special-offer-block .offer-heading {
    font-size: 22px;
    color: #FFF;
}
.special-offer-block .offer-body {
	    color: #FFF;
    font-size: 14px;
    padding: 10px 0px;
}

.special-offer-block #IndexDesc .index-home{
	padding: 12% 5%;
	background: none;
	background: rgba(41, 41, 41, 0.43);
}



.special-offer-block #BasicSearch {
	
}
.special-offer-block .home-header .basic-search-form{
	 padding: 10%;
    margin: 0px auto;
	background: none;
	background: rgba(41, 41, 41, 0.43);
}
.home-header .basic-search-form form {
    display: block;
    width: 500px;
    margin: 10px auto;
	
}
@media (max-width: 767px) {
.home-header .basic-search-form form {
    width: 100%;

}	
	
}
.home-header .basic-search-form .bs-row {
}

.home-header .basic-search-form label {
	display: block;
	margin: 0px;
    padding: 0px 5px 5px 0px;    color: #FFF;	
}

.home-header .basic-search-form .bs-col-1,
.home-header .basic-search-form .bs-col-2 {
	width: 50%;
	float: left;
padding-bottom: 10px;
}
@media (max-width: 410px) {
.home-header .basic-search-form .bs-col-1,
.home-header .basic-search-form .bs-col-2 {
	width: 100%;
	float: none;
}
.home-header .basic-search-form .bs-col-1.bs-age,
.home-header .basic-search-form .bs-col-2.bs-age {
	width: 50%;
	float:left;
}
	
}

/* === Feature Blocks === */

.highlight-features {
    background: #e6e6e6;
}

.feature-block {
	margin: 25px 0px 25px 0px;
}
.feature-block .feature-icon {
	text-align: center;
	font-size: 42px;
}
.feature-block .feature-icon span {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #00bcd4;
    padding: 10px;
    margin: 30px auto;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #00bcd4;
}
.feature-block .feature-desc {
    padding: 20px 10px;
    text-align: center;
    color: #696969;
}

@media(max-width:768px) {
	.feature-block {
	margin: 10px 0px 10x 0px;
}
.feature-block .feature-icon {
	font-size: 36px;
}
.feature-block .feature-icon span {
	padding: 4px;
    margin: 7px auto;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px;
}
.feature-block .feature-desc {
	padding: 7px 5px;
	font-size: 13px;
}
	
}





.basic-search-form2{
	padding: 5% 10%;
    margin: 0px auto;
    background: #f0f0f0;
}
.basic-search-form2 form {
    display: block;
    width: 500px;
    margin: 10px auto;
	
}
@media (max-width: 767px) {
.basic-search-form2 form {
    width: 100%;

}	
	
}
.basic-search-form2 .bs-row {
}

.basic-search-form2 label {
	display: block;
	margin: 0px;
    padding: 0px 5px 5px 0px; 
	color: #646464;	
}

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




/* ==== Shoutbox ==== */

#SBmsgArea{
	height: 250px;
    overflow: auto;
	padding: 0px 5px;
}
.new_shout {
	border-top: 1px solid #e3e3e3;;
}

.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 #e0e0e0;
    background: #e0e0e0;
}

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 #e0e0e0;
    padding: 0px 5px;
    margin-bottom: 5px;
}

.msgArea a:hover {
	cursor: pointer;
}
textarea#im_msg {
	display: block;
    width: 90%;
    overflow: auto;
    padding: 2%;
    border: 1px solid #e1e1e1;
    margin: 0px auto;
}
span#msg_chrs_cnt{
	display: block;
	padding: 3px;
    font-size: 11px;
    text-align: center;
}



/* ==== Birthday Banner ==== */
.birthday-banner {
	margin-bottom: 30px;
    border-style: dotted;
    border-width: 2px;
    border-color: #00bcd4;
}
.birthday-banner img.cupcake {
	    display: block;
    width: 95px;
    height: 95px;
    margin: 0px auto;
}

.birthday-banner .birthday-message {
	font-size: 22px;
    color: #746251;
    text-align: center;
    padding: 10px 0px 30px 0px;
}


/* ==== Home User Stats ==== */
.user-home-stats {
	margin-bottom: 30px;
}
.user-home-stats dl {
    margin: 0px;
    padding: 5px;
    border-bottom: 1px dashed #e3e3e3;	
}
.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: 640px) {
.user-box.small-set {
	width: 33.3333334%;
    float: left;
}
}
@media (max-width: 460px) {
.user-box.small-set {
	width: 50%;
    float: left;
}
}
@media (max-width: 350px) {
.user-box.small-set {
	width: 100%;
    float: none;
}
}

.small-set .user-box-inner {
    margin: 5px;
}
.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;
}
}

@media (max-width: 350px) {
.user-box.small-set {
	height: auto;
}
.user-box.small-set .ub-photo-sec img {
    max-height: 150px;
}
.user-box.small-set .ub-photo-sec {
	height: auto;
}
}



.user-box.small-set .ub-details-sec .users-name {
	font-size: 14px;
    color: #676565;
    text-align: center;
	height: 20px;
    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: 11px;
    color: #919191;
	    height: 30px;
    overflow: hidden;
}




/* ===== Users :: Medium ===== */

.user-box.med-set {
	width: 33.33333333%;
    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;
}
}
@media (max-width: 380px) {
.user-box.med-set {
	width: 100%;
    float: none;
}
}

.med-set .user-box-inner {
    margin: 5px;
    border: 2px solid #dedede;
    background-color: #fff;
    border-radius: 2px 2px 2px 2px;
}
.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: 140px;
    border-radius: 4px;
    margin: 10px auto;	
}
@media (max-width: 890px) {
.user-box.med-set .ub-photo-sec img {
    max-height: 100px;
    max-width: 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;
    max-width: 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;
    max-width: 100px;
}
.user-box.med-set .ub-photo-sec {
	height: 120px;
}
}

@media (max-width: 350px) {
.user-box.med-set {
	height: auto;
}
.user-box.med-set .ub-photo-sec img {
    max-height: 150px;
    max-width: 150px;
}
.user-box.med-set .ub-photo-sec {
	height: auto;
}
}



.user-box.med-set .ub-details-sec .users-name {
	font-size: 14px;
color: #a7a7a7;
    text-align: center;
	height: 20px;
    overflow: hidden;
}
@media (max-width: 768px) {
.user-box.med-set .ub-details-sec .users-name {
	font-size: 12px;
	height: 18px;
}
.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: 20px;
    padding: 10px 0px;
    border-bottom: 1px dashed #d4d5d5;
}

.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-inner {
	
}

.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;	
}	
}

.user-box.large-set .u-box .u-box-inner .u-box-pic a {
    display: block;
    margin: 0px auto;
    max-width: 140px;
    padding: 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%;
}	
	
}



.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;
}
}





.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;
}

@media (max-width: 460px) {
.u-box-data-item .u-box-data-item-label {
	    font-weight: bold;
    width: 100%;
    float: none;
	font-size: 11px;
}
.u-box-data-item .u-box-data-item-answer {
	    width: 100%;
    float: none;
font-size: 11px;
}


}


/* ==== 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;
    background: #00bcd4;
    color: #fff;
    padding: 5px;
	border-radius: 3px;
}
.show-all a:hover,
.show-all a:focus,
.show-all a:active {
background: #525252;
	color: #FFFFFF;
	text-decoration: none;
}



/* ==== Lucky Spinner ==== */
.luckySpin img.smallpic {
    border-radius: 3px;
    height: 120px;
    width: auto;
	display: block;
	margin: 5px auto;
}

.luckySpin .formbutton {
	color: #FFFFFF;
    background: #00bcd4;
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid #00bcd4;
    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: #686868;
    background: #fff;
    outline: none;
    text-shadow: none;
}


/* ==== Join Page :: General ==== */
.step_bar {

}
.step_bar ul#j_steps {
	list-style: none;
    overflow: hidden;
    margin: 0px;
    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;
    border: 1px solid #e1e1e1;
    padding: 10px 5px;
    font-size: 14px;
    color: #C3C2C2;
    margin: 5px 2px;
    border-radius: 2px 2px 2px 2px;
}

.step_bar ul#j_steps li.active {

}

.step_bar ul#j_steps li.active .jo {
    color: #ffffff;
    border: 1px solid #00bcd4;
    background-color: #00bcd4;
}


.sign_up_buttons {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e1e1e1;
	overflow:hidden;
	clear:both;
}

.sign_up_buttons span {
	width: 33.33333%;
	float: left;
	text-align: center;
}


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

.spam_check {

}
.spam_check p {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
	font-size: 11px;
}

.captcha_image {
	text-align: center;
	padding: 10px 0px;
}
.captcha_code {
	text-align:center;
}

.captcha_code input {
	display: block;
	width: 200px;
	margin: 5px auto;
}



/* ==== 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 #ececec;
    padding: 10px;
    margin-bottom: 10px;
}


/* ==== Blogs ==== */
.blogs-nav {
	border-bottom: 2px solid #00bcd4;
}

.blogs-nav li {
	width: 33.33333333%;
    text-align: center;
	margin: 0px;
}
.blogs-nav li a {
	border-radius: 0px;
	margin: 0px;	
}
.blogs-nav >li.active>a,
.blogs-nav >li.active>a:focus,
.blogs-nav >li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    border-bottom-color: #00bcd4;
    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: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;		
}

/* ==== 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: #f3f3f3;
}

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: 7px 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: 7px 0px 7px 0px;
}

ul.blog-list li.blog-list-item .blog-list-stats {
	width: 75%;
	float: left;
    padding: 7px 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 {
    background: #ffffff;
    border: 1px solid #e3e3e3;
}
	
ul.blog-list li.blog-list-item .bfr {
	width: 100%;
	float:none;
border-bottom: 1px solid #e3e3e3;
    background: #f5f5f5;
}
ul.blog-list li.blog-list-item .blr {
	width: 100%;
	float:none;
}
}

.mass-delete {
    margin-top: 15px;
    border-top: 1px solid #e3e3e3;
}


/* ==== Blogs :: View My Blog ==== */

.view-blog-title {
    font-size: 16px;
    padding: 8px 8px 8px 8px;
    color: #ffffff;
    margin-top: 0px;
    background-color: #00bcd4;
    border-radius: 2px 2px 0px 0px;
}
@media (max-width: 640px) {
.view-blog-title {
	font-size: 14px;
}	
}
.view-blog-date {
	font-size: 12px;
    padding: 3px 8px;
    color: #969696;
    background-color: #f6f6f6;
}

.view-blog-content {
	padding: 10px 8px;
    margin-top: 10px;
    color: #636363;
    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 #c3c3c3;
}
ul.blog-widget li:last-child {
    border: 0px;
}



/* ==== Blog Lists :: Panels ==== */

.panel-default.panel-blog {
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #E4E4E3;
    margin-bottom: 35px;
}
.panel-default.panel-blog .panel-heading {
    padding: 0px;
    background: #FFF;
    border-radius: 0px;
    border-color: #e4e4e4;	
}
.panel-default.panel-blog .panel-heading a {
display: block;
    padding: 10px;
    background-color: #ffffff;
}
.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 {
    border-radius: 0px;
    background-color: #ffffff;
    border-color: #e4e4e4;
    color: #afafaf;
    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 #e4e4e4;
}

}



/* ==== Comments ==== */
.comment-sec-title {
    color: #6b6b6b;
    background-color: #ffffff;
    border-bottom: 2px solid #00bcd4;
    font-size: 18px;
    padding: 10px 0px;
    margin: 10px 0px;
}
@media (max-width: 640px) {
.comment-sec-title{
	font-size: 14px;
}	
}
.comment-list {
	overflow: hidden;
	clear:both;
}

.comment-block {
    border-bottom: 1px dashed #cccccc;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 8px;
    padding: 10px 0px;
}
.comment-date {
    color: #868686;
}
.txt-remain {
	font-size: 10px;
    padding: 10px 0px;
}


/* ==== Tabs ==== */

.tabs-2 {
	margin-bottom: 15px;
}

.tabs-2 li {
    width: 50%;
    text-align: center;
}



/* ==== Panels ===== */

.panel-default {
    border: 0px solid #00bcd4;
    border-radius: 0px;
    background-color: #f1f1f1;
}
.panel-default .panel-heading {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
	border-radius: 0px;
}
.panel-default.clean {
	background-color: #FFF;
}

.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;
}



.style-panel .panel-default {
    border-radius: 0px;
    border: 0px;
    background-color: #FFFFFF;
    padding: 0px;
	box-shadow: none;
}
.style-panel .panel-default .panel-heading {
	color: #7b7b7b;
    background-color: #ffffff;
    border-bottom: 2px solid #00bcd4;
    text-align: center;
}


.panel-spam {
    box-shadow: none;
    border: 0px;
	background-color: #f2f2f2;
    border-radius: 0px;	
}
.panel-spam .panel-heading {
	    text-align: center;
    font-size: 14px;
    color: #777;
    border-bottom: 1px dashed #d7d6d6;
}
.panel-spam .panel-body {
	
}
.panel-spam .spam-block {
	    width: 350px;
    margin: 0px auto;
}
@media (max-width: 540px) {
.panel-spam .spam-block {
	    width: 95%;
}	
}
.panel-spam .help-block {
padding: 5px 15px;
    text-align: center;	
}
.panel-spam .spam-img{
	
}
.panel-spam .spam-img img{
    display: block;
    margin: 0px auto 10px auto;	
}

/* ==== Alerts ==== */

.alert-info {
    color: #FFF;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.alert-danger {
    color: #ffffff;
    background-color: #eb746b;
    border-color: #eb746b;
}
.alert-warning {
    color: #FFF;
    background-color: #FF9800;
    border-color: #FF9800;
}

/* ==== Profile Box ==== */

.members-widget {
    border: 0px;
    background-color: #f1f1f1;
    border-radius: 0px;
}
.members-widget .panel-heading {
    color: #ffffff;
    background-color: #00bcd4;
    border-bottom: 0px solid #00bcd4;
    text-align: center;
    font-size: 14px;
    border-radius: 0px;
}
.members-widget .panel-heading select {
    border: 1px solid #d9d9d9;
    padding: 3px 8px;
    font-size: 12px;
    height: 30px;
}
.members-widget .panel-heading select:focus,
.members-widget .panel-heading select:active {
	outline: none;
    background-color: #ffffff;
    color: #00bcd4;
}









/* ==== Pager :: Bottom ==== */

.bottom-pager {
	padding: 15px 0px;
    border-top: 1px solid #ddd;
}
.bottom-pager li {
	
}
.bottom-pager li a{
display: inline-block;
    padding: 7px 14px;
    background-color: #fff;
border: 1px solid #00bcd4;
    color: #00bcd4;
    border-radius: 2px;	
}
.bottom-pager li a:hover,
.bottom-pager li a:active,
.bottom-pager li a:focus {
	background-color: #00bcd4;
    color: #FFF;
}
.pager.bottom-pager .disabled a,
.pager.bottom-pager .disabled a:focus,
.pager.bottom-pager .disabled a:hover {
    color: #aaa;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #c9c9c9;
}



/* ==== 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 a {
	
}
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 ==== */

.article-list-item {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.article-list-item .article-header {
    border-bottom: 1px solid #ddd;	
}
.article-list-item .article-header a {
    display: block;
    font-size: 14px;
	padding: 10px 5px 10px 5px;	
}
.article-list-item .article-date {
    padding: 5px;
    font-size: 11px;
    color: #8f8f8f;
}
.article-list-item .article-text{
	padding: 5px;
}


/* ==== Success Stories List ==== */

.success-story-item {
    border: 1px dashed #c9c9c9;
    margin-bottom: 20px;
    border-radius: 2px 2px 2px 2px;
}
.success-story-item .success-head {
    text-align: center;
	padding-top: 10px;
}
.success-story-item .success-head a {
    color: #d97d77;
    font-size: 14px;
}
.success-story-item .success-head .heart-icon {
    font-size: 20px;
    color: #F44336;	
}

.success-story-item .success-date  {
	    text-align: center;
	
}
.success-story-item .success-date  a {
    color: #48454d;	
}
.success-story-item .success-summery{
	padding: 15px 10px;
	text-align: center;
	
}



/* ==== Buddy Ban List ==== */

.bb-list-head {
	
}

.bb-list {
	
}

.bb-list .bb-list-item {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.bb-list .bb-list-item .bb-check {
	width: 5%;
	float: left;
    text-align: center;
    padding: 20px 0px;
}
.bb-list .bb-list-item .bb-user {
	width: 88%;
	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: 7%;
	float: left;
	text-align: center;
	padding: 15px 0px;
	    font-size: 22px;
}


@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: 88%;
}
.bb-list .bb-list-item .bb-user  .bb-user-pic{
	width: 32%;
}
.bb-list .bb-list-item .bb-user .bb-user-name {
	width: 68%;
}
.bb-list .bb-list-item .bb-act{
width: 12%;
}

}


/* ==== Calendar :: Month View ==== */

.cal-month-view.calendar-days-header ul {
	overflow: hidden;
	clear: both;
    padding: 10px 0px;
    border-bottom: 1px solid #00bcd4;
}

.cal-month-view.calendar-days-header ul li{
	width: 14.285555%;
	float: left;
	text-align: center;
	color: #585858;
    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#e6e6e6;
    border-right: 1px solid#e6e6e6;
    border-top: 1px solid#e6e6e6;
    border-bottom: 0px solid#e6e6e6;
    margin: 0px 1px
}
.cal-month-view.calendar-table .day-unit .month-day-head a {
    display: block;
    text-align: center;
    padding: 8px 0px;
    border-bottom: 1px solid #e6e6e6;	
}


.cal-month-view .day-unit-add a {
    display: block;
    text-align: center;
    padding: 5px;
    background: #e6e6e6;
    color: #525252;
    margin: 0px 1px 2px 1px;
}
.cal-month-view .no-events {
	padding: 25px 0px;
    text-align: center;
    color: #b9b9b9;
}



@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;
}
	
}



/* ==== 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: #f6f6f6;
}	
.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 #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 0px solid #e6e6e6;
    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 #e6e6e6;	
}
.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: #e6e6e6;
    color: #4e4e4e;
    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: #00bcd4;
    margin-top: 10px;
}

@media (max-width: 420px) {
.ev-start,.ev-end {
	width: 100%;
	float: none;
	padding: 10px 0px;
}	
}
.ev-footer {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    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: #ebebeb;
    color: #434343;	
}
.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 {
	    padding: 0px 5px 0px 0px;
}

.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 .break-opts {
	overflow: hidden;
	clear:both;
	height: 1px;
	width: 100%;
	float: none
}


/* ==== Mailbox ==== */


.mailbox-nav {
    border-bottom: 1px solid #00bcd4;
margin-bottom: 10px;	
}

.mailbox-nav li {
    width: 33.333333339%;
margin: 0px;	
}
.mailbox-nav li a {
    margin-right: 0px;
    border-radius: 2px 2px 0px 0px;	
	    text-align: center;
}

.mailbox-nav li.active a {
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    border-bottom-color: transparent;
    color: #FFF;
}
.mailbox-nav li.active a , .mailbox-nav li.active a:focus, .mailbox-nav li.active a:hover {
    color: #fff;
    cursor: default;
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    border-bottom-color: transparent;
}


.mailbox-header {
    overflow: hidden;
    clear: both;
    padding: 10px 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    background: #00bcd4;
    color: #FFF;
}
.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 #f8f8f8;
	background-color: #f8f8f8;
}


.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;
}
@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: #eeeeee;
    border-color: #eeeeee;
font-weight: bold;	
}
.message-row.not-read .message-status {
	color: #4CAF50;
}





/* ==== Mailbox :: View Message ==== */


.view-message-head {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.view-message-head a.m-sender {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 20px auto;	
}
.view-message-head a.m-sender img{
    max-width: 100%;
    max-height: 100px;
    display: block;
    margin: 0px auto
}
.view-message-head .sender-info .m-date{
	font-size: 10px;
}




/* ==== Payment / Compare Memberships ==== */

.membership-compare .compare-head {
	overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
	clear: both;
}

.membership-compare .m-row {
	overflow: hidden;
    padding: 5px 0px;
    border-bottom: 1px dashed #dedede;
	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: #f4b3ae;
    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: #eee;
    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: #00bcd4;
    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 #c3c3c3;
}
.news-list li .news-head a {
	font-size: 14px;
}

.news-list li .news-date {
    font-size: 10px;	
}

.news-list li .news-text{
	    color: #6e6e6e;
		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: 860px) {
.profile-sidebar {
	width: 100%;
	float: none;
}

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

.profile-picture {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    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;
}

.profile-menu #pro-menu {
	padding: 0px;
    border: 0px;
	background: #FFF;
}

.profile-menu .navbar-nav {
	float: none;
		margin: 7px 0px;
		border: 0px;
}
.profile-menu .nav li {
	float: none;
	width: 100%;
}
.profile-menu .nav li a {
    padding: 7px 10px;
    border: 1px solid #00bcd4;
    background-color: #ffffff;
    color: #00bcd4;
    margin-bottom: 3px;
    border-radius: 2px 2px 2px 2px;
}
.profile-menu .nav li a:focus,
.profile-menu .nav li a:hover {
    color: #FFFFFF;
    background-color: #00bcd4;
}

@media (max-width: 861px) {
.profile-menu .navbar-header{
    margin-bottom: 5px;	
}



.profile-menu .navbar-toggle{
	    float: none;
    display: block;
    width: 100%;
    border: 1px solid #00bcd4;
    background-color: #00bcd4;
    color: #FFF;
    font-size: 18px;
    padding: 6px;
	border-radius:2px 2px 2px 2px;
	margin: 0px;
}
.profile-menu .navbar-toggle:focus, .profile-menu .navbar-toggle:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
	color: #FFF;
}


.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 .navbar-nav>li {
      float: none;
  }

  .profile-menu .collapse.in{
      display:block !important;
  }

}





.nav-tabs.profile-tabs {
    border-bottom: 2px solid #dedede;	
}
.nav-tabs.profile-tabs li {
width: 25%;
margin:0px;
}
.nav-tabs.profile-tabs li a {
    padding: 10px 5px;
    text-align: center;
    margin: 0px;
    border: 0px;
	border-radius: 0px;
}
.nav-tabs.profile-tabs li.active a,
.nav-tabs.profile-tabs li.active a:focus,
.nav-tabs.profile-tabs li.active a:hover {
    color: #777;
    background-color: #dedede;
    border: 0px;
}


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



.profile-panel{
    border: 0px;
    box-shadow: none;
    margin: 0px 10px 20px 10px;
	    background: #FFF;
}
.profile-panel .panel-heading {
	border-bottom: 1px solid #dedede;
    color: #00bcd4;
    background-color: #fff;
    padding: 10px 0px;
}
.profile-panel .panel-body{
    padding: 10px 5px;	
}

.p-sec-content {
	
}
.p-sec-content .p-sec-row {
    border-bottom: 1px dashed #eee;
    padding: 3px 0px;	
}
.p-sec-content .p-sec-row .pro-sec-q{
	width: 45%;
	float: left;
    font-weight: bold;
}
.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;
}
.p-sec-content .p-sec-row .pro-sec-a{
	width: 100%;
	float: none;	
}
	
	
	
}





.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;
}	
}





.rate-bar {
    background-color: #e8e8e8;
    border-radius: 3px 3px 3px 3px;
	    overflow: hidden;
}
.rate-bar .rating-cur {
    background-color: #00bcd4;
    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 {
    border-bottom: 1px solid #00bcd4;
    color: #00bcd4;
    background-color: #fff;
    padding: 10px 0px;
    text-align: center;	
	margin-bottom: 10px;
}


.comment-item{
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;	
}
.comment-item .comment-user{
	
}
.comment-item .comment-body {
	padding-bottom: 5px;
}
.comment-item-reply {
    text-align: right;
    border-top: 1px dashed #d9d9d9;
    padding: 5px 0px;
    color: #8d8d8d;	
}
.comment-item-reply-user {
	
}
.comment-item-reply-body {
	
}






.users-blog {
	
}
.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: #898989;
    padding-bottom: 7px;
	margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.users-blog-sort {
	clear:both;
	margin-bottom: 5px;
	padding-top:10px;
}

.users-blog-list {
    margin-top: 20px;	
}
.users-blog-list li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    padding: 5px 5px 15px 5px;	
}
.users-blog-list li .pb-title {
	
}
.users-blog-list li .pb-date{
    font-size: 10px;	
}










.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: #ffffff;
    border-radius: 3px 3px 3px 3px;
    padding: 5px 10px;
    border: 1px solid #eee;
	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;
}	
	
}




.manage-snaps {
	overflow: hidden;
	clear: both;
	
}
.manage-snaps li {
	width: 25%;
	float: left;
}
.manage-snaps li.break-row{
	display:none;
}

.manage-snaps li a {
    display: inline-block;
    width: 115px;
    margin: 2px;
    border: 2px solid #e4e4e4;
    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-area {
	    display: block;
    overflow: hidden;
    clear: both;
    border: 2px dashed #ddd;
    text-align: center;
    padding: 40px 0px;
background-color: #fafafa;
}

.new-pic-input {
	
}

.new-pic-input input[type=file] {
    border: 1px solid #eee;
    padding: 5px;
    width: 210px;
    margin: 0px auto;	
}


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


/* ==== Videos ==== */

ul.video-list {

}

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 #eee;
}
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 #eee;	
height: 26px;
    overflow: hidden
}

ul.video-list li.video-item.newVideo{
	
}

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


.videoWrap{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	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 ==== */

.w-list {
	position:relative;
}
.w-list .itm-check {
	display: inline-block;
    position: absolute;
    padding: 2px 5px;
    background-color: #e8e8e8;
    top: 5px;
    left: 5px;
    border-radius: 0px 0px 3px 3px;
}






/* ==== 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;	
}
.user-gifts li .gift-block .gift-more a {
	
}

@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: #8F8F8F;
}
.no-result .nr-icon {
	font-size: 30px;
}
.no-result .nr-text {
	
}

/* ==== No Access ==== */

#noAccess .modal-header {
    border-bottom: 0px solid #e5e5e5;
}
#noAccess .modal-body {
    position: relative;
    padding: 5px 15px 50px 15px;
}

.no-access {
    text-align: center;
    color: #8F8F8F;
}
.no-access .na-icon {
font-size: 40px;
    color: #CD4B4B;
}
.no-access .na-text {
	    padding: 15px 0px 30px 0px;
}


/* ==== Lists ==== */


.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: #00bcd4;
    border-color: #00bcd4;
}
.list-group-item.active a {
	color: #FFF;
}

/* ==== TinyMCE Overrides ==== */

.tinyMCE-new .mce-panel {
    background-color: #ffffff;
}

.tinyMCE-new .mce-btn button {
	background-color: #ffffff;	
}

/* ==== Forms ==== */

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

select {
	display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;
}

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

.form-control-textarea {
	display: block;
    height: 60px;
	width: 80%;
    padding: 6px 2px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;	
}
.form-control-textarea.fullw {
	width: 100%;
}

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

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



/* ==== 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;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;
    font-weight: 400;
    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: #00bcd4;
    border: 1px solid #00bcd4;
    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 :: Success ==== */
.btn {
	border-radius: 2px 2px 2px 2px;
	margin-bottom: 2px;
}

.btn-success {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.btn-success:hover {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
    outline: none;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
    outline: none;
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.btn-success .badge {
	color: #DDD;
	background-color: #FFFFFF;
}

.btn-default {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.btn-default:hover {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
}
.btn-default.focus, .btn-default:focus {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
    outline: none;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #009aae;
    border-color: #028899;
    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: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.btn-default .badge {
	color: #DDD;
	background-color: #FFFFFF;
}



.btn-link {
    color: #4b4b4b;
}



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

/* ==== Footer :: Stats ==== */
.footer-stats {
	margin-bottom: 50px;
}
.footer-stats .panel-default {
    box-shadow: none;
    margin: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 2px;
    border: 2px solid #00bcd4;
}
.footer-stats .panel-default .panel-heading {
	display: none;
}
.footer-stats ul.stat-list {
	overflow: hidden;
}
.footer-stats ul.stat-list li {
	width: 33.3333334%;
	float: left;
}
@media (max-width: 580px) {
.footer-stats ul.stat-list li {
	width: 100%;
	float: left;
}
}
.footer-stats ul.stat-list.w-couples li {
	width: 25%;
	float: left;
}

@media (max-width: 768px) {
	.footer-stats ul.stat-list.w-couples li {
	width: 50%;
	float: left;
}
}
@media (max-width: 460px) {
.footer-stats ul.stat-list.w-couples li {
	width: 100%;
	float: left;
}
}
.footer-stats ul.stat-list li .stat-icon {
    display: block;
    font-size: 33px;
    text-align: center;
}
.footer-stats ul.stat-list li .stat-desc{
    display: block;
    text-align: center;	
}
.footer-stats ul.stat-list li .stat-count{
    display: block;
    text-align: center;
    font-size: 18px;	
}
.footer-stats ul.stat-list li.male-stat .stat-icon {
	color: #72D3FF;
}
.footer-stats ul.stat-list li.female-stat .stat-icon {
    color: #E91E63;
}
.footer-stats ul.stat-list li.online-stat .stat-icon {
    color: #598b1e;
}
.footer-stats ul.stat-list li.weekly-stat,
.footer-stats ul.stat-list li.pic-stat {
	display: none;
}


/* ==== Footer :: Main ==== */

.footer {
    background-color: #00bcd4;
    border-top: 3px solid #00bcd4;
}
.footer .footer-links {

}

.footer .footer-links a {
	display: inline-block;
    color: #FFFFFF;
    padding: 3px;
}
.footer .footer-links a:hover,
.footer .footer-links a:focus {
	background: #01899a;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px 4px 4px 4px;
}

.footer .footer-copyright a {
    color: #6b6b6b;
}




/* ==== Plugins :: Adult Questionaire ==== */

span.aq-q {
    display: inline-block;
    background-color: #b0b0b0;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;	
}
span.aq-a{
    display: inline-block;
    background-color: #00bcd4;
    padding: 1px 5px;
    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: #fff;
    color: #00bcd4;	
}

.adult-quest .panel-default {
    border: 2px solid #e8e8e8;
}
.adult-quest .panel-default .panel-heading {
    color: #545454;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}


.question-body {
	
}
.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;
}
.qtype1 .advComp-head span.med {
    background-color: #FF9800;
}
.qtype1 .advComp-head span.high {
background-color: #00bcd4;
}
.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: #00bcd4;
}



.qtype3 .advComp-row {
	overflow: hidden;
    padding: 4px 0px;
}
.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: #00bcd4;
	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: #FFF;
}

.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;	
}
.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: #00bcd4;
    background-color: #ffffff;
}

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

@media (max-width: 767px) {
.navbar-default.advComp-nav {
    background-color: #efefef;
    border-bottom: 0px;
}
.navbar-default.advComp-nav .navbar-toggle {
    border-color: #00bcd4;
    background-color: #00bcd4;
    color: #FFF;
}
.navbar-default.advComp-nav .navbar-toggle:hover,
.navbar-default.advComp-nav .navbar-toggle:focus,
.navbar-default.advComp-nav .navbar-toggle:active
 {
    border-color: #00bcd4;
    background-color: #00bcd4;
    color: #FFF;
}

.navbar-default.advComp-nav .navbar-collapse,
.navbar-default.advComp-nav .navbar-form {
    border-color: #ffffff;
    background-color: #fff;
    border-bottom: 2px solid #00bcd4;
}

}


.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: #00bcd4;
}
.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 0px;
}
.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: #00bcd4;
}



.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: #00bcd4;
	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 ADV ==== */

.hot-or-not-block {
    width: 500px;
    margin: 20px auto;
    border: 1px solid #ddd;
    -webkit-box-shadow: 1px 2px 2px 1px rgba(231, 231, 231, 0.85);
    box-shadow: 1px 2px 2px 1px rgba(231, 231, 231, 0.85);
    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 #ddd;
    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 #eee;
}




.avg-rating {
	width: 170px;
    margin: 10px auto;
    border: 2px solid #7eb044;
    background-color: #00bcd4;
    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 {
	
}


.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: #00bcd4;
}








/* ==== 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 {
	background:#FFF;
}
.navbar-default.myFriends-nav .navbar-nav {
	float: none;
}

.navbar-default.myFriends-nav li  {
display: block;
    float: none;	
}
.navbar-default.myFriends-nav li a {
    padding: 5px;	
}
.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 {
    color: #00bcd4;
    background-color: #ffffff;
}

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

@media (max-width: 767px) {
	
.navbar-default.myFriends-nav .navbar-header {
    border: 1px solid #00bcd4;
    border-radius: 3px 3px 3px 3px;
    background: #00bcd4;
    margin-bottom: 5px;
	text-align: center;
}
	
.navbar-default.myFriends-nav {
    background-color: #FFF;
    border-bottom: 0px;
}
.navbar-default.myFriends-nav .navbar-toggle {
    border-color: #00bcd4;
    background-color: #00bcd4;
    color: #FFF;
    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: #0497aa;
    background-color: #0399ac;
    color: #FFF;
}

.navbar-default.myFriends-nav .navbar-collapse,
.navbar-default.myFriends-nav .navbar-form {
    border-color: #ffffff;
    background-color: #fff;
    border-bottom: 2px solid #00bcd4;
}

.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-bottom: 1px dashed #ddd;
}
.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: #FEFEFE;
}

.evenrow {
	background-color: #EFEFEF;
}
.storyhead{
	color: #3569C1;
	font-weight: bold;
}
.storydate{
	font-size: 9px;
	color: #003366;
	font-style: italic;
}
.storyby{
	color: #003366;
}
.storytext{
}

.newshead{
	color: #3569C1;
	font-weight: bold;
}
.newsdate{
	font-size: 9px;
	font-style: italic;
}

.pollquestion{
	font-weight: bold;
}
.required_info {
	color: #FF0000;
}

#cleared {
  clear: both;
}