/**********
FUNCTIONS *
**********/
/***********************
general less variables *
 ***********************/
/*******************************************
online members top list ( under header )   *
********************************************/
/*********************************
myWall and site activities icons *
**********************************/
/*************
Profile page *
 *************/
/****************
Chat page v2018 *
 ****************/
html {
  height: 100%;
  overflow: -moz-scrollbars-vertical;
  /* Always show scrollbar */
}
body {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  min-width: 1108px;
}
div.clear {
  clear: both;
}
.pie {
  behavior: url(/public/htc/PIE.htc);
}
#subscribe_block .close2 {
  background-color: white;
}
.close2 {
  background: url('/public/img/close2.png') no-repeat;
  -pie-background: url('public/img/close2.png') no-repeat;
}
.vote_item img,
.vote_item_popup img {
  width: auto;
  max-width: 480px;
  max-height: 480px;
}
#transparent_bg3 {
  display: none;
  z-index: 1000;
}
#vote_photo_block {
  z-index: 1100;
  visibility: hidden;
  top: 70px;
  position: absolute;
}
#vote_photo_block_priv {
  z-index: 1100;
  visibility: hidden;
  top: 70px;
  position: absolute;
}
.simple_text2 li {
  float: left;
}
#int_music {
  background: none;
}
.carousel .preview_album li {
  float: left;
  height: 80px;
  width: 90px;
  overflow: hidden;
  margin-bottom: 10px;
}
.carousel .preview_album li img {
  width: 80px;
  margin-right: 0px;
}
.h6_album {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding-bottom: 10px;
}
.vote_star_checked {
  background: url('../img/vote_star_checked.png') no-repeat center center;
  -pie-background: url('img/vote_star_checked.png') no-repeat center center;
}
.vote_star {
  background: url('../img/vote_star.png') no-repeat center center;
  -pie-background: url('img/vote_star.png') no-repeat center center;
}
.vote_item_popup {
  clear: both;
}
#album_photo_block {
  overflow-y: hidden;
}
#album_photo_block .vote_item_popup {
  width: 480px;
}
#album_photo_block .carousel-prev,
#album_photo_block .carousel-next {
  top: 0px;
  width: 40px;
  height: 80px;
}
#album_photo_block .carousel-next {
  right: 20px;
}
.vote_notif {
  float: left;
  color: #fff;
  padding: 8px;
  text-align: left;
  line-height: 15px;
  display: none;
  width: 200px;
}
#album_photo_block .vote_stars {
  width: 200px;
}
#edit_photo_block2 .carousel-prev,
#edit_photo_block2 .carousel-next {
  top: 0px;
  width: 30px;
  height: 60px;
}
#edit_photo_block2 .carousel-next {
  right: 20px;
}
#edit_photo_block {
  z-index: 1200;
}
#add_photos {
  position: absolute;
  padding: 4px 0 0 23px;
  width: 100px;
  height: 30px;
  font-size: 11px;
  color: #FFF;
  background: #2a8cd2;
}
#profil_page_add_photo_container #add_photos {
  padding: 0px 6px 0px 6px;
  width: auto;
  height: 30px;
  font-size: 11px;
  color: #FFF;
  background: #2a8cd2;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  position: relative;
  bottom: unset;
  top: unset;
}
#profil_page_add_photo_container {
  display: block;
  height: 30px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
#profil_page_add_photo_ico {
  background: url(../img/sprites_icons.png) no-repeat #2a8cd2;
  -pie-background: url(../img/sprites_icons.png) no-repeat #2a8cd2;
  background-position: -330px -56px;
  width: 36px;
  height: 30px;
  display: block;
  float: left;
}
#add_photo_block {
  top: 65px;
  z-index: 1200;
}
.nogames {
  font-weight: bold;
}
.loader {
  background: url(../img/load.gif) no-repeat !important;
  background-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
}
#upload_field {
  background: url('../img/upload.png') no-repeat center center #fcfcfc;
  -pie-background: url('img/upload.png') no-repeat center center #fcfcfc;
}
#upload_field a {
  color: #3097de;
}
#file {
  display: none;
}
.upload_photos {
  display: block;
  height: 20px;
  border: none;
  background: #3097de;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0 auto;
  width: 220px;
  text-align: center;
  padding: 6px;
}
#upload_field .btn {
  /*display: inline;*/
  border: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: inset 0 0 0 #fff, 0 0 0 #fff;
}
#upload_field .btn:hover,
#upload_field .btn:active,
#upload_field .btn.active {
  background-color: transparent;
  box-shadow: inset 0 0 0 #fff, 0 0 0 #fff;
  background-image: none;
}
#block_start_upload,
#block_start_cam,
#block_valid_cam {
  display: none;
}
#block_valid_cam {
  position: relative;
  top: -275px;
}
#block_start_cam {
  position: relative;
  top: -275px;
}
#block_start_upload .edit_form_btns {
  float: none;
}
#files canvas {
  margin-left: 93px;
}
#upload_field .text-danger {
  position: relative;
  top: -40px;
  width: 460px;
  height: 22px;
  text-align: center;
  background-color: #ffffff;
  padding-top: 8px;
}
#edit_info {
  color: #fff;
  text-align: center;
}
#block_valid_cam #edit_info {
  display: none;
}
#block_valid_cam #info_cam {
  margin-top: 10px;
}
.edit_form_btns {
  background: #3097de;
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 476px;
}
.progress-bar {
  width: 0px;
}
#edit_main_pic,
#edit_main_pic2,
#edit_main_pic3 {
  /*background:url('../img/edit_main_photo.png') no-repeat;
    -pie-background:url('img/edit_main_photo.png') no-repeat;*/
  background: url('../img/add_photos.png') no-repeat;
  -pie-background: url('img/add_photos.png') no-repeat;
  padding: 4px 0 0 24px;
  width: 100px;
  font-size: 11px;
  color: #FFF;
}
#edit_main_pic3 {
  display: block;
  text-decoration: none;
  outline: none;
  width: 95px;
  height: 19px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}
#choose_photo li,
#choose_style li {
  background: url('../img/choose-photo-bg.png') no-repeat center center #eeeeee;
  -pie-background: url('img/choose-photo-bg.png') no-repeat center center #eeeeee;
}
#edit_photo_block2 {
  width: 480px;
  /*padding: 20px;
	margin-left: -150px;*/
}
#edit_photo_block2 #area_block {
  width: 480px;
  height: auto;
  overflow-y: auto;
  margin-bottom: 10px;
}
#edit_photo_block2 #select_area_block {
  width: 474px;
  height: auto;
  overflow-y: hidden;
  margin: 0;
}
#edit_photo_block2 #select_area_block img {
  width: auto;
  height: auto;
  max-width: 470px;
  max-height: 630px;
}
/*#edit_photo_block2 #select_area_block img{height:auto;}*/
#edit_photo_block2 .inp-bg6 {
  width: 218px;
}
#edit_photo_block2 .edit_form_btns {
  width: 120px;
}
#edit_photo_block2 #title,
#edit_photo_block2 #tags {
  width: 200px;
}
#inf_edit_form .inp-bg6 {
  width: 128px;
  float: right;
}
#inf_edit_form .inptext input {
  width: 122px;
}
#choose_photo li a:hover .close3 {
  background: url('../img/close3.png') no-repeat;
  -pie-background: url('img/close3.png') no-repeat;
}
#edit_photo_block2 li {
  margin-right: 8px;
}
.rotate_left {
  background: url('../img/rotate_left.png') no-repeat;
  -pie-background: url('img/rotate_left.png') no-repeat;
  top: 80px;
}
.tag,
.tag_active {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3097de;
}
.rotate_right {
  background: url('../img/rotate_right.png') no-repeat;
  -pie-background: url('img/rotate_right.png') no-repeat;
  top: 80px;
}
div.popunder {
  position: absolute;
  left: 70px;
  bottom: 100px;
  padding: 20px;
  background: #fff;
  display: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 40px #000;
  -moz-box-shadow: 0 0 40px #000;
  -webkit-box-shadow: 0 0 40px #000;
  z-index: 1152;
}
.close_tags {
  display: block;
  text-decoration: none;
  outline: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
#int_edit {
  background: url('../img/edit_btn1.png') no-repeat center center #3097de;
  -pie-background: url('img/edit_btn1.png') no-repeat center center #3097de;
}
.h5_edit,
.a_edit {
  background: url('../img/edit_btn2.png') no-repeat right 12px;
  -pie-background: url('img/edit_btn2.png') no-repeat right 12px;
}
#int_edit_form .param_label {
  float: none;
  display: inline;
  padding-right: 6px;
}
#int_edit_form.edit_form {
  width: 510px;
}
#main_edit_form .sel84 {
  float: none;
}
.inp-bg6 #ville {
  border: 0;
  width: 200px;
}
.inptext {
  float: left;
}
.inptext input {
  border: 0;
  width: 200px;
}
#webcam_block {
  /*position:relative;top:0px;*/
  display: none;
}
#add_cam_submit {
  margin-right: 20px;
}
#webcam,
#canvas {
  width: 320px;
  /*height: 240px;*/
  border: 8px solid #333;
  background: #eee;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#webcam {
  position: relative;
  margin-top: 10px;
  margin-bottom: 0px;
}
#webcam > img {
  z-index: 1;
  position: absolute;
  border: 0px none;
  padding: 0px;
  bottom: -40px;
  left: 89px;
}
#webcam > div {
  border: 5px solid #333;
  position: absolute;
  right: -90px;
  padding: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
}
#webcam a {
  background: #fff;
  font-weight: bold;
}
#webcam a > img {
  border: 0px none;
}
#canvas {
  margin-top: 8px;
  border: 8px solid #ccc;
  background: #eee;
}
#flash {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5000;
  width: 100%;
  height: 475px;
  background-color: #ffa;
  display: none;
}
object {
  display: block;
  /* HTML5 fix */
  position: relative;
  z-index: 1000;
}
#add_cam_send {
  margin-right: 20px;
}
.a_edit {
  text-decoration: none;
  padding: 0px 15px 3px 0px;
  background: url('../img/edit_btn2.png') no-repeat right 2px;
  -pie-background: url('img/edit_btn2.png') no-repeat right 2px;
}
#wanttomeet_edit {
  padding-top: 0;
}
.edit_form label {
  font-size: 12px;
}
.textarea_edit_form {
  margin-top: 4px;
}
.textarea_edit_form textarea {
  display: block;
  width: 265px;
  height: 70px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: none;
  resize: none;
  overflow: hidden;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
}
.lineCheckbox {
  width: 140px;
}
#meet_edit_form.edit_form {
  width: 340px;
}
#meet_edit_form .lineCheckbox {
  width: 190px;
}
.like_checked {
  background-image: url('../img/like_checked.png?v2');
}
.dislike_checked {
  background-image: url('../img/dislike_checked.png?v2');
}
.like_nochecked {
  background-image: url('../img/like.png?v2');
}
.dislike_nochecked {
  background-image: url('../img/dislike.png?v2');
}
.is_guess {
  background-image: url('../img/guess.png');
}
.not_guess {
  background-image: url('../img/noguess.png');
}
.is_guess_block a {
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-top: 34px;
  background-position: center 8px;
  height: 26px;
}
#about_try_success,
#about_try_again {
  display: none;
  /*    width: 600px;*/
  position: absolute;
  top: 250px;
  left: 50%;
  /*    margin: -150px 0px 0px -300px;*/
  margin-left: -125px;
  background-color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
