@charset "utf-8";
/* RESET */
* { box-sizing: border-box; outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.cf:before, .cf:after, ul:before, ul:after, .container:before, .container:after, h2:before, h2:after, h3:before, h3:after, .buttons .button:before, .buttons .button:after, .content .box:before, .content .box:after, .buttons:before, .buttons:after { content: ""; display: table; }
.cf:after, ul:after, .container:after, h2:after, h3:after, .buttons .button:after, .content .box:after, .buttons:after { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
strong { font-weight: 700; }
/* STYLE */
body, input, select, textarea, button { font-family: 'Open Sans', sans-serif; }
body { font-size: 14px; line-height: normal; padding-top: 90px; }
body.join { padding-top: 0; }
a { text-decoration: none; }
.thumb { position: relative; }
.status { border-radius: 0; bottom: 1px; height: 8px; position: absolute; right: 1px; width: 8px; }
.thumb i.is_favorite { left: 2px; position: absolute; top: 2px; }
.container { margin: 0 auto; position: relative; width: 980px; }
.site_header { background-image: url(graphics/header_bg.png); background-position: left bottom; background-repeat: repeat-x; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 3; }
.site_header .container { height: 90px; }
.site_header .logo:hover { opacity: 0.9; }
.site_header nav { float: right; }
.site_header nav li { float: left; position: relative; }
.site_header nav a { display: block; font-size: 12px; height: 90px; line-height: 12px; opacity: 0.75; overflow: hidden; padding: 29px 10px 0; position: relative; text-align: center; text-decoration: none; }
.site_header nav a:hover, .site_header nav a.current { opacity: 1; }
.site_header nav a.current { border-bottom: 2px solid; }
.site_header nav i { margin: 0 auto 5px; }
.site_header nav .count { border-radius: 8px; display: block; font-size: 10px; font-weight: 600; height: 15px; left: 50%; line-height: 15px; min-width: 24px; padding: 0 5px; position: absolute; text-align: center; top: 10px; transform: translate(-50%, 0); }
.site_header nav .count:after { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid; content: ""; height: 0; left: 50%; margin-left: -3px; position: absolute; top: 15px; width: 0; }
.site_header nav i.drop_down { left: 50%; margin: 0 0 0 -8px; position: absolute; top: 70px; }
.site_header nav .avatar { background-size: cover; border: 1px solid; border-radius: 5px; display: block; height: 32px; position: relative; top: -1px; width: 32px; }
.site_header nav .drop { border-radius: 0 0 4px 4px; max-height: 0; overflow: hidden; position: absolute; right: 0; top: 100%; }
.site_header nav li.has_drop:hover .drop { max-height: 500px; }
.site_header nav .drop li { border-bottom: 1px solid; float: left; width: 100%; }
.site_header nav .drop li:last-of-type { border: 0; }
.site_header nav .drop a { border: 0; display: block; height: auto; line-height: 16px; padding: 8px; position: relative; text-align: left; white-space: nowrap; width: 200px; }
.site_header nav .drop a i { float: left; margin: 0 8px 0 0; }
h2 { font-size: 18px; font-weight: 700; letter-spacing: -1px; line-height: 18px; margin-top: -3px; padding-bottom: 8px; }
h2 span { float: right; font-size: 11px; font-weight: 400; letter-spacing: normal; vertical-align: middle; }
h2 span select { border: 1px solid; border-radius: 3px; font-size: 11px; margin: 0 0 0 5px; padding: 0; vertical-align: middle; }
h2 span .status { border-radius: 2px; bottom: auto; display: block; float: right; height: 12px; left: auto; margin-left: 8px; position: relative; right: auto; top: 3px; width: 12px; }
h2 span a { overflow: hidden; }
h2 span a i { float: right; margin: 1px 0 0 5px; }
h3 { font-size: 16px; font-weight: 600; line-height: 16px; padding-bottom: 10px; }
h3 + p { font-size: 13px; margin-top: -6px; padding-bottom: 10px; }
/* MATCHES CAROUSEL */
.matches_carousel, .profile_topper, .join_form_topper, .upgrade_topper { background-image: url(graphics/topper_bg.png); background-position: left bottom; background-repeat: repeat-x; position: relative; z-index: 1; }
.matches_carousel h2 { padding-bottom: 18px; padding-left: 5px; }
.matches_carousel .container { padding: 20px 0; width: 990px; }
.profile_topper .container { padding: 20px 0; width: 980px; }
.upgrade_topper .container { height: 10px; width: 980px; }
.slick-slider { -khtml-user-select: none; -moz-box-sizing: border-box; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; }
.slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { display: block; left: 0; position: relative; top: 0; }
.slick-track:before, .slick-track:after { content: ''; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; }
.slick-arrow.slick-hidden { display: none; }
.slick-slider button { border: 0; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; }
.slick-loading .slick-list { background-image: url(graphics/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; }
.slick-prev, .slick-next { margin-top: -24px; opacity: 1; position: absolute; top: 50%; }
.slick-prev { left: -37px; }
.slick-next { right: -39px; }
.slick-prev:hover, .slick-next:hover { opacity: 0.75; }
.slick-dots { position: absolute; right: 5px; top: -33px; }
.slick-dots li { float: left; margin-left: 5px; }
.slick-dots li button { border-radius: 5px; height: 10px; width: 10px; }
.slick-slide { display: none; float: left; overflow: hidden; padding: 0 6px; position: relative; width: 236px; }
.slick-slide a { border-radius: 5px; display: block; font-size: 11px; line-height: 14px; overflow: hidden; padding: 10px; position: relative; vertical-align: middle; }
.slick-slide a strong { font-size: 13px; font-weight: 600; }
.slick-slide a i { display: inline-block; margin: -2px 4px 0 0; vertical-align: middle; }
.slick-slide a .thumb { display: block; height: 216px; margin-bottom: 10px; overflow: hidden; width: 216px; background-position: center center; background-size: cover; }
.slick-slide a .thumb img { float: left; height: auto!important; width: 100%; }
/* CONTENT */
.error_message{ background-color: #900; padding: 9px; margin: 0 0 10px 0; color: white; font-size: 110%; }
input#e,textarea#e,select#e { border: 2px solid #900; background: #FDD; }
.content_wrap { margin-bottom: 20px; padding-top: 1px; position: relative; z-index: 2; }
.content { float: right; margin: 20px 0 0; position: relative; width: 670px; z-index: 1; }
.content hr, .site_footer hr { border: 0; clear: both; height: 1px; margin: 20px 0; padding: 0; }
.content h2 + hr { margin-top: 12px; }
.content .box { border: 1px solid; border-radius: 5px; margin-bottom: 20px; padding: 20px; position: relative; }
.content .box.p10 { padding: 10px; }
.content_wrap.no_sidebar .content { float: left; width: 100%; }
.question { border: 1px solid; overflow: hidden; padding: 10px; }
.question p { padding-bottom: 20px; }
.question p em { display: block; font-style: italic; font-weight: 600; padding-bottom: 10px; }
.question li { float: left; width: 25%; }
.question label { border: 1px solid; border-right: 0; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 32px; line-height: 16px; overflow: hidden; padding: 7px 7px 7px 32px; position: relative; }
.question label input { display: none; }
.question label i { left: 7px; position: absolute; top: 7px; }
.question label i i { left: 0; top: 0; }
.question label .cmark_on { opacity: 0; }
.question label .cmark_off { opacity: 1; }
.question label.checked .cmark_on { opacity: 1; }
.question button { border: 1px solid; border-left: 0; cursor: pointer; display: block; font-size: 12px; font-weight: 600; line-height: 16px; margin: 0; overflow: hidden; padding: 7px; position: relative; text-align: left; width: 100%; }
.question button i.chev_right { margin-top: -8px; position: absolute; right: 4px; top: 50%; }
.activity_feed li { border: 1px solid; border-radius: 5px; margin-bottom: 5px; min-height: 68px; overflow: hidden; padding: 20px; position: relative; }
.activity_feed li:last-of-type { margin: 0; }
.activity_feed .header { min-height: 40px; overflow: hidden; padding-left: 50px; position: relative; }
.activity_feed .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; height: 40px; left: 0; position: absolute; top: 0; width: 40px; }
.activity_feed h3 { font-size: 14px; font-weight: 400; line-height: 20px; }
.activity_feed h3 a { font-weight: 700; }
.activity_feed h3 span { display: block; font-size: 12px; }
.activity_feed .like_wrap { font-size: 12px; height: 16px; line-height: 16px; margin: 0; position: absolute; right: 0; top: 0; vertical-align: middle; }
.activity_feed .like_wrap .like_toggle { overflow: hidden; }
.activity_feed .like_wrap .like_toggle i { float: left; }
.activity_feed .like_wrap .like_count { border-radius: 8px; display: inline-block; font-size: 10px; font-weight: 600; height: 16px; line-height: 16px; margin-left: 8px; min-width: 24px; padding: 0 5px; text-align: center; vertical-align: top; }
.activity_feed hr { clear: both; margin: 10px 0; }
.activity_feed .entry p { font-size: 14px; line-height: 16px; }
.activity_feed .entry p em { display: block; font-size: 15px; font-style: italic; font-weight: 600; padding-bottom: 10px; }
.activity_feed .entry .images { min-height: 60px; overflow: hidden; }
.activity_feed .entry .image { background-position: center center; background-size: cover; border: 1px solid; display: block; float: left; height: 60px; margin: 1px; position: relative; width: 60px; }
.activity_feed + .show_more { margin-bottom: 18px; }
.activity_feed + .show_more a { border-radius: 0 0 5px 5px; display: block; font-size: 13px; line-height: 32px; margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 250px; }
.buttons { clear: both; min-height: 24px; position: relative; text-align: center; z-index: 10; }
.buttons .left { float: left; }
.buttons .right { float: right; }
.buttons .button { display: inline-block; height: 32px; margin: 0 2px; padding: 0; position: relative; }
.buttons .button.left, .buttons .button.right { display: block; margin: 0; }
.buttons .button span { display: block; float: left; padding: 8px; position: relative; }
.buttons .button.hellip { font-weight: 700; line-height: 24px; min-width: 16px; padding: 0 2px; }
.buttons .button .label { font-size: 11px; line-height: 16px; min-width: 60px; padding: 8px 16px; }
.buttons .button.icon_l .icon { border-radius: 3px 0 0 3px; }
.buttons .button.icon_r .icon { border-radius: 0 3px 3px 0; }
.buttons .button.icon_l .label { border-radius: 0 3px 3px 0; }
.buttons .button.icon_r .label { border-radius: 3px 0 0 3px; }
.buttons .button.label_only .label { border-radius: 3px; min-width: 32px; padding: 8px; }
.buttons .button.icon_only .icon { border-radius: 3px; }
.buttons .left + .left { margin-left: 5px; }
.buttons .right + .right { margin-right: 5px; }
.buttons .button.disabled { cursor: not-allowed; opacity: 0.25; }
.buttons .button.active:after { border-bottom: 6px solid; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; height: 0; position: absolute; top: 26px; width: 0; }
.buttons .left .button.active:after { left: 5px; }
.buttons .right .button.active:after { right: 5px; }
.buttons .button.toggle .label { padding-right: 24px; }
.buttons .button.toggle .label i { content: ""; margin-top: -8px; position: absolute; right: 4px; top: 50%; }
.buttons .form { width: auto; }
.buttons .form .cmark_radio_wrap { margin: 0!important; }
.buttons + .panels { clear: both; }
.panels .panel { border: 1px solid; border-radius: 0 0 3px 3px; border-top-width: 2px; display: none; margin-top: 8px; text-align: left; }
.panels .panel.open { display: block; }
.panels .submenu li { float: left; width: 20%; }
.panels .submenu li a { border: 1px solid; border-right-width: 0; display: block; font-size: 12px; font-weight: 600; height: 32px; line-height: 16px; overflow: hidden; padding: 7px 7px 7px 24px; position: relative; text-align: center; }
.panels .submenu li:last-child a { border-right-width: 1px; }
.panels .submenu li a i { left: 7px; position: absolute; top: 7px; }
.panels .submenu li a i i { left: 0; top: 0; }
.panels .submenu li a .cmark_on { opacity: 0; }
.panels .submenu li a .cmark_off { opacity: 1; }
.panels .submenu li a.checked .cmark_on { opacity: 1; }
.panels .submenu li a.checked .ink { display: none; }
.panels .submenu li a.disabled { cursor: not-allowed; opacity: 0.5; }
.tabs { width: 100%; }
.tabs li { float: left; }
.tabs.x2 li { width: 50%; }
.tabs.x3 li { width: 33.333333333333%; }
.tabs.x4 li { width: 25%; }
.tabs.x5 li { width: 20%; }
.tabs li a { border-bottom: 1px solid; border-right: 1px solid; display: block; font-size: 12px; line-height: 32px; overflow: hidden; padding: 5px 0; position: relative; text-align: center; vertical-align: middle; }
.tabs li:last-of-type a { border-right: 0; }
.tabs.floating { margin-bottom: 15px; }
.tabs.floating li a { border: 1px solid; border-right-width: 0; }
.tabs.floating li:first-of-type a { border-radius: 5px 0 0 5px; }
.tabs.floating li:last-of-type a { border-radius: 0 5px 5px 0; border-right-width: 1px; }
.tabs li a i { display: inline-block; margin: 0 5px 0 0; position: relative; top: -1px; vertical-align: middle; }
.tabs li a.current .ink { display: none; }
.tab_container .tab_panel { display: none; overflow: hidden; padding: 10px; }
.content h4 { font-size: 14px; font-weight: 700; line-height: 24px; overflow: hidden; }
.content h4 i { float: left; margin-right: 5px; }
.content h4 + hr { margin: 10px 0; }
.panels hr { margin: 0 0 10px; }
.refine { border-top: 1px solid; margin: 0; padding: 10px 0; }
.pad_10 { padding: 10px; }
.thumb_grid { margin-bottom: 10px; overflow: hidden; }
.thumb_grid:last-child { margin-bottom: -10px; }
.thumb_grid li { float: left; margin: 0 10px 10px 0; width: 160px; }
.thumb_grid li:nth-child(4n) { margin-right: 0; }
.thumb_grid li a { border: 1px solid; border-radius: 5px; display: block; font-size: 12px; overflow: hidden; padding: 10px; position: relative; text-align: center; }
.thumb_grid li a i { display: inline-block; margin: -2px 4px 0 0; vertical-align: middle; }
.thumb_grid li .thumb { background-position: center center; background-size: cover; display: block; height: 138px; margin-bottom: 10px; position: relative; width: 138px; }
.thumb_grid li a span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.thumb_grid li .thumb:after { content: ""; opacity: 1; position: absolute; right: 0; top: 0; }
.thumb_grid li .thumb:before { content: ""; opacity: 1; position: absolute; right: 0; top: 0; }
.thumb_grid li .thumb.ppic:after { opacity: 1; }
.thumb_grid li .thumb.priv:before { opacity: 1; }
.thumb_grid li a.private .thumb:after, .entry a.image.private:after { background-image: url(graphics/private.png); background-position: center center;
	background-repeat: no-repeat; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; }
.entry a.image.private:after { zoom:.5; opacity:.7 }
.no_sidebar .thumb_grid li { margin: 0 10px 10px 0; width: 188px; }
.no_sidebar .thumb_grid li:nth-child(5n) { margin-right: 0; }
.no_sidebar .thumb_grid li .thumb { height: 166px; width: 166px; }
.profile_topper { overflow: hidden; }
.profile_topper .profile_pic { background-position: center center; background-size: cover; border-radius: 5px; display: block; float: left; height: 190px; margin-right: 20px; width: 190px; }
.profile_topper .profile_info { float: left; font-size: 14px; line-height: 16px; width: 460px; }
.profile_topper .profile_info p { padding: 0 0 4px; vertical-align: middle; }
.profile_topper .profile_info p a { display: inline-block; margin: 0 4px; padding: 0; position: relative; }
.profile_topper .profile_info p a i { float: left; margin: 0 4px 0 -2px; opacity: 1; transform: scale(.75); }
.profile_topper .profile_info p a:after { border-bottom: 2px solid; border-radius: 3px; bottom: -3px; content: ""; height: 20px; left: -4px; position: absolute; right: -4px; z-index: -1; }
.profile_topper .profile_info p.quote { font-size: 16px; font-style: italic; padding: 0 0 10px; }
.profile_topper .profile_info h2 { line-height: 18px; margin: 0; padding: 0 0 10px; }
.profile_topper .profile_info p i { display: inline-block; margin: 0 2px; opacity: 0.2; vertical-align: middle; }
.profile_topper .profile_info p i.true { opacity: 1; }
.profile_topper .profile_actions { border-left: 1px solid; border-right: 1px solid; bottom: 0; padding: 74px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 290px; }
.profile_topper .profile_actions a { border: 2px solid; border-radius: 100%; display: inline-block; height: 50px; margin: 0 2px; overflow: hidden; padding: 11px; position: relative; width: 50px; }
.profile_topper .blocked   { opacity:0.9; }
.profile_topper .blocked a { opacity:0.3; }
.profile_topper .profile_actions a:last-of-type { margin: 0; }
.profile_topper .profile_actions a.disabled { cursor: default; opacity: 0.3; }
.profile_topper .profile_actions a .i16 { opacity: 0; position: absolute; right: 2px; top: 2px; }
.profile_topper .profile_actions a.is_favorite .i16 { opacity: 1; }
.profile_topper .profile_extras { border-radius: 3px 3px 0 0; bottom: 0; font-size: 12px; padding: 8px 0; position: absolute; right: 20px; text-align: center; width: 250px; }
.profile_topper .profile_extras a { opacity: 0.75; }
.profile_topper .profile_extras a:hover { opacity: 1; }
.profile_actions_theme { border-radius: 3px; }
.profile_actions_theme .tooltipster-content { font-size: 12px; line-height: 16px; padding: 4px 8px; }
.profile .about { font-size: 14px; line-height: normal; padding-bottom: 10px; }
.profile .about em { font-size: 170%; color: #999; font-family: serif; }
.profile .data li { border-left: 5px solid; float: left; font-size: 13px; line-height: 16px; margin: 0 8px 8px 0; overflow: hidden; padding: 10px; position: relative; width: 98px; }
.profile .data li:nth-child(6n) { margin-right: 0; }
.profile .data li:last-child { margin-bottom: 0; }
.profile .data li i { display: none; position: absolute; right: 2px; top: 2px; }
.profile .data li.match i { display: block; }
.profile .data li p { line-height: 15px; position: relative; text-align: center; }
.profile .data li strong { display: block; font-size: 11px; font-style: italic; font-weight: 700; left: -5px; position: relative; text-align: left; top: -5px; }
.profile .data li.full { clear: both; margin-right: 0; width: 100%; }
.profile .data li.full strong { display: inline-block; left: 0; margin-right: 10px; text-align: right; top: 0; width: 70px; }
.profile .data li.full p { text-align: left; }
.profile .data li.full i { margin-top: -8px; right: 8px; top: 50%; }
.profile .thumb_grid li .thumb { margin: 0; }
.profile .activity_feed li { padding: 20px; }
.profile .activity_feed .header { min-height: 20px; padding-left: 0; }
.managephotos .thumb_grid li .thumb { margin: 0; }
.managephotos .upload { height: 54px; margin-bottom: 5px; position: relative; width: 100%; }
.managephotos .upload .photo_upload { height: .1px; opacity: 0; overflow: hidden; position: absolute; width: .1px; z-index: -1; }
.managephotos .upload label .i32 { left: 12px; margin-top: -16px; position: absolute; top: 50%; }
.managephotos .upload .buttons { margin-top: -16px; position: absolute; right: 15px; top: 50%; }
.managephotos .upload .photo_upload + label { border: 1px solid; border-radius: 5px; cursor: pointer; display: block; font-size: 16px; height: 54px; line-height: 32px; overflow: hidden; padding: 10px 10px 10px 52px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.managephotos .upload .photo_upload + label.populated { font-size: 14px; padding-right: 120px; text-align: left; }
.managephotos .upload + p { font-size: 12px; line-height: normal; }
.photo_editor { overflow: hidden; }
.photo_editor .left { width: 330px; }
.photo_editor .right { width: 330px; }
.photo_editor .right hr { margin: 10px 0; }
.photo_editor .right .form li { padding: 0; }
.photo_editor .right p { font-size: 13px; line-height: 16px; overflow: hidden; padding-bottom: 5px; }
.photo_editor .right p i { float: left; margin-right: 8px; }
.photo_editor .right .form textarea { height: 115px; }
.photo_editor .frame { border: 1px solid; border-radius: 5px 5px 0 0; padding: 10px; width: 100%; }
.photo_editor .frame > img { display: block; width: 100%; }
.photo_editor #controls { border-radius: 0 0 5px 5px; overflow: hidden; padding: 0; text-align: center; }
.photo_editor #controls a { border-right: 1px solid; display: block; float: left; height: 48px; padding: 8px; text-align: center; width: 20%; }
.photo_editor #controls a i { margin: 0 auto; opacity: .5; }
.photo_editor #controls a:first-of-type { border-radius: 0 0 0 5px; }
.photo_editor #controls a:last-of-type { border: 0; border-radius: 0 0 5px 0; }
.photo_editor #controls a:hover i { opacity: 1; }
.controls_theme { border-radius: 3px; }
.controls_theme .tooltipster-content { font-size: 12px; line-height: 16px; padding: 4px 8px; }
#data { width: 100%; }
#data li { padding: 5px; }
body.guillotine-dragging, body.guillotine-dragging * { cursor: move !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; cursor: grabbing, move;  /* IE hack */ }
.guillotine-window { display: block; position: relative; overflow: hidden; cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; cursor: grab, move;  /* IE hack */ }
.guillotine-canvas { position: absolute; top: 0; left: 0; text-align: center; margin: 0 !important; padding: 0 !important; border: none !important; }
.guillotine-canvas > * { position: absolute; top: 0; left: 0; max-width: none; max-height: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: none !important; }
.guillotine-sample { position: absolute !important; top: -100000px !important; left: -100000px !important; width: auto !important; height: auto !important; }
.sidebar { border-radius: 0 0 5px 5px; float: left; padding: 20px; width: 290px; }
.sidebar .thumb .online { height: 6px; width: 6px; }
.sidebar h2 { padding-bottom: 8px; }
.sidebar .notifications { margin-bottom: 12px; }
.sidebar .notifications li { float: left; margin-bottom: 8px; overflow: hidden; position: relative; width: 100%; }
.sidebar .notifications li a { border-radius: 16px 3px 3px 16px; display: block; font-size: 13px; height: 32px; line-height: 32px; padding: 0 32px 0 40px; position: relative; }
.sidebar .notifications li a span { border-radius: 3px 0 0 3px; left: 0; padding: 8px; position: absolute; top: 0; }
.sidebar .notifications li a i.chev_right { position: absolute; right: 4px; top: 8px; }
.sidebar .viewed { margin-bottom: 18px; }
.sidebar .viewed li { border-bottom: 1px solid; float: left; overflow: hidden; position: relative; width: 100%; }
.sidebar .viewed li:last-of-type { border: 0; }
.sidebar .viewed a { display: block; font-size: 11px; height: 56px; line-height: 14px; overflow: hidden; padding: 5px 24px 5px 60px; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .viewed a strong { font-size: 13px; font-weight: 700; }
.sidebar .viewed a i { display: inline-block; margin: -2px 4px 0 0; vertical-align: middle; }
.sidebar .viewed a .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; height: 46px; left: 5px; position: absolute; top: 5px; width: 46px; }
.sidebar .viewed li a i.chev_right { margin-top: -8px; position: absolute; right: 0; top: 50%; }
.sidebar .recommended { margin-bottom: 18px; }
.sidebar .recommended li { float: left; margin: 0 5px 5px 0; }
.sidebar .recommended li:nth-child(5n) { margin-right: 0; }
.sidebar .recommended a { display: block; }
.sidebar .recommended a .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; height: 46px; width: 46px; }
textarea { resize: none; }
label { user-select: none; }
.form { overflow: hidden; width: 100%; }
.form + .buttons { margin-top: 18px; }
.form li { float: left; padding-bottom: 10px; position: relative; width: 100%; }
.form li:last-child { padding: 0; }
.form li.center { text-align: center; }
.form li label { display: block; font-size: 14px; font-weight: 600; line-height: 16px; padding-bottom: 5px; text-align: left; user-select: none; }
.form input[type=text], .form input[type=password], .form textarea, .form select { border: 1px solid; border-radius: 3px; font-size: 12px; padding: 6px 6px 7px; width: 100%; }
.form select { padding: 5px 5px 6px; }
.form textarea { height: 80px; }
.form li span { font-size: 12px; line-height: 32px; }
.form li label span { float: right; font-size: 10px; font-weight: 400; line-height: 16px; }
.form .cmark_radio_wrap { border: 1px solid; border-radius: 3px; cursor: pointer; display: block; font-size: 12px; font-weight: 400; height: 32px; line-height: 16px; margin-bottom: 5px; overflow: hidden; padding: 7px 7px 7px 32px; position: relative; }
.form .cmark_radio_wrap input { display: none; position: absolute; }
.form .cmark_radio_wrap i { left: 7px; position: absolute; top: 7px; }
.form .cmark_radio_wrap i i { left: 0; top: 0; }
.form .cmark_radio_wrap .cmark_on { opacity: 0; }
.form .cmark_radio_wrap .cmark_off { opacity: 1; }
.form .cmark_radio_wrap.checked .cmark_on { opacity: 1; }
.form .cmark_radio_wrap.checked .ink { display: none!important; }
.form .cmark_radio_wrap.disabled { cursor: not-allowed; opacity: 0.75; }
.form.halfs li { float: left; padding: 10px; width: 50%; }
.form.halfs li.full { clear: both; width: 100%; }
.form.halfs.tighter li.full + li.full { padding-top: 0; }
.form.halfs li:nth-child(odd) { clear: both; }
.form.halfs li .thirds { margin-right: 1%; width: 33%; }
.form.halfs li .thirds_plus { width: 40%; }
.form.halfs li .halfs { width: 49%; }
.form.halfs li .left { clear: both; }
.form.halfs li .small.left { clear: none; width:32%; margin-right:1.1%; }
.form.halfs li .thirds + .thirds { clear: none; }
.form.thirds li { float: left; padding: 5px; width: 33.3333333333%; }
.form.thirds li.full { clear: both; width: 100%; }
.form.split_onethird { width: 33%; }
.form.split_twothirds { width: 66%; }
.form.split_halfs { width: 48%; }
.form.inline_input span, .form .inline_input input { float: left; }
.form.inline_input span { font-size: 12px; line-height: 32px; padding-right: 10px; }
.form.inline_input input { padding: 6px 6px 7px; width: 120px; }
.form.inline_input input.pr_key { text-align: center; }
.form .keywrap { overflow: hidden; }
.form .keywrap strong { float: left; font-size: 12px; line-height: 29px; padding-right: 10px; text-align: right; width: 50%; }
.form .keywrap input { float: left; text-align: center; width: 50%; }
.box .form.halfs li { padding: 5px; }
.form + hr { margin-top: 10px; }
.form li label + p { font-size: 12px; }
.mailbox li.box { float: left; margin-bottom: 5px; overflow: hidden; padding: 10px; position: relative; width: 100%; }
.mailbox li.box:last-of-type { margin: 0; }
.mailbox li .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; float: left; height: 40px; margin-right: 10px; width: 40px; }
.mailbox li .thumb.site { border: 0; }
.mailbox li .info { float: left; margin-right: 10px; padding-top: 4px; width: 480px; }
.mailbox li .info p { font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mailbox li .info p.sub { font-size: 14px; }
.mailbox li .info p a { font-weight: 400; }
.mailbox li .info p.sub a:hover { text-decoration: underline; }
.mailbox li .info p.sub i { float: left; }
.mailbox li.unread .info p a { font-weight: 600; }
.mailbox li .timestamp { float: left; font-size: 10px; height: 40px; text-align: center; width: 82px; }
.mailbox li .timestamp p { font-size: 10px; line-height: 12px; position: relative; top: 50%; transform: translateY(-50%); }
.mailbox a.delete { border-radius: 3px; height: 16px; margin-top: -8px; position: absolute; right: 10px; top: 50%; width: 16px; }
.mailbox + .buttons { margin-top: 20px; }
.content .box.message_reply { margin-bottom: 15px; overflow: hidden; position: relative; }
.content .box.message_reply .profile_pic { background-position: center center; background-size: cover; border-radius: 3px; display: block; float: left; height: 50px; margin-right: 10px; width: 50px; }
.content .box.message_reply .compose { float: left; width: 568px; }
.content .box.message_display { margin-bottom: 5px; min-height: 62px; padding: 10px; }
.content .box.message_display h3 { font-size: 14px; font-weight: 400; line-height: 16px; overflow: hidden; padding-bottom: 8px; }
.content .box.message_display h3 a { font-weight: 700; }
.content .box.message_display h3 a:hover { text-decoration: underline; }
.content .box.message_display h3 span { float: right; font-size: 10px; font-weight: 400; }
.content .box.message_display p { font-size: 13px; line-height: 16px; }
.content .box.message_display p a { font-weight: 600; }
.content .box.message_display p a:hover { text-decoration: underline; }
.content .box.message_display .thumb { background-position: center center; background-size: cover; border: 1px solid; border-radius: 3px; display: block; height: 40px; position: absolute; top: 10px; width: 40px; }
.content .box.message_display.sent { padding-left: 60px; }
.content .box.message_display.sent .thumb { left: 10px; }
.content .box.message_display.received { padding-right: 60px; }
.content .box.message_display.received .thumb { right: 10px; }
.fav_winks li.box { float: left; margin-bottom: 5px; overflow: hidden; padding: 10px; position: relative; width: 100%; }
.fav_winks li.box:last-of-type { margin: 0; }
.fav_winks li .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; float: left; height: 40px; margin-right: 10px; width: 40px; }
.fav_winks li .info { float: left; margin-right: 10px; padding-top: 4px; width: 400px; }
.fav_winks li .info p { font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fav_winks li .timestamp { float: left; font-size: 10px; height: 40px; text-align: center; width: 162px; }
.fav_winks li .timestamp p { font-size: 10px; line-height: 12px; position: relative; top: 50%; transform: translateY(-50%); }
.fav_winks a.delete { border-radius: 3px; height: 16px; margin-top: -8px; position: absolute; right: 10px; top: 50%; width: 16px; }
.fav_winks + .buttons { margin-top: 20px; }
.fav_winks.nodelete .info { width: 420px; }
.fav_winks.nodelete .timestamp { text-align: right; }
.site_footer { border-top: 1px solid; font-size: 12px; padding: 40px 0; position: relative; }
.site_footer .scroll_to_top { margin-top: -24px; opacity: 0.5; position: absolute; right: 10px; top: 50%; }
.site_footer .scroll_to_top:hover { opacity: 1; }
.site_footer p { position: relative; top: 50%; transform: translateY(-50%); }
.filler_banner { position: relative; }
.filler_banner p { position: relative; text-align: center; top: 50%; transform: translateY(-50%); }
.ink { border-radius: 100%; display: block; position: absolute; transform: scale(0); }
.ink.animate { animation: ripple .65s linear; }
#modal_message li.pp_wrap { min-height: 50px; padding-left: 60px; }
#modal_message li.pp_wrap .profile_pic { background-position: center center; background-size: cover; border-radius: 5px; display: block; height: 50px; left: 0; margin-right: 10px; position: absolute; top: 0; width: 50px; }
#modal_mask { display: none; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 8887; }
#modals { position: relative; }
.modal { border: 10px solid; border-radius: 5px; display: none; padding: 20px; position: fixed; width: 640px; z-index: 8888; }
.modal a.close { border-radius: 3px; height: 24px; padding: 4px; position: absolute; right: 5px; top: 5px; width: 24px; }
.modal h2 { margin: 0; padding: 0; }
.modal h2+p { font-size: 12px; }
.modal hr { border: 0; clear: both; height: 1px; margin: 10px 0; padding: 0; }
.modal .buttons .button .label { min-width: 100px; }
.modal .flirts { margin-bottom: -4px; overflow: hidden; }
.modal .flirts li { border: 1px solid; border-radius: 3px; cursor: pointer; float: left; height: 90px; margin: 0 8px 8px 0; padding: 20px; position: relative; width: 90px; }
.modal .flirts li:nth-child(6n) { margin-right: 0; }
.modal .flirts li input { display: none; left: 0; position: absolute; top: 0; }
.modal .flirts li .i16 { opacity: 0; position: absolute; right: 0; top: 0; }
.modal .flirts li.checked .i16 { opacity: 1; }
.modal .edit_photo { min-height: 200px; overflow: hidden; position: relative; }
.modal .edit_photo .thumb { background-position: center center; background-size: cover; border: 1px solid; border-radius: 5px; display: block; float: left; height: 200px; margin-right: 20px; width: 200px; }
.modal .edit_photo .thumb:after { content: ""; opacity: 0; position: absolute; right: 0; top: 0; }
.modal .edit_photo .thumb.ppic:after { opacity: 1; }
.modal .edit_photo .form { float: left; width: 360px; }
.modal .edit_photo .form li { padding: 0; }
.modal .edit_photo .form li textarea { height: 83px; }
/* CHAT */
#chat_heads { border: 1px solid; border-bottom: 0; bottom: 0; margin-left: 10px; position: fixed; right: 0; width: 250px; z-index: 100; }
#chat_heads #chtoggle { display: none; left: -34px; margin-top: -64px; position: absolute; top: 25%; }
#chat_heads li { float: left; width: 100%; }
#chat_heads #chatters_list_toggle li a { display: block; height: 48px; line-height: 32px; padding: 8px; position: relative; }
#chat_heads #chatters_list_toggle li a .i32 { float: left; margin-right: 10px; position: relative; }
#chat_heads #chatters_list_toggle li a .i32 span { display: block; font-size: 12px; font-weight: 700; height: 18px; left: 2px; line-height: 18px; position: absolute; text-align: center; top: 4px; width: 26px; }
#chat_heads #chatters_list_toggle li a .i16 { margin-top: -8px; opacity: 0.5; position: absolute; right: 16px; top: 50%; }
#chat_heads #chatters_list_toggle li a:hover .i16 { opacity: 0.75; }
#chat_heads #chatters_list_toggle li a.new { animation: chatanim 4s infinite; }
#chat_heads .listing { border-top: 1px solid; display: none; max-height: 420px; padding: 0; position: relative; }
#chat_heads .listing li { border-bottom: 1px solid; position: relative; }
#chat_heads .listing li .conversation_toggle { display: block; line-height: 48px; overflow: hidden; padding: 4px; position: relative; text-overflow: ellipsis; white-space: nowrap; }
#chat_heads .listing li .conversation_toggle .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; float: left; height: 48px; margin: 0 8px 0 0; position: relative; width: 48px; }
#chat_heads .listing li .conversation_toggle .thumb:after { border-bottom: 6px solid transparent; border-right: 6px solid; border-top: 6px solid transparent; content: ""; display: none; height: 0; left: -6px; margin-top: -6px; position: absolute; top: 50%; width: 0; }
#chat_heads .listing li .conversation_toggle.current .thumb:after { display: block; }
#chat_heads .listing li .conversation_toggle.current { font-weight: 600; }
#chat_heads .listing li .delete { border-radius: 2px; height: 12px; margin-top: -6px; opacity: 0; position: absolute; right: 8px; top: 50%; width: 12px; z-index: 2; }
#chat_heads .listing li .delete i { margin: -2px 0 0 -2px; }
#chat_heads .listing li:hover .delete { opacity: 1; }
#chat_heads h5 { border-top: 1px solid; display: none; font-size: 12px; font-weight: 700; padding: 5px; }
#chat_heads #no_chats { display: none; font-size: 14px; line-height: 58px; text-align: center; }
#chat_heads #recommended_list { display: none; }
#chatters { bottom: 0; position: fixed; right: 249px; z-index: 100; }
.chatterbox { border: 1px solid; border-bottom: 0; display: none; overflow: hidden; width: 262px; }
.chatterbox.open { width: 440px; }
.chatterbox header { overflow: hidden; padding: 8px; position: relative; }
.chatterbox header .name { display: block; float: left; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; padding: 0 0 0 42px; position: relative; text-overflow: ellipsis; white-space: nowrap; width: 224px; }
.chatterbox header .name .thumb { background-position: center center; background-size: cover; border: 1px solid; display: block; height: 32px; left: 0; position: absolute; top: 0; width: 32px; }
.chatterbox header .actions { height: 16px; margin-top: -8px; position: absolute; right: 8px; top: 50%; }
.chatterbox header .actions a { border-radius: 3px; cursor: pointer; float: left; height: 16px; opacity: 0.25; width: 16px; }
.chatterbox header .actions span { display: block; float: left; height: 16px; margin: 0 8px; width: 1px; }
.chatterbox header .actions a:first-child { margin: 0; }
.chatterbox header:hover .actions a { opacity: 0.5; }
.chatterbox header:hover .actions a:hover { opacity: 1; }
.chatterbox header .actions .hidden { display: none; }
.chatterbox.open header .actions .hidden { display: block; }
.chatterbox .chat_wrap { display: none; }
.chatterbox.open .chat_wrap { display: block; }
.chatterbox .chat_conversation { border-bottom: 1px solid; border-top: 1px solid; height: 298px; overflow: hidden; overflow-y: scroll; padding: 20px; }
.chatterbox .chat_conversation.extras_visible { height: 244px; }
.chatterbox .chat_conversation > div { clear: both; position: relative; width: 80%; }
.chatterbox .chat_conversation div.out { float: left; padding-left: 33px; }
.chatterbox .chat_conversation div.in { float: right; padding-right: 33px; }
.chatterbox .chat_conversation div p { font-size: 13px; line-height: 16px; padding: 13px; }
.chatterbox .chat_conversation div.in p:first-of-type { border-radius: 3px 0 0 0; }
.chatterbox .chat_conversation div.in p:last-of-type { border-radius: 0 0 3px 3px; }
.chatterbox .chat_conversation div.in p:only-of-type { border-radius: 3px 0 3px 3px; }
.chatterbox .chat_conversation div.out p:first-of-type { border-radius: 0 3px 0 0; }
.chatterbox .chat_conversation div.out p:last-of-type { border-radius: 0 0 3px 3px; }
.chatterbox .chat_conversation div.out p:only-of-type { border-radius: 0 3px 3px 3px; }
.chatterbox .chat_conversation div p:after { content: ""; height: 0; position: absolute; top: 33px; width: 0; }
.chatterbox .chat_conversation div.out p:after { border: 3px solid; border-bottom-color: transparent!important; border-left-color: transparent!important; left: 27px; }
.chatterbox .chat_conversation div.in p:after { border: 3px solid; border-bottom-color: transparent!important; border-right-color: transparent!important; right: 27px; }
.chatterbox .chat_conversation div .thumb { background-position: center center; background-size: cover; border-radius: 100%; display: block; height: 32px; position: absolute; top: 0; width: 32px; }
.chatterbox .chat_conversation div.in .thumb { border-radius: 0 3px 3px 0; right: 0; }
.chatterbox .chat_conversation div.out .thumb { border-radius: 3px 0 0 3px; left: 0; }
.chatterbox .chat_conversation div + div { margin-top: 10px; }
.chatterbox .chat_conversation div.in p + p, .chatterbox .chat_conversation div.out p + p { border-top: 1px solid; }
.chatterbox .chat_conversation div.in p + p:after, .chatterbox .chat_conversation div.out p + p:after { display: none; }
.chatterbox .chat_input { min-height: 120px; overflow: hidden; padding: 10px; }
.chatterbox .chat_input .textarea { overflow: hidden; }
.chatterbox .chat_input .textarea textarea { border: 1px solid; display: block; float: left; height: 60px; padding: 10px; width: 100%; }
.chatterbox .chat_input .buttons { clear: both; height: 42px; overflow: hidden; padding-top: 10px; }
.chatterbox .chat_input .buttons .button { height: 32px; }
.chatterbox .chat_input .buttons .button span { display: block; float: left; padding: 8px; position: relative; }
.chatterbox .chat_input .buttons .button .label { font-size: 11px; line-height: 16px; padding: 8px 16px; width: 80px; }
.chatterbox .chat_input .attach { display: none; float: left; height: 54px; width: 100%; }
.chatterbox .chat_input .attach .photo_input { height: .1px; opacity: 0; overflow: hidden; position: absolute; width: .1px; z-index: -1; }
.chatterbox .chat_input .attach label { position: relative; }
.chatterbox .chat_input .attach label .i32 { left: 12px; margin-top: -16px; position: absolute; top: 50%; }
.chatterbox .chat_input .attach .photo_input + label { border: 1px solid; border-top: 0; cursor: pointer; display: block; font-size: 16px; height: 54px; line-height: 32px; overflow: hidden; padding: 10px 10px 10px 52px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.chatterbox .chat_input .attach .photo_input + label.populated { font-size: 14px; text-align: left; }
.chatterbox .chat_input .smileys { border: 1px solid; border-top: 0; display: none; float: left; height: 54px; padding: 0; width: 100%; }
.chatterbox .chat_input .smileys li { float: left; height: 26px; width: 26px; }
.chatterbox .chat_input .smileys li a { display: block; height: 26px; padding: 4px; width: 26px; }
/* perfect-scrollbar v0.6.10 (reduced by dx)*/
.ps-container { -ms-overflow-style: none; -ms-touch-action: none; overflow: hidden!important; touch-action: none; }
.ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; }
.ps-container.ps-in-scrolling { pointer-events: none; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { opacity: 1; }
.ps-container > .ps-scrollbar-y-rail { display: none; margin: 1px; opacity: 1; position: absolute; right: 0; width: 2px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; right: 0; width: 2px; }
.ps-container:hover.ps-in-scrolling { pointer-events: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container { overflow: auto !important; }
}
.upgradesplash { background: url(graphics/upgradesplash.png) no-repeat center center; height: 60px; width: 980px; }
.upgrade { overflow: hidden; }
.upgrade .leftside { float: left; padding: 0 20px; width: 490px; }
.upgrade .rightside { float: right; padding: 0 20px; width: 490px; }
.benefits li { border-bottom: 1px solid; float: left; margin: 0 0 5px; overflow: hidden; padding: 0 0 5px; width: 100%; }
.benefits li:last-of-type { border: 0; margin: 0; padding: 0; }
.benefits p { float: left; font-size: 12px; line-height: 24px; }
.benefits p:nth-child(1) { font-size: 13px; padding-right: 10px; width: 268px; }
.benefits p:nth-child(2) { text-align: center; width: 90px; }
.benefits p:nth-child(3) { border-left: 1px solid; text-align: center; width: 91px; }
.benefits p i { margin: 0 auto; }
.packages li.box { cursor: pointer; margin-bottom: 8px; padding: 20px 20px 20px 112px; }
.packages li.box:last-of-type { margin: 0; }
.packages li.box p { line-height: 24px; }
.packages li.box p.p_length { font-size: 18px; font-weight: 700; }
.packages li.box p.r_price { font-size: 16px; font-style: italic; text-decoration: line-through; }
.packages li.box p.s_prics { font-size: 16px; font-weight: 600; }
.packages li.box input { display: none; left: 0; position: absolute; top: 0; }
.packages li.box .i128 { position: absolute; right: 0; top: 0; }
.packages li.box .cmark_off { left: 32px; margin-top: -24px; opacity: 1; position: absolute; top: 50%; }
.packages li.box .cmark_on { left: 0; opacity: 0; position: absolute; top: 0; }
.packages li.box.checked .cmark_on { opacity: 1; }
.upgrade button { border: 0; border-radius: 5px; cursor: pointer; display: block; font-size: 18px; font-weight: 600; line-height: 20px; margin: 0 auto; overflow: hidden; padding: 10px; position: relative; text-align: left; width: 100%; }
.upgrade button i.chev_right { margin-top: -8px; position: absolute; right: 8px; top: 50%; }
#package_terms { padding-top: 20px; }
#package_terms p { display: none; font-size: 12px; text-align: center; }
#package_terms p em { font-style: italic; opacity: 0.5; text-decoration: line-through; }
.upgrade .form li { padding: 0 0 5px; }
.upgrade .form li.left { width: 49%; }
.upgrade .form li.right { float: right; width: 49%; }
.upgrade .form li select.thirds { margin-right: 2%; width: 32%; }
.upgrade .form li select.thirds + i { float: left; margin-top: 6px; }
.upgrade .form li input.cvv { float: left; margin-right: 2%; width: 32%; }
.upgrade .form li input.cvv + a { display: block; float: left; line-height: 16px; overflow: hidden; padding: 8px 0; }
.upgrade .form li input.cvv + a i { float: left; margin-right: 4px; }
.upgrade .form li label.terms { font-size: 12px; line-height: 16px; padding: 0 0 0 24px; position: relative; }
.upgrade .form li label.terms input { display: none; position: absolute; right: 0; top: 0; }
.upgrade .form li label.terms i { left: 0; position: absolute; top: 0; }
.upgrade .form li label.terms i i { left: 0; top: 0; }
.upgrade .form li label.terms .cmark_on { opacity: 0; }
.upgrade .form li label.terms .cmark_off { opacity: 1; }
.upgrade .form li label.terms.checked .cmark_on { opacity: 1; }
.upgrade .form li label a { text-decoration: underline; }
.upgrade .form li#cvv_helper { display: none; text-align: center; }
.upgrade .form li#cvv_helper img { width: 100%; height: auto !important; max-width: 800px; margin: 0 auto; }
.content .box.security { padding: 20px; }
.security h2 { padding-bottom: 7px; text-align: center; }
.security p { font-size: 14px; text-align: center; }
.security p i { margin: 0 auto; }
.join_form_topper .container { padding: 20px 0; width: 980px; }
.jp { position: relative; }
.jp .signin { border: 1px solid; border-radius: 5px; display: block; font-size: 13px; font-weight: 400; line-height: 16px; padding: 10px 26px 10px 10px; position: absolute; right: 0; top: 0; }
.jp .signin i { float: left; margin-right: 16px; }
.jp_panel { display: none; height: 320px; margin: 0 auto; overflow: hidden; width: 800px; }
.jp_form { padding-bottom: 60px; }
.jp_form h1 { font-size: 24px; font-weight: 600; letter-spacing: -1px; text-align: center; }
.jp_form hr { border: 0; clear: both; height: 1px; margin: 20px 0; padding: 0; }
.jp_form .pages { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; }
.jp_form .pages span { border: 2px solid; border-radius: 100%; display: inline-block; font-size: 14px; height: 48px; line-height: 44px; margin: 0 10px; text-align: center; width: 48px; }
.jp_panel .wrap { position: relative; top: 50%; transform: translateY(-50%); }
.jp_panel .wrap.left { float: left; padding-right: 20px; width: 50%; }
.jp_panel .wrap.left p { font-size: 16px; line-height: 16px; padding: 10px 0; text-align: center; }
.jp_panel .wrap.left p.small { font-size: 12px; }
.jp_panel .wrap.right { border-left: 1px solid; float: left; padding-left: 20px; width: 50%; }
.jp_form input[type=text], .jp_form input[type=password], .jp_form select { border: 1px solid; border-radius: 3px; padding: 11px; width: 100%; }
.jp_form select { padding: 10px; }
.jp_form select.thirds { float: left; margin-right: 2%; width: 32%; }
.jp_form select.thirds:last-of-type { margin: 0; }
.jp_form li { float: left; padding-bottom: 10px; width: 49%; }
.jp_form .thirds li { margin-right: 1%; width: 32.6666666666%; }
.jp_form .thirds li.last { margin-right: 0; }
.jp_form li:before, .jp_form li:after { content: ""; display: table; }
.jp_form li:after { clear: both; }
.jp_form li.left { clear: both; float: left; }
.jp_form li.right { float: right; }
.jp_form li.full { clear: both; width: 100%; }
.jp_form li label { display: block; font-size: 16px; line-height: 16px; padding-bottom: 10px; position: relative; }
.jp_form li label.terms { line-height: 16px; padding: 0 0 0 24px; }
.jp_form li label.terms input { display: none; position: absolute; right: 0; top: 0; }
.jp_form li label.terms i { left: 0; position: absolute; top: 0; }
.jp_form li label.terms i i { left: 0; top: 0; }
.jp_form li label.terms .cmark_on { opacity: 0; }
.jp_form li label.terms .cmark_off { opacity: 1; }
.jp_form li label.terms.checked .cmark_on { opacity: 1; }
.jp_form li label a { text-decoration: underline; }
.jp_form li #join_city { display: none; }
.jp_form button { border: 1px solid; border-radius: 3px; cursor: pointer; display: block; font-size: 18px; font-weight: 600; line-height: 20px; margin: 0 auto; overflow: hidden; padding: 10px; position: relative; text-align: left; width: 100%; }
.jp_form button i.facebook { left: 12px; margin-top: -8px; position: absolute; top: 50%; }
.jp_form button i.chev_right { margin-top: -8px; position: absolute; right: 8px; top: 50%; }
.jp_form button.fb { padding-left: 36px; text-align: center; width: 100%; }
.jp_form .wrap.right button { width: 100%; }
.features { padding: 20px 0; }
.features li { float: left; font-size: 14px; line-height: 18px; margin: 0 2% 20px 0; text-align: center; width: 32%; }
.features li:nth-child(3n) { margin-right: 0; }
.features li:nth-child(4n) { clear: both; }
.features li i { margin: 0 auto 10px; opacity: 0.5; }
.features li:hover i { opacity: 1; }
.features li p { padding: 0 10px; }
a, button, .thumb, label, strong, .profile_topper .profile_actions a .i16, .modal .flirts li, .modal .flirts li .i16, .buttons .button span, .form input[type=text], .form textarea, .form select, .mailbox li.box, .fav_winks li.box, .site_header nav .drop, .question label i, .activity_feed .like_wrap .like_count, .panels .submenu li a i, .thumb_grid li .thumb:after, .thumb_grid li .thumb:before, .profile_topper .profile_info p a:after, .photo_editor #controls a i, .form .cmark_radio_wrap i, .modal .edit_photo .thumb:after, #chat_heads, #chatters, .packages li.box, .packages li.box .cmark_on, .upgrade .form li label.terms i, .jp_form .pages span, .jp_form input[type=text], .jp_form input[type=password], .jp_form select, .jp_form li label.terms i, .features li i { backface-visibility: hidden; perspective: 1000; }
.site_header .logo { transition: all .1s ease; }
a, button, .thumb, label, strong, .profile_topper .profile_actions a .i16, .modal .flirts li, .modal .flirts li .i16, .buttons .button span, .form input[type=text], .form textarea, .form select, .mailbox li.box, .fav_winks li.box, .profile_topper .profile_info p a:after { transition: all .2s ease; }
.activity_feed .like_wrap .like_count, .photo_editor #controls a i, #chat_heads, #chat_heads #chatters_list_toggle li a .i16, #chatters, .jp_form input[type=text], .jp_form input[type=password], .jp_form select { transition: all .25s ease; }
.question label i, .panels .submenu li a i, .form .cmark_radio_wrap i, .packages li.box, .packages li.box .cmark_on, .upgrade .form li label.terms i, .jp_form .pages span, .jp_form li label.terms i, .features li i { transition: all .5s ease; }
.button { transition: height 0s ease; }
.site_header nav .drop { transition: max-height .5s ease; }
.thumb_grid li .thumb:after, .thumb_grid li .thumb:before, .modal .edit_photo .thumb:after { transition: opacity .15s ease; }
.managephotos .upload label, .chatterbox .chat_input .attach label { transition: none; transition: background .15s ease, color .15s ease; }
@keyframes ripple {
	100% { opacity: 0; transform: scale(2.5); }
}
.box.cta { border-width: 2px; padding-top: 36px; }
.box.cta .title { position: absolute; top: 0; left: 0; font-size: 12px; font-weight: 700; padding: 0 10px; line-height: 24px; border-radius: 0 0 5px 0; }
.box.cta p { font-size: 14px; line-height: 16px; }
.box.cta p + p { padding-top: 10px; }
.box.cta p i { display: inline-block; margin-right: 8px; width: 16px; height: 16px; padding-left: 1px; font-size: 12px; line-height: 16px; font-weight: 700; position: relative; border-radius: 2px; text-align: center; }
.box.cta p a { font-weight: 700; }
.box.cta p a:hover { text-decoration: underline; }
.box.cta .collect_mobile li { padding: 0; }
.box.cta .collect_mobile input[type=text] { display: block; float: none !important; width: 50%; margin: 0 auto !important; }

/* added snippet for p_disclosures edit 5/18/2018 va */

.disclosure {float:left; padding-bottom:10px;}

/* end */