header {background:#000}
a, span.asLink {color:#1C869E}

.alert-success.alert-cta { background-color:#5DD42C; border-color:#33610C; color:#fff}

.navbar {margin-bottom:0}
.navbar-toggle .icon-bar {background-color:#000}
.navbar-toggle {background-color:#fff}
.navbar-nav>li>a {line-height:40px}
div.navbar-header {margin-right:30px !important}
.navbar-nav>li>a {color:#8ABAE2}


ul.dropdown-menu li.unread a {font-weight:bold}
.mobile-hint {display:none !important}
.navbar .primary {background-color:#CCC}
.navbar-nav>li.primary>a {color:#3E505F}

.navbar .glyphicon {font-size:140%; vertical-align:middle}

.slider.slider-horizontal .slider-selection {background:#aaa}
.slider-handle { background:#aaa}

select {width:100%; padding:5px 0}
input.text {width:100%; padding:2px 0}
small.city-hint span { color:#337ab7; display:inline-block; margin-right:10px; cursor:pointer; border-bottom:1px dotted #337ab7}
.city-hide {display:none; margin-bottom:-20px}
h2.xs-collapse-trigger span.glyphicon {display:none; font-size:80%}

label.check {display:inline-block; width:49%}

div.member-list > div.xs-special {display:none}

div.profile {text-align:center; padding:20px 0 10px; position:relative}
div.profile img {width:100%; display:block; margin-bottom:10px; border-radius: 200px}
div.profile.online .username::before {content:" "; display:inline-block; width:6px; height:6px; background:#090; border-radius:100%; margin-right:5px; vertical-align:super}
div.profile > a {font-weight:bold}
div.profile > a span.status {display:inline-block; vertical-align:super; width:7px; height:7px; border-radius:100%; margin-left:3px; position:relative; top:2px}
div.profile > a span.status.online {background-color:#3C0}
div.profile p.geo {font-size:80%; margin-bottom:0}
div.profile p.description {font-style:italic; padding-top:10px; overflow:hidden; max-height:87px; min-height:87px}
div.profile p.description:after {content:" "; position:absolute; bottom:18px; left:0; right:0; height:18px; background: rgba(255,255,255,0.35);
background: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.62) 42%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.35)), color-stop(42%, rgba(255,255,255,0.62)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.62) 42%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.62) 42%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.62) 42%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.62) 42%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
div.profile div.actions {background:rgba(200,200,200,.7); position:absolute; z-index:1000; left:0; right:0; height:auto; border:1px solid #999; border-radius:10px; text-align:center; display:flex; flex-direction:row; padding:5px; width:100%; top:auto; margin-top:-70px; visibility:hidden}
div.profile:hover div.actions {visibility: visible;}
div.profile div.actions a.action {display:inline-block; background:#FFF; border:1px solid #CCC; border-radius:5px; line-height:4rem; font-size:2rem; cursor:pointer; color:#333; flex:1; margin:0 5px}
div.profile div.actions a.action.fav-on {color:#F30}
div.profile div.actions a.action:hover {color:#F30}
div.profile div.actions a.action.fav-on:hover {color:#333}
div.profile div.actions a.action.smile-on {color:#F30; cursor:default}

ul.nav-tabs li.active span.badge, ul.nav-tabs li.active strong {display:none}

footer {border-top:1px solid #999; background-color:#CCC; text-align:center}
footer .nav-pills {text-align:center}
footer .nav-pills>li {display:inline-block; float:none}

div.chat-window {position:fixed; bottom:0; right:15px; width:250px; height:320px; z-index:10000; background:white; border:1px solid #000; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.48);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.48); display:none}
div.chat-window .chat-title {height:25px; background-color:#09F; color:#FFF; position:relative; padding:0 15px 0 9px; overflow:hidden}
div.chat-window .chat-title img {border-radius:15px}
div.chat-window .chat-title a {color:#FFF; font-weight:600; line-height:25px; font-size:85%}
div.chat-window .chat-title a.online:before {content:" "; display:inline-block; vertical-align:super; width:7px; height:7px; border-radius:100%; margin-right:8px; position:relative; top:3px; background-color:#3C0}
div.chat-window .chat-title a.offline:before {content:" "; display:inline-block; vertical-align:super; width:7px; height:7px; border-radius:100%; margin-right:8px; position:relative; top:3px; background-color:#999}
div.chat-window .chat-title button {position:absolute; right:5px; top:2px}
div.chat-window div.chat-body { height:250px; overflow-x: hidden; overflow-y:scroll; padding:5px 0}
div.chat-window div.chat-body::after {
  content: "";
  background: url(../img/visual01.jpg);
  background-size: cover;
  background-position:center center;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
div.chat-window div.chat-body p {margin-bottom:5px; font-size:85%; }
div.chat-window div.chat-body p span {border-radius:9px; padding:2px 5px; display:inline-block}
div.chat-window div.chat-body p.own {text-align:right; padding-right:5px;  margin-left:25px}
div.chat-window div.chat-body p.own span {background-color:#6CF;}
div.chat-window div.chat-body p.partner {text-align:left; padding-left:5px;  margin-right:25px}
div.chat-window div.chat-body p.partner span {background-color:#FC6}
div.chat-window .chat-type {height:43px}
div.chat-window .chat-type textarea {border:none; font-size:85%}

/* Profile page */

body.profile div.media-thumbs {margin-top:15px; display:flex; flex-wrap:wrap; justify-content:space-between}
body.profile div.media-thumbs img {display:block; width:40px; height:40px; flex:0; border:2px solid transparent; border-radius:3px; cursor:pointer; box-sizing:content-box}
body.profile div.media-thumbs img.active {border-color:#900}

div.profile-data .geo {font-size:80%; padding-left:5px}
div.profile-data .description {font-size:120%; margin:20px 0; font-style:italic; padding-left:5px}
div.profile-data .params {width:40%}
div.profile-data .params span.size {font-size:120%} 
div.profile-data .params tr:first-child td {border-top:0}
div.profile-data .params td {text-align:center}
div.profile-data .params td.no-data {font-size:75%; vertical-align:middle; color:#999}
div.profile-data div.actions {margin-bottom:30px}
div.profile-data div.actions a.action {display:inline-block; background:#FbF; border:1px solid #f5f; border-radius:5px; line-height:4rem; font-size:1.5rem; cursor:pointer; color:#fff; margin:0 15px 0 5px; padding:0 10px}
div.profile-data div.actions a.action span.glyphicon {font-size:2rem; margin-right:5px; padding-top:7px}
div.profile-data div.actions a.action.fav-on {color:#F30}
div.profile-data div.actions a.action:hover {text-decoration:none}
div.profile-data div.actions a.action:hover span.glyphicon {color:#F30}
div.profile-data div.actions a.action.fav-on:hover span.glyphicon {color:#fff}
div.profile-data div.actions a.action.smile-on {color:#eee; cursor:default}
div.profile-data div.actions a.action.smile-on span.glyphicon {color:#F30;}
div.profile-data div.actions div.dropdown {display:inline-block; position:relative; top:-2px}
div.profile-data div.actions div.dropdown .btn {line-height:3rem}


/* Upgrade page */

div.payment-option {border:1px solid #333; margin:40px 10px; min-height:300px; position:relative}
div.payment-option.highlight {border-width:2px; margin:0; min-height:380px}
div.payment-option h5 {background:#333; color:#fff; padding:10px 5px; text-align:center; margin-top:0}
div.payment-option h5 span.badge {display:none}
div.payment-option p {padding:0 5px; text-align:center}
div.payment-option p.price-day {margin:35px 0; font-size:120%; font-weight:bold;}
div.payment-option.highlight p.price-day {margin:70px 0 50px}
div.payment-option p.save {font-size:90%; color:#666}
div.payment-option p.save strong {color:#C00}
div.payment-option button {margin-top:50px; margin-bottom:10px}

/* Mailbox */
	.mailbox-list {padding-right:0; max-height:600px; overflow-y:scroll; margin-top:20px; padding-right:10px}
	.mailbox-list .mailbox-contact, .mailbox-list .mailbox-special {height:70px; margin-bottom:5px; position:relative; padding:5px; cursor:pointer}
	.mailbox-list .mailbox-special {height:75px; margin-top:-3px; text-align:center; padding:5px 0}
	.mailbox-list .mailbox-contact::after, .mailbox-list .mailbox-special::after {position:absolute; left:5px; right:5px; height:1px; overflow:hidden; background-color:#CCC; bottom:-3px; content:" "}
	.mailbox-list .mailbox-contact:last-child::after {display:none}
	.mailbox-list .mailbox-contact.highlight, .mailbox-list .mailbox-contact:hover { background:repeating-linear-gradient(
  45deg,
  #eee,
  #eee 10px,
  #e5e5e5 10px,
  #e5e5e5 20px
)}
	.mailbox-list .mailbox-contact .userpic {width:60px; height:60px; border-radius:100%; float:left; margin-right:-70px; position:relative; z-index:100}
/*	.mailbox-list .mailbox-contact .userpic.online {-webkit-box-shadow: 0px 0px 5px 0px #00ff00;
-moz-box-shadow:    0px 0px 5px 0px #00ff00;
box-shadow:         0px 0px 5px 0px #00ff00;} */
	.mailbox-list .mailbox-contact .message-info {float:right; width:100%; padding-top:9px}
	.mailbox-list .mailbox-contact .message-info p {margin-left:70px; padding-right:20px; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.mailbox-list .mailbox-contact .message-info p.username {font-weight:bold}
	.mailbox-list .mailbox-contact.online .message-info p.username::before {content:" "; display:inline-block; width:5px; height:5px; background:#090; border-radius:100%; margin-right:5px; vertical-align:super}
	.mailbox-list .mailbox-contact .message-info p.username span {font-weight:normal}
	.mailbox-list .mailbox-contact.trial .message-info p.preview {color: transparent; text-shadow: 0 0 8px rgba(0,0,0,0.7); text-indent:3px}
	.mailbox-list .mailbox-contact .new {position:absolute; right:5px; top:10px}
	.mailbox-list .mailbox-contact .new span {display:inline-block; background:rgba(28, 134, 158, 0.72); color:#fff; font-weight:bold; font-size:12px; padding:2px 6px; border-radius:8px}
	
	
	
	body.blocked .mailbox-list {max-height:none; overflow-y:auto; }
	body.blocked .mailbox-list .mailbox-contact, body.blocked .mailbox-list .mailbox-special {cursor:auto}
	body.blocked .mailbox-list .mailbox-contact.highlight, body.blocked .mailbox-list .mailbox-contact:hover { background:none}
	body.blocked .mailbox-list .mailbox-contact button.unblock {display:none; position:absolute; right:10px; top:15px}
	body.blocked .mailbox-list .mailbox-contact:hover button.unblock {display:block}
	
	.mailbox-chat {margin-top:20px}
	.mailbox-chat .chat-title {background:#eee; height:120px; padding:5px 10px; width:100%}
	.mailbox-chat .chat-title .back-to-chats {display:none}
	.mailbox-chat .chat-title .userpic {width:110px; height:110px; border-radius:100%; float:left; margin-right:-120px}
/*	.mailbox-chat .chat-title .userpic.online {-webkit-box-shadow: 0px 0px 5px 0px #00ff00;
-moz-box-shadow:    0px 0px 5px 0px #00ff00;
box-shadow:         0px 0px 5px 0px #00ff00;} */
	.mailbox-chat .chat-data {float:right; width:100%}
	.mailbox-chat .chat-data .chat-data-inner {margin-left:120px}
	.mailbox-chat .chat-data .username {padding-top:10px; display:inline-block; margin-left:5px; font-size:11px}
	.mailbox-chat .chat-data p.username.online::before {content:" "; display:inline-block; width:6px; height:6px; background:#090; border-radius:100%; margin-right:5px; vertical-align:super}
	.mailbox-chat .chat-data .username a {font-weight:bold; text-decoration:underline; font-size:14px}
	.mailbox-chat div.media-thumbs {margin-top:5px;}
	.mailbox-chat div.media-thumbs img {display:block !important; width:12.5%; height:55px; float:left; border:2px solid transparent; border-radius:3px; cursor:pointer; box-sizing:content-box; opacity:0.65}
	.mailbox-chat div.media-thumbs img:hover {opacity:1}
	.mailbox-chat div.media-thumbs a:hover {text-decoration:none}
	body.mailbox-body-trial .mailbox-chat div.media-thumbs img {filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px)}
	.mailbox-chat .chat-body { margin:10px 0; border:1px solid #999; padding:15px; overflow-y:scroll; max-height:320px; min-height:320px; padding-top:5px}
	.mailbox-chat .chat-type {position:relative}
	.mailbox-chat .form-chat {position:absolute; right:10px; top:8px; background:url(../img/letter.svg) 70% center no-repeat; width:40px; height:40px; background-size:23px; border-radius:100%; border:2px solid #1C869E; padding:10px}
	body.mailbox-body-trial .mailbox-chat .form-chat {background:url(../img/arrows.svg) 40% center no-repeat; background-size:24px}
	.mailbox-chat .form-control {padding-right:40px; font-size:12px; height:60px; resize:none}
	.mailbox-chat .text-area-holder {padding-right:60px; position:relative}
	.mailbox-chat .text-area-holder .smile {position:absolute; width:25px; height:25px; top:8px; right:65px; cursor:pointer; opacity:.7; background:url(../img/social.svg) 0 0 no-repeat; background-size: 20px}
	.mailbox-chat .text-area-holder .smile:hover, .mailbox-chat .text-area-holder .smile.active {opacity:1}
	.mailbox-chat .text-area-holder .emoticons-container {display:none; position:absolute; right:60px; top:-102px; background:rgba(255,255,255,.8); border:1px solid rgba(150,150,150,.3); width:152px; height:100px}
	.mailbox-chat .text-area-holder .emoticons-container div.emoticon {width:30px; height:30px; top:8px; right:65px; cursor:pointer; opacity:.7; background:url(../img/social.svg) center center no-repeat; background-size: 20px; display:inline-block}
	.mailbox-chat .text-area-holder .emoticons-container div.emoticon:hover {opacity:1}
	
	.mailbox-chat {font-size:14px}
	.mailbox-chat .chat-body div.new-day {height:11px; overflow:visible; border-bottom:1px dotted rgba(150,150,150,.6); text-align:center; margin-bottom:15px}
	.mailbox-chat .chat-body div.new-day span {display:inline-block; background-color:#fff; font-size:11px; color:#bbb; padding:0 5px}
	.mailbox-chat .chat-body p {margin-bottom:5px}
	.mailbox-chat .chat-body p.own::before {content:"You:"; font-weight:bold; display:block; font-size:80%; color:#999; margin-top:10px}
	.mailbox-chat .chat-body p.partner::before {content:"Hot Sexy Sandra:"; font-weight:bold; display:block; font-size:80%; color:#F66; margin-top:10px}
	.mailbox-chat .chat-body p.own+p.own::before,
	.mailbox-chat .chat-body p.own+div.tooltip+p.own::before,
	.mailbox-chat .chat-body p.partner+p.partner::before,
	.mailbox-chat .chat-body p.partner+div.tooltip+p.partner::before {display:none}
	.mailbox-chat .chat-body p.partner-action {margin-top:10px; font-size:80%; color:#F66; font-weight:bold}
	.mailbox-chat .chat-body p.own-action {margin-top:10px; font-size:80%; color:#999; font-weight:bold}
	
	.mailbox-chat .upgrade-textarea {position:absolute; top:10px; left:10px; right:70px; text-align:center; display:block}
	body.mailbox-body-trial div.smile {display:none}
	body.mailbox-body-trial .mailbox-chat .chat-body p.partner {color: transparent; text-shadow: 0 0 8px rgba(0,0,0,0.7);}
	body.mailbox-body-trial .mailbox-chat .chat-body p.partner:before {text-shadow:none}
	.mailbox-chat  .mailbox-alert {margin-top:10px; cursor:pointer; position:absolute; bottom:133px; left:30px; right:50px; text-align:center}
	
	
	/* FAQ */
	p.faq-title {color:#1C869E; border-bottom:1px dotted #1C869E; display:inline; cursor:pointer}
	p.faq-body {display:none; margin:10px 0 -20px}
	p.faq-title-search {display:inline; font-weight:bold; font-size:120%}
	span.search-term-highlight {font-weight:bold; background-color:#FF9; padding:0 2px}
	
	
	
	/* Registration */
	.profile-reg {position:relative; text-align:right}
	.profile-reg .badge {position:absolute; display:none}
	.profile-reg.online .badge {display:inline-block; top:5px; right:5px; background-color:#060}
	.profile-reg .profile-data {position:absolute; left:0; right:0; bottom:0; background:rgba(255,255,255,.7); padding:10px 15px 0}
	.profile-reg .profile-data p.username {color:#1C869E; font-size:140%; margin-bottom:3px}
	.profile-reg .profile-data p.place {font-size:85%}
	
	.select-img {width:60px; height:60px; border-radius:10px; background-position: center center; background-repeat:no-repeat; background-size: auto 50px; margin-bottom:15px; cursor:pointer; position:relative}
	.select-img.active {border:3px solid #090}
	/*.select-img.active::after {content:"\e013"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#090; position:absolute; left:0; right:0; text-align:center; top:32%; font-size:30px}*/
	.select-img.active::after {content:"\e013"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#090; position:absolute; left:0; right:3px; text-align:right; top:64%; font-size:17px}
	.select-img.man {background-image:url(../img/select_man.jpg)}
	.select-img.woman {background-image:url(../img/select_woman.jpg)}
	.select-img.couple {background-image:url(../img/select_couple.jpg)}
	.select-img.lesbi {background-image:url(../img/select_lesbi.jpg)}
	.select-img.gay {background-image:url(../img/select_gay.jpg)}
	.reg-sex-alert {display:none; margin-bottom:0; margin-top:5px; text-align:center; font-size:85%}
	
	.reg-mobile {display:none}
	body.registration-multi form {padding-top:40px}
	body.activation p, body.fillprofile p {text-align:center; max-width:600px; margin:0 auto 10px}
	body.fillprofile .form-group div.col-md-6 {max-width:300px}
	body.fillprofile div.input-group .dropdown-menu {min-width:50px}
	body.fillprofile .form-group label small {font-weight:200; font-size:80%}
	body.activation input {max-width:350px; margin:0 auto}
	
	
	
	.blackLayer {position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,.4); z-index:10000; padding-top:75px}
	.blackLayer .container {max-width:950px; background-color:#fff; margin-top:0; padding-left:30px; padding-right:30px; height:100%; overflow-y:scroll}
	
	
	/* Edit profile */
	div.profile-data .params.edit-profile {width:auto}
	.editable-unsaved { color:#390 !important; font-weight:normal}
	.dob-editor {display:none}
	td.short-inputs input {max-width:80px}
	.description .editable-input,
	.description .editableform .control-group,
	.description .editableform .form-control,
	.description .editable-container.editable-inline {width:100%}
	.description-warning {color:#666; font-size:11px}
	.email-warning {color:#666; font-size:11px; display:none}
	
	
	
	/* Activity stream */
	.activity-row {}
	.activity-row .photo-circle img {border-radius:100%; max-width:100%; width:auto}
	.activity-row .photo-circle {padding-right:0}
	.activity-row .activity-text p {padding-top:15px}
	
	.activity-row .date-me div.new-day {height:11px; overflow:visible; border-bottom:1px dotted rgba(150,150,150,.6); text-align:center; margin-bottom:15px}
	.activity-row .date-me div.new-day span {display:inline-block; background-color:#fff; font-size:11px; color:#bbb; padding:0 5px}
	.toAnim { opacity: 0; filter: alpha(opacity=0); transition: opacity 1s ease 0s;}
	.toAnim.anim { opacity: 1; filter: alpha(opacity=100);}
	
	
	.imgrate {max-width:450px; max-height:500px}

@media (max-width: 767px) {
	header .logo {height:50px; margin-left:15px}
	
	h1 {font-size:28px}
	div.navbar-header {margin-right:-15px !important}
	.login-navbar {position:absolute; right:15px; top:-12px}
	
	header .dropdown-menu>li>a {color:#fff}
	.mobile-hint {display:block !important}
	span.mobile-hint {display:inline !important}
	.navbar-nav .desktop-hint {display:none}
	
	div.xs-collapse {display:none}
	h2.xs-collapse-trigger {padding:10px; background:#eee; border:1px solid #999; border-radius:10px; cursor:pointer; margin-top:15px}
	h2.xs-collapse-trigger.open {padding:10px; background:transparent; border-color:transparent;}
	h2.xs-collapse-trigger span.glyphicon-chevron-right {display:inline-block}
	h2.xs-collapse-trigger.open span.glyphicon-chevron-right {display:none}
	h2.xs-collapse-trigger.open span.glyphicon-chevron-up {display:inline-block}
	
	.nav-tabs {font-size:90%}
	.member-list {padding-top:15px}
	.member-list .col-xs-4 {padding-left:5px; padding-right:5px}
	div.profile {padding:0}
	div.profile p {display:none}
	div.profile div.actions a.action {font-size:1.5rem; margin:0}
	div.member-list > div.special {display:none}
	div.member-list > div.xs-special {display:block; text-align:center; padding-left:0; padding-right:0}
	div.member-list > div.xs-special img {display:inline-block}
	div.profile div.actions {display:none !important}
	div.profile img {border-radius:3px}
	.user-circle div.profile img {border-radius: 200px}
	div.profile a.username {position:absolute; margin-top:-35px; white-space:nowrap; overflow:hidden; left:5px; right:5px; font-size:80%; color:#fff; text-shadow:0 0 2px #000}
	.user-circle div.profile a.username {position:static; margin-top:-5px; white-space:nowrap; overflow:hidden; display:block; font-size:80%; margin-bottom:10px; text-indent:4px; width:95%; text-overflow:ellipsis; color:#337ab7; text-shadow:none}
	.user-circle div.profile a.username .name {display:inline; float:none; width:auto}
	.user-circle div.profile a.usernamee .comma {display:inline}
	.user-circle div.profile a.username .age {display:inline; float:none; font-size:100%}
	/*.user-circle div.profile .userpic.online::after {top:15px; right:15px}*/
	.user-circle div.profile .userpic.online::after {display:none}
/*	.user-circle div.profile .userpic.online img {-webkit-box-shadow: 0px 0px 10px 0px #00ff00;
-moz-box-shadow:    0px 0px 10px 0px #00ff00;
box-shadow:         0px 0px 10px 0px #00ff00;} */
	
	.no-age div.profile a.username .age {display:none}
	.no-age div.profile a.username .name {width:95%}
	
	div.profile a.username .name {text-overflow:ellipsis; width:75%; overflow:hidden; display:block; float:left; text-align:left; padding-top:3px}
	div.profile a.username .comma,
	div.profile a.username .status {display:none}
	div.profile a.username .age {display:block; float:right; font-weight:normal; font-size:130%}
	div.profile .userpic {position:relative; display:block}
	div.profile .userpic.online::after {content: ""; display:block; width:7px; height:7px; border-radius:100%; position:absolute; top:6px; right:6px; background-color:#3C0}
	div.profile p.geo {display:none}
	
	div.profile-data h1 {font-size:24px}
	div.profile-data .params {width:100%}
	div.profile-data div.actions {text-align:center}
	div.profile-data div.actions a.action {font-size:90%; margin-bottom:5px !important}
	div.profile-data div.actions a.action span.glyphicon {font-size:90%}
	div.profile-data div.actions .dropdown-menu {left:auto; right:0}
	
	
	div.payment-option, div.payment-option.highlight {min-height:0; padding-bottom:0; margin:10px 0 0}
	div.payment-option p.save br {display:none}
	div.payment-option p.price-day,
	div.payment-option.highlight p.price-day {margin:15px 0}
	div.payment-option button {margin-top:0}
	
	body.upgrade h1 {font-size:22px}
	body.upgrade div.media {display:none}
	div.payment-text {float:left; width:60%}
	div.payment-text p.save {display:none}
	div.payment-btn {float:right; width:39%; padding-top:10px}
	div.payment-option h5 span.badge {display:inline-block}
	.mailbox-list {max-height:none; overflow-y:auto}

	/* Mailbox 550px */
	.mailbox-chat div.media-thumbs,
	div.block-menu {display:none}
	.mailbox-chat .chat-title .userpic {width:50px; height:50px; margin-left:-60px; float:right; margin-right:0}
	.mailbox-chat .chat-data .chat-data-inner {margin-right:60px; float:left; text-align:right; padding-left:55px; margin-left:0}
/*	.mailbox-chat .chat-data .chat-data-inner {margin-left:60px}*/
	.mailbox-chat .chat-title {height:62px}
	.mailbox-chat {margin-top:10px}
	.mailbox-chat .chat-title {position:relative}
	.mailbox-chat .chat-title .back-to-chats {display:block; position:absolute; left:5px; top:5px; font-size:150%; line-height:50px}
	.mailbox-chat .chat-body div.tooltip {display:none !important}
	.mailbox-chat .chat-body p {position:relative; padding-right:45px}
	.mailbox-chat .chat-body p:active::after {content:"12:40pm"; position:absolute; right:0; top:1px; text-shadow:none; color:#CCC; font-weight:normal; font-size:10px}
	
	.reg-desktop {display:none}
	.reg-mobile {display:block}
	body.registration-multi form {padding-top:0px}
	body.registration button,
	body.activation button,
	body.fillprofile button {width:100%}
	body.activation .form-horizontal .form-group {    margin-right: 0;    margin-left: 0;}
	body.fillprofile .form-group div.col-md-6 {max-width:none}
	body.activation input {max-width:none}
	
	.blackLayer {position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,.4); z-index:100000; padding-top:0}
	.blackLayer .container {max-width:950px; background-color:#fff; margin-top:0; padding-left:25px; padding-right:25px; height:100%; overflow-y:scroll}
	.blackLayer .btn-success {display:block; margin-left:auto; margin-right:auto; white-space:normal}
	.blackLayer .container a.btn-next {display:block; text-align:center}
	
	
	div.profile-data .params.edit-profile {width:100%}
	
	
	.activity-row .activity-text p {padding-top:5px}
	
	
	.picture-cut {text-align:center}
	.picture-cut img {max-height:435px}
	
	#mobilestep2 {display:none}
	.toggle.btn {min-width:150px}
	
	
	body.blocked .mailbox-list .mailbox-contact button.unblock {display:block}
	
	.imgrate {width:100%; max-width:350px; height:auto; max-height:500px;}
	
}


@media (min-width: 768px) and (max-width: 991px) {
	.container {width:100%}
	div.profile-data h1 {font-size:24px}
	.form-horizontal .control-label {text-align:left}
	
	.blackLayer .btn-success {display:block; margin-left:auto; margin-right:auto; white-space:normal}
	.blackLayer .container a.btn-next {display:block; text-align:center}
	.blackLayer .container textarea#descript {max-width:none !important}
	input#exampleInputFile {margin-top:10px}
}