#about_try_success .img_success {
  width: 240px;
}
#about_try_again #about_tries_content {
  height: 100px;
}
#about_try_success #about_tries_content {
  width: 600px;
}
#about_try_success {
  margin-left: -300px;
}
.about_tries2_content {
  padding: 20px;
  height: 300px;
}
.about_tries2_content p {
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #999999;
  line-height: 1.2;
}
.about_tries2_content p a {
  text-decoration: underline;
  outline: none;
  color: #3097de;
}
.about_tries2_content p a:hover {
  text-decoration: none;
}
.about_tries2_content table {
  margin-top: 8px;
}
.close4 {
  background-image: url('../img/close4.png');
  -pie-background: url('img/close4.png') no-repeat;
}
.paginator {
  color: #000;
  margin-top: 16px;
  text-align: center;
}
.paginator strong {
  color: #3097de;
  text-decoration: none;
  margin: 0 5px;
}
.paginator a {
  color: #3097de;
  text-decoration: none;
  margin: auto;
}
.paginator .page-number {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  background-color: white;
  display: inline-block;
  width: 26px;
  height: 19px;
  cursor: pointer;
  padding-top: 8px;
}
.paginator .page-number.focus {
  background-color: #eeeeee !important;
  color: #979797 !important;
  cursor: pointer;
}
#paginator_loader {
  margin-bottom: 10px;
}
.no_fancy {
  background-image: url('../img/no_fancy.png?v2');
}
.no_fancy_checked {
  background-image: url('../img/no_fancy_checked.png?v2');
}
.no_fancy_block a {
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-top: 38px;
  background-position: center 8px;
  height: 24px;
}
.online1,
.online2 {
  /*background:url('../img/online.png') no-repeat;
    -pie-background:url('img/online.png') no-repeat;*/
  background: none;
  -pie-background: none;
  height: 12px;
}
.lnk_myflashs,
.lnk_findedflashs {
  cursor: pointer;
}
a.like,
a.dislike {
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  padding-top: 38px;
  height: 22px;
  background-position: center 10px;
}
.h1_count {
  background: url('../img/online_count2.png') no-repeat right center #ccc;
  -pie-background: url('img/online_count2.png') no-repeat right center #ccc;
}
#height_selection,
#weight_selection {
  display: block;
  position: absolute;
  top: -9999px;
}
.age_range .sel86 {
  width: 75px;
}
#meetings_search_top_1 {
  width: 330px;
}
.niceRadio {
  background: url('../img/radio.png') no-repeat;
  -pie-background: url('img/radio.png') no-repeat;
  float: left;
}
.radioChecked {
  background: url('../img/radio-checked.png') #3097de no-repeat;
  -pie-background: url('img/radio-checked.png') #3097de no-repeat;
}
.radio_label {
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  line-height: 1;
  padding: 2px 0px 0px 23px;
  cursor: pointer;
}
.text1 {
  margin: 20px;
}
.carouselLeft2 {
  background: url('../img/c-prev.png') no-repeat;
  -pie-background: url('img/c-prev.png') no-repeat;
}
.carouselRight2 {
  background: url('../img/c-next.png') no-repeat;
  -pie-background: url('img/c-next.png') no-repeat;
}
.votephoto_prev {
  background: url('../img/c-prev3.png') no-repeat;
  -pie-background: url('img/c-prev3.png') no-repeat;
}
.votephoto_next {
  background: url('../img/c-next3.png') no-repeat;
  -pie-background: url('img/c-next3.png') no-repeat;
}
/*.photo_rate2 {
	background:url('../img/photo_rate2.png') 2px center no-repeat rgba(0, 0, 0, 0.7);
    -pie-background:url('img/photo_rate2.png') 2px 2px no-repeat #000;
}*/
.meet_div {
  padding: 0px 60px 20px 0px;
  float: left;
}
.date_item ul li {
  float: none;
}
#my_custstyle {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
#messages {
  background-color: #3097de;
}
.links_account a {
  color: #000000;
}
#confirm_del_btn {
  width: auto;
  background: #3097de;
}
#preview_main img.auto {
  width: auto;
  background-color: #fafafa;
}
.alert-heading {
  margin-bottom: 8px;
}
.alert-success a {
  color: #000000;
}
.subscr_p2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
#subscr_stop_bnt {
  width: 70px;
  top: 10px;
}
.subscr_stop_bnt_echec_btn {
  width: 200px !important;
  top: 5px !important;
  height: 24px;
  padding-top: 15px !important;
  font-weight: bold;
}
.subscr_p1 {
  padding-right: 50px;
}
#stop_subsc_confirm {
  width: 130px;
}
#confirm_or_cancel {
  width: 240px;
}
#subscr_part1 {
  margin-top: 20px;
  text-align: center;
}
#subscr_part2 {
  display: block;
}
#messager_fio a,
#messager_fio_grey a {
  color: #333333;
  text-decoration: none;
}
#registry_info_part1 {
  background: url('../img/star-ico.png') no-repeat left center;
  -pie-background: url('img/star-ico.png') no-repeat left center;
}
#registry_info_part2 {
  background: url('../img/camera-ico.png') no-repeat left center;
  -pie-background: url('img/camera-ico.png') no-repeat left center;
}
#registry_info_part3 {
  background: url('../img/comment-ico2.png') no-repeat left center;
  -pie-background: url('img/comment-ico2.png') no-repeat left center;
}
#for_registry_form .help_text {
  color: #f76452;
  margin-bottom: 8px;
}
.inp-bg14 #props {
  width: 100%;
  padding-right: 0px;
}
.message_text {
  padding-top: 14px;
}
.scroll-pane {
  padding-bottom: 20px;
}
.user-miniature img {
  background-color: #ffffff;
}
.voirprofil {
  display: none;
}
#new_message {
  color: #333333;
}
.lineForm2 {
  display: none;
}
.show_next {
  height: 40px;
  width: 40px;
  position: absolute;
  background: url(../img/plus-gris.png) no-repeat center #f1f4f6;
  background-size: contain;
  display: block;
  position: relative;
}
.show_previous {
  top: 0px !important;
  height: 30px;
  width: 30px;
  position: absolute;
  background: url(../img/plus-blanc.png) no-repeat center #3097de;
  background-size: contain;
}
.show_previous_chat_rapide {
  top: 60px !important;
}
#del_friend2,
#contact_book,
#del_contact2 {
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
  outline: none;
  float: right;
  margin-left: 10px;
}
#del_friend2 {
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -531px -68px;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #33b27b;
}
#del_contact2 {
  background: url('../img/less/del-contact3.png') no-repeat #2E8FD4;
  -pie-background: url('img/less/del-contact3.png') no-repeat #2E8FD4;
}
.bt_new_photo {
  font-size: 40px;
  color: #FFF;
  line-height: 50px;
  padding: 0px 10px 10px 0px;
  background-color: #818181;
  text-align: center;
  width: 19px;
  padding-left: 18px;
  padding-right: 23px;
}
.qtip-infos {
  padding: 7px;
  font-size: 14px;
  color: #666;
  line-height: 19px;
}
.qtip-infos a {
  color: #3097de;
}
#contact_email {
  width: 328px;
}
.sel96,
.sel97 {
  width: 220px;
}
.un_friend {
  background: url('../img/less/un_friend.png') no-repeat #2E8FD4 center center;
}
.onlineState {
  display: block;
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.man .onlineState.online {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -23px -21px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.man .onlineState.offline {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -24px -52px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.woman .onlineState.online {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -54px -22px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.woman .onlineState.offline {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -54px -52px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.couple .onlineState.online {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -84px -22px;
  width: 35px;
  height: 20px;
  border-radius: 50px;
}
.couple .onlineState.offline {
  background: url('../img/sprites_sex_icons.png') no-repeat;
  -pie-background: url('../img/sprites_sex_icons.png') no-repeat;
  background-position: -84px -52px;
  width: 35px;
  height: 20px;
  border-radius: 50px;
}
ul li:hover .onlineState {
  bottom: 25px;
}
#sign_up_btn {
  margin-top: 16px;
}
#messages-flow .message_block,
.message_block_me {
  width: auto;
}
.user-album img {
  cursor: pointer;
}
footer a:hover {
  text-decoration: underline;
}
#orientation {
  display: none;
  float: left;
  margin-right: 22px;
}
#name_surn {
  width: 205px;
}
.inp-bg15 {
  width: 170px;
}
#name_surname {
  width: 160px;
}
#user_name,
#name_surn {
  height: 50px;
}
#height_selection {
  height: 59px;
}
#eye_color {
  width: 127px;
}
#hair_type {
  margin-right: 20px;
}
#new_line1,
#new_line2 {
  display: none;
  margin-bottom: 25px;
}
#chboxes {
  width: 188px;
}
#city {
  width: 255px;
}
#meetings_search_top #city {
  width: 190px;
}
.no_msg {
  position: absolute;
  top: 0px;
  height: 80%;
  z-index: 99999;
  width: 250px;
}
.first_msg {
  position: fixed;
  top: 80px;
  height: 80%;
  z-index: 99999;
  width: 380px;
}
.first_msg table,
.no_msg table {
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
.no_contact table td,
.first_msg table td,
.no_msg table td {
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  line-height: 1.2;
}
.no_msg td a {
  text-decoration: none;
  color: #3097de;
}
.no_contact {
  padding-top: 75px;
}
#SEM_content {
  display: block;
  padding: 80px 0px 0px 0px;
}
#MaintenanceImg {
  display: block;
  width: 112px;
  height: 104px;
  margin: 0 auto;
  background: url('../img/maintenance.png') no-repeat;
  -pie-background: url('img/maintenance.png') no-repeat;
}
#sem_h1 {
  font-size: 26px;
  color: #333333;
  text-align: center;
  padding: 45px 0px;
  line-height: 1;
  font-family: 12px;
}
#sem_txt {
  font-size: 20px;
  color: #333333;
  text-align: center;
  line-height: 1.3;
  font-family: 12px;
  padding: 0px 20px;
}
#photo_priv {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
  z-index: 9999;
}
#p_attachment {
  display: none;
  position: fixed;
  top: 60px;
  left: -240px;
  width: 480px;
  height: 480px;
  margin-left: 50%;
  background-color: #ffffff;
  z-index: 1030;
  padding: 20px;
}
/* context menu */
.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}
.context-menu--active {
  display: block;
}
.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.context-menu__item {
  display: block;
  margin-bottom: 4px;
}
.context-menu__item:last-child {
  margin-bottom: 0;
}
.context-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}
.context-menu__link:hover {
  color: #fff;
  background-color: #0066aa;
}
#check_private {
  margin-top: 16px;
}
.small_preview2 a img {
  width: 100%;
}
/* Header
-----------------------------------------------------------------------------*/
header {
  display: block;
  /*    padding: 0px 20px;*/
  background: #3097de;
}
#h-center {
  height: 80px;
  margin: 0 auto;
  position: relative;
}
#logo {
  display: block;
  /*    width: 168px;*/
  width: 208px;
  height: 70px;
  text-decoration: none;
  outline: none;
  position: absolute;
  /*    left: 0px;*/
  top: 5px;
  background: url('../img/logo_v2014.png') no-repeat center center;
}
#btn-left-menu,
#btn-left-menu-active {
  display: block;
  text-decoration: none;
  outline: none;
  position: absolute;
  /*    left: 170px;*/
  top: 0px;
}
#btn-left-menu:hover {
  background-color: #2E8FD4;
}
.btn-left-menu-bg,
#btn-p-left-menu-hover {
  display: block;
  width: 60px;
  height: 80px;
  border-left: 1px solid #4fa6e3;
  border-right: 1px solid #4fa6e3;
  position: relative;
}
#btn-left-menu .btn-left-menu-bg {
  background: url('../img/less/btn-left-menu.png') no-repeat center center;
}
#btn-left-menu-active .btn-left-menu-bg {
  /*    background: url('../img/btn-left-menu-active.jpg') no-repeat center center;*/
  padding-top: 33px;
}
#btn-left-menu .btn-left-menu-bg,
#btn-left-menu-active .btn-left-menu-bg,
#btn-p-left-menu-hover {
  color: white;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
  font-family: Lato, Helvetica, Arial, sans-serif;
}
#btn-left-menu-active {
  display: none;
  background-color: #2E8FD4;
}
#btn-left-menu:hover .btn-left-menu-bg {
  /*    background: url('../img/btn-left-menu-active.jpg') no-repeat center center;*/
}
#btn-p-left-menu-hover {
  display: none;
  padding-top: 33px;
}
.triangle {
  display: block;
  width: 10px;
  height: 5px;
  background: url('../img/triangle.png') no-repeat;
  -pie-background: url('img/triangle.png') no-repeat;
  position: absolute;
  bottom: 0px;
  left: 25px;
}
#messages,
#messages_active {
  display: block;
  text-decoration: none;
  outline: none;
  position: absolute;
  right: 0px;
  top: 0px;
}
#messages:hover {
  background-color: #2E8FD4;
}
#messages_active {
  display: none;
  background-color: #2E8FD4;
}
.messages-bg {
  display: block;
  width: 60px;
  height: 80px;
  border-left: 1px solid #4fa6e3;
  border-right: 1px solid #4fa6e3;
  background: url('../img/messages.png') no-repeat center center;
  -pie-background: url('img/messages.png') no-repeat center center;
  position: relative;
}
.messages-count {
  display: block;
  width: 20px;
  height: 16px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding-top: 5px;
  text-align: center;
  background: url('../img/mess-count.png') no-repeat;
  -pie-background: url('img/mess-count.png') no-repeat;
}
.place3 {
  position: absolute;
  top: 20px;
  right: 7px;
}
#for_account,
#for_account_active {
  display: block;
  height: 80px;
  padding-left: 80px;
  text-decoration: none;
  outline: none;
  position: absolute;
  /*    right: 62px;*/
  top: 0px;
  background-color: #3097de;
  border-left: 1px solid #4fa6e3;
  cursor: pointer;
}
#for_account:hover {
  background-color: #2E8FD4;
}
.account-photo {
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 5px;
}
.account-photo img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
}
.account_name,
.account_name2 {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 33px 30px 0px 0px;
}
.down-arrow,
.down-arrow2 {
  display: block;
  width: 9px;
  height: 5px;
  background: url('../img/down-arrow.png') no-repeat;
  -pie-background: url('img/down-arrow.png') no-repeat;
  position: absolute;
  right: 10px;
  top: 38px;
}
#for_account_active {
  display: none;
  background-color: #2E8FD4;
}
.alert {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.confirmation {
  color: forestgreen;
  margin: 8px 2px;
}
.h5 .confirmation {
  font-size: 14px;
  margin-left: 20px;
}
#signin3 {
  display: none;
  width: 300px;
  padding: 30px;
  background-color: #fff;
  position: absolute;
  top: 58px;
  left: 50%;
  margin-left: -180px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 540;
}
#signin3FormClose {
  width: 8px;
  height: 8px;
  cursor: pointer;
  background: url('../img/close5.png') no-repeat;
  -pie-background: url('img/close5.png') no-repeat;
  position: absolute;
  top: 8px;
  right: 8px;
}
#rvc {
  display: block;
  text-align: center;
  font-size: 27px;
  color: #333333;
  padding-bottom: 30px;
  text-decoration: none;
  outline: none;
}
.enterFormLabel {
  font-size: 13px;
  color: #a0a0a0;
  line-height: 1;
  padding-bottom: 10px;
}
#mail3 {
  display: block;
  margin: 0px;
  border: none;
  background: none;
  font-size: 14px;
  color: #000;
  width: 100%;
}
#get-email-btn {
  display: block;
  width: 300px;
  height: 50px;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background-color: #3097de;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#signin3 > .inp-bg {
  width: 278px;
  height: 33px;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 15px 10px 0px 10px;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-bottom: 20px;
}
/* Content
-----------------------------------------------------------------------------*/
article {
  display: block;
  width: 100%;
  position: relative;
}
#for_top_photos {
  margin-top: 42px;
  min-width: 700px;
}
.online_members_top_list {
  text-align: center;
  font-size: 14px;
  color: white;
  background: #2ab379;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
.online_members_top_list p {
  padding: 0px 5px 0px 5px;
  margin-top: 27px;
}
#for_top_photos ul {
  display: block;
  width: 3000px;
  margin: 0 auto;
}
#for_top_photos ul li {
  height: 80px;
  width: 80px;
  overflow: hidden;
  float: left;
}
#for_top_photos ul li img {
  display: block;
  width: 100%;
  border: 0;
  margin: 0;
}
.img_profil_gal img {
  width: 120px;
  height: 120px;
  display: block;
  position: relative;
}
.img_profil_gal {
  width: 120px;
  height: 120px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#put_me {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border: 2px solid #3097de;
  background: rgba(48, 151, 222, 0.4);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: absolute;
  left: 20px;
  top: 25px;
}
#content,
#content-centered {
  display: block;
  margin: 0 auto;
  height: 100%;
}
#content-centered .h1 {
  text-align: unset;
}
footer {
  display: block;
}
#f-center {
  padding: 20px 0px 30px 0px;
  border-top: 1px solid #eeeeee;
}
.foot-point,
.copyright {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
}
.foot-point {
  float: left;
  padding-right: 15px;
  padding-bottom: 10px;
}
.copyright {
  float: right;
}
#sugmail {
  display: none;
}
/*-----------------------------Index page----------------------------------------*/
#for_search {
  /*    width: 693px;*/
  /*    float: left;*/
  position: relative;
}
.search_type {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #196295;
  padding-top: 33px;
  float: right;
  text-decoration: none;
  outline: none;
}
.h1 {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #333333;
  padding: 20px 0px;
  /*    float: left;*/
}
#advanced-search {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #196295;
  padding-top: 33px;
  float: right;
  text-decoration: none;
  outline: none;
}
#return-search {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3097de;
  padding-top: 10px;
  text-decoration: none;
  outline: none;
}
/*
#for_search_form { 
	//width: 673px;
    padding: 10px;
    background: #fcfcfc;
    border: 1px solid #eeeeee;
    border-radius:2px;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
}*/
#search {
  position: relative;
  margin: 0;
  padding: 0;
  /*    width: 673px;*/
  margin: 0 auto;
}
#for_progr_bar {
  width: 450px;
  height: 45px;
  position: relative;
  float: right;
}
#for_progr_bar p,
#for_progr_bar a {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}
#for_progr_bar a {
  text-decoration: none;
  color: #3097de;
}
#where {
  width: 205px;
  height: 45px;
  padding-bottom: 10px;
  position: relative;
  float: left;
}
.inp-bg,
.inp-bg4 {
  height: 22px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 4px 0px 0px 10px;
  position: relative;
}
.inp-bg {
  width: 193px;
  border: 1px solid #ccc;
}
.inp-bg4 {
  border: 1px solid #eeeeee;
}
#city,
#search_fr_mess {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  border: none;
  background: none;
  margin: 0px;
  padding: 0px;
}
#search_fr_mess {
  width: 195px;
}
#magn-glass {
  width: 16px;
  height: 17px;
  background: url('../img/where-bg.png') no-repeat;
  -pie-background: url('img/where-bg.png') no-repeat;
  position: absolute;
  top: 5px;
  right: 8px;
}
/*the slider background*/
.slider {
  /*width:430px;*/
  height: 10px;
  background: #eeeeee;
  position: absolute;
  bottom: 0px;
  margin: 0;
  padding: 0 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(/public/htc/PIE.htc);
}
/*This is the fill bar colour*/
.ui-widget-header {
  background-image: linear-gradient(to right, #3097de, #3097de);
  height: 10px;
  left: 0px;
  top: 0px;
  position: absolute;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -khtml-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  behavior: url(/public/htc/PIE.htc);
}
a {
  outline: none;
  -moz-outline-style: none;
}
#gender {
  /*    width: 160px;*/
  float: left;
}
.h2 {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  padding-bottom: 7px;
}
#age {
  width: 170px;
  float: left;
}
#to {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  padding: 10px 5px 0px 5px;
  float: left;
}
.wp,
.ol {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  float: left;
}
.wp {
  padding: 3px 20px 0px 10px;
}
.ol {
  padding: 3px 0px 0px 10px;
}
.halfstyle_select select {
  border-radius: 0;
  background: none;
  border: none;
  line-height: 1;
  -webkit-appearance: none;
  color: #999999;
  font-size: 12px;
  padding: 7px 9px 9px 9px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  position: absolute;
  top: -1px;
  left: -1px;
}
.halfstyle_select {
  height: 28px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  overflow: hidden;
}
.sel-down-arrow {
  width: 8px;
  height: 4px;
  background: url('../img/sel-down-arrow.png') no-repeat;
  -pie-background: url('img/sel-down-arrow.png') no-repeat;
  position: absolute;
  top: 13px;
  right: 9px;
  z-index: 100;
  cursor: pointer;
}
.sel82 select {
  /*    width: 170px;*/
}
.sel82 {
  /*    width: 140px;*/
  float: left;
}
.sel83 select {
  width: 95px;
}
.sel83 {
  width: 65px;
  float: left;
}
.sel80,
.sel220 {
  /*        width: 140px;*/
  float: left;
}
.sel81 {
  width: 65px;
  float: left;
}
.sel92.sel_marg_r {
  width: 64px;
}
.sel95.sel_marg_r {
  width: 149px;
}
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
  background: url('../img/sel-bg220.jpg') no-repeat;
}
#first_registry .sel90 {
  background-image: url('../img/sel-bg.jpg') !important;
}
.sel75 {
  background-image: url('../img/sel-bg.jpg') !important;
  background: url('../img/sel-bg.jpg') no-repeat;
}
.sel75:hover {
  background-image: url('../img/sel-bg.jpg') !important;
}
/*.cusel.sel220{background-image: url('../img/sel-bg220.jpg') ;}
.cusel.sel220:hover,.cuselFocus.sel220{background-image: url('../img/sel-bg220.jpg') ;}*/
.cusel {
  height: 30px;
  background-position: left top;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #999999;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  z-index: 1;
  outline: none;
}
.cuselFrameRight {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 20px;
  background-position: right top;
}
.cuselText {
  height: 15px;
  padding: 9px 0 0 8px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
  color: #999999;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
}
* html .cuselText {
  height: 22px;
}
.sel84 .cuselText {
  width: 120px;
}
.cusel span {
  display: block;
  cursor: pointer;
  padding: 2px 15px 2px 5px;
  zoom: 1;
}
.cusel span:hover,
.cusel .cuselOptHover {
  border: 1px solid #3097de;
}
.cusel .cuselActive {
  background: #3097de;
  color: #fff;
  cursor: default;
}
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight {
  background-image: url('../img/sel-bg220.jpg');
}
.cuselOpen {
  z-index: 999;
}
.cusel .cusel-scroll-wrap {
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #ccc;
  background: #fff;
  min-width: 100%;
  width: auto;
}
.cusel .jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.cusel .jScrollPaneTrack {
  height: 100%;
  width: 7px !important;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 4px;
}
.cusel .jScrollPaneDrag {
  position: absolute;
  background-position: -38px -30px;
  cursor: pointer;
  width: 15px !important;
  height: 27px !important;
  right: -4px;
}
.cusel .jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.cusel .jScrollArrowUp {
  position: absolute;
  top: 0;
  right: 2px;
  width: 26px;
  height: 12px;
  cursor: pointer;
  background-position: -1px -31px;
  overflow: hidden;
}
.cusel .jScrollArrowDown {
  width: 25px;
  height: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 3px;
  cursor: pointer;
  background-position: -19px -32px;
  overflow: hidden;
}
.w20 {
  width: 20px;
  height: 20px;
  float: left;
}
.checkbox,
.checkbox1 {
  height: 16px;
  display: block;
  cursor: pointer;
  background: url('../img/cbox-nofont.png') #3097de no-repeat;
}
.checkbox {
  float: left;
}
.checkbox input,
.checkbox1 input {
  display: none;
}
.chbox_label {
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1;
  background-color: #f1f4f6;
  margin-left: 16px;
  padding-left: 7px !important;
  height: 14px;
  /*padding: 2px 0px 0px 23px;*/
}
.chbox_withPhoto {
  background-color: #f7f7f7 !important;
}
/*
#search-btn {
	//width: 120px;
    height: 30px;
    border: none;
    background: @base;
    cursor: pointer;
    font-size: @fontsizeBody;
    font-family: @fontBody;
    color: #fff;
    border-radius:2px;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}*/
#search-meeting-btn {
  background: #3097de;
}
#site_activity {
  float: right;
  position: relative;
}
#activity_slider,
#activity_slider2 {
  display: block;
  width: 100%;
  float: left;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: relative;
}
#activity_slider {
  padding: 30px 0px 32px 0px;
}
.container4 {
  position: relative;
  top: 0px;
  left: 0px;
  /*    width: 231px;*/
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
}
.point-brands {
  position: absolute;
  top: 0px;
  height: 60px;
  width: 231px;
  overflow: hidden;
  z-index: 1;
  border-right: 1px solid #eeeeee;
}
.carouselLeft-b,
.carouselLeft2-b {
  height: 10px;
  width: 6px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  cursor: pointer;
  background: url('../img/prev.png') no-repeat;
  -pie-background: url('img/prev.png') no-repeat;
  z-index: 999;
}
.carouselLeft2-b {
  position: static;
  float: left;
}
.carouselRight-b,
.carouselRight2-b {
  height: 10px;
  width: 6px;
  position: absolute;
  bottom: 10px;
  right: 9px;
  cursor: pointer;
  background: url('../img/next.png') no-repeat;
  -pie-background: url('img/next.png') no-repeat;
  z-index: 999;
}
.carouselRight2-b {
  position: static;
  margin-left: 20px;
}
.navContact {
  position: relative;
  top: 15px;
  left: 10px;
}
.showMore {
  font-size: 16px;
  position: absolute;
  bottom: -25px;
  left: 5px;
  cursor: pointer;
  z-index: 999;
  text-decoration: underline;
}
#showMore_load {
  display: none;
}
#messagers_of {
  overflow-y: auto;
  overflow-x: hidden;
  width: 248px;
  height: 770px;
}
#messagers_of .user-miniature-bg2 {
  width: 213px;
}
.user-miniature {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.place1 {
  position: absolute;
  bottom: 0px;
  left: 10px;
}
.comment-ico,
.add-ico,
.like-ico {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -12px;
  top: 17px;
}
.comment-ico {
  background: url('../img/comment-ico.png') no-repeat;
  -pie-background: url('img/comment-ico.png') no-repeat;
}
.add-ico {
  background: url('../img/add-ico.png') no-repeat;
  -pie-background: url('img/add-ico.png') no-repeat;
}
.like-ico {
  background: url('../img/like-ico.png') no-repeat;
  -pie-background: url('img/like-ico.png') no-repeat;
}
.added_photo_ico,
.logged_in_ico,
.has_modif_page_ico,
.has_visited_ico,
.celebrate_anniv_ico {
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 55px;
  top: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid white;
}
.added_photo_ico {
  background: url('../img/sprites_icons.png') no-repeat #3798db;
  -pie-background: url('../img/sprites_icons.png') no-repeat #3798db;
  background-position: -813px -20px;
}
.logged_in_ico {
  background: url('../img/sprites_icons.png') no-repeat #2ab379;
  -pie-background: url('../img/sprites_icons.png') no-repeat #2ab379;
  background-position: -813px -49px;
}
.has_modif_page_ico {
  background: url('../img/sprites_icons.png') no-repeat #faa52b;
  -pie-background: url('../img/sprites_icons.png') no-repeat #faa52b;
  background-position: -813px -82px;
}
.has_visited_ico {
  background: url('../img/sprites_icons.png') no-repeat #ff006e;
  -pie-background: url('../img/sprites_icons.png') no-repeat #ff006e;
  background-position: -813px -145px;
}
.celebrate_anniv_ico {
  background: url('../img/sprites_icons.png') no-repeat #9e30de;
  -pie-background: url('../img/sprites_icons.png') no-repeat #9e30de;
  background-position: -813px -113px;
}
.activity-date2 {
  cursor: pointer;
  font-size: 13px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #999999;
  line-height: 1.2;
  padding-top: 13px;
}
.activity-text2 {
  cursor: pointer;
  font-size: 13px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  line-height: 1.2;
  padding-top: 5px;
}
.myWall_photos_added {
  width: 60px;
  height: 60px;
  display: inline-block;
  float: right;
  overflow: hidden;
  margin-left: 2px;
  position: relative;
}
.myWall_photos_added img {
  width: 60px;
  height: 60px;
}
.activity-text {
  display: block;
  width: 135px;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  line-height: 1.2;
  position: absolute;
  left: 85px;
  top: 7px;
}
.activity-text a {
  text-decoration: none;
  outline: none;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #3097de;
}
.activity-text2 a {
  text-decoration: none;
  outline: none;
  font-size: 13px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #3097de;
}
.activity-date {
  display: block;
  cursor: pointer;
  font-size: 11px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #999999;
  line-height: 1.2;
  position: absolute;
  left: 85px;
  top: 45px;
}
/*
#new_users_albums {
    display: block;
    padding: 40px 0px;
    position: relative;
}*/
.h3 {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #333333;
  padding-bottom: 20px;
}
#new_users_albums ul {
  line-height: 0;
  font-size: 1px;
  text-justify: newspaper;
  zoom: 1;
}
#new_users_albums ul.no-adds {
  text-align: left !important;
}
#new_users_albums ul:after {
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  content: '';
  display: inline-block;
}
.album-point {
  display: inline-block;
}
#new_users_albums ul li {
  text-align: left;
  line-height: normal;
  vertical-align: top;
  padding: 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #eeeeee;
  position: relative;
}
.user-album {
  display: block;
  width: 215px;
  height: 215px;
  overflow: hidden;
  position: relative;
}
#new_users_albums ul li:hover .addf_chat {
  display: block;
}
#new_users_albums ul li:hover .photos-count,
#ul_result li:hover .photos-count,
#ready_to_meet ul li:hover .photos-count,
#vote_history ul li:hover .photos-count,
#all_online_tab ul li:hover .photos-count {
  bottom: 17px;
  top: auto !important;
}
/*#new_users_albums ul li:hover .online2 {
    bottom: 187px;
    right: 10px;
}*/
#new_users_albums ul li:hover .online1 {
  top: 10px;
  bottom: auto;
}
.name {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px 5px 0px;
  line-height: 1;
}
.age_place {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  text-align: center;
  line-height: 1;
}
.photos-count {
  display: block;
  width: 100%;
  height: 28px;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: url(../img/photos-count-v3.png) no-repeat;
  -pie-background: url(img/photos-count-v3.png) no-repeat;
  background-color: rgba(0, 0, 0, 0.2);
  background-position: 180px 7px;
  text-align: right;
  padding-right: 10px;
  padding-top: 7px;
}
.photo_rate2 {
  display: block;
  width: 100%;
  height: 28px;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.4) url("../img/offline-circle.png");
  background-repeat: no-repeat;
  background-position: 190px center;
  text-align: center;
  padding: 0px;
  padding-top: 7px;
}
.photo_rate2.online {
  background-image: url("../img/online-circle.png");
}
.top-green {
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  outline: none;
  background: url('../img/top-green.png') no-repeat;
  -pie-background: url('img/top-green.png') no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
}
.online1,
.online2 {
  display: block;
  text-decoration: none;
  background-color: #2BB47D;
  background-color: rgba(43, 180, 125, 0.7);
  border-radius: 2px;
  position: absolute;
  font-size: 10px;
  padding: 4px 9px;
  color: #FFF;
}
.online1 {
  bottom: 10px;
  left: 10px;
}
.online2 {
  bottom: 10px;
  right: 10px;
}
.none {
  display: none;
}
.addf_chat {
  display: none;
  position: absolute;
  bottom: 8px;
  left: 8px;
  border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  -khtml-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  z-index: 1000;
}
.add_friend,
.un_friend {
  height: 20px;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  padding-top: 40px;
  border-right: 1px solid #56A8E1;
}
.add_friend {
  background: url('../img/menu_top_ico/favorite.png') no-repeat center 10 px #3097de;
  background: url('../img/menu_top_ico/favorite.png') no-repeat center 10px #3097de;
}
.chat,
.note_sent {
  display: block;
  text-decoration: none;
  outline: none;
  position: relative;
  border-radius: 0px 0px 2px 0px;
  -moz-border-radius: 0px 0px 2px 0px;
  -khtml-border-radius: 0px 0px 2px 0px;
  -webkit-border-radius: 0px 0px 2px 0px;
}
.chat {
  width: 107px;
  height: 20px;
  background: url('../img/menu_top_ico/messanger.png') no-repeat center 10 px #3097de;
  background: url('../img/menu_top_ico/messanger.png') no-repeat center 10px #3097de;
  float: left;
  font-size: 11px;
  padding-top: 40px;
  text-align: center;
  color: #ffffff;
}
.chat.chat_hh {
  width: 215px;
}
.add_friend:hover,
.un_friend:hover,
.chat:hover {
  background-color: #56A8E1;
}
.note_sent {
  width: 215px;
  height: 26px;
  padding-top: 14px;
  background-color: #3097de;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #5dade2;
}
.mark {
  background-color: #196295;
  padding: 4px 4px 3px 4px;
  margin-left: 6px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#load_more {
  display: block;
  width: 148px;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #196295;
  text-align: center;
  padding: 10px 0px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #eeeeee;
  position: absolute;
  /*bottom: 10px;*/
  left: 50%;
  margin: 0px 0px 0px -74px;
}
/*-------------------------------------ProfileUser page----------------------*/
#page_title {
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  text-align: center;
  padding-top: 30px;
}
#signal {
  margin-top: 10px;
}
#user_preview_large {
  width: 715px;
  padding-top: 20px;
  position: relative;
  /*float: none;*/
}
#photo-col1,
#photo-col2,
#photo-col3 {
  float: left;
  margin-right: 4px;
}
#photo-col4 {
  float: left;
}
#preview_photo1,
#preview_photo2,
#preview_photo4,
#preview_photo5 {
  display: block;
  text-decoration: none;
  outline: none;
  width: 165px;
  height: 106px;
  overflow: hidden;
}
#preview_photo1,
#preview_photo4 {
  margin-bottom: 4px;
}
#photo-col1.add_left_margin {
  margin-left: 224px;
}
#preview_photo3 {
  display: block;
  text-decoration: none;
  outline: none;
  width: 215px;
  height: 215px;
  overflow: hidden;
}
#preview_photo6 {
  display: block;
  text-decoration: none;
  outline: none;
  width: 202px;
  height: 185px;
  overflow: hidden;
}
#preview_photo1 img,
#preview_photo2 img,
#preview_photo3 img,
#preview_photo4 img,
#preview_photo5 img,
#preview_photo6 img,
#preview_main img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  margin: 0;
  padding: 0;
}
#preview_main {
  width: 205px;
  height: 205px;
  border: 4px solid #fff;
  position: absolute;
  bottom: 14px;
  left: 10px;
  overflow: hidden;
}
.photos-count2 {
  display: block;
  width: 23px;
  height: 13px;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 4px 0px 2px 17px;
  background: url('../img/photos-count.png') no-repeat;
  -pie-background: url('img/photos-count.png') no-repeat;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.online3 {
  display: block;
  width: 60px;
  height: 19px;
  text-decoration: none;
  outline: none;
  background: url('../img/online3.png') no-repeat;
  -pie-background: url('img/online3.png') no-repeat;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#preview-info-menu {
  width: 519px;
  padding: 10px 10px 10px 233px;
  background: #ffffff;
}
#preview-info {
  float: left;
}
#preview-name {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
#preview-from {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  padding: 6px 0px 8px 10px;
  background: url('../img/point.png') no-repeat 0px 4px;
  -pie-background: url('img/point.png') no-repeat 0px 4px;
  max-width: 248px;
}
#preview-last-visit {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #999999;
}
#chat2 {
  background: url('../img/sprites_icons.png') no-repeat #3097de;
  -pie-background: url('../img/sprites_icons.png') no-repeat #3097de;
  background-position: -674px -69px;
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
#add_friend2 {
  background: url('../img/sprites_icons.png') no-repeat #ff006e;
  -pie-background: url('../img/sprites_icons.png') no-repeat #ff006e;
  background-position: -602px -68px;
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
#contact_book {
  background: url('../img/less/add_friend1.png') no-repeat #3097de;
  -pie-background: url('img/less/add_friend1.png') no-repeat #3097de;
}
#interests {
  /*    width: 715px;*/
  padding-top: 20px;
  /*float: none;*/
}
#interests span {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.h5 {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #333333;
  padding-bottom: 15px;
  font-weight: 600;
}
.interes_point {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  padding: 10px 9px 8px 9px;
  float: left;
  border: 1px solid #eeeeee;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -khtml-border-radius: 17px;
  -webkit-border-radius: 17px;
  margin-right: 8px;
  margin-bottom: 4px;
}
#intplus {
  display: none;
}
.plus {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px 0px;
  width: 70px;
  float: left;
  background-color: #3097de;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -khtml-border-radius: 17px;
  -webkit-border-radius: 17px;
}
#information_wanttomeet {
  width: 715px;
  padding-top: 25px;
  /*float: none;*/
}
.tab-col2 a {
  color: #000;
}
#information {
  width: 55%;
  float: left;
}
#wanttomeet {
  width: 715px;
  float: left;
}
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
td {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  line-height: 1;
}
.tab-col1 {
  /*    width: 170px;*/
  padding-bottom: 12px;
  color: #999999;
}
.tab-col2 {
  width: auto;
  color: #333333;
}
#profile-photos {
  /*    width: 715px;*/
  padding-top: 10px;
  position: relative;
  overflow: hidden;
  /*float: none;*/
}
.carousel li {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 4px;
}
.carousel li a {
  text-decoration: none;
  outline: none;
}
.carousel li img {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}
.carousel-prev,
.carousel-next {
  width: 65px;
  height: 120px;
  cursor: pointer;
  position: absolute;
  bottom: 26px;
  z-index: 199;
}
.carousel-prev {
  background: url('../img/c-prev.png') no-repeat center center rgba(0, 0, 0, 0.5);
  -pie-background: url('img/c-prev.png') no-repeat center center;
  left: 0px;
}
.carousel-next {
  background: url('../img/c-next.png') no-repeat center center rgba(0, 0, 0, 0.5);
  -pie-background: url('img/c-next.png') no-repeat center center;
  right: 0px;
}
.go {
  width: 50px;
  padding-top: 20px;
  margin: 0 auto;
}
.go a {
  float: left;
  width: 6px;
  height: 6px;
  text-indent: -9999px;
  background: url('../img/go.png') no-repeat top;
  -pie-background: url('img/go.png') no-repeat top;
  margin-right: 4px;
}
.go a:hover {
  background: url('../img/go.png') no-repeat bottom;
  -pie-background: url('img/go.png') no-repeat bottom;
}
.go .goActive {
  background: url('../img/go.png') no-repeat bottom;
  -pie-background: url('img/go.png') no-repeat bottom;
}
#description {
  /*    width: 715px;*/
  /*float: none;*/
}
.profile-text {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  text-align: left;
  line-height: 1.4;
  word-break: break-word;
}
#meetings {
  /*    width: 715px;*/
  padding-top: 25px;
  /*float: none;*/
}
#report_person {
  /*    width: 715px;*/
  padding-top: 15px;
  /*float: none;*/
}
#alarm_support,
#alarm_submit,
#alarm_cancel {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 10px 15px;
  background: none;
  float: left;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 10px 0px 5px 0px;
  border: 1px solid #b8b8b8;
}
#alarm_cancel {
  margin-left: 20px;
}
#site_activity2 .h1 {
  margin-left: 18px;
}
#site_activity2 div[class^='conteneur_partenaire_'] {
  width: 240px;
  height: 250px;
  position: relative;
  display: inline-block;
}
#site_activity2 div[class^='conteneur_partenaire_'] img,
#right_chat_page div[class^='conteneur_partenaire_'] img {
  width: 100%;
}
#activity_slider2 {
  padding: 10px 0px 0px 0px;
  background: #FFFFFF;
  width: 240px;
}
.container1 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 231px;
  height: 432px;
  overflow: hidden;
  margin: 0 auto;
}
.point-brands2 {
  position: absolute;
  top: 0px;
  width: 231px;
  height: 432px;
  overflow: hidden;
  z-index: 1;
}
.activity-point {
  position: relative;
  height: 60px;
  width: 231px;
  border-right: 1px solid #eeeeee;
  margin-bottom: 12px;
  float: left;
}
#site_activity #zone_publicite {
  width: 426px;
  margin-top: 52px;
  max-height: 140px;
}
#zone_publicite {
  top: 600px;
  bottom: 10px;
  margin-top: 20px;
  width: 233px;
  border-radius: 2px;
  overflow-y: hidden;
}
#zone_publicite_f {
  top: 210px;
  position: fixed;
  overflow-y: hidden;
}
.pub_ad_menu {
  width: 215px;
  height: auto;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.pub_ad_message {
  text-align: center;
  height: 70px;
}
.pub_ad_center {
  margin-left: 34px;
}
.pub_popup_ban_top {
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
}
.fixed-sc {
  top: 15px !important;
}
#zone_publicite .right {
  margin-bottom: 20px;
  margin-top: 20px;
}
#zone_publicite .righthor {
  float: left;
}
#zone_publicite .bottom {
  float: left;
}
#zone_publicite div[class^='conteneur_partenaire_'] {
  margin-bottom: 20px;
}
.zone_right {
  border: 1px solid #eeeeee !important;
}
#user_preview_small {
  width: auto;
  padding-top: 10px;
}
#user_preview_small_photo {
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: relative;
}
#user_preview_small_photo img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#preview-info-menu-small {
  width: 100%;
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
}
#preview-name-small {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  padding: 10px 0px 3px 10px;
  float: left;
}
#preview-from-last-visit {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 0px 0px 10px 10px;
  float: left;
}
#preview-from a {
  color: #000;
}
.pfrom {
  color: #fff;
}
.pvisit {
  color: #999999;
}
.preview-menu-small-point {
  display: block;
  text-decoration: none;
  outline: none;
  width: 50px;
  height: 50px;
  border-left: 1px solid #898989;
  float: right;
}
#chat3 {
  background: url('../img/chat3.png') no-repeat center center;
  -pie-background: url('img/chat3.png') no-repeat center center;
}
#add_friend3 {
  background: url('../img/add_friend3.png') no-repeat center center;
  -pie-background: url('img/add_friend3.png') no-repeat center center;
}
#user_menu {
  display: none;
  /*    height: 100%;*/
  overflow: hidden;
  /*    position: fixed;    */
  top: 80px;
  right: 0px;
  z-index: 1000;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
.user_message_count,
.user_guest_count {
  display: block;
  width: 40px;
  height: 15px;
  padding-top: 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-family: Lato, Helvetica, Arial, sans-serif;
}
.user_message_count {
  background-color: #f76452;
}
.user_message_count.none {
  display: none;
}
.user_guest_count {
  background-color: #3097de;
}
#site_menu {
  display: block;
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 999;
  background-color: #196295;
  height: 42px;
}
#site_menu ul {
  text-align: justify;
  line-height: 0;
  font-size: 1px;
  text-justify: newspaper;
  zoom: 1;
  text-align-last: justify;
}
#site_menu ul:after {
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  content: '';
  display: inline-block;
}
#site_menu ul li {
  display: inline-block;
  text-align: left;
  line-height: normal;
  vertical-align: top;
  padding: 15px 0px;
  float: left;
  margin-right: 35px;
}
#site_menu ul li a {
  text-decoration: none;
  outline: none;
  color: #fff;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  padding: 15px 0px;
}
#simul_pub_div {
  height: 150px !important;
  width: auto !important;
  background: black !important;
  margin: 12px 5px;
}
#my_photo,
#my_messges,
#my_events,
#my_guests,
#my_wall,
#my_style,
#my_account,
#logout {
  display: block;
  /*    width: 200px;*/
  height: 35px;
  color: #333333;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #eeeeee;
  text-decoration: none;
  outline: none;
  padding: 25px 0px 0px 60px;
  position: relative;
}
#my_profile {
  height: 20px !important;
  padding: 0 !important;
  text-align: center;
  color: #2895e1 !important;
  display: block;
  width: 100%;
  position: relative;
  outline: none;
  background-color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  border: none !important;
  margin: 0 auto 20px auto;
}
/*
#my_profile:hover {
    background:url('../img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6;
    -pie-background:url('img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6;
 	background:#f6f6f6;
}
*/
/*
.myphover{
    background:url('../img/profile_bg_hoverless.png') no-repeat @base;
    -pie-background:url('img/profile_bg_hoverless.png') no-repeat @base;
    height:26px;
    width: 26px;
    display: block;
    left: 15px;
    top: 17px;
    position:absolute;
}*/
#my_photo {
  background: url('../img/photos_bg.png') no-repeat 15px 17px;
  -pie-background: url('img/photos_bg.png') no-repeat 15px 17px;
}
/*
#my_photo:hover {
   background:url('../img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6;
   -pie-background:url('img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6;
   background: #f6f6f6;
}
*/
.myphhover {
  background: url('../img/photos_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/photos_bg_hoverless.png') no-repeat #3097de;
  height: 23px;
  width: 32px;
  display: block;
  left: 15px;
  top: 17px;
  position: absolute;
}
#my_messges {
  background: url('../img/messages_bg.png') no-repeat 15px 17px;
  -pie-background: url('img/messages_bg.png') no-repeat 15px 17px;
}
/*
#my_messges:hover {
  background:url('../img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6;
  -pie-background:url('img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6;
  background: #f6f6f6;
}
*/
.mymhover {
  background: url('../img/messages_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/messages_bg_hoverless.png') no-repeat #3097de;
  height: 27px;
  width: 32px;
  display: block;
  left: 15px;
  top: 17px;
  position: absolute;
}
#my_events {
  background: url('../img/events_bg.png') no-repeat 15px 17px;
  -pie-background: url('img/events_bg.png') no-repeat 15px 17px;
}
/*
#my_events:hover {
    background: #f6f6f6;
    background:url('../img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6;
   -pie-background:url('img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6;
}
*/
.myehover {
  background: url('../img/events_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/events_bg_hoverless.png') no-repeat #3097de;
  height: 26px;
  width: 32px;
  display: block;
  left: 15px;
  top: 17px;
  position: absolute;
}
#my_guests {
  background: url('../img/visitors_bg.png') no-repeat 15px 21px;
  -pie-background: url('img/visitors_bg.png') no-repeat 15px 21px;
}
/*
#my_guests:hover {
    background:url('../img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6;
    -pie-background:url('img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6;
   background: #f6f6f6;
}
*/
.myghover {
  background: url('../img/visitors_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/visitors_bg_hoverless.png') no-repeat #3097de;
  height: 19px;
  width: 36px;
  display: block;
  left: 15px;
  top: 21px;
  position: absolute;
}
#my_wall {
  background: url('../img/wall_bg.png') no-repeat 20px 17px;
  -pie-background: url('img/wall_bg.png') no-repeat 20px 17px;
}
/*
#my_wall:hover {
    background:url('../img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6;
    -pie-background:url('img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6;
  background: #f6f6f6;
}
*/
.mywhover {
  background: url('../img/wall_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/wall_bg_hoverless.png') no-repeat #3097de;
  height: 26px;
  width: 26px;
  display: block;
  left: 20px;
  top: 17px;
  position: absolute;
}
#my_style {
  background: url('../img/style_bg.png') no-repeat 20px 17px;
  -pie-background: url('img/style_bg.png') no-repeat 20px 17px;
}
/*
#my_style:hover {
    background:url('../img/style_bg_hover.png') no-repeat 20px 17px @base;
    -pie-background:url('img/style_bg_hover.png') no-repeat 20px 17px @base;
}
*/
#my_account {
  height: 20px !important;
  padding: 10px 0px 0px 0px !important;
  text-align: center;
  color: #2895e1 !important;
  display: block;
  width: auto !important;
  position: relative;
  outline: none;
  background-color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  border: none !important;
}
/*
#my_account:hover {
    background:url('../img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6;
    -pie-background:url('img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6;
   background: #f6f6f6;
}
*/
.myahover {
  background: url('../img/account_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/account_bg_hoverless.png') no-repeat #3097de;
  height: 28px;
  width: 28px;
  display: block;
  left: 15px;
  top: 17px;
  position: absolute;
}
#logout {
  padding: 20px 0px 0px 0px !important;
  text-align: center;
}
/*
#logout:hover {
    background:url('../img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6;
    -pie-background:url('img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6;`
  background: #f6f6f6;
}
*/
.mylhover {
  background: url('../img/logout_bg_hoverless.png') no-repeat #3097de;
  -pie-background: url('img/logout_bg_hoverless.png') no-repeat #3097de;
  height: 26px;
  width: 26px;
  display: block;
  left: 20px;
  top: 17px;
  position: absolute;
}
#logout {
  position: absolute;
  bottom: 0px;
  border-top: 1px solid #eeeeee;
}
.sidebar-default {
  width: 260px;
  padding: 4px;
  padding-bottom: 85px;
  padding-right: 10px;
}
#sidebar-right {
  width: 280px;
  height: 100%;
  padding: 5px 0px;
  overflow: hidden;
  position: fixed;
  top: -9999px;
  right: 0px;
  z-index: 1000;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
#sidebar-right-users {
  float: right;
  padding-bottom: 1000px;
  width: 280px;
  overflow-y: scroll;
  height: 100%;
  overflow-x: hidden;
}
.user-miniature-bg {
  display: block;
  width: 260px;
  height: 60px;
  overflow: hidden;
  padding: 5px 10px;
  text-decoration: none;
  outline: none;
}
.user-miniature-bg:hover {
  background-color: #eeeeee;
}
.place4 {
  position: absolute;
  top: 20px;
  left: 220px;
}
.name3 {
  display: block;
  width: 130px;
  color: #333333;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 24px;
  left: 75px;
}
.message_count2 {
  display: none;
  width: 35px;
  height: 40px;
  padding: 20px 0px 0px 25px;
  border: 0;
  margin: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: rgba(247, 100, 82, 0.4);
  color: #fff;
  font-size: 20px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 0px;
  left: 0px;
}
#chat_small {
  height: 100%;
  padding: 0px 10px;
  border-right: 1px solid #eeeeee;
  float: right;
}
#div_smiley,
#div_smiley2 {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 3px;
  bottom: 60px;
  left: 10px;
  padding: 10px;
  z-index: 9999;
}
#div_smiley img,
#div_smiley2 img {
  cursor: pointer;
}
/*-------------------------------------*/
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: #fff;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #eeeeee;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.jspDrag {
  background: #d6d6d6;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/*-------------------------------------*/
.messages_date {
  color: #cccccc;
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
}
.message_block,
.message_block_me,
.message_block2,
.message_block_me2 {
  display: block;
  padding: 10px 0px 30px 0px;
  border-top: 1px solid #eeeeee;
}
.name4,
.name4_me {
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: bold;
  float: left;
}
.name4 {
  color: #3097de;
}
.name4_me {
  color: #333333;
}
.message_day_time {
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #cccccc;
  float: right;
}
.clear2 {
  display: block;
  clear: both;
}
#send_message {
  display: block;
  margin: 0;
  padding: 0;
  padding: 10px 0px;
  border-top: 1px solid #eeeeee;
}
.inp-bg3,
#details,
.inp_capcha {
  width: 270px;
  height: auto;
  background-color: #fff;
  padding: 4px 0px 0px 10px;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #eeeeee;
  float: left;
}
#details {
  width: 270px;
  height: 80px;
}
.inp_capcha {
  width: 100px;
}
.smile {
  display: block;
  width: 17px;
  height: 16px;
  position: absolute;
  right: -20px;
  top: -2px;
  background: url('../img/smile.png') no-repeat;
  -pie-background: url('img/smile.png') no-repeat;
}
.attachment {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -20px;
  top: 19px;
  background: url('/public/img/send_photo.png') no-repeat;
}
.attachment_list0 img,
.attachment_list1 img {
  margin: 10px 10px 0 0;
}
#p_attachment .links_account {
  margin-top: 10px;
}
#send_message_btn {
  width: 90px;
  height: 30px;
  border: none;
  background: #3097de;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  float: right;
  position: relative;
}
.no_active1 {
  color: #3097de;
  font-weight: normal;
  padding: 11px 12px 9px 12px;
  border: none;
}
.new_message,
.new_visit {
  display: none;
  width: 385px;
  padding: 10px;
  position: relative;
  right: auto;
  bottom: 0px;
  border-radius: 2px;
  background-color: #fff;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  z-index: 2000;
  margin-top: 4px;
}
.new_message i {
  font-size: 12px;
}
.new_message.whiteStyle {
  background-color: #FFFFFF;
}
.new_message.redStyle {
  background-color: #E53935;
}
.inherit-bg {
  background-color: inherit;
}
.noinherit-bg {
  background-color: #2E8FD4;
}
.new_message form {
  margin: 0;
  padding: 0;
}
.new_message_top {
  color: #999999;
  font-size: 9px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  /*  padding-bottom: 20px; */
}
.new_message_top a {
  color: #3097de;
  text-decoration: underline;
  outline: none;
}
.new_message_top a:hover {
  text-decoration: none;
}
.whiteStyle .new_message_top {
  color: #999999;
}
.whiteStyle .new_message_top a {
  color: #333333;
}
.redStyle .new_message_top {
  color: #FFFFFF;
}
.redStyle .new_message_top a {
  color: #FFFFFF;
}
.close {
  display: block;
  text-decoration: none;
  outline: none;
  width: 20px;
  height: 20px;
  background: url('../img/close.png') no-repeat;
  -pie-background: url('img/close.png') no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
}
.closeMsg {
  display: block;
  text-decoration: none;
  outline: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url('../img/close.png') no-repeat;
  -pie-background: url('img/close.png') no-repeat;
}
.whiteStyle .closeMsg {
  background: url('../img/close.png') no-repeat;
  -pie-background: url('img/close.png') no-repeat;
}
.violetStyle .closeMsg,
.greenStyle .closeMsg,
.blueStyle .closeMsg,
.redStyle .closeMsg {
  background: url('../img/close5.png') no-repeat;
  -pie-background: url('img/close5.png') no-repeat;
}
.translate {
  display: block;
  text-decoration: none;
  outline: none;
  width: 20px;
  height: 20px;
  background: url('../img/translate.png') no-repeat;
  -pie-background: url('img/translate.png') no-repeat;
  position: absolute;
  right: 35px;
  top: 10px;
}
.whiteStyle .translate {
  background: url('../img/translate.png') no-repeat;
  -pie-background: url('img/translate.png') no-repeat;
}
.violetStyle .translate,
.greenStyle .translate,
.blueStyle .translate,
.redStyle .translate {
  background: url('../img/translate2.png') no-repeat;
  -pie-background: url('img/translate2.png') no-repeat;
}
.place2 {
  float: left;
}
.green-round-ico,
.yellow-round-ico,
.red-round-ico {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 61px;
  top: 63px;
  z-index: 100;
}
.new_visit .green-round-ico,
.new_visit .yellow-round-ico,
.new_visit .red-round-ico {
  top: 86px;
}
.green-round-ico {
  background: url('../img/green-round-ico.png') no-repeat;
  -pie-background: url('img/green-round-ico.png') no-repeat;
}
.yellow-round-ico {
  background: url('../img/yellow-round-ico.png') no-repeat;
  -pie-background: url('img/yellow-round-ico.png') no-repeat;
}
.red-round-ico {
  background: url('../img/red-round-ico.png') no-repeat;
  -pie-background: url('img/red-round-ico.png') no-repeat;
}
.whiteStyle .green-round-ico2 {
  border: 3px solid #fff;
}
.redStyle .green-round-ico2 {
  border: 3px solid #e53935;
}
.read_message_btn,
.view_profile_btn {
  width: 120px;
  height: 30px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  float: right;
  margin-top: 15px;
  position: relative;
}
.whiteStyle .read_message_btn {
  background: #E53935;
  color: #FFFFFF;
}
.redStyle .read_message_btn {
  background: #FFFFFF;
  color: #333333;
}
.name_age_place {
  float: left;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  padding: 12px 0px 0px 12px;
  width: 312px;
}
.whiteStyle .name_age_place {
  color: #333333;
}
.violetStyle .name_age_place,
.greenStyle .name_age_place,
.blueStyle .name_age_place,
.redStyle .name_age_place {
  color: #FFFFFF;
}
.name2 {
  font-size: 16px;
  font-weight: bold;
}
.age_place2 {
  font-size: 12px;
}
#sign_in {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
#sign_in_block {
  padding-bottom: 60px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -140px 0px 0px -150px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#pass_forgot {
  text-decoration: none;
  outline: none;
  font-size: 13px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #3097de;
  position: absolute;
  left: 0px;
  bottom: 35px;
  width: 100%;
  text-align: center;
}
#pass_forgot:hover,
#sign_up a:hover {
  text-decoration: underline;
}
#sign_up {
  font-size: 13px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
#sign_up a {
  text-decoration: none;
  outline: none;
  color: #3097de;
}
#sign_in_form {
  display: block;
  padding: 0;
  margin: 0;
  padding: 20px;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}
.h4 {
  font-size: 16px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #333333;
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold;
}
.inp-bg1,
.inp-bg2 {
  width: 248px;
  height: 28px;
  background-color: #fff;
  padding: 10px 0px 0px 10px;
  position: relative;
}
.inp-bg1 {
  border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  -khtml-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border: 1px solid #e5e5e5;
}
.inp-bg2 {
  border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  -khtml-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#username,
#password {
  display: block;
  width: 200px;
  margin: 0px;
  border: none;
  background: none;
  color: #999999;
  font-size: 14px;
}
.marg1 {
  margin-top: 15px;
}
#remember-p {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  float: left;
  /*    padding: 28px 0px 0px 5px;*/
  padding: 2px 0px 0px 22px;
}
#sign_in_btn {
  width: 120px;
  height: 40px;
  border: none;
  background: #3097de;
  cursor: pointer;
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  float: right;
  margin-top: 13px;
  position: relative;
}
/*------------------------------My Messages Page---------------------------*/
#my_messages_block {
  overflow: hidden;
}
.messages_top_nav {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 10px 12px 8px 12px;
  float: left;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#nav_mess_point1 {
  color: #333333;
  font-weight: bold;
  border: 1px solid #eeeeee;
}
#nav_mess_point2,
#nav_mess_point3,
#nav_mess_point4,
#nav_mess_point5,
#nav_mess_point6 {
  color: #3097de !important;
  font-weight: normal;
}
#messager_search {
  /*    float: left;*/
  padding-top: 20px;
}
#messager_search form {
  margin: 0;
  padding: 0;
  float: left;
  padding-bottom: 9px;
  border-bottom: 1px solid #eeeeee;
}
.user-miniature-bg2 {
  display: block;
  /*    width: 230px;*/
  height: 60px;
  padding: 5px 10px;
  text-decoration: none;
  outline: none;
  position: relative;
}
.user-miniature-bg2:hover {
  background-color: #eeeeee;
}
.place5 {
  position: absolute;
  top: 25px;
  right: 30px;
}
.messages-menu {
  display: none;
  width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: url('../img/sel-down-arrow.png') no-repeat center center #fff;
  -pie-background: url('img/sel-down-arrow.png') no-repeat center center #fff;
}
.place6 {
  position: absolute;
  top: 24px;
  right: 0px;
  z-index: 1000;
}
.user-miniature-bg2:hover .messages-menu {
  display: block;
}
.messages-menu-points {
  display: none;
  position: absolute;
  right: -1px;
  top: 20px;
  border: 1px solid #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.messages-menu-points span {
  display: block;
  width: 130px;
  padding: 10px 0px 10px 28px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}
.delet_mess {
  background: url('../img/delete.png') no-repeat 10px 8px #fff;
  -pie-background: url('img/delete.png') no-repeat 10px 8px #fff;
}
.to_blacklist {
  background: url('../img/blacklist.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff;
  border-bottom: 1px solid #ccc;
}
.to_contact {
  background: url('../img/to_contact.png') no-repeat 10px 9px #fff;
  -pie-background: url('img/to_contact.png') no-repeat 10px 9px #fff;
  border-bottom: 1px solid #ccc;
}
.archive_mess {
  background: url('../img/archive.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/archive.png') no-repeat 8px 9px #fff;
}
.friend_mess {
  background: url('../img/add_friend4.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/add_friend4.png') no-repeat 8px 9px #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.send_mess {
  background: url('../img/envelope.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/envelope.png') no-repeat 8px 9px #fff;
}
.messages-menu:hover .messages-menu-points {
  display: block;
}
#messages-field {
  /*    float: left;*/
  padding-top: 20px;
}
#messager_fio,
#messager_fio_grey {
  display: block;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding: 5px 17px 15px 0px;
  float: left;
  line-height: 1;
}
.green_ico {
  background: url('../img/green-round-ico.png') no-repeat right 7px;
  -pie-background: url('img/green-round-ico.png') no-repeat right 7px;
}
.yellow_ico {
  background: url('../img/yellow-round-ico.png') no-repeat right 7px;
  -pie-background: url('img/yellow-round-ico.png') no-repeat right 7px;
}
.red_ico {
  background: url('../img/red-round-ico.png') no-repeat right 7px;
  -pie-background: url('img/red-round-ico.png') no-repeat right 7px;
}
#messager_fio_grey {
  color: #E2E2E2;
}
#actions_for_messager {
  display: block;
  width: 148px;
  padding: 8px 0px 8px 10px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  background: url('../img/sel-down-arrow.png') no-repeat 138px center;
  -pie-background: url('img/sel-down-arrow.png') no-repeat 138px center;
  float: right;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #ccc;
  position: relative;
}
#actions_for_messager span {
  display: none;
  border: 1px solid #ccc;
  border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  -khtml-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  position: absolute;
  left: -1px;
  top: 28px;
  z-index: 100;
}
#actions_for_messager span a {
  display: block;
  text-decoration: none;
  outline: none;
  width: 130px;
  padding: 10px 0px 10px 28px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}
.fr_remove {
  background: url('../img/delete.png') no-repeat 10px 8px #fff;
  -pie-background: url('img/delete.png') no-repeat 10px 8px #fff;
}
.fr_contact {
  background: url('../img/to_contact.png') no-repeat 10px 9px #fff;
  -pie-background: url('img/to_contact.png') no-repeat 10px 9px #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.fr_blacklist {
  background: url('../img/blacklist.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.fr_add {
  background: url('../img/add_friend4.png') no-repeat 8px 9px #fff;
  -pie-background: url('img/add_friend4.png') no-repeat 8px 9px #fff;
}
#actions_for_messager:hover span {
  display: block;
}
#messages-flow {
  height: 100%;
  width: auto;
  padding: 10px;
  /*    border: 1px solid #eeeeee;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.message_block2,
.message_block_me2 {
  width: auto;
}
/*------------------------------Registration Page---------------------------*/
#lookFor,
.reg_ville {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  border: none;
  background: none;
  margin: 0px;
  padding: 0px;
}
#help_for_ville {
  display: none;
  color: #f76452;
}
#error_for_look_for,
#error_for_date_n,
#error_for_cgu {
  display: none;
  color: #f76452;
  float: right;
}
#transparent_bg2 {
  display: none;
  z-index: 1020;
}
#subscribe_block {
  position: fixed;
  top: -9999px;
  z-index: 2501;
  height: 85%;
}
@media (min-width: 400px) {
  #btn-left-menu {
    display: none;
  }
  #zone_publicite {
    display: none;
  }
  #zone_publicite_f {
    display: none;
  }
  #site_activity2 {
    display: none;
  }
  /*--------------ProfileUser page-----------*/
  .tab-col1 {
    width: 170px;
  }
  .tab-col2 {
    width: auto;
    padding-bottom: 0px;
  }
  /*-------------My Messages Page------------*/
  .user-miniature-bg2 {
    width: 360px;
  }
  .inp-bg4 {
    width: 368px;
  }
  #messager_search {
    width: 380px;
    float: none;
    margin: 0 auto;
  }
  #return_messager {
    background: url('../img/c-prev2.png') no-repeat 2px 2px #fff;
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
  }
  .back_messager {
    margin-left: 10px;
  }
  .none3 {
    position: absolute;
    top: -9999px;
  }
  .navContact {
    position: relative;
    top: 15px;
    left: 10px;
  }
  .showMore {
    font-size: 16px;
    position: absolute;
    bottom: -25px;
    left: 5px;
    cursor: pointer;
    z-index: 999;
    text-decoration: underline;
  }
  /*----------------Registration page--------------*/
  #reg_user_name,
  #reg_password,
  #reg_email,
  .reg_ville {
    width: 150px;
  }
}
@media (min-width: 640px) {
  #btn-left-menu {
    display: block;
  }
  header {
    padding: 0px;
  }
  #content,
  #content-centered {
    padding: 0px 20px;
  }
  #messages {
    display: none;
  }
  #logo {
    left: 50%;
    margin: 0;
    margin: 0px 0px 0px -63px;
  }
  #btn-left-menu,
  #btn-left-menu-active {
    left: 0px;
  }
  #for_account,
  #for_account_active {
    right: 0px;
  }
  .account_name,
  .down-arrow,
  .account_name2,
  .down-arrow2,
  #site_activity {
    display: none;
  }
  #for_top_photos {
    display: block;
  }
  #site_menu ul {
    width: 100%;
    padding: 0px 20px;
  }
  #site_activity {
    width: 100%;
  }
  .h1 {
    float: left;
    text-align: center;
  }
  .sel80,
  .sel82 {
    width: 80px;
  }
  .sel220 {
    width: 220px;
  }
  .sel82 select {
    width: 110px;
  }
  .sel82,
  .sel83 {
    display: block;
  }
  #gender {
    width: 100px;
  }
  #for_search {
    width: 100%;
    float: none;
  }
  /*#for_search_form {
        width: auto;
    }*/
  #search {
    width: 580px;
    margin: 0 auto;
  }
  /*
    #search-btn {
        width: 120px;
    }*/
  .container4 {
    width: 461px;
  }
  .none1280 {
    display: inline-block;
  }
  #user_menu {
    height: 600px;
    position: absolute;
  }
  #my_photo,
  #my_messges,
  #my_events,
  #my_guests,
  #my_wall,
  #my_style,
  #my_account,
  #logout {
    width: 181px;
  }
  .h3 {
    text-align: center;
  }
  #new_users_albums ul {
    text-align: center;
    height: 1480px;
    overflow: hidden;
  }
  #new_users_albums ul li {
    margin: 0px 20px 20px 20px;
  }
  footer {
    padding: 0px 20px;
  }
  #site_activity2 {
    display: none;
  }
  #zone_publicite {
    display: none;
  }
  #zone_publicite_f {
    display: none;
  }
  #for_progr_bar {
    display: block;
    width: 270px;
  }
  .slider {
    width: 250px;
  }
  /*-------------My Messages Page------------*/
  #my_messages_block {
    width: 600px;
    padding: 0px 0px 75px 0px;
    float: none;
    margin: 0 auto;
  }
  .none320,
  #actions_for_messager {
    display: none;
  }
  .user-miniature-bg2 {
    width: 580px;
  }
  .inp-bg4 {
    width: 588px;
  }
  #messager_search {
    width: auto;
    float: left;
    margin: 0 auto;
  }
  .none3 {
    position: absolute;
    top: -9999px;
  }
  .inp-bg3 {
    width: 270px;
  }
  #new_message {
    width: 270px;
  }
  #send_message_btn {
    width: 90px;
  }
  #messages-field {
    float: left;
    margin: 0px;
  }
  #messages-flow {
    border: none;
  }
  /*--------------ProfileUser page-----------*/
  #user_preview_small,
  #page_title,
  #information_wanttomeet {
    display: block;
  }
  #interests {
    width: 100%;
    padding-bottom: 0px;
  }
  #int_popart,
  #int_travel,
  #int_weather,
  .none2 {
    display: block;
  }
  #profile-photos,
  #description,
  #report_person,
  #meetings {
    width: 100%;
  }
  #information_wanttomeet {
    width: 600px;
  }
  #information {
    width: 300px;
  }
  .tab-col1 {
    width: 140px;
  }
  .tab-col2 {
    width: 140px;
    padding-bottom: 10px;
  }
  /*----------------Registration page--------------*/
  #reg_user_name,
  #reg_password,
  #reg_email,
  .reg_ville {
    width: 248px;
  }
}
@media (min-width: 760px) {
  /*--------------ProfileUser page-----------*/
  #btn-left-menu {
    display: block;
  }
  #site_activity2 {
    display: none;
  }
  #zone_publicite {
    display: none;
  }
  #zone_publicite_f {
    display: none;
  }
  #user_preview_large,
  #logo,
  #information_wanttomeet {
    display: block;
  }
  #page_title,
  #user_preview_small {
    display: none;
  }
  #interests {
    width: 715px;
    padding-bottom: 0px;
  }
  #int_popart,
  #int_travel,
  #int_mars,
  #int_weather,
  .none2 {
    display: block;
  }
  #profile-photos,
  #description,
  #report_person,
  #meetings {
    width: 715px;
  }
  #information_wanttomeet {
    width: 715px;
  }
  #information {
    width: 405px;
  }
  .tab-col1 {
    width: 170px;
  }
  .tab-col2 {
    width: auto;
    padding-bottom: 0px;
  }
  /*-------------My Messages Page------------*/
  #my_messages_block {
    width: 715px;
    padding: 20px 0px 80px 0px;
    float: none;
    margin: 0 auto;
  }
  .none320,
  #actions_for_messager {
    display: block;
  }
  .user-miniature-bg2 {
    width: 230px;
  }
  .inp-bg4 {
    width: 223px;
  }
  .none3 {
    position: relative;
    top: 0px;
  }
  .inp-bg3 {
    width: 270px;
  }
  #new_message {
    width: 270px;
  }
  #send_message_btn {
    width: 90px;
  }
  #messages-field {
    float: left;
    margin: 0px;
  }
  #messages-flow {
    border: 1px solid #eeeeee;
  }
  /*----------------Registration page--------------*/
  #reg_user_name,
  #reg_password,
  #reg_email,
  .reg_ville {
    width: 298px;
  }
}
@media (min-width: 990px) {
  .lineForm2 {
    display: block;
  }
  #content,
  #content-centered {
    padding: 0px 20px;
  }
  #messages {
    display: block;
  }
  #logo {
    left: 0px;
    margin: 0;
  }
  #btn-left-menu,
  #btn-left-menu-active {
    display: block;
    left: 210px;
  }
  .account_name,
  .down-arrow,
  .account_name2,
  .down-arrow2,
  #for_search,
  #for_top_photos {
    display: block;
  }
  #for_account,
  #for_account_active {
    right: 62px;
  }
  #site_menu ul {
    width: auto;
    /*365px;*/
    padding: 0px 20px;
  }
  #site_activity,
  #site_activity2 {
    display: block;
    width: 233px;
  }
  #zone_publicite {
    display: block;
  }
  #zone_publicite_f {
    display: block;
  }
  #zone_publicite .righthor {
    float: left;
  }
  .h1 {
    float: left;
  }
  .sel80 {
    width: 140px;
  }
  .sel220 {
    width: 220px;
  }
  .sel82,
  .sel83 {
    display: none;
  }
  #gender {
    width: 160px;
  }
  #for_search {
    width: 693px;
    float: left;
  }
  /*#for_search_form {
        width: 673px;
    }*/
  #search {
    width: 673px;
  }
  /*
    #search-btn {
        width: 120px;
    }*/
  .container4 {
    width: 231px;
  }
  .none1280 {
    display: inline-block;
  }
  #user_menu {
    height: 89%;
    position: fixed;
  }
  #my_photo,
  #my_messges,
  #my_events,
  #my_guests,
  #my_wall,
  #my_style,
  #my_account,
  #logout {
    width: 200px;
  }
  .h3 {
    text-align: left;
  }
  #new_users_albums ul {
    text-align: justify;
    height: 592px;
    overflow: hidden;
  }
  #new_users_albums ul li {
    margin: 0px 0px 20px 0px;
  }
  footer {
    padding: 0px 20px;
  }
  #for_progr_bar {
    display: block;
    width: 340px;
  }
  .slider {
    width: 320px;
  }
  /*-------------------------------------ProfileUser page----------------------*/
  #user_preview_large,
  #logo,
  #information_wanttomeet {
    display: block;
  }
  #page_title,
  #user_preview_small {
    display: none;
  }
  #interests {
    width: 715px;
    padding-bottom: 0px;
  }
  #int_popart,
  #int_travel,
  #int_mars,
  #int_weather,
  .none2 {
    display: block;
  }
  #profile-photos,
  #description,
  #report_person,
  #meetings {
    width: 715px;
  }
  #information_wanttomeet {
    width: 715px;
  }
  #information {
    width: 405px;
  }
  .tab-col1 {
    width: 170px;
  }
  .tab-col2 {
    width: auto;
    padding-bottom: 0px;
  }
  /*-------------My Messages Page------------*/
  #my_messages_block {
    width: 715px;
    padding: 20px 0px 80px 0px;
    margin: 0px;
    float: left;
  }
  .none320,
  #actions_for_messager {
    display: block;
  }
  .user-miniature-bg2 {
    width: 230px;
  }
  .inp-bg4 {
    width: 223px;
  }
  .none3 {
    position: relative;
    top: 0px;
  }
  .inp-bg3 {
    width: 270px;
  }
  #new_message {
    width: 270px;
  }
  #send_message_btn {
    width: 90px;
  }
  #messages-field {
    float: left;
    margin: 0px;
  }
  #messages-flow {
    border: 1px solid #eeeeee;
  }
  /*----------------Registration page--------------*/
  #reg_user_name,
  #reg_password,
  #reg_email,
  .reg_ville {
    width: 298px;
  }
}
@media (max-width: 990px) {
  .latest_users {
    height: 578px;
    overflow: hidden;
  }
  /*----------------Registration page--------------*/
  #error_for_look_for,
  #error_for_date_n,
  #error_for_cgu {
    /*		display: none;*/
    float: left;
    margin-left: 25px;
  }
  .sel75 {
    background-image: none !important;
    background: none !important;
  }
  .sel75:hover {
    background-image: none !important;
  }
}
@media (min-width: 1070px) {
  #site_activity {
    width: 310px;
  }
}
@media (min-width: 1120px) {
  #site_activity {
    width: 350px;
  }
}
@media (min-width: 1180px) {
  #site_activity {
    width: 420px;
  }
}
@media (min-width: 1250px) {
  #site_activity {
    width: 480px;
  }
  #site_activity2,
  #zone_publicite,
  #zone_publicite_f {
    width: 300px;
  }
  #zone_publicite .righthor {
    float: left;
  }
  .container4 {
    width: 461px;
  }
  .inp-bg4 {
    width: 223px;
  }
  /*--------------ProfileUser page-----------*/
  #content-centered {
    width: 1100px;
    padding: 0px 20px;
    margin: 0 auto;
  }
}
@media (min-width: 1420px) {
  #zone_publicite {
    /*		right: 340px;*/
    /*		top: 146px;*/
    /*max-height: 600px;*/
  }
}
/*** SITES V2016 ***/
html,
body {
  height: 100%;
}
.clear {
  clear: both;
}
.pie {
  behavior: url(htc/PIE.htc);
}
* {
  font-family: Lato, Helvetica, Arial, sans-serif;
}
/* Top Upgrade Message -------------------------------------------------------*/
#top-upgrade-msg {
  width: 100%;
  background-color: #f98a21;
  position: relative;
  z-index: 99999;
  height: 60px;
}
#top-upgrade-msg .close,
#top-new-msg .close {
  width: 11px;
  height: 11px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  background: url('../img/new-close-1.png') no-repeat;
  -pie-background: url('../img/new-close-1.png') no-repeat;
  background-size: 100% 100%;
  opacity: 1 !important;
}
#top-upgrade-msg .center,
#top-new-msg .center {
  width: 700px;
  margin: 0 auto;
  height: 60px;
}
#top-upgrade-msg .content,
#top-new-msg .content {
  width: 490px;
  padding: 2px;
  margin: 0 auto;
}
#top-upgrade-msg .ico {
  width: 55px;
  height: 55px;
  float: left;
  margin-right: 25px;
  position: relative;
  background: url(../img/new-upgrade-ico-1.png) no-repeat;
  -pie-background: url(img/new-upgrade-ico-1.png) no-repeat;
  background-size: 100% 100%;
}
#top-upgrade-msg .btn,
#top-new-msg .btn,
#new-my-messages .upgrade-msg .btn {
  display: block;
  padding: 12px 15px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background: #c76e1a !important;
  border: none;
  float: right;
  position: relative;
  margin: 7px 0 0 15px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#top-upgrade-msg .txt {
  padding-top: 13px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
}
/* Top Upgrade Message -------------------------------------------------------*/
#top-new-msg {
  width: 100%;
  background-color: #fcc02e;
  position: relative;
}
#top-new-msg.already_closed {
  display: none;
}
#top-new-msg .btn {
  background: #c59c20 !important;
  margin: 0 0 0 25px;
}
#top-new-msg .message {
  padding-top: 10px;
  font-size: 13px;
  text-align: left;
  color: #ffffff;
  line-height: 1.3;
}
#top-new-msg .message .from {
  text-decoration: underline;
  color: #a27b14;
}
#top-new-msg .message span {
  color: #a27b14;
}
/* New Header ----------------------------------------------------------------*/
#new-header {
  width: 100%;
  background-color: #3097de;
  height: 60px;
}
#new-header .center {
  max-width: 1108px;
  min-width: 700px;
  margin: 0 auto;
  position: relative;
}
#new-header #l-menu-btn {
  width: 70px;
  height: 60px;
  float: left;
  cursor: pointer;
  position: relative;
}
#new-header #l-menu-btn.no-active {
  background: url(../img/Menu-blanc.png) no-repeat center center;
  background-size: 75% !important;
  -pie-background: url(../img/Menu-blanc.png) no-repeat center center;
}
#new-header #l-menu-btn.active {
  background: url(../img/Menu-gris.png) no-repeat center center #ffffff;
  background-size: 75% !important;
  -pie-background: url(../img/Menu-gris.png) no-repeat center center #ffffff;
}
#new-header #logo_v2016 {
  display: block;
  width: 200px;
  height: 60px;
  /* padding: 1px 0px 0px 0px; */
  float: left;
  margin-left: -20px;
  /* border-left: 1px solid #ffffff; */
  background: url(../img/logo_v2014.png) no-repeat center center;
  background-size: contain;
}
#new-header #logo_v2016 img {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_alert_left {
  left: 5px !important;
  bottom: 0px !important;
}
#h-chat-btn {
  height: 60px;
  padding: 17px 26px 0 21px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  float: right;
  cursor: pointer;
  display: block;
  width: 67px;
  text-decoration: none;
}
.msg-ico.active {
  opacity: 1 !important;
}
.msg-ico.no-active {
  opacity: 0.6;
}
#h-chat-btn .msg-ico {
  z-index: 10;
  display: block;
  top: 6px;
  width: 22px;
  height: 19px;
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -462px -16px;
  position: relative;
}
#h-chat-btn span,
.my_wall_cpt {
  display: block;
  font-size: 10px;
  color: #ffffff;
  padding: 2px;
  /* opacity: 1; */
  background-color: #ff006e;
  position: relative;
  top: -24px;
  right: -12px;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 50%;
  z-index: 10;
}
.my_wall_cpt {
  display: none;
}
.promotion-ico.active {
  opacity: 1 !important;
}
.promotion-ico.no-active {
  background: none;
}
#new_header_v2018 #h-promotion-btn .promotion-ico {
  display: block;
  top: 5px;
  width: 24px;
  height: 20px;
  background: url('../img/gift-ff006e.png') no-repeat;
  -pie-background: url('../img/gift-ff006e.png') no-repeat;
  position: relative;
}
.votes-ico.active {
  opacity: 1 !important;
}
.votes-ico.no-active {
  background: none;
  opacity: 0.6;
}
#h-votes-btn .votes-ico {
  display: block;
  top: 5px;
  width: 24px;
  height: 20px;
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -408px -14px;
  position: relative;
}
.match-ico.active {
  opacity: 1 !important;
}
.match-ico.no-active {
  background: none;
  opacity: 0.6;
}
#h-match-btn .match-ico {
  display: block;
  top: 6px;
  width: 23px;
  height: 20px;
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -354px -15px;
  position: relative;
}
.myWall-ico.active {
  opacity: 1 !important;
}
.myWall-ico.no-active {
  background: none;
  opacity: 0.6;
}
#h-myWall-btn .myWall-ico {
  display: block;
  top: 4px;
  width: 19px;
  height: 23px;
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -306px -13px;
  position: relative;
}
.album-ico.active {
  opacity: 1 !important;
}
.album-ico.no-active {
  background: none;
  opacity: 0.6;
}
#h-album-btn .album-ico {
  display: block;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url('../img/sprites_icons.png') no-repeat;
  -pie-background: url('../img/sprites_icons.png') no-repeat;
  background-position: -253px -14px;
  position: relative;
}
.h-btn {
  height: 60px;
  padding: 17px 20px 0 5px;
  box-sizing: border-box;
  float: right;
  cursor: pointer;
  display: block;
}
#new-header #h-profile {
  float: right;
  margin-right: 10px;
  height: 60px;
  padding-top: 6px;
  position: relative;
  box-sizing: border-box;
}
#new-header .account-photo-header {
  display: block;
  width: 36px;
  height: 36px;
  float: left;
  position: relative;
  margin-right: 15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-header .account-photo img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-header .name {
  display: block;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.1;
}
#new-header #h-profile .triangle_header {
  width: 0 !important;
  height: 0!important;
  border-left: 4px solid transparent!important;
  border-right: 4px solid transparent!important;
  position: absolute!important;
  top: 50%!important;
  right: -7px !important;
  margin-top: -3px !important;
}
#new-header #h-profile.no-active .triangle_header {
  border-top: 5px solid #ffffff !important;
}
#new-header #h-profile.active .triangle_header {
  border-bottom: 5px solid #ffffff !important;
}
.h-upgrade-btn {
  text-decoration: none;
  display: block;
  padding: 8px 8px;
  margin-top: 15px;
  margin-left: 17px;
  margin-right: 5px;
  text-align: center;
  color: #ffffff;
  min-width: 80px;
  font-size: 12px;
  font-weight: 600;
  float: right;
  background-color: #ff006e;
  border-radius: 50px;
  text-transform: uppercase;
  -moz-border-radius: 50px;
  -khtml-border-radius: 50px;
  -webkit-border-radius: 50px;
}
.h-promotion-btn {
  min-width: 50px !important;
  padding: 4px 8px !important;
}
article {
  display: block;
  width: 100%;
  position: relative;
}
#for_top_photos {
  top: 5px;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1108px;
  height: 80px;
  overflow: hidden;
  position: relative;
}
#for_top_photos ul {
  display: block;
  width: 3000px;
  margin: 0 auto;
}
#for_top_photos ul li {
  height: 80px;
  width: 80px;
  overflow: hidden;
  float: left;
  border-right: 1px solid white;
  border-radius: 0px;
}
.status_online_profile {
  width: 12px;
  display: inline-block;
  height: 12px;
  position: absolute;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  /* position: absolute; */
  margin-top: 18px;
  margin: 60px 0px 0px 67px;
  /* margin-top: -6px; */
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #2ab37a;
}
.status_iconeOnline_msg {
  width: 12px;
  display: inline-block;
  height: 12px;
  position: absolute !important;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  position: absolute;
  margin-top: 6px;
  margin: 19px 0px 0px 26px;
  /* margin-top: -6px; */
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #2ab37a;
  z-index: 99;
}
#for_top_photos ul li img {
  display: block;
  width: 100%;
  border: 0;
  margin: 0;
}
#new_users_albums {
  display: block;
  max-width: 1108px;
  min-width: 700px;
  padding: 30px 10px 20px 10px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
#new_users_albums ul {
  text-align: justify;
  line-height: 0;
  font-size: 1px;
  text-justify: newspaper;
  zoom: 1;
}
#new_users_albums ul:after {
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  content: '';
  display: inline-block;
}
.album-point {
  display: inline-block;
}
#new_users_albums .album-point,
.new-adv-block-1,
.new-adv-block-2 {
  text-align: left;
  line-height: normal;
  vertical-align: top;
  padding: 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #eeeeee;
  position: relative;
  margin-bottom: 20px;
  background: #ffffff;
}
#new_users_albums .no-adds .album-point {
  margin-left: 7px;
  margin-right: 7px;
}
.user-album {
  display: block;
  width: 215px;
  height: 215px;
  overflow: hidden;
  position: relative;
}
.user-album img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
#new_users_albums .name {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  text-align-last: center;
  padding: 10px 0px 5px 0px;
  line-height: 1;
}
.age_place {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  text-align: center;
  text-align-last: center;
  line-height: 1;
}
.photos-count {
  display: block;
  width: 100%;
  height: 25px;
  text-decoration: none;
  outline: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: url(../img/photos-count-v3.png) no-repeat;
  -pie-background: url(img/photos-count-v3.png) no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 191px 10px;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
}
#new_users_albums .h1 {
  display: block;
  padding-bottom: 15px;
  float: left;
  font-size: 26px;
  color: #333333;
}
#more-options {
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  text-decoration: underline;
  color: #3097de;
  cursor: pointer;
  /* position: absolute; */
  float: right;
  /* margin-bottom: 10px; */
  width: auto;
  padding: 2px 2px 6px 0px;
}
#less-options {
  display: block;
  padding-top: 5px;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: underline;
  color: #3097de;
  cursor: pointer;
  position: absolute;
  right: 0;
}
#less-options {
  display: none;
}
#new_users_albums .txt-1 {
  font-size: 13px;
  color: #333333;
  line-height: 1.3;
  padding-bottom: 30px;
}
/* New ADV Blocks ------------------------------------------------------------*/
.new-adv-block-1 {
  display: inline-block;
  height: 275px;
  box-sizing: border-box;
}
.new-adv-block-1 .wrap {
  display: block;
  width: 215px;
  height: 215px;
  overflow: hidden;
  position: relative;
}
.new-adv-block-1 img {
  display: block;
  width: 100%;
  height: 100%;
}
.new-adv-block-2 {
  display: inline-block;
  width: 100%;
  border: none;
  padding: 0;
}
.new-adv-block-2 .wrap {
  display: block;
  width: 728px;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.new-adv-block-2 img {
  display: block;
  width: 100%;
  height: 100%;
}
/* New Quick Search ----------------------------------------------------------*/
#new-quick-search {
  width: 100%;
  background: #ffffff;
  margin-top: 20px;
}
#new-quick-search .center {
  max-width: 1108px;
  min-width: 1108px;
  padding: 10px 0px 0 0px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
#new-quick-search .select-wrap {
  height: 40px;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #3097de !important;
  font-size: 13px !important;
  border: 1px solid #3097de;
  position: relative;
  float: left;
  margin-bottom: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#new-quick-search .selDownArrow {
  width: 0;
  height: 0;
  border-top: 4px solid #3097de;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
#new-quick-search .selDropDown {
  background: #ffffff;
  border: 1px solid #3097de;
}
#new-quick-search .selDropDown p:hover {
  background-color: #3097de;
  color: #ffffff;
}
.selDropDown {
  display: none;
  max-height: 150px;
  overflow-y: auto;
  cursor: pointer;
  position: absolute;
  border: 1px solid #4fa6e3;
  background-color: #f2f2f2;
  left: 0;
  z-index: 1000;
}
#new-quick-search .sex {
  width: 160px;
  margin-right: 20px;
}
#new-quick-search .age-from {
  width: 70px;
}
#new-quick-search .age-to {
  width: 70px;
  margin-right: 20px;
}
#new-quick-search .to {
  display: block;
  padding: 13px 8px 0 8px;
  color: #ffffff;
  font-size: 13px;
  float: left;
}
#new-quick-search .distance {
  width: 170px;
  margin-right: 20px;
}
#new-quick-search .chbox {
  width: 160px;
  height: 40px;
  padding: 13px 0 0 10px;
  border: 1px solid #3097de;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
  float: left;
  position: relative;
  margin-right: 20px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#new-quick-search .chbox.no-checked {
  background-color: #ffffff !important;
  border: 1px solid #3097de !important;
  color: #3097de !important;
}
#new-quick-search .chbox.checked {
  background-color: #3097de !important;
  color: #ffffff !important;
}
#new-quick-search .chbox input {
  display: none;
}
#new-quick-search .with-photo.no-checked {
  margin: 0 20px 10px 0;
  background: url('../img/camera-ico-1-gris.png') no-repeat 93% center #3097de;
  -pie-background: url('../img/camera-ico-1-gris.png') no-repeat 93% center #3097de;
  background-size: 24%;
}
#new-quick-search .with-photo.checked {
  margin: 0 20px 10px 0;
  background: url('../img/camera-ico-1-blanc.png') no-repeat 93% center #196295;
  -pie-background: url('img/camera-ico-1-blanc.png') no-repeat 93% center #196295;
  background-size: 24%;
}
#new-quick-search .only-online.no-checked {
  margin: 0 20px 10px 0;
  background: url('../img/person-ico-1-gris.png') no-repeat 93% center #3097de;
  -pie-background: url('../img/person-ico-1-gris.png') no-repeat 93% center #3097de;
  background-size: 20%;
}
#new-quick-search .only-online.checked {
  margin: 0 20px 10px 0;
  background: url('../img/person-ico-1-blanc.png') no-repeat 93% center #196295;
  -pie-background: url('img/person-ico-1-blanc.png') no-repeat 93% center #196295;
  background-size: 20%;
}
#new-quick-search button {
  display: block;
  width: 160px;
  height: 40px;
  font-size: 13px;
  cursor: pointer;
  background-color: #ffffff;
  background: url(../img/search-blanc.png) no-repeat center #3097de;
  background-size: 15%;
  position: relative;
  margin-bottom: 10px;
  margin-left: 27px;
  border: 1px solid #3097de;
  float: left;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* New Right Menu ------------------------------------------------------------*/
#new-right-menu {
  display: none;
  width: 250px;
  height: auto;
  min-height: 350px;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 2000;
  overflow-y: auto;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
}
#top_menu_right {
  width: 100%;
  height: 70px;
  background: url(../img/right_menu_ico/BG_top_menu_right.png);
}
#new-right-menu.show,
#new-left-menu.show {
  display: block;
}
#new-right-menu .content,
#new-left-menu .content {
  display: block;
  width: 250px;
  height: 100%;
  overflow-y: auto;
  position: absolute;
  top: 0;
  z-index: 1000;
  background-color: #f6f6f6;
}
#new-right-menu .content {
  position: relative;
  height: auto;
  right: 0;
}
#new-right-menu .preview {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
#new-right-menu .photo {
  display: block;
  width: 85px;
  height: 85px;
  top: -52px;
  position: relative;
  margin: 0 auto 0px auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid white;
}
#new-right-menu .photo img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: white;
}
#new-right-menu .name {
  display: block;
  margin-top: -62px;
  text-align: center;
  color: #000000;
  font-size: 16px;
  line-height: 1.2;
}
#new-right-menu .age-place {
  display: block;
  text-align: center;
  color: #000000;
  font-size: 16px;
  line-height: 1.2;
}
#new-right-menu .age-place {
  font-size: 12px;
}
#new-right-menu .m-p,
#new-left-menu .m-p {
  display: block;
  height: 23px;
  width: auto;
  padding: 10px 0px 0px 60px;
  background-color: #ffffff;
  color: #333333;
  font-size: 14px;
  text-decoration: none;
  outline: none;
  position: relative;
  font-family: Lato;
  text-shadow: 0.5px 0px 0px #333333;
}
#new-right-menu .m-p:hover,
#new-left-menu .m-p:hover {
  background-color: #eeeeee;
}
#new-right-menu .count {
  display: block;
  padding: 5px 10px;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-right-menu #my_messges .count {
  background-color: #ff3f28;
}
#my_photo {
  background: url('../img/photos_bg.png') no-repeat 25px center;
  -pie-background: url('img/photos_bg.png') no-repeat 25px center;
}
#my_messges {
  background: url('../img/messages_bg.png') no-repeat 25px center;
  -pie-background: url('img/messages_bg.png') no-repeat 25px center;
}
#my_favorites {
  background: url('../img/favorites_bg.png') no-repeat 25px center;
  -pie-background: url('img/favorites_bg.png') no-repeat 15px center;
}
#my_wall {
  background: url('../img/wall_bg.png') no-repeat 25px center;
  -pie-background: url('img/wall_bg.png') no-repeat 25px center;
}
/* New Left Menu -------------------------------------------------------------*/
#new-left-menu {
  display: none;
  width: 15%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.5);*/
  position: absolute;
  left: 0;
  z-index: 1000;
}
#new-left-menu .content {
  left: 0;
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#new-left-menu .upgrade-section {
  padding: 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
#new-left-menu .wrap {
  padding: 10px 30px;
  border: 1px solid #ffc996;
  background-color: #fef3e8;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#new-left-menu .upgrade-section .ico {
  width: 50px;
  height: 50px;
  background: url(../img/new-upgrade-ico-1.png) no-repeat;
  -pie-background: url(img/upgrade-ico-1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 10px auto;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #f98a21;
}
#new-left-menu .upgrade-section .txt {
  display: block;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 10px;
}
#new-left-menu #l-upgrade-btn {
  display: block;
  width: 120px;
  padding: 13px 15px;
  box-sizing: border-box;
  margin-top: 25px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  background-color: #f88a21;
  margin: 0 auto;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#online_users {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -18px;
}
#search_site {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -52px;
}
#evenst_site {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -114px;
}
#menu-favorite {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -148px;
}
#edit_my_photo {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -83px;
}
#menu-visitors {
  background: url('../img/sprites_icons.png') no-repeat 25px center;
  -pie-background: url('../img/sprites_icons.png') no-repeat 25px center;
  background-position: -925px -182px;
}
#direct-live {
  background: url('../img/direct-live-gris.png') no-repeat 25px center;
  -pie-background: url('img/direct-live-gris.png') no-repeat 25px center;
}
#menu_compte {
  background: url('../img/upgrade-gris.png') no-repeat 25px center;
  -pie-background: url('img/upgrade-gris.png') no-repeat 25px center;
}
/* New Footer ----------------------------------------------------------------*/
#new-footer {
  width: 100%;
  background-color: #111111;
}
#new-footer .center {
  max-width: 1108px;
  min-width: 700px;
  padding: 40px 10px 20px 10px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
#new-footer .links-1 {
  display: block;
  width: 100%;
  padding-bottom: 40px;
  text-align: left;
  border-bottom: 1px solid #292929;
  margin-bottom: 30px;
}
#new-footer .links-1 a {
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  padding-right: 20px;
  text-transform: uppercase;
}
#new-footer .adv-wrap {
  width: 235px;
  height: 60px;
  border: 1px solid #292929;
  box-sizing: border-box;
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
#new-footer .txt {
  display: block;
  font-size: 13px;
  text-align: left;
  line-height: 1.3;
  color: #999999;
  padding-bottom: 10px;
}
#new-footer .links-2 {
  display: block;
  text-align: left;
}
#new-footer .links-2 a {
  display: inline-block;
  color: #444444;
  font-size: 13px;
  padding: 0 15px 10px 0;
}
#new-footer .copyright {
  display: block;
  float: right;
  font-size: 14px;
  color: #444444;
}
/* New Messanger -------------------------------------------------------------*/
#new-msg-alert {
  display: none;
  z-index: 9999;
  min-width: 275px;
  padding: 15px 70px 15px 45px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 13px;
  background: url('../img/new-msg-ico-2.png') no-repeat 10px center;
  -pie-background: url('img/new-msg-ico-2.png') no-repeat 10px center;
  background-color: #3097de;
  position: fixed;
  right: 20px;
  bottom: 0;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}
#new-msg-alert .close {
  width: 10px;
  height: 10px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  background: url('../img/new-close-2.png') no-repeat;
  -pie-background: url('img/new-close-2.png') no-repeat;
  background-size: 100% 100%;
}
#new-msg-alert .action {
  width: 10px;
  height: 10px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 40px;
  margin-top: -5px;
  background: url('../img/action-ico-1.png') no-repeat;
  -pie-background: url('img/action-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger {
  display: none;
  z-index: 9999;
  width: 560px;
  background-color: #ffffff;
  position: fixed;
  right: 20px;
  bottom: 0;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}
#new-messanger .head {
  width: 100%;
  height: 60px;
  position: relative;
  background-color: #3097de;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}
#new-messanger .head .profile {
  width: 300px;
  height: 40px;
  padding: 0 0 0 55px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -20px;
}
#new-messanger .wrap {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-messanger .wrap img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-messanger .status,
#new-my-messages .left .status {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: -6px;
  margin-top: -6px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages .messages .status {
  display: block;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: -13px;
  margin-top: -3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#preview-info .status {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-messanger .status.green,
#new-my-messages .status.green,
#preview-info .status.green {
  background-color: #2ab37a;
}
#new-messanger .status.yellow,
#new-my-messages .status.yellow {
  background-color: #ffd453;
}
#new-messanger .status.red,
#new-my-messages .status.red {
  background-color: #dc4e41;
}
#new-messanger .head .name {
  padding: 5px 0 3px 0;
  box-sizing: border-box;
  font-size: 13px;
  color: #ffffff;
  text-align: left;
  text-align-last: left;
  line-height: 1;
}
#new-messanger .head .age-place {
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
}
#new-messanger .close {
  width: 10px;
  height: 10px;
  position: absolute;
  opacity: 1;
  cursor: pointer;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  background: url('../img/new-close-2.png') no-repeat;
  -pie-background: url('img/new-close-2.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .action-1 {
  width: 10px;
  height: 10px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 55px;
  margin-top: -5px;
  background: url('../img/action-ico-2.png') no-repeat;
  -pie-background: url('img/action-ico-2.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .action-2 {
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -6px;
}
#new-messanger .action-2.hide {
  right: 215px;
  background: url('../img/action-ico-3.png') no-repeat;
  -pie-background: url('img/action-ico-3.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .action-2.show {
  right: 175px;
  background: url('../img/action-ico-4.png') no-repeat;
  -pie-background: url('img/action-ico-4.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .head .border {
  width: 1px;
  height: 100%;
  background-color: #4fa6e3;
  position: absolute;
  top: 0;
  right: 199px;
}
#new-messanger .contacts {
  width: 200px;
  height: 360px;
  overflow-y: auto;
  border-left: 1px solid #eeeeee;
  box-sizing: border-box;
  background-color: #ffffff;
  float: right;
}
#new-messanger .contacts .profile {
  height: 60px;
  padding: 10px 10px 10px 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  cursor: pointer;
}
#new-messanger .contacts .profile.active {
  background-color: #f1f1f1;
}
#new-messanger .contacts .name {
  padding: 5px 0 3px 0;
  box-sizing: border-box;
  font-size: 12px;
  color: #000000;
  text-align: left;
  text-align-last: left;
  line-height: 1;
}
#new-messanger .contacts .message {
  font-size: 11px;
  color: #999999;
  line-height: 1;
}
#new-messanger .contacts .wrap {
  top: 10px;
  left: 10px;
}
#new-messanger .photo-ico {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 3px;
  background: url('../img/photo-ico-1.png') no-repeat;
  -pie-background: url('img/photo-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .reply-ico {
  display: inline-block;
  width: 11px;
  height: 7px;
  background: url('../img/reply-ico-1.png') no-repeat;
  -pie-background: url('img/reply-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .contacts .read-ico {
  display: inline-block;
  width: 12px;
  height: 6px;
  background: url('../img/read-ico-1.png') no-repeat;
  -pie-background: url('img/read-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .fog .count {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -7px;
}
#new-messanger .messages {
  width: 360px;
  height: 300px;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: scroll;
  float: left;
}
#new-messanger .msg {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: #cccccc solid 1px;
}
#new-messanger .msg .name {
  display: block;
  width: 50%;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
}
#new-messanger .msg .name.other {
  color: #000000;
}
#new-messanger .msg .name.this {
  color: #3097de;
}
#new-messanger .msg .read-ico {
  display: inline-block;
  width: 15px;
  height: 9px;
  background: url('../img/read-ico-2.png') no-repeat;
  -pie-background: url('img/read-ico-2.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .msg .time {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 10px;
  color: #999999;
  margin-bottom: 2px;
  text-transform: uppercase;
}
#new-messanger .msg .text {
  font-size: 13px;
  line-height: 1.3;
  color: #666666;
  text-align: left;
  display: inline-block;
}
#new-messanger .controls {
  width: 360px;
  height: 60px;
  padding: 20px 10px 0 10px;
  border-top: 1px solid #eeeeee;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
#new-messanger .add-btn {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  background: url(../img/camera-ico-2.png) no-repeat;
  -pie-background: url(img/camera-ico-2.png) no-repeat;
  background-size: 100% 93%;
}
#new-messanger .smiles-btn {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
#new-messanger .smiles-btn.no-active {
  background: url('../img/smile-ico-3.png') no-repeat;
  -pie-background: url('img/smile-ico-3.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .smiles-btn.active {
  background: url('../img/smile-ico-2.png') no-repeat;
  -pie-background: url('img/smile-ico-2.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .send-btn {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  background: url('../img/send-ico-1.png') no-repeat;
  -pie-background: url('img/send-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-messanger .smiles-block {
  display: none;
  width: 100%;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #eeeeee;
  background-color: #ffffff;
  box-sizing: border-box;
  position: absolute;
  bottom: 101%;
  left: 0;
}
#new-messanger .smile {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
}
#new-messanger .smile.empty {
  border: 1px solid #eeeeee;
}
#new-messanger .smile img {
  display: block;
  width: 100%;
  height: 100%;
}
/* New Add Photo Popup -------------------------------------------------------*/
#new-add-photo {
  width: 100%;
  display: block;
  height: 100%;
  position: fixed;
  z-index: 9999;
  padding-top: 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
#new-add-photo .photo {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}
#new-add-photo .photo.c {
  width: 230px;
  height: 230px;
  padding: 10px;
  top: 0;
  left: 50%;
  margin-left: -115px;
  z-index: 100;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
#new-add-photo .photo.c img {
  max-width: 230px;
  max-height: 230px;
}
#new-add-photo .photo.l {
  width: 180px;
  height: 180px;
  padding: 7px;
  top: 40px;
  left: 60px;
  z-index: 10;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
}
#new-add-photo .photo.l img {
  max-width: 180px;
  max-height: 180px;
}
#new-add-photo .photo.r {
  width: 180px;
  height: 180px;
  padding: 7px;
  top: 40px;
  right: 60px;
  z-index: 10;
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
}
#new-add-photo .photo.r img {
  max-width: 180px;
  max-height: 180px;
}
#new-add-photo .w-1 {
  width: 100%;
  height: 260px;
  position: relative;
}
#new-add-photo .content {
  width: 600px;
  margin: 0 auto;
  position: relative;
}
#new-add-photo .top {
  width: 100%;
  padding: 40px 10px 20px 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}
#new-add-photo img {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}
#new-add-photo .close {
  width: 19px;
  height: 19px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('../img/new-close-3.png') no-repeat;
  -pie-background: url('img/new-close-3.png') no-repeat;
  background-size: 100% 100%;
  z-index: 100;
}
#new-add-photo .close {
  opacity: 0.4;
}
#new-add-photo .close:hover {
  opacity: 0.6;
}
#new-add-photo .h1 {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 1;
  padding-bottom: 20px;
}
#new-add-photo .noFloatLeft {
  padding-bottom: 10px !important;
  float: none !important;
}
#new-add-photo .txt {
  font-size: 15px;
  color: #666666;
  line-height: 1.4;
  text-align: center;
}
#new-add-photo .bottom {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  background-color: #3097de;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -khtml-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
}
#new-add-photo .upload-btn {
  width: 240px;
  padding: 15px 10px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#new-add-photo .btn {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)) !important;
}
#new-add-photo .btn:hover {
  background-color: #ffffff !important;
}
#new-add-photo .from-computer {
  background-color: #ffffff;
  color: #3097de;
  margin-bottom: 10px;
}
#new-add-photo .from-webcam,
#new-add-photo .from-profil {
  border: 1px solid #ffffff;
  background-color: #3097de;
  color: #ffffff;
  margin-bottom: 25px;
  width: 240px;
  margin-top: 20px;
}
#new-add-photo .link {
  text-decoration: underline;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}
#new-add-photo .link:hover {
  text-decoration: none;
}
#new-add-photo.alert_mdp .txt {
  text-align: left;
  margin-bottom: 15px;
}
/* New My Messages Popup -----------------------------------------------------*/
.popup-fog-black {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#new-my-msg-block {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
#new-my-messages .tab-content {
  display: none;
  width: 100%;
  height: calc(100% - 90px);
  height: -moz-calc(100% - 90px);
  height: -webkit-calc(100% - 90px);
  height: -o-calc(100% - 90px);
  overflow: auto;
  overflow-x: hidden;
}
#new-my-messages .tab-content.active {
  display: block;
}
#new-my-messages .tab-content .profile {
  height: 70px;
  padding: 5px 15px 5px 85px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
#new-my-messages .tab-content .profile.active {
  background-color: #f1f1f1;
}
#new-my-messages .tab-content .name {
  padding: 10px 0 3px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #000000;
  text-align: left;
  text-align-last: left;
  line-height: 1;
  display: inline-block;
}
#new-my-messages .tab-content .message {
  width: 135px;
  font-size: 12px;
  color: #999999;
  line-height: 1;
  word-break: break-all;
}
#new-my-messages .tab-content .wrap {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
}
#new-my-messages .tab-content .wrap img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages .photo-ico {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 3px;
  position: relative;
  background: url('../img/photo-ico-1.png') no-repeat;
  -pie-background: url('img/photo-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-my-messages .reply-ico {
  display: inline-block;
  width: 11px;
  height: 7px;
  position: relative;
  background: url('../img/reply-ico-1.png') no-repeat;
  -pie-background: url('img/reply-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-my-messages .read-ico {
  display: inline-block;
  width: 12px;
  height: 6px;
  position: relative;
  background: url('../img/read-ico-1.png') no-repeat;
  -pie-background: url('img/read-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-my-messages .count {
  width: 13px;
  height: 13px;
  display: block;
  padding: 1px;
  color: #ffffff;
  font-size: 11px;
  background-color: #ff006e;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  text-align: center;
  margin-top: 0px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  line-height: 13px;
}
#new-my-messages .count p {
  font-size: 8pt;
  font-family: Roboto;
}
#new-my-messages .down-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #999999;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -2px;
}
#new-my-messages .msg-content {
  width: 100%;
  height: 100%;
}
#new-my-messages .actions {
  width: 100%;
  height: 60px;
  padding: 10px 15px 0 15px;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}
#new-my-messages .party-name {
  display: inline-block;
  padding-top: 5px;
}
#new-my-messages .party-name img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
#new-my-messages .party-name .status {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 4px 0 0 2px;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages .actions .btn {
  width: 40px;
  height: 40px;
  border: 1px solid #999999;
  box-sizing: border-box;
  cursor: pointer;
  float: right;
  position: relative;
  margin-left: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages #move-favorite.no-active,
#new-my-messages #move-favorite {
  background: url(../img/sprites_icons.png) no-repeat #ff006e;
  background-position: -619px -140px;
  height: 36px;
  width: 36px;
}
#new-my-messages #move-favorite.active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -547px -138px;
  height: 36px;
  width: 36px;
}
#new-my-messages .msg-content .messages {
  width: 100%;
  height: calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: -o-calc(100% - 50px);
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
#new-my-messages .msg-content .messages .name {
  width: auto;
  float: left;
  text-align: left;
}
#new-my-messages .msg-content .messages .name.this {
  color: red !important;
}
#new-my-messages .msg-content .messages .message_date {
  width: 50%;
  float: left;
  text-align: right;
}
#new-my-messages .msg-content .messages .time {
  font-size: 10px;
  padding-bottom: 5px;
}
#new-my-messages .msg-content .messages .text {
  padding-bottom: 15px;
}
#new-my-messages .msg {
  padding: 2px 0px 2px 0px;
  width: 100%;
  margin: 0;
  display: block;
}
#new-my-messages .w3 {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-y: auto;
}
#new-my-messages .view-previous {
  margin-bottom: 50px;
  text-align: center;
}
#new-my-messages .view-previous p {
  display: inline-block;
  padding: 13px 15px;
  background-color: #eaf4fc;
  font-size: 13px;
  color: #3097de;
  cursor: pointer;
  position: relative;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#new-my-messages .time,
#new-messanger .time {
  display: inline-block;
  text-align: right;
  color: #999999;
  font-size: 12px;
  margin-bottom: 10px;
  float: right;
}
#new-my-messages .message_state,
#new-messanger .message_state {
  color: #999999;
  line-height: 10px;
}
#new-my-messages .msg-content .messages .messages_date {
  text-align: center !important;
  padding: 5px 0px 0px 0px;
}
#new-my-messages .msg-content .messages {
  width: 100%;
  position: relative;
}
#new-my-messages .preview {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 20px;
  position: relative;
}
#new-my-messages .preview img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages .msg-content .messages .txt {
  max-width: 300px;
  padding: 13px 20px;
  box-sizing: border-box;
  font-size: 13px;
  position: relative;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#new-my-messages .msg-content .message.other .txt {
  float: left;
  background-color: #f6f6f6;
  color: #333333;
}
#new-my-messages .msg-content .message.this .txt {
  float: right;
  background-color: #3097de;
  color: #ffffff;
}
#new-my-messages .msg-content .message .photo {
  width: 220px;
  height: 220px;
  position: relative;
}
#new-my-messages .msg-content .message .photo img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#new-my-messages .msg-content .message.other .photo {
  float: left;
}
#new-my-messages .msg-content .message.this .photo {
  float: right;
}
#new-my-messages .msg-content .label {
  width: 100%;
  padding: 10px 30px 10px 10px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 13px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('../img/lock-ico-1.png') no-repeat 95% center;
  -pie-background: url('img/lock-ico-1.png') no-repeat 95% center;
}
#new-my-messages .hint {
  display: none;
  padding: 10px 13px;
  background: #333333;
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  top: -40px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#new-my-messages .msg-content .message.other .hint {
  left: 0;
}
#new-my-messages .msg-content .message.this .hint {
  right: 0;
}
#new-my-messages .hint .t {
  width: 0;
  height: 0;
  border-top: 4px solid #333333;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -4px;
}
#new-my-messages .msg-content .message:hover .hint {
  display: block;
}
#new-my-messages .controls {
  width: 100%;
  height: 50px;
  padding: 0px 10px 0 10px;
  border-top: 1px solid #eeeeee;
  box-sizing: border-box;
  position: relative;
}
#new-my-messages .controls .btn {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: none !important;
  box-shadow: none !important;
}
#new-my-messages #show-photos.no-active {
  background: url('../img/chat_add_photo.png') no-repeat center center;
  -pie-background: url('img/chat_add_photo.png') no-repeat center center;
}
#new-my-messages #show-smiles.no-active {
  background: url('../img/chat_smile.png') no-repeat center center;
  -pie-background: url('img/chat_smile.png') no-repeat center center;
}
#new-my-messages #show-photos.active {
  background: url('../img/chat_add_photo_active.png') no-repeat center center #3097de;
  -pie-background: url('img/chat_add_photo_active.png') no-repeat center center #3097de;
}
#new-my-messages #show-smiles.active {
  background: url('../img/chat_smile_active.png') no-repeat center center #3097de;
  -pie-background: url('img/chat_smile_active.png') no-repeat center center #3097de;
}
#new-my-messages .controls .send-btn {
  width: 20px;
  height: 20px;
  float: right;
  cursor: pointer;
  margin-top: 5px;
  background: url('../img/send-ico-1.png') no-repeat;
  -pie-background: url('img/send-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-my-messages .smiles-block {
  display: none;
  width: 100%;
  max-height: 170px;
  padding: 10px 10px 0 10px;
  overflow-y: auto;
  border-top: 1px solid #eeeeee;
  background-color: #ffffff;
  box-sizing: border-box;
  position: absolute;
  bottom: 101%;
  left: 0;
}
#new-my-messages .smile {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
}
#new-my-messages .smile.empty {
  border: 1px solid #eeeeee;
}
#new-my-messages .smile img {
  display: block;
  width: 100%;
  height: 100%;
}
#new-my-messages .upgrade-msg {
  display: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #f88a21;
  position: absolute;
  bottom: 0;
  left: 0;
}
#new-my-messages .upgrade-msg.show {
  display: block;
}
#new-my-messages .upgrade-msg .ico {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 15px;
  background: url('../img/new-upgrade-ico-1.png') no-repeat;
  -pie-background: url('img/new-upgrade-ico-1.png') no-repeat;
  background-size: 100% 100%;
}
#new-my-messages .upgrade-msg .txt {
  padding-top: 20px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
}
#new-my-messages .photos-block {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}
#new-my-messages .photos-block .w1 {
  width: 100%;
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}
#new-my-messages .photos-block .h1 {
  color: #000000;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
}
#new-my-messages .photos-block .w2 {
  max-height: 280px;
  overflow-y: auto;
}
#new-my-messages .photos-block .photo {
  width: 130px;
  height: 130px;
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
}
#new-my-messages .photos-block .photo img {
  display: block;
  width: 100%;
  height: 100%;
}
#new-my-messages .photos-block .send-btn {
  display: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
#new-my-messages .photos-block .send-btn div {
  width: 70px;
  height: 70px;
  padding-top: 30px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  background-color: #3097de;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#new-my-messages .photos-block .photo:hover .send-btn {
  display: block;
}
#blocked-user-info,
#full-access-info,
#h24-chat-info,
#start-conversation-info,
#select-person-info {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 35px;
  box-sizing: border-box;
  background-color: #eeeeee;
}
#blocked-user-info .photo {
  width: 215px;
  height: 215px;
  margin: 0 auto 20px auto;
  position: relative;
}
#blocked-user-info .photo img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#blocked-user-info .txt,
#full-access-info .txt,
#h24-chat-info .txt,
#start-conversation-info .txt,
#select-person-info .txt {
  display: block;
  width: 250px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 1.2;
  margin: 0 auto 20px auto;
}
#blocked-user-info .txt span {
  color: #3097de;
}
#blocked-user-info .txt {
  width: 215px;
}
#blocked-user-info .btn,
#full-access-info .btn {
  display: block;
  width: 200px;
  padding: 12px 15px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background-color: #3097de;
  position: relative;
  border: none;
  margin: 0 auto;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#full-access-info .ico,
#h24-chat-info .ico,
#start-conversation-info .ico,
#select-person-info .ico {
  width: 215px;
  height: 215px;
  margin: 0 auto 20px auto;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#full-access-info .ico {
  background: url('../img/chat-ico-1.png') no-repeat center center #3097de;
  -pie-background: url('img/chat-ico-1.png') no-repeat center center #3097de;
}
#h24-chat-info .ico {
  background: url('../img/chat-ico-2.png') no-repeat center center #3097de;
  -pie-background: url('img/chat-ico-2.png') no-repeat center center #3097de;
}
#start-conversation-info .ico {
  background: url('../img/chat-ico-3.png') no-repeat center center #3097de;
  -pie-background: url('img/chat-ico-3.png') no-repeat center center #3097de;
}
#select-person-info .ico {
  background: url('../img/chat-ico-4.png') no-repeat center center #3097de;
  -pie-background: url('img/chat-ico-4.png') no-repeat center center #3097de;
}
/* New Detailed Search -------------------------------------------------------*/
#for_search_form {
  width: 100%;
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background-color: #fcfcfc;
  margin-bottom: 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#for_search_form {
  display: none;
}
#for_search_form .w1 {
  float: left;
  margin: 0 20px 20px 0;
  height: 50px;
}
#for_search_form .w1 .label {
  display: block;
  font-size: 14px;
  color: #000000;
  padding-bottom: 5px;
}
#for_search_form .w1 .txt {
  display: block;
  font-size: 14px;
  color: #000000;
  padding: 9px 5px 0 5px;
  float: left;
}
#for_search_form .input-wrap {
  height: 32px;
  padding: 7px 10px 0 10px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#for_search_form .input-wrap input {
  display: block;
  width: 100%;
  border: none;
  background: #ffffff;
  font-size: 13px;
  color: #333333;
  position: relative;
}
#for_search_form .plus-ico {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  cursor: pointer;
  background: url('../img/plus-ico-1.png') no-repeat;
}
#for_search_form .city {
  width: 390px;
}
#for_search_form .city input {
  width: 370px;
}
#for_search_form .suggest {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#for_search_form .suggest a {
  display: block;
  padding: 10px;
  font-size: 13px;
  text-align: left;
  color: #333333;
}
#for_search_form .suggest a:hover {
  background-color: #3097de;
  color: #ffffff;
}
#for_search_form #for_progr_bar {
  width: 310px;
  height: 50px;
  margin: 0 20px 21px 0;
  float: left;
  position: relative;
}
#for_search_form #for_progr_bar .label {
  display: block;
  font-size: 14px;
  color: #000000;
  padding-bottom: 15px;
}
#for_search_form #for_progr_bar .label span {
  color: #3097de;
}
.slider {
  width: 310px;
  height: 5px;
  background: #eeeeee;
  position: absolute;
  bottom: 0px;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/*
.ui-slider-handle {
    width:10px;
    height:15px;
    position:absolute;
    top: -20px;
    margin-left:-5px;
    z-index:200;
    background: url('../img/new-slider-btn.png') no-repeat;
    -pie-background: url('img/new-slider-btn.png') no-repeat;
}*/
/*Style for the slider button*/
.ui-slider-handle {
  width: 18px;
  height: 18px;
  position: absolute;
  top: -20px;
  margin-left: -9px;
  /* z-index: 200; */
  background: url(../img/position-slider.png) no-repeat #ef5350;
  -pie-background: url(img/position-slider.png) no-repeat #ef5350;
  background-size: contain;
}
.ui-widget-header {
  background: #3097de;
  height: 5px;
  left: 0px;
  top: 0px;
  position: absolute;
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  behavior: url(htc/PIE.htc);
}
a {
  outline: none;
  -moz-outline-style: none;
}
#for_search_form .chbox {
  padding: 2px 0 1px 22px;
  color: #333333;
  line-height: 1;
  font-size: 13px;
  float: left;
  margin: 34px 20px 21px 0;
  cursor: pointer;
}
#for_search_form .chbox input {
  display: none;
}
#for_search_form .chbox.no-checked {
  background: url('../img/new-chbox.png') no-repeat left center;
  -pie-background: url('img/new-chbox.png') no-repeat left center;
}
#for_search_form .chbox.checked {
  background: url('../img/new-chbox-checked.png') no-repeat left center;
  -pie-background: url('img/new-chbox-checked.png') no-repeat left center;
}
.selTop {
  cursor: pointer;
  position: relative;
}
.selDropDown {
  display: none;
  max-height: 150px;
  overflow-y: auto;
  cursor: pointer;
  position: absolute;
  border: 1px solid #e6e6e6;
  background-color: #f2f2f2;
  left: 0;
  z-index: 1000;
}
.selDropDown p {
  line-height: 1;
  padding: 0px;
  margin: 0px;
  padding: 10px 0px 10px 7px;
  background: none;
}
.selectedOptText {
  display: block;
  line-height: 1;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  color: #3097de !important;
}
.customSelectWrap select {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  line-height: 1;
  border: none;
}
#for_search_form .customSelectWrap {
  height: 32px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  position: relative;
  font-size: 13px;
  color: #3097de;
  background-color: #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#for_search_form .selDownArrow {
  width: 0;
  height: 0;
  border-top: 4px solid #999999;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
#for_search_form .selDropDown {
  background: #ffffff;
  border: 1px solid #cccccc;
}
#for_search_form .selDropDown p:hover {
  background-color: #3096de;
  color: #ffffff;
}
#for_search_form .gender-select,
#for_search_form .eyes,
#for_search_form .hair {
  width: 130px;
}
#for_search_form .marital-status,
#for_search_form .sex-prefence {
  width: 180px;
}
#for_search_form .marital-status .selDropDown,
#for_search_form .sex-prefence .selDropDown {
  width: 180px;
}
#for_search_form .age-select,
#for_search_form .height-select,
#for_search_form .weight-select {
  width: 65px;
  float: left;
}
#for_search_form .name-surname,
#for_search_form .username {
  width: 215px;
}
#for_search_form #search-btn {
  display: block;
  width: 130px;
  height: 32px;
  margin: 19px 0 20px 0;
  float: left;
  border: none;
  background: url('../img/search-ico-1.png') no-repeat center center #3097de;
  -pie-background: url('img/search-ico-1.png') no-repeat center center #3097de;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#new-messanger .showMore {
  font-size: 11px !important;
  position: absolute;
  margin-bottom: 13px;
  left: 2px;
  cursor: pointer;
  z-index: 999;
  text-decoration: underline;
}
#new-my-messages .showMore {
  width: 100%;
  font-size: 11px !important;
  position: absolute;
  margin-bottom: 13px;
  cursor: pointer;
  z-index: 999;
  text-decoration: underline;
  margin-bottom: 18px !important;
}
#new-my-messages .navContact {
  text-align: center;
  left: 0 !important;
}
#new-messanger .messages_date,
#new-my-messages .messages_date {
  display: block !important;
  text-align: right !important;
  text-transform: uppercase !important;
  color: #999999 !important;
  font-size: 10px !important;
  margin-bottom: 0px !important;
  padding-top: 2px !important;
  font-weight: normal !important;
  padding: 0px 0px 0px 0px !important;
}
#new-messanger .msg .name {
  width: 50%;
  text-align: left;
}
.banniere_alert {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #4fa6e3;
  font: 12px Verdana, Geneva, sans-serif;
}
.banniere_alert_txt {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.banniere_alert .x {
  right: 10px;
  font-weight: bold;
  position: fixed;
  cursor: pointer;
}
.banniere_alert a {
  color: black !important;
  font-weight: bold !important;
  font: 12px Verdana, Geneva, sans-serif !important;
}
.ad_profile_block {
  max-height: 258px;
  height: 258px;
  width: 215px;
  overflow: hidden;
}
#all-msg-menu.active {
  background: url(../img/message-gris.png) no-repeat center;
  background-size: contain;
}
#all-msg-menu.no-active {
  background: url(../img/message-blanc.png) no-repeat center;
  background-size: contain;
}
#friends-msg-menu.active {
  background: url(../img/favorite-gris.png) no-repeat center;
  background-size: contain;
}
#friends-msg-menu.no-active {
  background: url(../img/favorite-blanc.png) no-repeat center;
  background-size: contain;
}
#online-msg-menu.active {
  background: url(../img/online_users_gris.png) no-repeat center;
  background-size: contain;
}
#online-msg-menu.no-active {
  background: url(../img/online_users_blanc.png) no-repeat center;
  background-size: contain;
}
#contacts-msg-menu.no-active {
  background: url(../img/mes-contacts-blanc.png) no-repeat center;
  background-size: contain;
}
#contacts-msg-menu.active {
  background: url(../img/mes-contacts-gris.png) no-repeat center;
  background-size: contain;
}
#blocked-msg-menu.no-active {
  background: url(../img/black-lists-blanc.png) no-repeat center;
  background-size: contain;
}
#blocked-msg-menu.active {
  background: url(../img/black-lists-gris.png) no-repeat center;
  background-size: contain;
}
.search_section {
  /*width : 700px !important;*/
}
#couple_img-profile {
  background: url(../img/Profile-02.png);
  right: 73px;
  top: 20px;
  position: absolute;
  width: 70px;
  height: 70px;
  background-size: contain;
}
#head_msg_user_name {
  text-decoration: none;
  color: #000000;
  position: absolute;
  font-size: 16px;
  margin: 0px 0px 0px 42px;
  font-weight: bold;
}
/* hover icones block msg*/
#all-msg-menu:hover #hov-all-msg {
  display: block;
}
#hov-all-msg {
  display: none;
  position: absolute;
  margin: 10px 10px 10px 10px;
}
#ready_to_meet {
  max-width: 1108px;
  margin: 0 auto;
}
/* we reduce the popup msg height if screen is less than 600 px */
@media screen and (max-height: 600px) {
  #new-my-messages {
    top: 61px !important;
  }
  #new-my-messages .body {
    height: 400px !important;
  }
  #new-my-messages .controls {
    height: 50px !important;
  }
}
/*
surcharge v2018 profil page
 */
.h5_edit {
  font-size: 22px;
  font-weight: bold;
}
.profil_page_add_fontW {
  font-weight: 600;
}
.display_none {
  display: none!important;
}
#ask_priv_photo_popup {
  display: none;
}
#inf_edit_form .inp-bg6 {
  width: 296px;
  float: right;
  height: 44px;
  padding: 0;
  margin-right: 10px;
}
#inf_edit_form .inptext input {
  width: 285px;
  padding: 13px 0 0px 10px;
  font-size: 12px;
}
#user_preview_large,
#information_wanttomeet,
#profile-photos,
#interests,
#wanttomeet,
#wanttomeet_edit,
#meetings,
#report_person {
  width: 720px;
  background: #ffffff;
  float: left;
}
#user_preview_large {
  width: 760px;
  background: none;
}
#information_wanttomeet,
#profile-photos,
#interests,
#wanttomeet,
#wanttomeet_edit,
#meetings,
#report_person {
  padding: 20px;
  margin: 1.5px;
}
#interests {
  padding-bottom: 15px;
}
#profile-photos .album_priv {
  margin-top: 15px;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  display: none;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.popup_edit_profile {
  margin: 20px auto;
  background: #fff;
  border-radius: 5px;
  width: 510px;
  position: relative;
  transition: all 5s ease-in-out;
  height: auto;
  max-height: 90%;
  font-family: Lato, sans-serif;
  overflow: auto;
}
.popup_edit_profile .edit_form {
  display: block;
  padding: 0;
  margin: 0;
  width: 510px;
  border: none;
  background-color: #ffffff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Lato;
  font-style: normal;
  font-size: 14pt;
}
.popup_edit_profile h2 {
  margin-top: 0;
  height: 58px;
  color: #000000;
  font-size: 20pt;
}
.popup_edit_profile h2 p {
  padding: 15px 0px 0px 20px;
}
.popup_edit_profile .close {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 20px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  color: #adadad;
  background: none;
  margin-right: 10px;
}
.popup_edit_profile .content {
  border-top: 1px solid #e6e6e6;
  overflow: auto;
}
.popup_edit_profile .lineForm {
  width: 296px;
  float: right;
  margin-right: 10px;
}
.popup_edit_profile .selectric-items {
  background: #ffffff;
  color: #000000;
  width: 294px;
  height: auto;
  max-height: 400px;
}
.popup_edit_profile .selectric .button {
  background: #ffffff !important;
  background-color: unset !important;
  color: #000000 !important;
  height: 44px;
  font: initial;
  padding: 0;
  line-height: 39px;
}
.popup_edit_profile .selectric .button:after {
  content: unset !important;
}
.popup_edit_profile .selectric {
  background: #ffffff;
  color: #000000;
  height: 44px;
}
.popup_edit_profile .edit_form_top {
  padding: 10px 10px 10px 20px;
  border-bottom: 2px solid #eeeeee;
}
#descr_edit_form .edit_form_top {
  padding: 10px 20px 10px 20px;
}
.popup_edit_profile .edit_form_bottom,
.popup_edit_profile .save_edit {
  width: 296px;
  float: right;
  margin-right: 20px;
  height: 64px;
}
#popup_edit_infos .save_edit {
  float: left;
}
.popup_edit_profile .save_edit {
  width: 110px;
  margin-top: 14px;
  margin-right: 10px;
  height: 36px;
  border: none;
  background: #3097de;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #000000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.popup_edit_profile .cancel_edit {
  width: 110px;
  margin-top: 14px;
  margin-right: 10px;
  height: 36px;
  border: none;
  float: none;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  cursor: pointer;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #000000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.popup_edit_profile .textarea_wrap {
  width: 100%;
  height: 100px;
  margin-bottom: unset;
  padding: unset;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #e2e2e2;
}
#descr_edit_form textarea {
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
}
#popup_edit_want2meet label {
  margin-right: 25px;
}
#popup_edit_want2meet .lineCheckbox {
  margin-right: 10px;
}
#popup_edit_want2meet .param_field {
  margin-bottom: 20px;
}
#popup_edit_want2meet .textarea_edit_form {
  margin-bottom: 15px;
}
#popup_edit_want2meet .textarea_wrap {
  width: 294px;
  display: inline-block;
  float: right;
  margin-right: 10px;
}
#popup_edit_want2meet .textarea_edit_form {
  margin-top: 0;
}
#popup_edit_want2meet .textarea_edit_form textarea {
  width: 100%;
  height: 100%;
}
#popup_edit_descrip .edit_form_bottom,
#popup_edit_interests .edit_form_bottom {
  width: 100%;
  float: none;
  padding: 0px;
  border: none;
}
#popup_edit_descrip .edit_form_top p {
  margin-bottom: 10px;
}
#popup_edit_descrip .edit_form_bottom p,
#popup_edit_interests .edit_form_bottom p {
  margin: 0 auto;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  display: block;
}
#popup_edit_descrip .save_edit,
#popup_edit_descrip .cancel_edit,
#popup_edit_interests .save_edit,
#popup_edit_interests .cancel_edit,
#popup_edit_my_infos .save_edit,
popup_edit_my_infos .cancel_edit,
#popup_edit_meet .save_edit,
#popup_edit_meet .cancel_edit,
#popup_edit_want2meet .cancel_edit,
#popup_edit_want2meet .save_edit {
  float: none;
  padding: 0;
}
#popup_edit_descrip .cancel_edit,
#popup_edit_interests .cancel_edit {
  margin-right: 0;
}
#popup_edit_want2meet .lineCheckbox {
  width: 296px;
}
i.locked {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -252px -160px;
  height: 32px;
  width: 24px;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.add_relative_position {
  position: relative !important;
}
img.locked {
  filter: blur(10px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
img.blur_light {
  /*filter: blur(3px);*/
  filter: blur(10px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
@media all and (-ms-high-contrast: none) {
  /*img.blur_light { opacity: 0.3 } /* IE10 */
  img.blur_light {
    opacity: 0.5;
  }
}
img.blur_strong,
img.not_valid {
  filter: blur(10px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
/* TEST  A SUPPRIMER !!!!*/
/*img.not_valid {
  border: 30px solid red;
}*/
a.blur_light {
  /*filter: blur(3px);*/
  filter: blur(10px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
a.blur_strong,
a.not_valid {
  filter: blur(10px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
#preview-from i.male_profile_ico {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -248px -427px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
#preview-from i.female_profile_ico {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -226px -427px;
  height: 14px;
  width: 14px;
  display: inline-block;
}
#preview-from i.couple_profile_ico {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -275px -427px;
  height: 14px;
  width: 20px;
  display: inline-block;
}
#preview-from {
  background: none;
  padding-left: 0;
}
#popup_edit_my_infos .popup_edit_profile .selectric-items {
  height: 120px;
}
#my_infos_day_select .selectric,
#my_infos_day_select .selectric-items {
  width: 69px;
}
#my_infos_month_select .selectric,
#my_infos_month_select .selectric-items {
  width: 123px;
}
#my_infos_year_select .selectric,
#my_infos_year_select .selectric-items {
  width: 90px;
}
#my_infos_year_select,
#my_infos_month_select,
#my_infos_day_select {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  display: inline-block;
}
#popup_edit_my_infos .inp-bg6 {
  float: right !important;
  width: 296px;
  margin-right: 10px;
  padding: 0;
  height: 34px;
}
#popup_edit_my_infos .param_field {
  height: 34px;
}
#popup_edit_my_infos .inptext input {
  height: 95%;
  width: 99%;
}
#popup_edit_my_infos .inp-bg6 #ville {
  border: 0;
  width: 99%;
  height: 32px;
}
#popup_edit_my_infos .popup_edit_my_infos_gender {
  margin-top: 8px;
}
.edit_form_bottom {
  padding: 0px;
  border-top: none;
}
.popup_my_city_field {
  margin-top: 10px;
}
.border_popup_edit_my_infos {
  width: 98%;
  margin: 25px 10px 10px 0px;
  border: 1px solid #e6e6e6;
}
.border_popup_edit_my_meet {
  width: 100%;
  margin: 10px 0px 10px 0px;
  border: 1px solid #e6e6e6;
}
#popup_edit_my_infos .popup_change_pwd_label,
#popup_edit_my_infos .popup_basic_info_label {
  margin: 10px 0 0px 0;
  display: block;
  font-weight: bolder;
  font-family: Lato;
  font-size: 16pt;
}
#meet_edit_form.edit_form {
  width: 100%;
}
#meet_edit_form .lineCheckbox {
  width: 296px;
}
.links_account a {
  color: #000000;
  background: none;
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 10px 9px 8px 9px;
  float: left;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-right: 20px;
  margin-bottom: 4px;
}
#content-page {
  height: auto;
  background: #f1f4f6;
  padding-bottom: 20px;
}
#content-page.v2018 {
  height: calc(100% - 15px) !important;
  height: -moz-calc(100% - 15px) !important;
  height: -webkit-calc(100% - 15px) !important;
  height: -o-calc(100% - 15px) !important;
}
#content-page.promotion2 {
  height: calc(100% - 60px) !important;
  height: -moz-calc(100% - 60px) !important;
  height: -webkit-calc(100% - 60px) !important;
  height: -o-calc(100% - 60px) !important;
}
.promotion2 #content-centered {
  width: 100%;
  padding: 0;
}
#site_activity2 {
  height: auto;
}
footer {
  background: #f1f4f6;
}
#footer_v2018 {
  padding: 50px 20px 20px 20px;
  max-width: 1108px;
  margin: 0 auto;
}
#footer_v2018 #f-center {
  padding: 5px 0px 15px 0px;
  /* max-width: 760px; */
  border: none;
}
#content-centered .content_left {
  margin-top: 20px;
  background: #ffffff;
  padding: 10px;
}
.div_validation_abo {
  margin-bottom: 20px;
}
.preview_album {
  margin-bottom: 15px;
}
.preview_album_slick {
  width: 100%;
  height: 80px;
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.preview_album_slick.slider {
  padding: 0;
}
/********************
new chat page v2018 *
*********************/
.pub_ad_chatRight {
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  max-width: 250px;
  max-height: 250px;
  width: auto;
  height: auto;
  text-align: center;
  overflow: hidden;
}
.pub_profile_contact {
  text-align: center;
}
#new-my-messages {
  height: calc(100% - 75px);
  height: -moz-calc(100% - 75px);
  height: -webkit-calc(100% - 75px);
  height: -o-calc(100% - 75px);
  padding-top: 15px;
  border-bottom: 1px solid #e9ecee;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 1140px;
}
@media screen and (max-height: 680px) {
  #new-my-messages {
    padding-top: 2px;
    height: calc(100% - 54px);
    height: -moz-calc(100% - 54px);
    height: -webkit-calc(100% - 54px);
    height: -o-calc(100% - 54px);
  }
}
#new-my-messages #new_message {
  display: inline-block;
  width: 425px;
  height: 27px;
}
#new-my-messages .controls .send-btn {
  display: inline-block;
}
#left_chat_page {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top: 1px solid #e9ecee;
  border-right: 1px solid #e9ecee;
  border-left: 1px solid #e9ecee;
  width: 270px;
  height: 99.9%;
  display: block;
  float: left;
  background: #ffffff;
  overflow-x: hidden;
}
#left_chat_page .left_contacts_list .status {
  display: block;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#left_chat_page .profile {
  border-bottom: 1px solid #e9ecee;
}
#left_chat_page .head {
  height: 42px;
}
#center_chat_page {
  border-top: 1px solid #e9ecee;
  width: 555px;
  height: calc(100% -  60px);
  height: -moz-calc(100% -  60px);
  height: -webkit-calc(100% -  60px);
  height: -o-calc(100% -  60px);
  display: block;
  float: left;
}
#center_chat_page .actions {
  background: #ffffff;
}
#center_chat_page .controls {
  background: #ffffff;
  display: none;
}
#center_chat_page .messages {
  background: #f1f4f6;
}
#center_chat_page .party-name .last_visite {
  display: inline-block;
  margin-left: 5px;
}
#right_chat_page {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 270px;
  height: 100%;
  display: block;
  float: left;
  background: #ffffff;
  overflow: auto;
  border-right: 1px solid #e9ecee;
  border-left: 1px solid #e9ecee;
  border-top: 1px solid #e9ecee;
  border-bottom: 1px solid #e9ecee;
}
#right_chat_page .photo_block_right_chat {
  display: block;
  position: relative;
}
#right_chat_page .photos-count-rightChat {
  display: none;
  width: 23px;
  position: absolute;
  height: 15px;
  bottom: 9px;
  right: 40px;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 4px 0px 2px 17px;
  background: url(../img/photos-count.png) no-repeat;
  -pie-background: url(img/photos-count.png) no-repeat;
}
#all-msg-menu {
  display: inline-block;
  width: 28px;
  height: 20px;
  margin: 10px 45px 5px 45px;
  cursor: pointer;
}
#all-msg-menu.active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -793px -276px;
}
#all-msg-menu.no-active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -793px -306px;
}
#friends-msg-menu {
  display: inline-block;
  width: 28px;
  height: 20px;
  margin: 10px 45px 5px 5px;
  cursor: pointer;
}
#friends-msg-menu.active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -869px -278px;
}
#friends-msg-menu.no-active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -869px -308px;
}
#blocked-msg-menu {
  display: inline-block;
  width: 22px;
  height: 21px;
  margin: 10px 5px 5px 5px;
  cursor: pointer;
}
#blocked-msg-menu.active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -939px -277px;
}
#blocked-msg-menu.no-active {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -939px -307px;
}
#left_chat_page .search {
  width: 100%;
  height: 35px;
  padding-bottom: 5px;
}
#nick_msg_search {
  border: 0;
  background: #f1f4f6;
  border-radius: 2px;
  width: 190px;
  height: 100%;
  margin: 0 auto;
  display: block;
  padding: 0px 30px 0px 40px;
}
#nick_msg_search::-webkit-input-placeholder {
  /* WebKit browsers */
  text-align: center;
}
#nick_msg_search:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-align: center;
}
#nick_msg_search::-moz-placeholder {
  /* Mozilla Firefox 19+ but I'm not sure about working */
  text-align: center;
}
#nick_msg_search:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-align: center;
}
#search_nick_msg {
  width: 15px;
  height: 15px;
  background: url(../img/sprites_icons.png) no-repeat;
  display: inline-block;
  background-position: -945px -58px;
  /* float: left; */
  position: relative;
  left: 20px;
  top: -25px;
  cursor: pointer;
}
#search_nick_msg_close {
  width: 12px;
  height: 12px;
  background: url(../img/sprites_icons.png) no-repeat;
  display: inline-block;
  background-position: -430px -304px;
  float: right;
  position: relative;
  right: 20px;
  top: -24px;
}
#center_chat_page .options_ico {
  color: #999999;
  display: inline-block;
  float: right;
  position: relative;
  height: 38px;
  line-height: 1em;
  cursor: pointer;
  margin-left: 10px;
}
#center_chat_page .actions .options_txt {
  display: none;
  position: relative;
  left: 385px;
  height: auto;
  background: white;
  border: 1px solid #e9ecee;
  padding: 10px 20px 10px 20px;
  width: 140px;
  z-index: 8;
  margin-top: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
#center_chat_page .actions .options_txt:before {
  position: absolute;
  left: 115px;
  top: -20px;
  bottom: 10px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
  z-index: 1;
  border-bottom-color: #e9ecee;
}
#center_chat_page .actions .options_txt:after {
  position: absolute;
  left: 115px;
  top: -18px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
  z-index: 2;
  border-bottom-color: #fff;
}
#center_chat_page .actions .options_Blist {
  margin-top: 5px;
}
#center_chat_page .options_delete_conv {
  margin: 15px 0px 5px 0px !important;
}
#center_chat_page .options_txt p:hover {
  color: #3097de;
}
#center_chat_page .options_ico p {
  height: 100%;
  font-size: 45px;
}
#center_chat_page .move-favorite_circle {
  float: right;
  display: none;
  width: 36px;
  height: 36px;
  border: 1px solid #eeeeee;
  border-radius: 50px;
}
#center_chat_page .messages .msg.from_me .text {
  background: #daf0ff;
  padding: 10px 15px 10px 15px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 350px;
  border-radius: 7px;
  height: auto;
  float: right;
  word-wrap: break-word;
}
#center_chat_page .messages .msg .img_p_extra {
  width: auto;
  height: auto;
  border-radius: 10px;
  max-width: 215px;
  max-height: 215px;
  border: 1px solid #e9ecee;
}
#center_chat_page .messages .msg.from_other .text {
  padding: 10px 15px 10px 15px;
  margin-left: 10px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 350px;
  background: #ffffff;
  border-radius: 7px;
  height: auto;
  display: inline-block;
  border: 1px solid #e9ecee;
  vertical-align: bottom;
  word-wrap: break-word;
}
#center_chat_page .messages .other_msg_block img {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
#center_chat_page .messages .from_other .time {
  text-align: left !important;
  padding-left: 42px;
}
#center_chat_page .chat_p-extra {
  display: inline-block;
  margin-left: 10px;
}
#center_chat_page .from_me .chat_p-extra {
  float: right;
}
#center_chat_page .messages .from_me .time {
  text-align: right !important;
}
#center_chat_page #ask_priv_gal {
  display: none;
}
#center_chat_page .messages #ask_priv_gal {
  display: block;
}
#center_chat_page .upgrade_msg_slider_1 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -106px -640px;
  width: 190px;
  height: 300px;
}
#center_chat_page .upgrade_msg_slider_2 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -417px -640px;
  width: 190px;
  height: 300px;
}
#center_chat_page .upgrade_msg_slider_3 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -724px -630px;
  width: 190px;
  height: 300px;
}
#center_chat_page .chat_page_no_abo_alert_p {
  top: 200px;
  display: block;
  position: relative;
  text-align: center;
  font-family: Lato;
  font-weight: bold;
  font-size: 16pt;
  color: #333333;
}
#center_chat_page #v2018_chat_alert {
  display: none;
}
#center_chat_page .add_bg_to_avatar {
  background: #ffffff;
}
#center_chat_page .messages #v2018_chat_alert {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
#center_chat_page .messages #v2018_chat_alert .upgrade_msg_slider.slider {
  width: 190px;
  height: 300px;
  margin: 0 auto;
  background: none;
  position: absolute;
  bottom: unset;
  padding: 0;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin-top: 30px;
}
#center_chat_page .center_chat_header_photo {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  overflow: hidden;
  display: inline-block;
}
#center_chat_page .center_chat_page_other_img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
#center_chat_page .messages #v2018_chat_alert .upgrade_msg_slider .slick-list {
  height: 300px !important;
}
#center_chat_page .messages #v2018_chat_alert .upgrade_msg_slider .slick-slide {
  width: 190px !important;
}
#center_chat_page .messages #v2018_chat_alert .upgrade_msg_slider .slick-track {
  width: 800px !important;
  height: 300px;
}
#center_chat_page .take_abo_chat_page_msg {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: 45px;
  background: #ff006e;
  line-height: 1;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 375px;
  border-radius: 50px;
}
#center_chat_page .take_abo_chat_page_msg p {
  padding: 13px;
  color: #ffffff;
  font-size: 14pt;
  font-family: Lato;
  font-weight: bold;
  cursor: pointer;
}
#center_chat_page #contact_erased_msg {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: 45px;
  background: #ff006e;
  line-height: 1;
  margin: 0 auto;
  display: none;
  position: relative;
  top: 375px;
}
#center_chat_page #contact_erased_msg p {
  padding: 13px;
  color: #ffffff;
  font-size: 14pt;
  font-family: Lato;
  font-weight: bold;
}
#new-my-messages .msg-content .messages .time {
  float: none;
  margin: 0 auto;
  width: 100%;
}
#new-my-messages .controls .btn {
  float: right;
}
.header_right_chat {
  width: 100%;
  height: 70px;
  background: url(../img/right_menu_ico/BG_top_menu_right.png);
}
#right_chat_page .preview {
  width: 100%;
  margin: 0;
  float: none;
  height: 150px;
  text-align: center;
}
#right_chat_page .photo {
  width: 120px;
  display: block;
  height: 120px;
  margin: 0 auto;
  top: -50px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#right_chat_page .photo img {
  border: 2px solid white;
  background-color: #fafafa;
}
#right_chat_page .right_chat_contact_name {
  text-decoration: none;
  font-family: Lato;
  font-size: 13pt;
  text-align: center;
  display: inline-block;
  position: relative;
  top: -45px;
  color: #000;
  font-weight: 600;
}
#right_chat_page .status {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  margin-right: 5px;
  position: relative;
  top: -45px;
}
#right_chat_page .see_profile {
  margin: 0 auto;
  display: block;
  position: relative;
  top: -35px;
  text-decoration: none;
  color: #2895e1;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ecee;
}
#right_chat_page .gender_ico.sexe_1 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -248px -427px;
  height: 14px;
  width: 14px;
  display: inline-block;
  float: left;
  margin-left: 20px;
}
#right_chat_page .gender_ico.sexe_2 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -226px -427px;
  height: 14px;
  width: 14px;
  display: inline-block;
  float: left;
  margin-left: 20px;
}
#right_chat_page .gender_ico.sexe_3 {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -276px -427px;
  height: 14px;
  width: 17px;
  display: inline-block;
  float: left;
  margin-left: 17px;
}
#right_chat_page .location_ico {
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -202px -422px;
  height: 22px;
  width: 15px;
  display: inline-block;
  float: left;
  margin-left: 19px;
}
#right_chat_page .gender_age {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
#right_chat_page .contact_location {
  float: left;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#right_chat_page .photo_gal_user_right_chat.slick-slider {
  box-sizing: border-box;
  margin-left: 0;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 215px;
  height: 170px;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  margin: 0 auto;
}
#right_chat_page .photo_gal_user_right_chat .img_profil_gal {
  width: 215px;
  height: 170px;
  display: inline-block;
  position: relative;
}
#right_chat_page .photo_gal_user_right_chat .img_profil_gal img {
  width: 215px;
  height: 215px;
  display: block;
  position: relative;
  cursor: default;
}
#right_chat_page .photo_gal_user_right_chat .slick-list {
  width: 215px;
  height: 170px;
}
#right_chat_page .slick-next,
#right_chat_page .slick-prev {
  height: 40%;
}
#right_chat_page .contact_infos {
  margin-top: -15px;
}
#right_chat_page .pub_test {
  width: 215px;
  height: 135px;
  margin: 20px auto auto auto;
  background: #f1f4f6;
}
#ask_priv_photo {
  width: 500px;
  height: 315px;
  background: #ffffff;
  position: relative;
  margin: 0 auto;
  top: 100px;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#ask_priv_photo img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-top: 0px;
  display: block;
  position: relative;
}
#ask_priv_photo i {
  top: 90px;
}
#ask_priv_photo .image_container {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden !important;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  display: block;
  position: relative;
  top: 30px;
}
#ask_priv_photo .close_ask_priv {
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(../img/sprites_icons.png) no-repeat;
  background-position: -428px -302px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
#ask_priv_photo #this_photo_is_priv {
  width: auto;
  height: auto;
  display: block;
  position: relative;
  font-size: 14pt;
  font-family: Lato;
  font-weight: bold;
  text-align: center;
  top: 60px;
}
#ask_priv_photo #send_question_txt {
  display: inline-block;
  width: 100%;
  height: auto;
  font-size: 10pt;
  font-family: Lato;
  font-weight: normal;
  text-align: center;
  margin-top: 75px;
}
.ask_priv_photo_btns {
  height: 35px;
  margin: 0 auto;
  padding-top: 20px;
  display: table;
}
.ask_priv_photo_btns button {
  height: 35px !important;
}
#ask_priv_photo #send_question_btn {
  width: 150px;
  height: 100%;
  display: inline-block;
  margin-right: 10px;
  color: #ffffff;
  border-style: unset;
  background: #3097de;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
#ask_priv_photo #cancel_question_btn {
  width: 150px;
  height: 100%;
  display: inline-block;
  color: #000000;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: unset;
}
#ask_priv_photo #send_question_txt_name {
  display: inline-block;
  color: #3097de;
}
.ask_popup_in_chat {
  background: #ffffff;
  display: none;
  width: 310px;
  height: 225px;
  border-radius: 10px;
  position: relative;
}
.image_container {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  overflow: hidden !important;
}
#center_chat_page .image_container {
  margin: 20px auto 0 auto;
}
.show_popup_chat {
  display: block !important;
}
#center_chat_page .messages #ask_sent {
  display: block !important;
}
#center_chat_page .messages #popup_general_with_btns {
  display: inline-block !important;
  height: 263px;
  margin-left: 10px;
}
#center_chat_page #popup_general,
#center_chat_page #popup_general_with_btns {
  overflow: hidden;
  border: 1px solid #e9ecee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#popup_general.ask_accepted {
  height: 285px;
}
#center_chat_page .messages #popup_general,
#center_chat_page .messages #ask_accepted {
  display: inline-block !important;
  margin-left: 10px;
}
#ask_accepted .ask_accepted_p {
  text-align: center;
  font-size: 12pt;
  padding: 25px 30px 0px 30px;
}
#center_chat_page #popup_general i,
#center_chat_page #ask_accepted i,
#center_chat_page #popup_general_with_btns i {
  top: 75px;
}
#center_chat_page #popup_general img,
#ask_accepted img,
#popup_general_with_btns img {
  width: 120px !important;
  height: 120px !important;
  display: block;
}
#center_chat_page #popup_general .popup_general_p {
  text-align: center;
  font-size: 11pt;
  padding: 25px 40px 0px 40px;
}
#center_chat_page #popup_general .color_text_inside_popup_chat {
  font-size: 12pt;
  font-family: Lato;
  color: #3097de;
  text-align: center;
}
#center_chat_page #popup_general .chat_popup_see_private_album {
  display: table;
  margin: 25px auto;
  height: 35px;
  text-align: center;
  background: #2a8cd2;
  border-radius: 2px;
  line-height: 35px;
  cursor: pointer;
}
#center_chat_page #popup_general .chat_popup_see_private_album a {
  font-size: 12pt;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  font-family: Lato;
  color: #ffffff;
}
#center_chat_page #popup_general_with_btns #popup_general_with_btns_txt {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 11pt;
  font-family: Lato;
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
  padding: 10px 20px 0px 20px;
}
#center_chat_page #popup_general_with_btns .popup_general_with_btns_btns {
  height: 35px;
  margin: 0 auto;
  padding-top: 20px;
  display: table;
}
#center_chat_page #popup_general_with_btns_answer_btn,
#center_chat_page #popup_general_with_btns_cancel_btn {
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  background: #3097de;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: none;
  cursor: pointer;
}
#center_chat_page #popup_general_with_btns_cancel_btn {
  color: #000;
  background-color: #fff;
  border: 1px solid #b8b8b8;
}
#center_chat_page #popup_general_with_btns #popup_general_with_btns_cancel_btn,
#ask_accepted_see_profile_btn {
  width: 110px;
  height: 35px;
  display: inline-block;
}
#center_chat_page #popup_general_with_btns #popup_general_with_btns_txt_name {
  display: inline-block;
  color: #3097de;
}
.msg.from_me #popup_general_with_btns,
.msg.from_me #popup_general {
  float: right;
}
#center_chat_page .controls .image_container {
  display: inline-block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 10px 0 0 0;
}
#center_chat_page .controls .image_container img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#new-my-messages #new_message {
  display: inline-block;
  width: 390px;
}
#center_chat_page #send_message {
  display: inline-block;
  margin: unset;
  padding: 10px 0px;
  float: right;
  border-top: none;
}
/*********
	WALL *
**********/
.text2_activity {
  display: inline-block;
  width: auto;
}
.photo_wall {
  height: 60px;
  width: auto ;
  display: inline-block;
  float: right;
}
/************
 * MEETINGS *
 ************/
#meetings_search_top_1 {
  width: 100%;
  display: block;
}
.meetings_Iam,
.meetings_lookingFor,
.meetings_age,
.meet_schedule,
.meet_when,
#meet_for {
  width: 200px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
#meetings_search_top .selectric-items {
  left: unset;
  right: 0 !important;
}
.search_label {
  width: 70px;
}
.contact_label {
  width: 100px;
}
#meetings_search_top_2 {
  width: auto !important;
  margin: 0;
  margin-top: 15px;
  display: inline-block;
  float: left;
}
.sel87 {
  display: none;
}
.ans_txt {
  width: auto;
}
.photo_wall_slick {
  position: relative;
  display: block !important;
  width: 310px !important;
  float: right;
  height: 60px !important;
}
.photo_wall_slick.slick-slider {
  margin-left: 0 !important;
  width: 310px !important;
  height: 60px !important;
  display: block !important;
}
.photo_wall_slick .slick-list {
  height: 60px !important;
  width: 310px !important;
}
.photo_wall_slick .slick-slide {
  position: relative !important;
}
.photo_wall_slick .slick-prev,
.photo_wall_slick .slick-next {
  width: 25px !important;
  background: rgba(0, 0, 0, 0.6);
}
.photo_wall_slick .slick-prev:before,
.photo_wall_slick .slick-next:before {
  font-size: 35px !important;
}
.photo_wall_slick i.locked {
  background-position: -252px -161px;
  top: 40px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  zoom: 0.7;
}
img.blur_light:parent a {
  overflow: hidden;
}
img.blur_strong:parent a,
img.not_valid:parent a {
  overflow: hidden;
}
.wall_icons {
  left: 55px;
  top: 27px;
}
.user_album_img_container {
  overflow: hidden;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  display: block;
}
.qtip_hover_icons {
  background: #ffffff;
  color: #000000;
  border-color: #e9ecee;
  margin-top: 10px;
  pointer-events: none;
}
.qtip_hover_icons:before {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -20px;
  bottom: 10px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
  z-index: 1;
  border-bottom-color: #e9ecee;
}
.qtip_hover_icons:after {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -18px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
  z-index: 2;
  border-bottom-color: #fff;
}
#access_lnk {
  cursor: pointer;
}
#interests .my_interests {
  font-size: 22px !important;
  font-weight: bold !important;
}
/****
PUSH ONESIGNAL BTN
 */
.button {
  background-color: #008CBA;
  width: 40px;
  height: 20px;
  line-height: 20px;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 12px;
  cursor: pointer;
  position: absolute;
}
/**
 POPUP Alerte
  */
#ban_info_alert {
  position: absolute;
  top: 0px;
  z-index: 999999;
  background-color: #fcc02e;
  left: 0px;
  right: 0px;
  height: 62px;
}
#ban_info_alert .x {
  float: right;
}
#ban_info_alert .ban_body {
  margin: 10px;
}
/**
Nouveau DESIGN Juin 2019
 */
#link-match {
  float: right;
  padding: 20px 0px;
  color: #3097de;
  font-size: 15px;
  margin-right: 10px;
}
#link-match a {
  display: inline-flex;
  color: #3097de;
}
#link-match img {
  padding-right: 5px;
}
#game_tab {
  width: 100%;
  text-align: center;
  min-height: 400px;
}
#game_tab .btn_match {
  height: 100px;
  width: 250px;
  margin: 15px auto;
}
#game_tab .btn_match div {
  cursor: pointer;
  margin: 0px 10px;
  width: 96px;
  height: 96px;
}
#game_tab .btn_match .btn_like {
  background: url("../img/btn_icon_like.png") no-repeat;
  float: right;
}
#game_tab .btn_match .btn_dislike {
  background: url("../img/btn_icon_dislike.png") no-repeat;
  float: left;
}
#game_tab .infos {
  margin-top: 15px;
}
#game_tab .infos .pseudo {
  color: #4b5258;
  font-size: 22px;
  font-weight: bold;
}
#game_tab .infos .age_ville {
  color: #949fab;
  font-size: 16px;
  margin-top: 5px;
}
.no-match-section {
  text-align: center;
}
.no-match-section .action_button {
  width: 130px;
  height: 32px;
  border: none;
  background: no-repeat center center #3097de;
  -pie-background: no-repeat center center #3097de;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  color: white;
  font-weight: bold;
}
.photo_mach_like {
  width: 430px;
  height: 430px;
  overflow: hidden;
  margin: 0px auto;
  padding-top: 7px;
}
.photo_mach_like .main_picture {
  width: 430px;
}
.photo_mach_like .photo_detail {
  height: 40px;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  position: relative;
  bottom: 60px;
  width: 430px;
  color: white;
  display: inline-block;
  padding-top: 20px;
}
#btn_match_voir_album {
  cursor: pointer;
  color: white;
  display: inline-flex;
  font-size: 16px;
}
#btn_match_voir_album img {
  margin-right: 15px;
}
#matches_tab #new_users_albums #ul_result {
  height: auto !important;
}
/** Popup V3 */
#popup_v3 {
  display: none;
}
.popup_v3 {
  position: relative;
  top: 10px;
  margin-bottom: 10px;
  border: 1px solid #bcd8eb;
  border-radius: 3px;
  background: white;
  width: 100%;
  min-height: 70px;
}
.popup_v3 .left-part {
  float: left;
  height: 70px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 100px;
  margin-left: 25px;
}
.popup_v3 .left-part .match {
  vertical-align: middle;
  display: inline-block;
  top: 11px;
  position: absolute;
  cursor: pointer;
}
.popup_v3 .content {
  float: left;
  cursor: pointer;
  font-size: 13pt;
  position: relative;
  top: 26px;
  max-width: 900px;
}
.popup_v3 .right-part {
  float: right;
  width: 36px;
  padding-top: 27px;
}
.popup_v3 .right-part .icon_closed {
  height: 16px;
  width: 16px;
  margin-right: 20px;
  cursor: pointer;
}
.popup_v3 .left-custom {
  display: none;
}
.popup_v3 .img-match {
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 8px;
}
.popup_v3 .ico-match {
  position: absolute;
  top: -4px;
  left: 30px;
}
/** Compteur à rebour Tchat */
#compteur_a_rebour_content {
  display: none;
  background: #def2ff;
  height: 240px;
  bottom: 14px;
  position: absolute;
  width: 555px;
  text-align: center;
}
#compteur_a_rebour_content .compteur_a_rebour_txt {
  font-size: 16px;
  margin-top: 25px;
}
#compteur_a_rebour_content .compteur_a_rebour_cpt {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  color: #3097de;
}
#compteur_a_rebour_content .take_abo_chat_page_msg {
  margin-top: 25px;
  top: 0px;
}
#center_chat_page .blur_div {
  filter: blur(3px);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/** Album photo */
.zone_filtre .btn-group:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.zone_filtre .btn-group:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.zone_filtre .btn-custom {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  min-width: 85px;
  padding: 0 20px;
  height: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.zone_filtre .btn-custom.active {
  background: #EEEEEE;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#search_tag_results .tag_selected {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 7px 10px;
  font-size: 16px;
}
#search_tag_results .tag_selected .btn_close_tags {
  cursor: pointer;
  padding-left: 10px;
}
#search_tag_results .profile_and_photos {
  background: #FFFFFF;
  margin-bottom: 10px;
  padding: 12px;
}
#search_tag_results .small_preview_carousel {
  width: 460px !important;
}
#search_tag_results .small_preview2 {
  width: 460px !important;
  height: 265px !important;
  margin: 0;
}
#search_tag_results .small_preview2 a {
  width: 225px !important;
  height: 265px !important;
}
#search_tag_results .profile_left {
  margin: 0;
  padding: 0;
  border: none;
}
/** Round Profile (pour Albums pour l'instant) */
.round_profile .user-album {
  width: 180px;
  padding: 0 17px;
}
.round_profile .user-album img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 180px;
  height: 180px;
}
.round_profile .onlineState {
  top: 10px;
  left: 5px;
}
.round_profile .photos-count {
  padding: 0;
  height: auto;
  width: 50px;
  background-position: 0px 0px;
  left: 82px;
  color: #4b5258;
  background: url(../img/photos-count-v3-gray.png) no-repeat;
  background-color: transparent;
}
.round_profile .addf_chat {
  display: none !important;
}
.round_profile .name {
  color: #4b5258;
}
#ul_result li.round_profile:hover .photos-count {
  bottom: 0 !important;
}
/** Meeting */
#meetings_search_top {
  width: auto !important;
  background: #f7f7f7 !important;
}
.selectric .button {
  /* a cause des gens idiots ... */
  padding: 0;
}
#meetings_search_top .selectric {
  background-color: #FFFFFF !important;
}
#meetings_search_top .selectric .button:after {
  border-top-color: #999999 !important;
}
#meetings_search_top .selectric .button {
  width: 28px !important;
  height: 28px !important;
  background-color: #FFFFFF !important;
}
#meetings_search_top .selectric .label {
  line-height: 28px !important;
  height: 28px !important;
}
#meetings_search_top .meet_when,
#meetings_search_top #meet_for {
  cursor: pointer;
  width: 300px !important;
}
#meet_for {
  padding: 0 !important;
}
#meetings_search_top .meet_when .search_label {
  width: 150px;
}
#meetings_search_top .meet_list_plus {
  display: none;
  position: absolute;
  border-radius: 3px;
  background: white;
  z-index: 5;
  padding: 10px;
  padding-bottom: 20px;
  left: 170px;
  width: 400px;
}
#meetings_search_top .meet_for_list {
  left: 400px;
}
#meetings_search_top .selectric .button-plus {
  background: 6px 6px url('../img/button-plus.png') no-repeat;
}
#meetings_search_top .selectric .button-plus:after {
  border: none !important;
}
#meetings_search_top .meetings_photo {
  float: left;
  margin-top: 9px;
}
#meetings_search_top .meet_list_plus .chbox_label {
  background-color: #FFFFFF !important;
}
.meet_schedule {
  width: 250px;
}
#my_guests_block .h1,
#voteforphoto_block .h1 {
  color: #636364;
}
#my_guests_block .h1 span {
  color: #ff006e;
  font-weight: bold;
}
#my_guests_block .zone_filtre {
  float: left;
}
#my_guests_block .messages_top_nav {
  text-decoration: underline;
  text-decoration-style: dashed;
  font-weight: bold;
}
.close_btn_v3 {
  background: url('../img/close_btn_v3.png') no-repeat;
  cursor: pointer;
  float: right;
  width: 12px;
  height: 12px;
}
/** Votes */
#voteforphoto_block #form_top {
  float: left;
}
#voteforphoto_block .zone_filtre {
  float: right;
}
#voteforphoto_block .selectric-items {
  left: 80px;
}
#voteforphoto_block .vote_field_content {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 100;
  width: 100%;
  height: 115px;
}
#voteforphoto_block .vote_field_content .vote_field {
  background: none !important;
  left: 0;
  left: 50%;
  margin-left: -100px;
  bottom: auto;
  margin-top: 10px;
}
#voteforphoto_block .vote_field_content .name6 {
  padding: 0;
  margin-top: 5px;
}
#voteforphoto_block .vote_field_content .name6 a {
  color: white !important;
}
#voteforphoto_block .vote_field_content .vote_note {
  border: none;
  float: none;
}
#voteforphoto_block .vote_field_content .vote_note .vote {
  border: none;
  width: 100%;
  padding: 0;
  position: absolute;
  bottom: 20px;
}
/** Mon Compte */
.h1.p_compte {
  padding: 0px !important;
}
.h1.p_compte span {
  font-weight: bold;
  color: #3097de;
}
#subscr_part1,
#subscr_part2 {
  background-color: #f9ffed;
  margin-top: 11px !important;
  padding: 30px;
  border: 1px solid #dcdcdc;
}
#subscr_part1 .subscr_left,
#subscr_part2 .subscr_left {
  width: 100% !important;
  float: none !important;
}
#subscr_part1 .subscr_left_top,
#subscr_part2 .subscr_left_top {
  border: none !important;
  background: inherit !important;
  padding-bottom: 30px;
}
#subscr_part1 .subscr_p1,
#subscr_part2 .subscr_p1 {
  font-weight: initial;
  padding-right: 0px !important;
  width: 98%;
}
#subscr_part1 .subscr_p2,
#subscr_part2 .subscr_p2 {
  color: #86c313;
}
#subscr_part1 #p_compte_label_actif,
#subscr_part2 #p_compte_label_actif {
  color: #86c313;
  display: block;
  border: 1px dashed #86c313;
  border-radius: 20px;
  font-weight: bold;
  width: 90px;
  font-size: 15pt;
  margin: 15px auto 0 auto;
  vertical-align: middle;
  padding: 5px;
}
.p_compte_date_start_end {
  font-weight: bold;
}
.subscr_stop_bnt_v3 {
  border: 1px solid #dcdcdc !important;
  border-radius: 3px !important;
  background: none !important;
  color: #3097de !important;
  text-decoration: none !important;
  padding: 10px !important;
  line-height: initial !important;
  display: inline-block !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
}
#stop_subsc_mail {
  width: 180px;
  text-align: center;
}
.subscr_bottom {
  background: white !important;
  padding: 20px 30px;
  border: 1px solid #dcdcdc;
  border-top: none;
  text-align: center;
  min-height: 100px;
}
.subscr_bottom #logout_btn {
  background: #3097de;
  color: white;
}
.subscr_bottom #manager_newsletter_btn {
  background: none;
  color: #3097de;
  float: left;
  border: 1px solid #dcdcdc;
}
.subscr_bottom #delete_account_btn {
  background: none;
  color: #ff6678;
  float: right;
  border: 1px solid #dcdcdc;
}
/** Top Vote */
#my_guests_block .h1 {
  width: 100%;
}
.link-back-votez {
  padding: 20px 0px;
  color: #3097de;
  font-size: 15px;
  right: 0px;
  position: absolute;
}
#search_top_photos #gender2 {
  width: 165px;
}
#search_top_photos #gender2 .search_label {
  width: 35px;
}
#search_top_photos #gender2 .selectric-items {
  left: 35px;
}
#search_top_photos #age2 {
  width: 165px;
}
#search_top_photos #age2 .search_label {
  padding-left: 30px;
  width: 35px;
}
#search_top_photos #age2 .selectric-items {
  left: 65px;
}
#search_top_photos #chboxes2 {
  padding-left: 30px;
}
/** Floutage sous IE10 et IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  img.locked {
    opacity: 0.5 !important;
    transform: skew(40deg, 36deg);
  }
}
/** Global */
.content_left.nobackground {
  background: none !important;
}
.btn_custom_v3 {
  border-radius: 3px !important;
  cursor: pointer;
  text-decoration: none !important;
  padding: 10px !important;
  line-height: initial !important;
  display: inline-block !important;
}
/** Pub Coreg Promotion */
.coreg-advert {
  cursor: pointer;
}
.conteneur-ad_promotion {
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 1100px;
  margin: 0 auto;
  min-width: 1100px;
}
.head-ad_promotion {
  background-color: #3097de;
  height: 45px;
  color: white;
  padding-left: 30px;
  display: flex;
  align-items: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.adv-promo-grid {
  background: #f1f4f6;
  padding-top: 20px;
  display: block;
  height: 100%;
}
.adv-promo-grid div[class^='conteneur_partenaire_'] {
  width: auto;
  float: left;
  margin-bottom: 25px;
  margin-right: 25px;
}
.adv-promo-grid.delete-page div[class^='conteneur_partenaire_'],
.adv-promo-grid.mailing-page div[class^='conteneur_partenaire_'],
.adv-promo-grid.desabo-page div[class^='conteneur_partenaire_'] {
  width: auto;
  float: left;
  margin-bottom: 25px;
  margin-right: 5px;
}
.adv-promo-grid div[class^='conteneur_partenaire_']:nth-child(3n) {
  margin-right: unset;
}
.adv-promo-grid.delete-page div[class^='conteneur_partenaire_']:nth-child(2n),
adv-promo-grid.mailing-page div[class^='conteneur_partenaire_']:nth-child(2n),
adv-promo-grid.desabo-page div[class^='conteneur_partenaire_']:nth-child(2n) {
  margin-right: unset;
}
.adv-promo-grid.delete-page div[class^='conteneur_partenaire_']:nth-child(3n),
.adv-promo-grid.mailing-page div[class^='conteneur_partenaire_']:nth-child(3n),
adv-promo-grid.desabo-page div[class^='conteneur_partenaire_']:nth-child(3n) {
  margin-right: 5px;
}
#img_loader {
  width: 50px;
}
.show_rdv {
  /* display:none a cause du coronavirus */
  /* display:none !important;*/
}
/**
pub bottom link text
 */
div[class^='conteneur_partenaire_'].pub_ad_link_landing {
  float: left;
  padding-right: 15px;
  padding-bottom: 10px;
}
div[class^='conteneur_partenaire_'].pub_ad_link_landing a {
  display: block;
  text-decoration: none;
  outline: none;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
}
div[class^='conteneur_partenaire_'].pub_ad_link_landing a:hover {
  text-decoration: underline;
}
/**
no offers message
 */
#no_offers_section {
  display: flex;
  height: auto;
  width: auto;
  justify-content: center;
  align-items: center;
  background: #F2F4F6;
  padding-top: 20px;
}
#no_offer_wrapper {
  background: #ffffff;
  padding: 40px 40px 40px 80px;
  border-radius: 4px;
  margin: 40px;
}
#no_offer_wrapper::before {
  content: url('/public/img/box.svg');
  position: absolute;
  width: 200px;
  transform: translate(-115%, -50%);
}
#no_offer_wrapper h2 {
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #CCCCCC;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
#no_offer_subtitle {
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #CCCCCC;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
}
#no_offer_wrapper a {
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #EF5350;
  text-decoration: none;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  #no_offer_wrapper::before {
    left: 50%;
    transform: translate(-50%, -115%) !important;
  }
  #no_offer_wrapper {
    padding: 80 20px 20px 20px !important;
    margin: 20px !important;
  }
}
/**
page before_lougout
 */
#logout_step2 {
  background: #3097de;
  color: white;
  padding-right: 20px;
  padding-left: 20px;
}
.before-logout-btn-section {
  text-align: center;
  margin-top: 20px;
}
/*
pub header menu
 */
#h-pub-btn {
  margin: 5px 15px 0 0px;
  max-height: 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: right;
  cursor: pointer;
  display: block;
  position: relative;
}
#h-pub-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
/*
pub before search
 */
.pub_before_search {
  margin-top: 10px;
  max-width: 1200px;
  max-height: 100px;
  overflow: hidden;
}
.pub_before_search img {
  max-width: 100%;
}
/*
pub after search
 */
.pub_after_search {
  margin-bottom: 10px;
  max-width: 728px;
  max-height: 90px;
  overflow: hidden;
}
.pub_after_search img {
  max-width: 100%;
}
/* popup pseudo_change */
#new-add-photo.pseudo_change .h1 {
  display: block;
  text-align: left;
  font-weight: 700;
  font-size: 19px;
  color: #2968b5;
  line-height: 1.2;
  width: 100%;
}
#new-add-photo.pseudo_change .txt-1 {
  display: block;
  padding-bottom: 55px;
  font-weight: 700;
  font-size: 17px;
  color: #323232;
  line-height: 1.3;
}
#new-add-photo.pseudo_change .label-1 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: -26px;
  left: 0;
}
#new-add-photo.pseudo_change .top {
  padding: 40px 20px 20px 20px;
}
.pseudo_change #error-txt {
  color: #ff0000;
  float: right;
  position: relative;
  left: -80px;
  width: 200px;
}
/* popup ephemere */
.ephem-perc {
  color: #fff !important;
  background-color: #FFF;
}
.ephem-container {
  background-color: #0D7AC5;
  width: 240px;
  margin-top: 75px;
}
.greenStyle .ephem-container {
  background-color: #199862;
}
.violetStyle .ephem-container {
  background-color: #9636A7;
}
#alert_container {
  position: fixed;
  z-index: 1500;
}
.new_visit.whiteStyle {
  background-color: #fff;
}
.new_visit.redStyle {
  background-color: #F5006E;
}
.new_visit.blueStyle {
  background-color: #3098DF;
}
.new_visit.greenStyle {
  background-color: #2AB379;
}
.new_visit.violetStyle {
  background-color: #B95ACA;
}
.new_visit .bubble-text {
  background-color: #0D7AC5;
  color: #fff;
  padding: 7px 15px;
  border-radius: 3px;
  display: inline-block;
  min-width: 100px;
}
.bubble-text::after {
  content: "";
  border-left: 0;
  border-right: 17px solid transparent;
  border-top: 20px solid #0D7AC5;
  position: absolute;
  left: 68px;
}
.bubble {
  margin-bottom: 10px;
}
.new_visit.whiteStyle .bubble-text {
  background-color: #F1F2F1;
  color: #757675;
}
.new_visit.redStyle .bubble-text {
  background-color: #D50361;
}
.new_visit.blueStyle .bubble-text {
  background-color: #0D7AC5;
}
.new_visit.greenStyle .bubble-text {
  background-color: #199862;
}
.new_visit.violetStyle .bubble-text {
  background-color: #9636A7;
}
.new_visit.whiteStyle .bubble-text::after {
  border-top: 20px solid #F1F2F1;
}
.new_visit.redStyle .bubble-text::after {
  border-top: 20px solid #D50361;
}
.new_visit.blueStyle .bubble-text::after {
  border-top: 20px solid #0D7AC5;
}
.new_visit.greenStyle .bubble-text::after {
  border-top: 20px solid #199862;
}
.new_visit.violetStyle .bubble-text::after {
  border-top: 20px solid #9636A7;
}
.new_visit_top {
  color: #aaa;
  font-size: 12px;
  font-family: Lato, Helvetica, Arial, sans-serif;
}
.whiteStyle .new_visit_top {
  color: #757675;
}
.violetStyle .new_visit_top,
.greenStyle .new_visit_top,
.blueStyle .new_visit_top,
.redStyle .new_visit_top {
  color: #FFFFFF;
}
.new_visit .view_profile_btn {
  margin-top: 0px;
}
.whiteStyle .view_profile_btn {
  background: #F5006E;
  color: #fff;
}
.violetStyle .view_profile_btn,
.greenStyle .view_profile_btn,
.blueStyle .view_profile_btn,
.redStyle .view_profile_btn {
  background: #fff;
  color: #333333;
}