@charset "UTF-8";
:root {
  --main-border: 1px solid rgba(0, 0, 0, .2);
  --main-boxshadow: rgba(0, 0, 0, .2);
  --main-font: 'Montserrat' 700;
  --mainbg: #fef8fe;
  --color1: #002a50;
  --color1b: #f75779;
  --color2: #000000;
  --color2b: #325f95;
  --black: #000000;
  --pinkgradient: linear-gradient(to bottom, var(--color1) 0%, var(--color1b) 100%);
  --bluegradient: linear-gradient(to bottom, var(--color2) 0%, var(--color2b) 100%);
  --lbgradient: linear-gradient(to bottom,rgba(126,222,254,1) 0), rgba(126,222,254,0) 100%);
  --greengrad: linear-gradient(to bottom, #00ee00 0%, #00cc00 100%);
}
@font-face { font-family: 'GilroyBold'; src: url('/css/fonts/Gilroy-Bold.woff'); font-weight: normal; font-style: normal;}
/* CSS Document */
html, body {padding:0; margin:0; height:100%; color:#666; font-family: 'OpenSans', Helvetica,Arial,sans-serif; line-height:1.4; font-weight:400;  font-size:16px; letter-spacing:-.3px; padding-top: constant(safe-area-inset-top); -webkit-font-smoothing:antialiased; }
body {background:#FFF;}
* {	margin: 0;}
.container {position:relative; width:90%; margin:0px 4%; padding:1%; min-height:100%; z-index:1;}
.clear, .clearmobile {clear:both;}
img {border:0px;}
.gray {color: #666 !important;}
.graybg {background: #999 !important;}
.gray2bg {background: #ccc !important;}
.gray2 {color: #999 !important;}
.lgray {color: #ccc !important;}
.lgraybg {background: #f8f8f8 !important;}
.graydollar {color: #999;margin-right:2px;}
.xsmall {font-size:10px;}
.small, .smaller {color:#999; line-height:1.2; font-weight:300; font-family:HelveticaNeue, 'OpenSans', Helvetica, sans-serif; letter-spacing:0;}
.explain {color:#666; }
.normal, .smnormal {color:#666; font-family:HelveticaNeue, 'OpenSans', Helvetica; line-height:1.4; font-weight:400;}
.normal {font-size:16px;}
.smnormal {font-size:14px;}
.mont {font-family:'Montserrat'; line-height:1.2; letter-spacing:-1px; -webkit-font-smoothing:subpixel-antialiased; }
.subtitle, .thintitle, .blocktitle {font-family:'Poppins', 'Montserrat'; line-height:1.2; -webkit-font-smoothing:subpixel-antialiased;}
.subtitle {color:#000000; font-weight:700;}
.thintitle {font-weight:400; color:#666;}
.blocktitle {font-weight:700; color:#fff; background:#666; margin-top:5px;padding:3px 10px; text-align:center;}
.smtitle, .smtitle1, .smtitle2, .smtitle3 {font-family:'Poppins', 'Montserrat'; font-weight:700; color:#666; line-height:1.2;}
.smtitle {font-size:18px;}
.smtitle1 {font-size:16px;}
.smtitle2 {font-size:14px;}
.smtitle3 {font-size:12px;}
.smthintitle, .smmidtitle {font-family:'Poppins', 'Montserrat'; font-weight:400; color:#666; font-size:16px; line-height:1.2; letter-spacing:-.5px;}
.smthintitle {font-weight:400;}
.smmidtitle {font-weight:500;}
.formtitle, .formtitlesm {position:relative; z-index:1; font-size:12px; font-family:'Montserrat'; font-weight:700; color:#000; line-height:1.2; letter-spacing:-.5px;  float:left;}
.formtitle {top:6px; left:2px; background:url(/images/temp/form_title_bg.png)left -2px/contain repeat-x;}
.formtitlesm {top:-2px; left:0;}
.minititle {font-family: HelveticaNeue, 'OpenSans', Helvetica, sans-serif; font-weight:200; color:#ca0707; font-size:16px; line-height:1.3;}
.title {font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; font-weight:700; color:#000; line-height:1.3;}
.maintitle {font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; font-weight:700; color:#444; font-size:24px;}
.large {font-size:40px; line-height:45px; font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; font-weight:700; color:#444;}
.ssmall {font-size:11px;}
a {color:#ff6600; text-decoration:underline; font-family: 'OpenSans', Helvetica, sans-serif;}
a:hover {color:#000000; text-decoration:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.a { color:#666; text-decoration:underline;}
.a:hover {text-decoration:none; cursor:pointer;}
.a1 {text-decoration:none; cursor:pointer;}
.a1:hover {text-decoration:underline;}
.b {font-weight:bold;}
.five00 {font-weight:500;}
.six00 {font-weight:600;}
.u {text-decoration:underline;}
.upper {text-transform:uppercase;}
.i {font-style:italic;}
span{color:inherit;}
.red {color:#ff0000 !important;}
.redbg {background:#ff0000 !important;}
.orange {color:#f60 !important;}
.orangebg {background:#f60 !important;}
.gray {color:#666 !important;}
.tanbg {background:#fafaf3;}
.green {color:#00ff00 !important;}
.greengrad {background: -webkit-linear-gradient(#0f0, #0e0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} 
.pinkgrad {background: -webkit-linear-gradient(#fe446b, #f75779); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.lbgrad {background: -webkit-linear-gradient(#666, #999); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.goldgrad {background: -webkit-linear-gradient(#ff6600, #ffcc00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bluegrad {-webkit-font-smoothing:antialiased; background:linear-gradient(to bottom, #1277e1 0%, #002a50 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.orangegrad {-webkit-font-smoothing:antialiased; background:linear-gradient(to bottom, #ff6600 0%, #ff9900 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.darkgreen {color:#0c0 !important;}
.darkgreenbg {background:#0c0 !important;}
.greenbg {background:#0f0 !important;}
.lightgreen {color:#0F0 !important;}
.lightgreenbg {background:#0F0 !important;}
.purple {color:#606 !important;}
.purplebg {background: #606 !important;}
.darkblue {color:#002a50 !important;}
.darkbluebg {background:#002a50 !important;}
.blue {color:#1277e1 !important;}
.bluebg {background:#1277e1 !important;}
.lightblue {color:#B7EBFF !important;}
.lightbluebg {background:#B7EBFF !important;}
.whitebgbutton {background:#fff !important; color:#000000 !important; border:1px solid rgba(0,0,0,.2) !important; border-radius:3px !important; padding:4px 10px !important; white-space:nowrap; text-align:center;}
.whitebgbutton:hover {background:rgba(0,0,0,.05) !important; color:#000000 !important; border:1px solid rgba(0,0,0,.4) !important;}
.bluebgbutton {background:#000000 !important; color:#fff !important; border:1px solid rgba(0,0,0,.2) !important; border-radius:3px !important; padding:4px 10px !important; white-space:nowrap; text-align:center;}
.bluebgbutton:hover {background:#fff !important; color:#000000 !important; border:1px solid rgba(0,0,0,.4) !important;}
.link {cursor:pointer;}
.link:hover {text-decoration:underline; cursor:pointer;}
.tanbg {background:#f5f3ec;}
.black {color:#000 !important;}
.blackbg {background:#000 !important;}
.pink {color:#fe446b !important;}
.lightpink {color:#ecb0c0 !important;}
.pinkbg {background:#fe446b !important;}
a.pinkbg:hover {background:#ecb0c0 !important;}
.lightpinkbg {background:#fef3f9;}
.white {color:#FFF !important;}
.whitebg {background:#fff !important;}
.nobg {background:none !important;}
.blackshadow {text-shadow:1px 1px 0 #000;}
.lbg {background:rgba(0,0,0,0.03);}
#centerdata .lbgsolid, .pageleft .lbgsolid {background:#b0dbfc; border:1px solid rgba(0,0,0,.2); border-radius:2px;}
select.lbgsolid {background:url(/images/temp/select-right.png)right center no-repeat #b0dbfc !important;}
.m50 {margin-top:50px !important;}
.m30 {margin-top:30px;}
.m20 {margin-top:20px;}
.m15 {margin-top:15px;}
.m10 {margin-top:10px;}
.m10a {margin:10px;}
.m5a {margin:5px;} 
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.ml10 {margin-left:10px;}
.ml1 {margin-left:1%;}
.ml25 {margin-left:25px;}
.m8 {margin-top:8px;}
.m5 {margin-top:5px;}
.m3 {margin-top:3px;}
.p25 {padding-top:25px !important;}
.p20 {padding-top:20px !important;}
.p15 {padding-top:15px !important;}
.p10 {padding-top:10px !important;}
.p8 {padding-top:8px !important;}
.p5 {padding-top:5px !important;}
.p36a {padding:3px 6px !important;}
.p5a {padding:5px !important;}
.p10a {padding:10px !important;}
.p20a {padding:20px !important;}
.p510a {padding:5px 10px !important;}
.p515a {padding:5px 15px !important;}
.p520a {padding:5px 20px !important;}
.p1020a {padding:10px 20px !important;}
.p2010a {padding:20px 10px !important;}
.p3 {padding-top:3px !important;}
.pr {position:relative !important;}
.pa {position:absolute !important;}
.pf {position:fixed !important;}
.o7 {opacity:.7;}
.nw  {white-space:nowrap;}
.radius {border-radius:100% !important;}
.radius50 {border-radius:50px !important;}
.forgot {float:left; padding:10px 0 0 5px;}
.nowrap {white-space:nowrap;}
.ccstyle {background:url(/images/temp/cc-icons.png) no-repeat right #fff;}
input[type=button] {border:none;}
input[type=text], input[type=password], input[type=number], input[type=date], input[type=email], input[type=datetime-local] {height:55px; border:1px solid rgba(0,0,0,.2); font-size:16px; color:#666; padding-left:5px; -webkit-font-smoothing:subpixel-antialiased; box-sizing:border-box; width:100%; font-weight:300; font-family:'OpenSans', Helvetica, Arial, Tahoma, Sans-Serif;border-radius:2px;-webkit-appearance: none;}
input[type="date"]::-webkit-calendar-picker-indicator { bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;}
input[type=text] .fuzz { border:2px solid #666;}
input[type="radio"] { display:none; }
input[type="radio"] + label { margin-right:10px;}
input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/temp/check_sprite.png) -38px top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url(/images/temp/check_sprite.png) right top no-repeat; }
input[type="checkbox"] { display:none;}
input[type="checkbox"] + label { margin-right:5px;}
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/temp/check_sprite.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(/images/temp/check_sprite.png) -19px top no-repeat; }
.checkshow {display:block !imporant; float:left; margin-right:10px; height:16px; width:16px;}
.searchfield {height:36px;font-size:13px; color:#455068; padding-left:30px; border:0px;cursor:pointer; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
textarea { border:1px solid rgba(0,0,0,.2); font-size:16px; color:#666; -webkit-font-smoothing:subpixel-antialiased; padding:5px;font-weight:300;box-sizing:border-box;font-weight:300; font-family:'OpenSans', Helvetica, Arial, Tahoma, Sans-Serif;border-radius:0;}
input:focus, select:focus, .inputarea:focus, textarea:focus {
  outline: none;
  border-color: rgba(0,0,0, 0.7);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0,0,0, 0.7);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0,0,0, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0,0,0, 0.7);
}
.frontlogin input:focus {outline: none; border-color:none !important; box-shadow:none !important;}
.realform::placeholder {color:#ccc; font-family:'Poppins','Montserrat', Helvetica, sans-serif; font-weight:700;}
select {border:1px solid #ccc; padding:0 25px 0 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-appearance: none; appearance: none; -moz-appearance: none; background:url(/images/temp/select-right.png) center right no-repeat; height:55px; font-size:18px; color: #666; background-color:#fff; text-indent: 0.01px; text-overflow: ''; font-weight:300; -webkit-font-smoothing:subpixel-antialiased; font-family:Helvetica,Arial,sans-serif;}
select::-ms-expand {display: none;}
.inputfieldselect { font-size:13px; font-family:'OpenSans', Helvetica, Arial, Tahoma, Sans-Serif; height:33px;border-radius:3px;font-weight:300;}
.inputfilepic {width:100px; height:38px; position:relative; top:-3px; left:0px; opacity: 0.0; cursor:pointer; z-index:100;}
.inputfilelogo {width:100px; height:20px; position:relative; top:0px; left:30px; opacity: 0.01; cursor:pointer;}
.ccstyle {background:url(/images/temp/cc-icons.png) no-repeat right #fff;}
.formrow {clear:both; padding-bottom:3px; min-height:40px; width:100%;}
.smrow {clear:both; padding-bottom:3px; min-height:30px; width:100%;}
.formitem {width:30%;float:left; text-align:right;margin:10px 1% 0 0; white-space:nowrap;}
.formleft {float:left; width:15%; margin-right:2%; padding-top:8px;}
.formright {float:left; width:68%;}
.form50, .form50r{float:left;}
.form50 {margin-right:1%;}
.form50r {margin-left:1%;}
.button {float:left; font-family:'Poppins','Montserrat', Helvetica, sans-serif; letter-spacing:-1px; font-weight:700; line-height:1.3; font-size:20px; padding:10px 20px; color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -o-font-smoothing: antialiased; font-smoothing: antialiased; border:none;  text-transform:uppercase; box-sizing:border-box; text-align:center; border-radius:3px;}
.button:hover{background:#000000; cursor:pointer;}
.frontbutton {width:100% !important; border-radius:0 0 3px 3px !important; border:none !important; border-top:1px solid rgba(0,0,0,.1) !important;}
.redbutton{background:#C00 !important; color:#fff !important;}
.redbutton:hover{background:#600 !important; cursor:pointer; color:#fff !important;}
.bluebutton{background:#000000 !important; color:#fff !important;}
.bluebutton:hover{background:#4374b3 !important; cursor:pointer;}
.greenbutton {background:#0E0 !important; color:#000000 !important;}
.greenbutton:hover {background:#0C0 !important; cursor:pointer;}
.orangebutton {background:#fb8442 !important; text-shadow:0 1px 1px rgba(0,0,0,.3) !important;}
.orangebutton:hover {background:#ff6600 !important; cursor:pointer;}
.pinkbutton {background:#ca0707 !important; text-shadow:0 1px 1px rgba(0,0,0,.3) !important;}
.pinkbutton:hover {background:#666 !important; cursor:pointer;}
.graybutton {background:#999 !important; text-shadow:0 1px 1px rgba(0,0,0,.3) !important;}
.graybutton:hover {background:#666 !important; cursor:pointer;}
.smbutton, .smbutton2, .smbuttonsq {float:left; font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; line-height:1.3; background:#002a50; color:#FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-decoration:none; border:1px solid transparent;}
.smbutton {padding:6px 14px; font-weight:700; letter-spacing:-0.8px;}
.smbuttonsq {font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; padding:6px 14px; font-weight:700; border-right:none !important; border-radius:0 !important; font-size:14px !important; text-shadow:0 1px 1px rgba(0,0,0,.3);letter-spacing:-0.8px;}
.smbutton2 {padding:3px 10px; font-size:14px; letter-spacing:-.5px; font-weight:600; margin-right:5px; }
.smbutton:hover, .smbutton2:hover, .smbuttonsq:hover {background:#000000; color:#fff; cursor:pointer; opacity:1.0;}
select {border:1px solid rgba(0,0,0,.2); padding:0 25px 0 5px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-appearance: none; appearance: none; -moz-appearance: none; background:url(/images/temp/select-right.png)right center no-repeat; height:55px; font-size:14px; color: #666; background-color:#fff; text-indent: 0.01px; text-overflow: ''; font-weight:300; -webkit-font-smoothing:subpixel-antialiased; font-family:'OpenSans',Helvetica,Arial,sans-serif; width:100%;}
select::-ms-expand {display: none;}
.css-select { -moz-appearance:window;background: url('/images/temp/select-right.png') right center no-repeat #FFF;}
@-moz-document url-prefix() { .css-select-moz{ background: url('/images/temp/select-right.png') right center no-repeat #FFF; height:27px; font-size:13px; color: #999; border:1px solid rgba(0,0,0,.2); padding:7px 25px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; float:left; }}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.ts {text-shadow:0 1px 2px rgba(0,0,0,.5) !important;}
.ts0 {text-shadow:unset !important;}
.ps {text-shadow:0 1px 0px #ca0707 !important;}
.ts2 {text-shadow:0 1px 0px rgba(0,0,0,.5) !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.fu {float:unset !important;}
.lh1 {line-height:1;}
.lh15 {line-height:1.5;}
.border {border:1px solid rgba(0,0,0,.2) !important;}
.bt {border-top:1px solid rgba(0,0,0,.2) !important;}
.bb {border-bottom:1px solid rgba(0,0,0,.2) !important;}
.br {border-right:1px solid rgba(0,0,0,.2) !important;}
.bl {border-left:1px solid rgba(0,0,0,.2) !important;}
.blw {border-left:1px solid #fff !important;}
.bt5 {border-top:5px solid #ff6600 !important;}
.bb5 {border-bottom:5px solid #ff6600 !important;}
.oh {overflow:hidden;}
.roundb {border-radius:30px !important;}
.radius {border-radius:100% !important;}
.cursor {cursor:pointer;}
.ul {padding-left:25px;}
.br0 {border-radius:0px !important;}
.br2 {border-radius:2px !important;} 
.br3 {border-radius:3px !important;}
.br6 {border-radius:6px !important;}
.br3t {border-radius:3px 3px 0 0 !important;}
.br3b {border-radius:0 0 3px 3px !important;}
.br3l {border-radius:3px 0 0 0 !important;}
.slant {font-style:italic !important; font-weight:800; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.under {text-decoration:underline;}
.bbox {box-sizing:border-box;}
.bs {box-shadow:0 0 3px rgba(0,0,0,.2);}
.onehundred, .w100 {width:100% !important; box-sizing:border-box;}
.w96 {width:96% !important; padding:0 2% !important; box-sizing:border-box;}
.w94 {width:94% !important; margin-left:3% !important; box-sizing:border-box;}
.w50 {width:50% !important; float:left; box-sizing:border-box;}
.w70 {width:70% !important; float:left; box-sizing:border-box;}
.vh100 {height:100vh;}
.zcover {z-index:2147483647 !important;}
.zcover1 {z-index:2147483646 !important;}
.zcover2 {z-index:2147483645 !important;}
.zcover3 {z-index:2147483644 !important;}
.z1 {z-index:1 !important;}
.z2 {z-index:2 !important;}
.z3 {z-index:3 !important;}
.t0 {top:0px;}
.l0 {left:0px;}
#morediv, #feedbox {position:relative; min-height:1000px; padding-bottom:80px;}
.pic1, .pic2, .pic3, .pic4, .pic5, .picsq1, .picsq2, .picsq3, .picsq4, .picsq5, .picitem {float:left; position:relative; background-color:#fff !important;}
.pic1, .pic2, .pic3, .pic4, .pic5 {border-radius:100%;}
.pic1, .picsq1 {width:75px; height:75px;}
.pic2, .picsq2 {width:55px; height:55px;} 
.pic3, .picsq3 {width:45px; height:45px;}
.pic4, .picsq4 {width:35px; height:35px;}
.pic5, .picsq5 {width:25px; height:25px;}
.picplay {position:absolute; width:100%; height:100%; top:0; left:0; background:url(/images/realable/play-icon-white.png)center center/50% no-repeat;}
.hasvideo {position:absolute; top:40%; left:40%; width:20%; height:20%; background:url(/images/realable/play_button_sm_slant.png)center center/contain no-repeat;}
.magnify {background:url(/images/temp/magnify.png)left+15px center/23px no-repeat #fff; padding-left:50px !important;}
.checkbox_on {box-shadow:0 0 10px #0e0; border:1px solid #0e0; position:relative;}
.checkbox_in {position:absolute; width:100%; padding-top:100%; top:0; left:0; background:url(/images/temp/checkmark_white_sm.png)center center/90% no-repeat;}
.checkmark, .checkx {width:20px;height:20px;float:left;margin-right:10px;}
.checkmark {background:url(/images/realable/check_mark.png)center center/contain no-repeat;}
.checkx {background:url(/images/realable/check_x.png)center center/contain no-repeat;}
.pallete_in {position:absolute; width:100%; padding-top:100%; top:0; left:0; background:url(/images/realable/pallette-icon-gray.png)center center/90% no-repeat #fff;}
.logo {background:url(/images/realable/atlas-icon-blue.png)center center/contain no-repeat; z-index:2;transition: all .2s ease-in-out;}
.logowhite2 {background:url(/images/realable/logo-white.png)center center/contain no-repeat; z-index:2;transition: all .2s ease-in-out;}
.logoss {background:url(/images/realable/logo-xl.png)center center/contain no-repeat; z-index:2;transition: all .2s ease-in-out;}
.topbar {width:100%; background:url(/images/realable/mainbg.jpg)center center/cover no-repeat;}
.toplogo {position:relative; z-index:5; float:left;}
.toplogo:hover {cursor:pointer;}
.topright {float:right; position:absolute; height:49px; z-index:5; padding:0 5px 5px 5px;}
.toprightpic {cursor:pointer; position:relative; z-index:1001; border:2px solid #000;}
.toprightname {float:left; height:30px; text-align:right; font-size:23px; font-family: 'Poppins', 'Montserrat'; min-width:95px; -webkit-font-smoothing:subpixel-antialiased; color:#FFF !important; font-weight:600; padding:12px 15px 0; text-shadow:0 1px 2px rgba(0,0,0,.6);}
.toprightname:hover {cursor:pointer; background:none; color:#333 !important;  -webkit-background-clip: unset; -webkit-text-fill-color: unset; text-shadow:none;} 
.topright:hover .toprighthidden {display:block;}
.toprighthidden {display:none; width:100%; position:absolute; top:100%; right:0; background:#eee; z-index:1000; border-radius:0 0 3px 3px; border:1px solid rgba(0,0,0,.2);}
.topline, .topline_50 {padding:5px 10px; text-align:left; color:#002a50; font-family:HelveticaNeue, 'OpenSans', Helvetica, Arial; font-size:14px; border-bottom:1px solid rgba(0,0,0,.2); box-sizing:border-box;}
.topline_50 {float:left; width:50%;}
.topline:hover, .topline_50:hover {background:#000; color:#fff; cursor:pointer; font-weight:600;}
.xdelete {background:url(/images/realable/close-icon-blue.png)center center/20px no-repeat #fff; position:absolute; top:8px; right:5px; padding:10px; border-radius:100%; cursor:pointer;}
.dragger:hover {cursor:move !important; cursor:grab !important; cursor:-moz-grab !important; cursor:-webkit-grab !important;}
.dragger:active {cursor:grabbing !important; cursor:-moz-grabbing !important; cursor:-webkit-grabbing !important;}
.postpoppic .xdelete {display:none; top:-5px !important; right:-5px !important;}
.postpoppic:hover .xdelete {display:block;}
.chrome {background:url(/images/realable/chrome-download.png)center center/contain no-repeat; width:100%;height:80px;}

.leadbox {position:relative; float:left; padding:20px; border:1px solid #ccc; background:#fff; border-radius:5px; box-shadow:0 5px 3px rgba(0,0,0,.3);}
.leadbox:hover {box-shadow:0 0 10px rgba(0,0,0,.3);}
.leadup {position:relative; top:0; transition: all .4s; -webkit-transition:all .4s; box-sizing:border-box;}
.leadup:hover {top:-5px; cursor:pointer; border:1px solid #ff6600; box-shadow:0 5px 8px rgba(250,102,0,.7) !important;}
.leadtext {margin:25px 1% 0 1%;}
.leadpop {top:-15px;}

.bluegradient {background: #002a50 !important; background: -moz-linear-gradient(top,  #002a50 0%, #1277e1 100%); background: -webkit-linear-gradient(top,  #002a50 0%,#1277e1 100%) !important; background: linear-gradient(to bottom,  #002a50 0%,#1277e1 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a50', endColorstr='#1277e1',GradientType=0 );}
.blackgradient {background: #000000 !important; background: -moz-linear-gradient(top,  #000000 0%, #444444 100%); background: -webkit-linear-gradient(top,  #000000 0%,#444444 100%) !important; background: linear-gradient(to bottom,  #000000 0%,#444444 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 );}
.gradient, .orangegradient {background: #ff6600 !important; background: -moz-linear-gradient(top,  #ff6600 0%, #ff9900 100%); background: -webkit-linear-gradient(top,  #ff6600 0%,#ff9900 100%) !important; background: linear-gradient(to bottom,  #ff6600 0%,#ff9900 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=0 );}
.orangetri {background:url(/images/realable/orange_tri.webp)top center/cover no-repeat;}
.orangesplat {background:url(/images/realable/orange_splat.jpg)center center/cover no-repeat;}

.bluegradientup {background: #000000 !important; background: -moz-linear-gradient(bottom,  #000000 0%, #325f95 100%); background: -webkit-linear-gradient(bottom,  #000000 0%,#325f95 100%) !important; background: linear-gradient(to top,  #000000 0%,#325f95 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325f95', endColorstr='#000000',GradientType=0 );}
.gradient_000 {background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0), rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%),rgba(0,0,0,0) 100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.gradient_000_up {background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0), rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to top, rgba(0,0,0,0.65) 0%),rgba(0,0,0,0) 100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.gradient_f60_up {background: -moz-linear-gradient(top, rgba(255,102,0,1) 0), rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,102,0,1) 100%); background: linear-gradient(to top, rgba(255,102,0,1) 0%),rgba(0,0,0,0) 100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.gradient_blue {background: -moz-linear-gradient(bottom, rgba(32,64,103,.65) 0), rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(32,64,103,.65) 100%); background: linear-gradient(to bottom, rgba(32,64,103,.65) 0%),rgba(0,0,0,0) 100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.gradient_blue_up {background: -moz-linear-gradient(top, rgba(32,64,103,.65) 0), rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(32,64,103,.65) 100%); background: linear-gradient(to top, rgba(32,64,103,.65) 0%),rgba(0,0,0,0) 100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.lbgradient2 {background: #fff; background: -moz-linear-gradient(top,  #e8f2fa 0%, #fff 100%); background: -webkit-linear-gradient(top,  #e8f2fa 0%,#fff 100%); background: linear-gradient(to bottom,  #e8f2fa 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f2fa', endColorstr='#fff',GradientType=0 );}

.lpgradient {background: #fef3f9; background: -moz-linear-gradient(top,  #fef3f9 0%, #fff 100%); background: -webkit-linear-gradient(top,  #fef3f9 0%,#fff 100%); background: linear-gradient(to bottom,  #fef3f9 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3f9', endColorstr='#fff',GradientType=0 );}
.lbgradient {background: #002a50; background: -moz-linear-gradient(top,  #002a50 0%, #c8e2f6 100%); background: -webkit-linear-gradient(top,  #002a50 0%,#c8e2f6 100%); background: linear-gradient(to bottom,  #002a50 0%,#c8e2f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a50', endColorstr='#c8e2f6',GradientType=0 );}
.lbgradient4 {background: #b0dbfc; background: -moz-linear-gradient(top,  #cbe6fb 0%, #b0dbfc 100%); background: -webkit-linear-gradient(top,  #cbe6fb 0%,#b0dbfc 100%); background: linear-gradient(to bottom,  #cbe6fb 0%,#b0dbfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe6fb', endColorstr='#b0dbfc',GradientType=0 );}
.graygradient {background: #f1f1f1; background: -moz-linear-gradient(top,  #f1f1f1 0%, #fff 100%); background: -webkit-linear-gradient(top,  #f1f1f1 0%,#fff 100%); background: linear-gradient(to bottom,  #f1f1f1 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fff',GradientType=0 );}
.pinkgradient {background: #fe446b; background: -moz-linear-gradient(top,  #fe446b 0%, #f75779 100%); background: -webkit-linear-gradient(top,  #fe446b 0%,#f75779 100%); background: linear-gradient(to bottom,  #fe446b 0%,#f75779 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe446b', endColorstr='#f75779',GradientType=0 );}
.greengradient {background: #0c0 !important; background: -moz-linear-gradient(top,  #0c0 0%, #0e0 100%) !important; background: -webkit-linear-gradient(top,  #0c0 0%,#0e0 100%) !important; background: linear-gradient(to bottom,  #0c0 0%,#0e0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0', endColorstr='#0e0',GradientType=0 ) !important;}
.button:hover {cursor} 
.planbutton {float:right; width:31%; margin:5px 1%; box-sizing:border-box; background:#f1f1f1; border:1px solid rgba(117,110,93,.2); padding:10px 0; border-radius:3px;}
.planbutton:hover, .planbutton_on {cursor:pointer; color:#FFF; border:1px solid #002a50;}
.planbutton:hover {background:#f6f6f6;}
.planbutton_on, .planbutton_on:hover {background:#002a50; border:1px solid #000;}
.drop_photo, .drop_video, .drop_talk, .drop_note, .drop_deal, .drop_link {position:absolute; top:12px; width:25px; height:25px;}
.drop_photo {left:calc(50% - 75px); background:url(/images/realable/image-icon-white.png)center center/contain no-repeat;}
.drop_video {left:calc(50% - 75px); background:url(/images/realable/play-icon-white.png)center center/contain no-repeat;}
.drop_talk {left:calc(50% - 75px); background:url(/images/realable/studio-mic-white.png)center center/contain no-repeat;}
.drop_note {left:calc(50% - 75px); background:url(/images/realable/note-icon-white.png)center center/contain no-repeat;}
.drop_deal {left:calc(50% - 75px); background:url(/images/realable/deal-icon-white.png)center center/contain no-repeat;}
.drop_link {left:calc(50% - 75px); background:url(/images/realable/link-icon-white.png)center center/contain no-repeat;}
.smicon {float:left; height:30px; width:25%; box-sizing:border-box; padding:8px 0 5px 28px;}
.topicon {hwidth:100%; box-sizing:border-box; padding:13px 0 12px 30px;}
.night_icon {background:url(/images/realable/icon_nights.png)left+5px center/16px no-repeat;}
.guest_icon {background:url(/images/realable/icon_guests.png)left+5px center/16px no-repeat;}
.cleaning_icon {background:url(/images/realable/icon_cleaning.png)left+5px center/16px no-repeat;}
.deposit_icon {background:url(/images/realable/icon_deposit.png)left+5px center/16px no-repeat;}
.beds_icon {background:url(/images/realable/icon_beds.png)left+5px center/16px no-repeat;}
.baths_icon {background:url(/images/realable/icon_baths.png)left+5px center/16px no-repeat;}
.sqft_icon {background:url(/images/realable/icon_sqft.png)left+5px center/16px no-repeat;}
.hometype_icon {background:url(/images/realable/icon_hometype.png)left+5px center/20px no-repeat;}
.bedroom_icon {background:url(/images/realable/icon_beds.png)left+5px center/20px no-repeat;}
.couch_icon {background:url(/images/realable/icon_couch.png)left+5px center/20px no-repeat;}
.camp_icon {background:url(/images/realable/icon_campsite.png)left+5px center/20px no-repeat;}
.rv_icon {background:url(/images/realable/icon_rv.png)left+5px center/20px no-repeat;}

.front_tiles {margin-top:25px;}
.front_tile {float:left; padding:0 1%; box-sizing:border-box; margin-top:10px;}
.front_icon {width:100%; padding-top:70%;}
.front_geo {background:url(/images/realable/geo3-icon-white.png)center center/100px no-repeat;}
.front_pic {background:url(/images/realable/image-icon-white.png)center center/100px no-repeat;}
.front_mic {background:url(/images/realable/studio-mic-white.png)center center/100px no-repeat;}
.front_video {background:url(/images/realable/play-icon-white.png)center center/100px no-repeat;}
.front_interview {background:url(/images/realable/conversation-icon-white.png)center center/100px no-repeat;}

.pop_tiles {margin-top:5px;}
.pop_tile {float:left; width:50%; padding:0 1%; box-sizing:border-box; margin-top:10px;}
.pop_icon {width:50px; padding-top:50px; float:left;}
.pop_geo {background:url(/images/realable/geo3-icon-blue.png)center center/35px no-repeat;}
.pop_pic {background:url(/images/realable/image-icon-blue.png)center center/35px no-repeat;}
.pop_mic {background:url(/images/realable/studio-mic-blue.png)center center/35px no-repeat;}
.pop_video {background:url(/images/realable/play-icon-blue.png)center center/35px no-repeat;}
.pop_interview {background:url(/images/realable/conversation-icon-blue.png)center center/35px no-repeat;}


/*Footer*/
.footer {display:none; width:100%; position:fixed; bottom:0px; z-index:20; z-index:1000; box-shadow:0 0 19px rgba(0,0,0,.2);}
.footercover {background:#000; opacity:0.5; width:100%;height:100%;position:absolute; top:0; z-index:1;}
.footerlogo {width:176px; height:70px; background:url(/images/zessage/logo_sm.png) center center/contain no-repeat; position:absolute; right:10px; top:0px; z-index:1000; }
.footerlinks {font-size:14px; line-height:1.3; margin:20px; float:left; color:#666; }
.footerlinks a {color:#000000; text-decoration:none; margin-left:5px; white-space:nowrap;font-family:'Montserrat'; font-weight:600;}
.footerlinks a:hover {color:#2c5d98; text-decoration:underline;}
.footercopy {width:200px; float:right; margin:0 30px 0 0; text-align:center; color:#ff6600;}
.footersm {font-size:11px;}
.footersm a{color:#ff6600;}
.pageloading {position:relative; top:0; left:0; width:0; height:4px; z-index:1;}

.popout {display:none; width: 100%; height:100%; position:fixed;}
.center {position:relative; left:50%; width:0px;}
.center150 {position:relative; width:150px; left:-75px; }
.center300 {position:relative; width:300px; left:-150px; }
.center500 {position:relative; width:500px; left:-250px; }
.cover {background:url(/images/realable/mainbg.jpg)center center/cover no-repeat; opacity:1; width:100%; height:100%; position:fixed; top:0px; left:0; z-index:1000;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.geoiconcover, .playcover, .miccover, .replycover, .gallerycover, .bellcover {position:fixed; top:0; left:0; width:100%; height:100%; opacity:.2; }
.geoiconcover {background:url(/images/realable/geo_tile.png)center center/auto repeat;}
.bellcover {background:url(/images/realable/mainbg.jpg)center center/cover no-repeat;}
.playcover {background:url(/images/realable/play_tile.png)center center/auto repeat;}
.miccover {background:url(/images/realable/mic_tile.png)center center/auto repeat;}
.replycover {background:url(/images/realable/reply_tile.png)center center/auto repeat;}
.gallerycover {background:url(/images/realable/gallery_tile.png)center center/auto repeat;}
.bluecover {background:rgba(0,0,0,.4); width:100%; height:100%; position:fixed; top:0; left:0;}
.bluecover:hover {background:rgba(0,0,0,.6);}
.cover:hover, .bluecover:hover {cursor:pointer;}
.centerbox, .centerwide {background:#FFF; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; position:relative;z-index:1001;}
.record_box {position:absolute;}
.record_front {padding: 1rem; border-radius:100%; background:url(/images/realable/studio-mic-white.png)center center/50% no-repeat #0e0;  box-shadow:0 0 50px rgba(0, 0, 0, .5);}
.record_front:hover {cursor:pointer; background:url(/images/realable/studio-mic-color.png)center center/50% no-repeat #0C0;}
.digits {position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:url(/images/realable/digits.png)center center/contain no-repeat; opacity:.4;}
.loadinggif {width:100%; margin-top:40px; height:200px; background:url(/images/realable/loading_1.gif)center center/contain no-repeat;}

/* Member Profile Page */
.verified, .verifiedsm {background:url(/images/items/gray-check-sm.png)center center/contain no-repeat;}
.verified1, .verifiedsm1 {background:url(/images/items/gray-check-sm.png)center center/contain no-repeat;}
.verified2, .verifiedsm2 {background:url(/images/items/blue-check-sm.png)center center/contain no-repeat;}
.verified3, .verifiedsm3 {background:url(/images/items/gold-check-sm.png)center center/contain no-repeat;}
.verified4, .verifiedsm4 {background:url(/images/items/royal-check-sm.png)center center/contain no-repeat;}
.verified1, .verified2, .verified3, .verified4, .bank {padding:9px; margin:0 2px 0 5px;}
.verifiedsm1, .verifiedsm2, .verifiedsm3, .verifiedsm4, .banksm {padding:6px; margin:0 2px 0 3px;}


.EmbeddedTweet {min-width:103%;}
/*Post Center Data*/
.post_usertime {font-size:11px; font-weight:500; color:#999; font-family: 'OpenSans', Helvetica, sans-serif; letter-spacing:0;margin-top:2px;}
.post_page_pic {width:50px; height:50px; float:left; margin-right:15px;}
.post_page_box {width:100%; height:50px;}
.group_white {background:url(/images/temp/group_icon_white.png)left center/35px no-repeat; padding:15px 22px; margin-right:10px;}
.group {background:url(/images/temp/group_icon.png)left top/18px no-repeat; padding-left:22px; height:14px; margin:5px 2px 12px 0;}
.public {background:url(/images/items/world.png)left top/12px no-repeat; padding-left:18px; height:14px; margin:5px 2px 10px 0;}
.private {padding-left:14px; height:14px; margin:15px 2px 10px 0; background:url(/images/temp/lock_gray.png)left top/contain no-repeat;}
.post_pop_item {width:30px; padding-top:30px;margin-right:10px; float:left;}
.post_pop_lock {background:url(/images/temp/lock_gray.png)center center/contain no-repeat;}
.post_pop_viewable {background:url(/images/temp/megaphone_gray.png)center center/contain no-repeat;}
.post_pop_group {background:url(/images/temp/group-icon-gray.png)center center/contain no-repeat;}
.post_pop_button {float:left; padding:11px 15px; border-radius:0; color:#999;}
.post_pop_vote, .post_pop_comments, .post_plays, .posts_reply, .post_new, .post_playlist, .post_questions, .post_answers, .post_new_comment {float:left; padding:10px 15px 9px 40px; font-family:'Montserrat'; font-size:16px; font-weight:700; line-height:1.2;} 
.post_pop_vote {color:#999; background:url(/images/realable/upvote_off.png)left+14px top+14px/22px no-repeat; }
.post_pop_vote:hover, .post_pop_vote_on {cursor:pointer; color:#000 !important; background:url(/images/realable/upvote.png)left+14px top+12px/22px no-repeat !important;}
.post_pop_comments {color:#999; background:url(/images/realable/up_comment_off.png)left+12px top+13px/22px no-repeat !important; }
.post_plays {color:#999; height:21px; padding:10px 10px 6px 39px; background:url(/images/realable/eye-icon-gray.png)left+7px top+7px/27px no-repeat !important;}
.post_plays:hover, .post_pop_comments:hover {cursor:default; color:#999 !important;}
.posts_reply {height:18px; font-size:13px; padding:12px 5px 7px 30px; color:#999; background:url(/images/realable/reply-icon.png)left+5px top+8px/21px no-repeat; }
.posts_reply:hover {color:#000000; background:url(/images/realable/reply-icon-on.png)left+4px top+7px/23px no-repeat; cursor:pointer;}
.posts_share {height:18px; font-size:13px; padding:12px 5px 7px 30px; color:#999; background:url(/images/temp/megaphone_gray.png)left+5px top+8px/21px no-repeat; }
.posts_share:hover {color:#000000; background:url(/images/temp/megaphone_gray.png)left+4px top+7px/23px no-repeat; cursor:pointer;}
.post_new, .post_new_comment {height:18px; font-size:16px; padding:10px 8px 9px 35px; color:#999; background:url(/images/realable/studio-mic-gray.png)left+7px top+7px/24px no-repeat; }
.post_new:hover, .post_new_comment:hover {color:#000000; background:url(/images/realable/studio-mic-pink.png)left+6px top+6px/26px no-repeat; cursor:pointer;}
.post_top_item {height:18px; font-size:16px; padding:10px 8px 9px 40px; color:#999;}
.post_top_item:hover {color:#000000; cursor:pointer;}
.post_playlist {background:url(/images/realable/play-icon-gray.png)left+9px top+10px/19px no-repeat; }
.post_playlist:hover {background:url(/images/realable/play-icon-blue.png)left+9px top+10px/19px no-repeat;}
.post_questions {background:url(/images/realable/question-icon-gray.png)left+7px top+7px/24px no-repeat; }
.post_questions:hover {background:url(/images/realable/question-icon-blue.png)left+7px top+7px/24px no-repeat; }
.post_answers {background:url(/images/realable/studio-mic-gray.png)left+9px top+8px/23px no-repeat; }
.post_answers:hover {background:url(/images/realable/studio-mic-pink.png)left+9px top+8px/23px no-repeat; }
.post_action {padding:5px; width:100%; top:0; left:0; height:70px; box-sizing:border-box;}
.post_action_pic {width:30px; height:30px; margin-right:8px; border-radius:100%; float:left; border:1px solid #fff; box-shadow:0 0 5px rgba(0,0,0,.7); }

.attach_button {background:url(/images/temp/clip_white.png)left+10px center/18px no-repeat #033d88; padding-left:35px; border-radius:50px;}
.attach_button:hover {background:url(/images/temp/clip_white.png)left+10px center/18px no-repeat #000000;}
.postpagecontent {padding:10px; font-size:18px;}
.post_comment {width:100%; padding:17px 0 7px 1%; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,.2); position:relative; background:#fff;}
.post_comment_pic {float:left; border-radius:100%; position:relative;border:2px solid #fff;}
.post_comment_pic:hover {cursor:pointer; box-shadow:0 0 7px rgba(9,63,134,0.5);}
.post_comment_pic span {position:absolute; right:-10px; top:0; width:3px; height:3px; border-radius:100%; border:1px solid #fff;}
.post_comment_text {color:#666; font-family:HelveticaNeue, 'OpenSans', Helvetica, sans-serif; letter-spacing:0; overflow:hidden;}
.post_comment_text a, .post_text2 a {color:#f60;}
.post_reply {border-bottom:unset !important;}
.post_text a {color:#000000;}
.post_comment_img {cursor:pointer; width:20%; float:left; margin-right:1%; border-radius:5px;}
.post_comment_link {float:left; width:55%;}
.post_comment_small {color:#999; font-size:11px; margin:3px 0 0 0px;font-weight:300; font-family:HelveticaNeue, 'OpenSans', Helvetica, sans-serif; letter-spacing:0; float:left;}
.post_share {width:37px; height:37px; float:right; background:url(/images/realable/share-link-gray.png)center center/25px no-repeat;}
.post_share:hover {cursor:pointer; background:url(/images/realable/share-link-pink.png)center center/27px no-repeat;}
.gfeed_com {width:100%; padding:10px; box-sizing:border-box; position:relative; font-family:'Poppins','Montserrat', 'OpenSans', Helvetica,Arial,sans-serif;}
.gfeed_compic {width:36px; height:36px; border-radius:100%; float:left; margin-right:5px;}
.gfeed_comtext {height:36px;overflow:hidden;position:relative;}
.gfeed_comtext input{height:36px;border-radius:50px; background:#fff; padding:0 40px 0 15px; width:100%;}
.gfeed_comadd {position:absolute; right:0; top:0; padding:10px 27px 10px 12px; height:15px; float:right; border-radius:0 20px 20px 0; font-weight:600; background:url(/images/temp/arrow_white_right.png)center center/11px no-repeat #ccc;}
.gfeed_comadd_on {background-color:#000000 !important;}
.gfeed_comadd:hover {cursor:pointer; background-color:#000000;}
.gfeed_comtext input::placeholder { font-size:13px; color:#999; padding-top:2px;}
.gfeed_comtext input:focus {outline: none; border-color:#000000; -webkit-box-shadow: none; -moz-box-shadow:none;box-shadow: none;}
.post_gradient {width:100%; height:4px; position:absolute; left:0; top:-4px; z-index:1;}
.pc_vote {height:37px; margin-left:10px; padding:7px 8px 0 27px; color:#999; box-sizing:border-box; font-weight:bold; background:url(/images/realable/heart-icon-gray.png)left center/20px no-repeat transparent;}
.pc_vote:hover, .pc_vote_on {cursor:pointer; color:#1277e1; background:url(/images/realable/heart-icon-pink.png)left center/20px no-repeat transparent; text-decoration:none;}
.playwrap, .replywrap {position:absolute; box-sizing:border-box; padding:10px; background:#000000; border-radius:100%; border:3px solid #fff;}
.playwrap {left:15px; top:calc(50% - 50px);}
.playfeed {position:relative; float:left; z-index:10;}
.playstamp {position:absolute; right:0; bottom:0; z-index:10;}
.whiteplay, .whitepause, .pinkplay, .pinkpause {position:absolute;}
.whiteplay {background:url(/images/realable/play-white.png)left+3px center/contain no-repeat;}
.whitepause {background:url(/images/realable/pause-white.png)left+3px center/contain no-repeat;}
.pinkplay, .pinkpause {width:60px; padding-top:60px; left:calc(50% - 30px); top:calc(50% - 30px); z-index:100;}
.pinkplay {background:url(/images/realable/play_button_sm_slant.png)center center/contain no-repeat;}
.pinkpause {background:url(/images/realable/pause_button_sm_slant.png)center center/contain no-repeat;}
.pinkplay:hover, .pinkpause:hover {cursor:pointer; background-size:94%;}
.whitemap {width:50px; height:50px; position:absolute; right:-25px; top:calc(50% - 25px); background:url(/images/realable/map-white.png)center center/contain no-repeat;}
.whitelock {position:absolute; background:url(/images/realable/geo3-icon-white.png)center center/contain no-repeat; z-index:1;}
.piclock {position:absolute; background:url(/images/realable/image-icon-white.png)center center/contain no-repeat; z-index:1;}
.vidlock {position:absolute; background:url(/images/realable/play-icon-white.png)center center/contain no-repeat; z-index:1;}
.audiolock {position:absolute; background:url(/images/realable/studio-mic-white.png)center center/contain no-repeat; z-index:1;}
.notelock {position:absolute; background:url(/images/realable/note-icon-white.png)center center/contain no-repeat; z-index:1;}
.linklock {position:absolute; background:url(/images/realable/link-icon-white.png)center center/contain no-repeat; z-index:1;}
.deallock {position:absolute; background:url(/images/realable/deal-icon-white.png)center center/contain no-repeat; z-index:1;}
.playwrap:hover {cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,.5); background-size:150%;}
.playwrap:hover .whiteplay, .playfeed:hover .whiteplay {cursor:pointer; } 
.replywrap {width:45px; height:45px; left:100px; top:27px;}
.replybutton {background:url(/images/realable/reply-icon-white.png)center center/contain no-repeat; width:25px; height:25px; position:absolute; right:-15px; top:-10px;}
.replywrap:hover {cursor:pointer; box-shadow:0 0 6px rgba(0,0,0,.5);}
.replywrap:hover .replybutton{width:29px; height:29px; right:-17px; top:-12px;}
.recordbutton, .geobutton, .uploadbutton, .frontrecordbutton {box-sizing:border-box; z-index:10000;}
.recordbutton {background:url(/images/realable/studio-mic-white.png)left+20px center/40px no-repeat #0e0;}
.frontrecordbutton {cursor:pointer; background:url(/images/realable/studio-mic-color.png)left+20px center/40px no-repeat;}
.uploadbutton {position:fixed; background:url(/images/realable/upload-icon-blue.png)left+20px center/40px no-repeat;}
.geobutton {background:url(/images/realable/geo3-icon-white.png)left+20px center/40px no-repeat #0e0;}
.recordbutton:hover, .geobutton:hover, #micbutton:hover {cursor:pointer; background-color:#0C0;}
.uploadbutton:hover {cursor:pointer; background:url(/images/realable/upload-icon-blue.png)left+20px center/40px no-repeat;}
#micbutton {padding:15px 0px; background:#0e0;}
.miccenter {width:300px; height:45px; display:inline-block; background:url(/images/realable/studio-mic-white.png)left top/45px no-repeat; padding:3px 0 0 30px; font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; font-weight:700; letter-spacing:-2px; font-size:30px; letter-spacing:-1.5px;}
.post_line {height:39px; width:100%;}
.post_line_text {padding:9px 0; white-space:nowrap; overflow:hidden;}
.post_reply_line, .post_message_line, .post_question_line {width:35px; height:40px; float:left; margin:0 8px 0 0; padding-left:40px; box-sizing:border-box; border-right:5px solid #ccc;}
.post_message_line {background:url(/images/realable/message-icon-blue.png)center center/21px no-repeat;}
.post_reply_line {background:url(/images/realable/reply-icon-blue.png)center center/21px no-repeat;}
.post_question_line {background:url(/images/realable/question-icon-blue.png)center center/26px no-repeat;}
.play_link_pic {top:-4px; width:28px; height:28px; margin-right:8px; border:1px solid rgba(32,64,103,.5);}
.link_icon, .geo_icon {width:20px; height:20px; float:left; margin-right:5px;}
.link_icon {background:url(/images/realable/link-icon-gray.png)center center/contain no-repeat;}
.geo_icon {background:url(/images/realable/location-icon-gray.png)center center/contain no-repeat;}
.geo_icon_white {width:30px; height:40px; float:left; margin-right:10px; background:url(/images/realable/geo3-icon-white.png)center top/120% no-repeat;}
.geo_icon_lg {width:70px; height:70px; float:left; margin-right:15px; background:url(/images/realable/geo3-icon-blue.png)center top/100% no-repeat;}
#playlistnow {bottom:15px; z-index:10000;}
.playlist_record, .playlist_link {padding:15px 35px 15px 75px; box-sizing:border-box;}
.playlist_record {background:url(/images/realable/studio-mic-white.png)left+20px center/45px no-repeat #0e0; }
.playlist_link {background:url(/images/realable/link-icon-white.png)left+20px center/45px no-repeat #0e0; }
.playlist_record:hover, .playlist_link:hover {cursor:pointer; background-color:#0C0;}
.geocover {width:100%; height:100%; box-sizing:border-box; padding:0 10%; position:absolute; left:0; top:0; background:rgba(32,64,103,.5); cursor:pointer;}
.cameracode {width:300px;height:300px;padding:0 0 25px 0; border-radius:10px; background:#fe446b; border:8px solid #fe446b;}
.cameracode img {border-radius:7px 7px 0 0;}
.post_bg {top:0; left:0;}
.post_geo {width:100%; min-height:280px; background:url(/images/realable/default_map.jpg)center center/cover no-repeat;}
#pagephoto:hover .post_arrow_right, #pagephoto:hover .post_arrow_left {display:block;}
.post_arrow_right, .post_arrow_left {width:60px; height:60px; border:1px solid #fff; border-radius:100%; position:absolute; top:calc(50% - 30px); display:none; background:url(/images/temp/arrow_white_right.png)right+17px center/20px no-repeat rgba(255, 255, 255,.2); z-index:3;}
.post_arrow_left {left:2%; transform: rotate(180deg);}
.post_arrow_right {right:2%;}


.hashtag {padding:5px; border-radius:3px; color:var(--color1); border:1px solid rgba(0,0,0,.2); float:left; margin-right:8px; font-size:13px; font-weight:bold;}
.hashtag:hover {cursor:pointer; color:var(--color2); border:1px solid rgba(0,0,0,.5); text-decoration:underline;}

#buttonbox {width:100%; box-sizing:border-box; padding:10px 2%; border-bottom:1px solid rgba(0,0,0,.2);}
#buttonbox .butt {float:left; font-family:'Poppins','Montserrat', 'OpenSans', Helvetica, sans-serif; line-height:1.3; color:#1277e1; margin:5px -1px 5px 0; text-transform:uppercase; padding:6px 14px 6px 33px; font-weight:700; letter-spacing:-0.8px; border:1px solid #1277e1;}
#buttonbox .icon {padding-left:18px !important;}
#buttonbox div:hover {cursor:pointer; color:#fff; background-color:#1277e1;}
.me_button {background:url(/images/realable/studio-mic-color.png)left+8px center/19px no-repeat;}
.me_button:hover {background:url(/images/realable/studio-mic-white.png)left+8px center/19px no-repeat;}
.me_button.button_on {background:url(/images/realable/studio-mic-pink.png)left+8px center/19px no-repeat;}
.all_button {background:url(/images/realable/circle-icon-pink.png)left+8px center/18px no-repeat #fff;}
.all_button:hover, .all_button.button_on {background:url(/images/realable/circle-icon-white.png)left+8px center/18px no-repeat;}
.all_button.button_on {background:url(/images/realable/circle-icon-white.png)left+8px center/18px no-repeat;}
.video_button {background:url(/images/realable/play-icon-blue.png)left+8px center/18px no-repeat;}
.video_button:hover {background:url(/images/realable/play-icon-white.png)left+8px center/18px no-repeat;}
.audio_button {background:url(/images/realable/studio-mic-pink.png)left+8px center/18px no-repeat;}
.audio_button:hover {background:url(/images/realable/studio-mic-white.png)left+8px center/18px no-repeat;}
.images_button {background:url(/images/realable/image-icon-blue.png)left+8px center/18px no-repeat;}
.images_button:hover {background:url(/images/realable/image-icon-white.png)left+8px center/18px no-repeat;}
.upload_button {background:url(/images/realable/upload-icon-blue.png)left+8px center/18px no-repeat;}
.upload_button:hover {background:url(/images/realable/upload-icon-white.png)left+8px center/18px no-repeat;}
.download_button {background:url(/images/realable/download-icon-blue.png)left+8px center/20px no-repeat;}
.download_button:hover {background:url(/images/realable/download-icon-white.png)left+8px center/20px no-repeat;}
.rentals_button {background:url(/images/realable/key-icon-pink.png)left+7px center/20px no-repeat #fff;}
.rentals_button:hover, .rentals_button.button_on {background:url(/images/realable/key-icon-white.png)left+7px center/20px no-repeat;}
.posts_button {background:url(/images/realable/lock-icon-blue.png)left+7px center/20px no-repeat;}
.posts_button:hover, .posts_button.button_on {background:url(/images/realable/lock-icon-white.png)left+7px center/20px no-repeat;}
.lock_button_public {background:url(/images/realable/lock-open-icon-blue.png)left+7px center/20px no-repeat;}
.lock_button_public:hover {background:url(/images/realable/lock-icon-white.png)left+7px center/20px no-repeat #000;}
.delete_button:hover {background:url(/images/realable/delete-icon-white.png)left+8px center/20px no-repeat #c00 !important;}
.delete_button {background:url(/images/realable/delete-icon-white.png)left+8px center/20px no-repeat #f00; color:#fff !important;}
.button_on {background-color:#1277e1 !important; color:#fff !important;} 
.replies_button {background:url(/images/realable/reply-icon-blue.png)left+7px center/20px no-repeat;}
.replies_button:hover {background:url(/images/realable/reply-icon-white.png)left+7px center/20px no-repeat;}
.answers_button {background:url(/images/realable/question-icon-blue.png)left+7px center/20px no-repeat;}
.answers_button:hover {background:url(/images/realable/question-icon-white.png)left+7px center/20px no-repeat;}
.links_button {background:url(/images/realable/link-icon-blue.png)left+7px center/20px no-repeat;}
.links_button:hover {background:url(/images/realable/link-icon-white.png)left+7px center/20px no-repeat;}
.offers_button {background:url(/images/realable/note-icon-white.png)left+7px center/20px no-repeat;}
.offers_button:hover {background:url(/images/realable/note-icon-white.png)left+7px center/20px no-repeat;} 
.sponsors_button {background:url(/images/realable/deal-icon-white.png)left+7px center/20px no-repeat;}
.sponsors_button:hover {background:url(/images/realable/deal-icon-white.png)left+7px center/20px no-repeat;}
.trade_button {background:url(/images/realable/reply-icon-white.png)left+7px center/20px no-repeat;}
.trade_button:hover {background:url(/images/realable/reply-icon-white.png)left+7px center/20px no-repeat;}
.link_button {background:url(/images/realable/link-icon-blue.png)left+7px center/20px no-repeat;}
.link_button:hover {background:url(/images/realable/link-icon-white.png)left+7px center/20px no-repeat;}
.geo_button {background:url(/images/realable/geo3-icon-blue.png)left+7px center/20px no-repeat;}
.geo_button:hover {background:url(/images/realable/geo3-icon-white.png)left+7px center/20px no-repeat;}
.favs_button {background:url(/images/realable/heart-icon-pink.png)left+7px center/20px no-repeat #fff;}
.favs_button:hover, .favs_button.button_on {background:url(/images/realable/heart-icon-white.png)left+7px center/20px no-repeat;}
.saves_button {background:url(/images/realable/save-icon-white.png)left+7px center/20px no-repeat #fff;}
.saves_button:hover, .saves_button.button_on {background:url(/images/realable/save-icon-white.png)left+7px center/20px no-repeat;}
.following_button, .socials_button, .subscriptions_button {background:url(/images/realable/user-icon-blue.png)left+7px center/20px no-repeat;}
.following_button:hover, .socials_button:hover, .subscriptions_button:hover, .subscriptions_button.button_on {background:url(/images/realable/user-icon-white.png)left+7px center/20px no-repeat;}


.con_button {background:url(/images/realable/conversation-icon-blue.png)left+7px center/20px no-repeat;}
.con_button:hover {background:url(/images/realable/conversation-icon-white.png)left+7px center/20px no-repeat;}
.groups_button, .visitors_button {background:url(/images/realable/group-icon-blue.png)left+7px center/20px no-repeat;}
.groups_button:hover, .visitors_button:hover {background:url(/images/realable/group-icon-white.png)left+7px center/20px no-repeat;}
.yt_button {background:url(/images/temp/youtube.png)left+5px center/22px no-repeat;}
.yt_button:hover {background:url(/images/temp/youtube-white.png)left+5px center/22px no-repeat;}
.tw_button {background:url(/images/temp/tw.png)left+5px center/22px no-repeat;}
.tw_button:hover {background:url(/images/temp/tw-white.png)left+5px center/22px no-repeat;}
.fb_button {background:url(/images/temp/fb.png)left+5px center/22px no-repeat;}
.fb_button:hover {background:url(/images/temp/fb-white.png)left+5px center/22px no-repeat;}
.toptab {width:100%; margin-top:10px; padding:10px 2%; height:51px; border-bottom:1px solid rgba(0,0,0,.2); font-family:'Montserrat'; box-sizing:border-box;}
.toptabitem, .toptabitem_on {float:left; font-size:16px; font-weight:700; letter-spacing:-.8px; border-top:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); border-bottom:none !important; padding:6px 12px 4px; height:34px; box-sizing:border-box; position:relative; top:6px;}
.toptabitem_off {background:#fff;}
.toptabitem {color:#000; top:5px;}
.toptabitem:hover {color:#002a50; cursor:pointer;}
.toptabitem_on {color:#fff; top:0; height:40px; padding-top:8px; border-radius:3px 3px 0 0; border:1px solid transparent; box-shadow:0 0 6px rgba(0,0,0,.2);}
.toptabitem_on:hover {color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.6);}
.link_post, .deal_post, .note_post {position:absolute; width:100%; top:-80px; height:70px; z-index:1;}
.note_post {background:url(/images/realable/note-icon-white.png)center center/contain no-repeat;}
.link_post {background:url(/images/realable/link-icon-white.png)center center/contain no-repeat;}
.deal_post {background:url(/images/realable/deal-icon-white.png)center center/contain no-repeat;}

.actbox:hover {cursor:pointer; background:#f3f8fd;}
.actbox a, .combox a {font-family: 'Montserrat'; font-weight:700;}
.actpic, .actphoto {float:left;}
.actpic {border-radius:100%;}
.actpic_sm {float:left; width:45px; height:45px; margin-right:10px; border-radius:100%; border:2px solid #fff; box-shadow:0 0 2px rgba(0,0,0,1);}
.actpic:hover, .actphoto:hover {cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,1);}
.actpic2 {position:absolute; top:-10px; border-radius:100%; border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,1);}
.actbox:hover .actpic {box-shadow:0 0 5px rgba(0,0,0,1);}
.comment {border:1px solid #aaadee; padding:8px 15px; border-radius:5px; background:#edf5fa;}
.comment_pad {padding:8px 15px; box-sizing:border-box;} 
.activitybox {position:relative;top:-1px !important; padding:0 0 100px 0 !important; margin-top:0 !important;z-index:1;}
.activitybuttons {z-index:2; position:relative;}
.invitebottom { width:100%; padding:15px 5%; box-sizing:border-box; background:rgba(0,0,0,.05);}
.notification_photo {float:left; margin-right:10px;}
.sub_button, .sub_button_on {float:left; font-family: 'Montserrat'; font-weight:700; letter-spacing:-.8px; text-align:center; margin-right:0; background:#fff; position:relative; z-index:2; margin-right:1px;}
.sub_button {color:#fff; background:var(--bluegradient); }
.sub_button_on {border-bottom:1px solid #fff !important; color:#002a50; border-top:1px solid rgba(0,0,0,.2) !important; border-left:1px solid rgba(0,0,0,.2) !important; border-right:1px solid rgba(0,0,0,.2) !important; padding:5px 13px 6px !important;}
.sub_button_on:hover {cursor:pointer;}
.sub_button:hover {cursor:pointer; background:#002a50 !important; color:#fff !important; box-shadow:0 0 15px rgba(0,0,0, .1);}

.pro_button, .pro_button_on {float:left; font-family: 'Montserrat'; font-weight:700; letter-spacing:-.8px; border:var(--main-border); text-align:center;}
.pro_button, .pro_button_on {border-radius:50px; color:var(--color1); }
.pro_button:hover {cursor:pointer; background:var(--black) !important; color:#fff !important; box-shadow:0 0 15px rgba(0, 0, 0, .1);}
.pro_button_on:hover {cursor:pointer; background:var(--black) !important; color:#fff !important; box-shadow:0 0 15px rgba(0, 0, 0, .1);}

.plan_pop {background:#fff;}
.plan_pop:hover {cursor:pointer; background:#f3f8fd;}

.controlline {font-size:12px; padding:15px 0  0 1%; color:#999;}
.controls {padding-left:32px !important; background:url(/images/items/controls.png)3px center/24px no-repeat #fff !important; margin-top:10px !important; color:#fe446b !important;}
.controls:hover {cursor:pointer; background:url(/images/items/controls.png)3px center/24px no-repeat #fff !important;}
.postbottom {border-top:1px solid rgba(0,0,0,.2); padding: 15px 10px; background:#f3f8fd; position: relative; left:0; width:100%; box-sizing:border-box;}
.post_userpop {position:absolute; top:0; left:50px; z-index:20; width:250px; background:#fff; padding:10px; border-radius:0 0 5px 5px; box-shadow:0 0 10px rgba(0,0,0,.4); border:1px solid rgba(0,0,0,.4);}
.post_user_close {width:30px; height:30px; position:absolute; left:-15px; top:-15px; z-index:1; background:url(/images/temp/x.png)center center/90% no-repeat; border-radius:100%;}
.post_user_close:hover {cursor:pointer; background-size:100%;}

.login33 {float:left; width:33.333%;}
.loginwithtw, .loginwithfb, .loginwithe, .loginwithg {height:40px; width:90%; margin:0 5% 10px; box-sizing:border-box; box-shadow:0 2px 4px rgba(0,0,0,.25); transition: all .2s ease-in-out; position:relative; border-radius:50px;}
.loginwithtw, .loginwithfb, .loginwithe {padding-left:15px;}
.loginwithfb {background:url(/images/temp/loginwithfb.png)left center/323px no-repeat #fff;margin-bottom:6px;}
.loginwithtw {background:url(/images/temp/loginwithtw.png)left center/309px no-repeat #fff;}
.loginwithe {background:url(/images/temp/email-gray.png)left+8px center/22px no-repeat #fff;}
.loginwithin {float:left; font-size:14px; text-align:center; font-family:Roboto,arial,sans-serif; font-weight:500; white-space:nowrap; padding-top:10px; width:96%; margin-left:3%; color:#757575; letter-spacing:0;}
.loginwithfb:hover {cursor:pointer; box-shadow:0 2px 6px rgba(58, 81, 155,.5); top:-2px;}
.loginwithtw:hover {cursor:pointer; box-shadow:0 2px 6px rgba(75, 169, 244,.5); top:-2px;}
.loginwithe:hover {cursor:pointer; box-shadow:0 2px 6px rgba(0, 153, 0, 0.5); top:-2px;}
.loginwithg:hover {cursor:pointer; box-shadow:0 2px 6px rgba(255, 102, 0,.5); top:-2px;}
.logintexttw, .logintextfb {text-align:center; padding:8px 0 0 23px; font-size:13px; width:100px; text-decoration:underline; }
.logintexttw {background:url(/images/temp/tw.png)left 4px/contain no-repeat; color:#37abe7;}
.logintextfb {background:url(/images/temp/fb.png)left 4px/contain no-repeat; color:#3a519b;}
.logintexttw:hover, .logintextfb:hover {text-decoration:none; cursor:pointer;}
.bottomlogin {position:fixed; bottom:0; padding:5px 0; z-index:1001; background:#f5f3ec; box-shadow:0 0 18px rgba(0,0,0,.5);}
.frontbg {width:100%; height:100%; position:fixed; background: #000000; background: -moz-linear-gradient(45deg, #000000 0%, #f03897 56%, #fb752b 93%); background: -webkit-linear-gradient(45deg, #000000 0%,#f03897 56%,#fb752b 93%); background: linear-gradient(45deg, #000000 0%,#f03897 56%,#fb752b 93%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fb752b',GradientType=1 );}
.mob_btmlogins {width:42px;float:left;margin:5px 2px;}
.abcRioButton {border-radius:50px !important;}
.abcRioButtonContents {position:relative !important; left:-10px;}
.popdown {width:100%; font-weight:700; text-align:center; color:#fff; position:fixed; z-index:10001; left:0; letter-spacing:-1px; font-family:'Montserrat'; line-height:1.2; letter-spacing:-1px; -webkit-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:antialiased;}


.sublogin {float:right; font-size:20px; font-weight:600; letter-spacing:-1px; color:#fe446b; font-family:'Montserrat'; letter-spacing:-.8px; }
.sublogin:hover {cursor:pointer; text-decoration:underline;}
.topnav {position:relative; float:left; transition: all .2s ease-in-out;}
.topnav:hover {opacity:.9; cursor:pointer;}
.home {background:url(/images/temp/home.png)center center/95% no-repeat;}
.plus_post, .plus_post_mobile {background:url(/images/realable/studio-mic-white.png)center center/contain no-repeat; }
.plus_post:hover, .plus_post_mobile:hover {background:url(/images/realable/studio-mic-pink.png)center center/contain no-repeat;}
.topgroup {background:url(/images/realable/group-icon-white.png)center center/contain no-repeat;}
.topgroup:hover {background:url(/images/realable/group-icon-blue.png)center center/contain no-repeat;}
.plus_geo {background:url(/images/realable/geo3-icon-white.png)center center/95% no-repeat;}
.plus_geo:hover {background:url(/images/realable/geo3-icon-blue.png)center center/95% no-repeat;}
.home:hover, .topgroup:hover, .plus_geo:hover, .plus_post:hover, .plus_post_mobile:hover {cursor:pointer;}
.bell, .inbox, .friends, .stamp {position:relative; float:left;}
.friends {background:url(/images/realable/friends-sprite.png)left center/140px no-repeat;}
.friends:hover {cursor:pointer; background-position:right center;}
.inbox {background:url(/images/realable/inbox-sprite-blue.png)left center/140px no-repeat;}
.inbox:hover {cursor:pointer; background-position:right center;}
.stamp {background:url(/images/realable/stamp-sprite-blue.png)left center/100px no-repeat;}
.stamp:hover {cursor:pointer; background-position:right center;}
.bell {background:url(/images/realable/bell-sprite-blue.png)left center/100px no-repeat;}
.bell:hover {cursor:pointer; background-position:right center;}
.bell_off {background:url(/images/temp/bell_off_black.png)center center/contain no-repeat;}
.bell_on {background:url(/images/temp/bell_on_black.png)center center/contain no-repeat;}
.bell_on:hover {cursor:pointer; background:url(/images/temp/bell_on2_black.png)center center/contain no-repeat;}
.bell_notifications {display:none; position:absolute; text-align:center; letter-spacing:-.4px; color:#fff; font-family: 'Montserrat'; font-weight:700;}
.plusbell {position:fixed; bottom:30px; right:30px; z-index:100000; width:75px; height:75px; border-radius:100%; box-shadow:0 0 16px rgba(0,0,0,.4); border:2px solid #fff;}
.plusbell_in {width:100%; padding-top:100%;  border-radius:100%; background:url(/images/realable/bell-icon-white-plus.png)center center/60% no-repeat;}
.plusbell_in:hover {cursor:pointer; background:url(/images/realable/bell-icon-white-plus-on.png)center center/64% no-repeat;}

.popout .pageleft, .popout .feedright {top:0 !important;}
.mainpic {position:relative; width:70px; height:70px; float:left; margin:0 5px 5px 0;}
.makemainpic {background:rgba(0,0,0,.5); padding:4px 0;}
.makemainpic:hover {background:rgba(0,0,0,.8); cursor:pointer;}
.deletemainpic {background:#fb8442; position:absolute; bottom:2px; right:2px; border-radius:100%; padding:0px 5px 2px;}
.deletemainpic:hover {background:#ca0707;cursor:pointer;}

.city {background:url(/images/items/location_icon.png)left center/10px no-repeat; font-size:12px; color:#002a50; padding:0 16px; font-family: 'OpenSans', Helvetica, sans-serif; font-weight:500; float:left;}
.subbar {padding:8px 0; font-family:'Montserrat'; font-weight:700; white-space:nowrap; text-align:left; box-sizing:border-box; width:100%; overflow:hidden; letter-spacing:-1.2px;}
.pagebar .sponsor_data {left:100% !important; top:-1px !important; box-shadow:0 0 4px rgba(0,0,0,0.2); border-radius:0 4px 4px 0 !important; border:1px solid rgba(0,0,0,.2); border-left:1px solid #fff;}

.backup_top {width:100%; background:url(/images/realable/franklin.jpg)center center/cover no-repeat; box-shadow:0 0 12px rgba(0,0,0,.6); position:relative;}
.backup_left, .backup_left_form {float:left; padding:50px 3%; position:relative;z-index:1;box-sizing:border-box;}
.backup_right {float:right; cursor:pointer; position:relative;z-index:1; }
.backup_bottom {width:96%; padding:50px 2%;}
.backup_form {float:right; position:relative; z-index:1; padding:10px; box-sizing:border-box; margin-bottom:110px;}
.backup33 {padding: 6px 0 8px; margin:5px 1%; float:left; border-radius:3px;}

.drop {display:none; position:absolute; top:2px; right:5px; width:15px; height:15px; background:url(/images/temp/drop.png)center center/contain no-repeat; z-index:3;}
#tr .drop {top:15px; right:45px;}
.post_line:hover .drop, .theater_right:hover .drop {display:block;}
.drop:hover {cursor:pointer;}
.drop:hover .drop_in {display:block;}
.drop_text {position:absolute; top:2px; right:45px; z-index:2; font-size:11px;}
.drop_in {display:none; position:absolute; right:-5px; top:-2px; min-width:90px; font-size:12px; white-space:nowrap; background:#fff; border:1px solid rgba(0,0,0,.2); border-bottom:none;}
.drop_line {text-align:center; color:#000000; padding:2px 5px; border-bottom:1px solid rgba(0,0,0,.2);}
.drop_line:hover {cursor:pointer; background:#f5f3ec;}
.reportitem {width:48%; padding:5px 2%; font-weight:bold; float:left; border:1px solid rgba(0,0,0,.2); margin:5px 1%; box-sizing:border-box;}
.reportitem:hover, .reportitem_on {cursor:pointer; color:#fff !important; background:#ca0707;}

.theater_close {position:absolute; right:25px; top:10px; z-index:3; font-weight:600; width:25px; height:25px; line-height:1.5; border-radius:100%; background:#000000; color:#fff; text-align:center; z-index:11;}
.theater_close:hover {cursor:pointer;}

/*Video Chat*/
.video_user {float:left; position:relative;}
.video_user video {width:100%; height:100%; object-fit:cover;}
.video_logo {padding-top:120px; display:none;}

/* Profile */
.propic {float:left; border-radius:100%; border:4px solid #fff;}
.propic:hover {background-size:120%; cursor:pointer;}
.post_userpic {top:0;width:75px; padding-top:75px; margin-right:15px; border-radius:100%; border:3px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.post_userpic:hover {background-size:120%; cursor:pointer;}
.prologo {width:100%; padding-top:30%;background:url(/images/realable/logo-2-500px.png)center center/contain no-repeat;}
.prourl {width:100%; bottom:-39px;}

/*Post Editor*/
.posttype {float:left; padding:3px 8px; height:18px; margin:0 3px 3px 0; font-size:14px; color:#000000; letter-spacing:-.6px; border:1px solid rgba(0,0,0,.2); border-radius:2px; font-weight:700;font-family:'Montserrat';}
.posttype:hover {cursor:pointer; background:#000000; color:#FFF;}
.posttype_on, .posttype_on:hover {position:relative; color:#fff; background:#C00; box-shadow:0 0 5px rgba(0,0,0,.2);}

/*Rebounds*/
.rebound_box, .group_box, .image_box {float:left; position:relative; border:1px solid rgba(0,0,0,.2); padding:10px; box-sizing:border-box; border-radius:3px;transition: all .2s ease-in-out; overflow:hidden;}
.rebound_box:hover, .group_box:hover, .image_box:hover {cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4);top:-1px;}
.rebound_box:hover .rebound_data {display:block;}
.rebound_data {display:none; width:calc(100% - 16px); padding:3px 0; box-sizing:border-box; position:absolute; bottom:0; top:unset; left:8px; z-index:2; height:57px; background:#b0dbfc;}
.rebound_vote {float:right; padding:10px 0 4px 46px; text-align:center; position:relative; top:3px; font-size:20px; height:32px; font-weight:700; font-family:'Montserrat'; background:url(/images/realable/upvote_off.png)left+10px top+3px/29px no-repeat; color:#999;}
.rebound_vote:hover, .rebound_vote_on {background:url(/images/realable/upvote.png)left+10px top+3px/29px no-repeat; color:#ca0707 !important;}
.rebound_pic {width:60px; padding-top:60px; margin-right:8px; float:left; border-radius:100%; border:3px solid #fff; position:relative; top:-20px;}
.rebound_details {overflow:hidden; white-space:nowrap;}
.rebound_over {position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); z-index:1; border-radius:2px;}

.twitter-tweet-rendered {width:100% !important; max-width:100% !important;}

/*Group Stuff*/
.group_over {position:relative; width:100%; height:160px;}
.group_info {width:100%; box-sizing:border-box;}
.group_title {font-size:20px; font-family:'Montserrat'; font-weight:700; letter-spacing:-.8px;}
.group_media {position:relative; border-radius:2px; width:48%; height:150px; float:left; margin:1%; box-sizing:border-box; overflow:hidden;}
.group_media:hover {cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.8);}
.group_message {margin-top:14px; cursor:pointer; max-width:50%; height:55px;}

/*Posts Feed */
.post_feed {position:relative; z-index:0; box-sizing:border-box; background:#fff;}
.post_feed:hover { z-index:1;}
.post_feed_pic {float:left; border-radius:100%; margin:0 10px; }
.post_feed_pic_mobile {float:left; border-radius:100%; margin-right:1%;}
.post_feed .comment {border-radius:0 !important; border-bottom:unset; border-right:unset; border-left:unset;}
.post_pop_pic {float:left; width:75px; padding-top:75px; border-radius:100%; margin-right:1%;}
.post_feed_pic:hover {cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.5);}
.post_feed_vote {float:left; text-align:center; font-family:'Montserrat'; font-weight:700; background:url(/images/realable/heart-icon-gray.png)center center/29px no-repeat;}
.post_feed_vote_on {color:#000000 !important; background:url(/images/realable/heart-icon-pink.png)center top+5px/29px no-repeat !important;}
.post_feed_vote:hover {cursor:pointer; color:#000000; background:url(/images/realable/heart-icon-pink.png)center top+5px/29px no-repeat;}
.post_feed_save {float:left; height:21px; padding:8px 10px 8px 35px; font-size:16px; color:#999; letter-spacing:-.8px; font-family:'Montserrat'; font-weight:700; background:url(/images/realable/save-icon-gray.png)left+10px top+9px/20px no-repeat;}
.post_feed_save_on, .post_feed_save:hover {cursor:pointer; color:#000000 !important; background:url(/images/realable/save-icon-pink.png)left+9px top+8px/22px no-repeat !important;}
.post_edit {padding:12px 7px; height:13px;}
.post_feed_right {box-sizing:border-box;}
.post_feed_title {font-size:22px; letter-spacing:-1px; font-family:'Montserrat'; font-weight:700; background: -webkit-linear-gradient(#060, #fe446b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.post_feed_title:hover {cursor:pointer; color:#000000; text-decoration:underline; background: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset;}
.post_feed_link {font-size:14px; color:#999; text-decoration:underline;}
.post_feed_link:hover {cursor:pointer; color:#fe446b;}
.post_feed_desc {font-size:14px; color:#666; margin:5px 0;}
.post_feed_name {font-size:12px; color:#999; padding:0 0 0 2%; overflow:hidden;}
.post_comments {float:left; height:21px; padding:8px 10px 8px 37px; font-size:16px; color:#999; letter-spacing:-.8px; font-family:'Montserrat'; font-weight:700; background:url(/images/realable/up_comment_off.png)left+10px top+10px/23px no-repeat;}
.post_comments:hover {cursor:pointer; color:#000000; background-image:url(/images/realable/up_comment.png);}
.post_duration {float:left; height:21px; padding:8px 10px 8px 35px; font-size:16px; color:#999; letter-spacing:-.8px; font-family:'Montserrat'; font-weight:700; background:url(/images/realable/clock.png)left+10px top+9px/20px no-repeat;}
.post_q {padding:8px;}
.post_q:hover {cursor:pointer;}
.post_q_img {width:50px; height:50px; float:left; margin-right:10px; position:relative; border:1px solid rgba(0,0,0,.2); box-shadow:inset 0 0 4px rgba(0,0,0,.8);}
.post_q_icon, .post_c_icon, .post_l_icon, .post_loc_icon, .post_play_icon, .post_interview_icon, .post_img_icon, .post_like_icon {width:30px; height:30px; position:absolute; top:-6px; left:-6px; box-shadow:0 0 5px rgb(0,0,0, 50%); border-radius:100%;}
.post_q_icon {background:url(/images/realable/question-icon-gray.png)center center/25px no-repeat #fff;}
.post_c_icon {background:url(/images/realable/conversation-icon-gray.png)center center/20px no-repeat #fff;}
.post_l_icon {background:url(/images/realable/link-icon-gray.png)center center/23px no-repeat #fff;}
.post_like_icon {background:url(/images/realable/heart-icon-gray.png)center center/23px no-repeat #fff;}
.post_loc_icon {background:url(/images/realable/geo3-icon-gray.png)center center/20px no-repeat #fff;}
.post_play_icon {background:url(/images/realable/play-icon-gray.png)left+7px center/20px no-repeat #fff;}
.post_img_icon {background:url(/images/realable/image-icon-gray.png)left+5px center/20px no-repeat #fff;}
.post_interview_icon {background:url(/images/realable/interview-icon-gray.png)left+7px center/20px no-repeat #fff;}
.post_bottom {position:relative; z-index:11; height:37px;}
.pbpad {padding:10px 10px 20px 10px;}
.post_linkbox {width:100%;}
.post_linkpic {float:left;}
.post_linkdata {float:left; padding:5px 15px; box-sizing:border-box;}
.reply_to {position:absolute; left:53px; top:80px; height:120px; width:5px; background:#ccc; z-index:0;}
.reply_bump {margin:0 10px 10px 30px;}
.heart_icon {width:30px; height:20px; float:left; margin-right:5px; background:url(/images/realable/heart-icon-blue.png)center center/23px no-repeat;}

.post_icon {position:absolute; right:0; width:100px; padding-top:35px; z-index:1;}
.post_icon:hover {cursor:pointer; background-size:33px;}
.post_icon_text {text-align:center; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.8); font-size:14px; letter-spacing:-1px; font-family:'Montserrat'; font-weight:700;}
.post_icon_heart {bottom:calc(100px + 90px); background:url(/images/realable/tile-icon-heart.png)center top/35px no-repeat;}
.post_icon_play {bottom:calc(100px + 155px); background:url(/images/realable/tile-icon-play.png)center top/35px no-repeat;}
.post_icon_share {bottom:calc(100px + 230px);  background:url(/images/realable/tile-icon-share.png)center top/35px no-repeat;}



.directory_box, .location_box {margin:10px 1%; box-sizing:border-box; position:relative; border-radius:3px; border:1px solid rgba(9,63,134,.2); overflow:hidden; float:left;}
.directory_box {min-height:110px; padding:8px;}
.location_box {min-height:245px; max-height:245px;}
.directory_box:hover, .location_box:hover {background:rgba(9,63,134,.01); box-shadow:0 0 8px rgba(9,63,134,.5);}
.directory_comment_box {position:absolute; top:0; left:165px; z-index:1; box-shadow:0 0 6px rgba(9,63,134,.5); width:80%; max-width:400px; padding:5px; background:#fff;}
.directory_pic {float:left; border:3px solid #fff; border-radius:100%; background-size:100%; background-position:center center; background-repeat:no-repeat;}
.directory_pic:hover {cursor:pointer; box-shadow:0 0 8px rgba(9,63,134,.5); background-size:110%;}
.directory_pic_lg {position:absolute; display:none;z-index:100000;box-shadow:0 0 8px rgba(9,63,134,.5);}
.directory_right {overflow:hidden;}
.dir_page {float:left; padding:3px 10px; margin:10px 2px; font-weight:600; border-radius:0 !important; text-decoration:none !important; }
.dir_more {float:left; position:relative;}
.dir_page_sel { font-weight:700; background:#fa3b91 !important; color:#fff !important;}
.search_box {margin:10px 1%; box-sizing:border-box; position:relative; padding:8px; border-radius:3px; border:1px solid rgba(9,63,134,.2); width:98%; overflow:hidden; float:left;}
.search_box:hover {background:rgba(9,63,134,.01); box-shadow:0 0 8px rgba(9,63,134,.5);}
.search_pic {float:left; width:15%; padding-top:14%;}
.location_top {height:150px; width:100%;}
.location_logo {float:left; width:100px; padding-top:100px; position:absolute; top:-20px; border:2px solid #fff; border-radius:3px;}
.location_right {margin-left:115px;}
.location_title {overflow:hidden; white-space:nowrap; }

.front_lesson_box {border:1px solid #ccc; border-radius:5px; padding:5px 15px 15px 15px; box-sizing:border-box;}

/*Conversation*/
.linkinput, .mapinput {padding-left:55px !important; border-radius:50px !important;}
.linkinput {background:url(/images/realable/link-icon-gray.png)left+15px center/27px no-repeat #fff;}
.mapinput {background:url(/images/realable/geo3-icon-gray.png)left+15px center/27px no-repeat #fff;}
.link_box {width:100%; padding:10px; box-sizing:border-box;}
.link_feed {width:100%; border-radius:3px; overflow:hidden; box-sizing:border-box;}

.embed_record {padding:5px 15px 5px 45px; float:left; margin:20px 0 0 2%; color:#fff; font-size:22px; letter-spacing:-.8px; font-family:'Montserrat'; font-weight:700; background:url(/images/realable/mic-white.png)left+15px center/20px no-repeat #0e0; border-radius:3px;}
.embed_record:hover {cursor:pointer; background-color:#0C0;}
.noscroll::-webkit-scrollbar {display: none;}
.embedcontainer .post_feed {margin:0 0 0 0; width:98%;}
.embedcontainer .post_feed:hover {box-shadow:none;}
.embedcontainer .post_feed_name {display:none;}
.embedcontainer .post_single {background:unset; border-bottom:none;}
.embedcontainer .post_single:hover {background:unset;}
.embedcontainer wave {transform:skew(0deg);}

.sponstile {width:100%; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,.2); background:#fff; padding:10px; position:relative; z-index:0;}
.sponstile:hover {background:#fff; box-shadow:0 0 8px rgba(0,0,0,.4); z-index:1;}
.sponspic {width:75px; padding-top:75px; position:relative; margin-right:2%; float:left;}

.closex {width:30px; height:30px; position:fixed; border-radius:100%; background:url(/images/realable/close-icon-black.png)center center/contain no-repeat;}
.closex:hover {cursor:pointer; opacity:.8;}

.post_bars {height:100px; bottom:7px; left:0; z-index:1;}
wave, .post_bars {transform:skew(-8deg);}
wave wave {transform:skew(0deg);}


@media (min-width: 1px) {
	body {-webkit-overflow-scrolling: touch;}
	.mobilehide, .mh {display:none;}
	.mobilebtm {display:block;}
	.centerbox, .centerwide {width:340px; left:-180px;}
	.pageleft, .pageright {box-sizing:border-box; float:left; position:relative; background:#fff;}
	.pageleft, .pagemain {width:100%; z-index:2; position:relative;} 
	.pageright {z-index:1; width:100%; padding:10px 2.5%;}
	.title {font-size:22px;}
	.subtitle {font-size:16px;}
	.small {font-size:12px;}
	.smaller {font-size:11px;}
	#joinarea {width:100%;padding:0 3%; margin:0;border-right:none; box-sizing:border-box; }
	.toplogo {width:140px; height:50px; background:url(/images/realable/logo-xl.png)center center/contain no-repeat; top:0; margin:2px 15px 0 9px;} 
	.topright {top:0; right:0px;}
	.smbutton {font-size:12px;}
	#buttonbox div {font-size:12px;}
	.mobileshow {display:block;}
	.post_comment_pic{width:36px; padding-top:36px; margin-right:1%;}
	.fifty, .thirty3, .thirty1, .hundred, .seventy4, .sixty5 {float:left;width:100%;box-sizing:border-box;}
	.forty8 {width:48% !important; margin:1%;}
	.thirty3m {width:33.333% !important;}
	.twenty5, .twenty, .twenty3, .one5 {float:left; width:50% !important; box-sizing:border-box;}
	.ten {float:left; width:30%; box-sizing:border-box;}
	.mobile31 {width:31.333%; margin-left:1%; margin-right:1%; float:left; box-sizing:border-box;}
	.mobile33 {width:33.333%; float:left; box-sizing:border-box;}
	.mobile50 {width:50%; float:left; box-sizing:border-box;}
	.topbar {z-index:20;height:56px;}
	.pagetop {top:56px; position:relative;}
	.popout {top:0px;}
	::-webkit-input-placeholder {color:rgba(0,0,0,.4);  font-size:15px;}
	:-ms-input-placeholder {color:rgba(0,0,0,.4);  font-size:15px;}
	.maxcenter {position:relative; left:0%; width:100%;}
	.maxsize {width:100%; position: relative; left:0; border:none;}
	.rebound_box, .group_box {width:99%; margin:10px .5%;}
	.rebound_box {min-height:200px;}
	.group_box {min-height:250px;}
	.image_box {width:49%; padding-top:49%; margin:10px .5%;}
	.onehundred {padding-left:0;}
	.popdown {padding:12px 2%; font-size:18px;bottom:0px;}
	.group_top {width:100%; padding-top:180px;}
	.group_message {font-size:23px; padding:11px 10px;}
	.home, .friends, .plus_post, .plus_geo, .topgroup {height:41px; margin-right:10px; top:7px;}
	.home {width:36px;}
	.stamp, .bell {width:41px !important; background-size:82px !important;}
	.inbox, .friends, .stamp, .bell {width:50px; height:41px; margin-right:20px; top:8px; left:0; background-size:100px; position:relative;}
	.topnote {position:absolute; width:15px; font-size:10px; top:5px;background:#fe446b; padding:2px; font-weight:bold; color:#fff; text-align:center; border-radius:100%;}
	.bell .topnote {right:3px;}
	.inbox .topnote, .stamp .topnote {right:-6px;}
	.topgroup {width:46px;}
	.plus_post, .plus_geo {width:41px;}
	.plus_post_mobile {height:55px; width:94%; bottom:1%; right:3%; position:fixed; background-color:#0e0; background-size:40px; border-radius:50px; box-shadow:0 0 8px rgba(0,0,0,.5);}
	.bell_notifications {width:15px; font-size:10px;right:2px;top:5px;}
	.actpic, .actphoto {width:35px; height:35px; border:2px solid #fff; margin:5px 10px 0 0;}
	.actpic2 {width:30px; height:30px; right:-15px;}
	.comment {font-size:14px;}
	.toprightpic {height:40px; width:40px; border-radius:100%; right:5px; top:5px; float:right;}
	.acctpic {width:25%; padding-top:25%; float:left;}
	.propic {box-shadow:0 0 6px rgba(32,64,103,.4); width:25%; padding-top:25%; margin:0 5% 40px 2%}
	.prologo {bottom:-7px;}
	.prourl {font-size:12px;bottom:-21px;}
	.frontmix_top {top:0px;height:140px;}
	.frontmix_form {top:20px;z-index:2; position:relative;}
	.front_lesson_box {width:340px; left:-170px;}
	.frontmix_nav {right:10px; top:-10px;}
	.frontmix_feed {position:relative; top:250px;}
	.frontmix_logins {position:relative; left:-160px; top:30px; width:320px; margin-left:1%;}
	.frontmix_logins .thirty3 {margin-top:10px;}
	.logo, .logowhite2, .logoss {width:90%; height:120px; position:relative; top:25px; left:5%;}
	.notification_photo {width:50%;}
	.actbox, .combox{padding:8px 2%;}
	.sub_button, .sub_button_on {font-size:14px; padding:4px 12px 5px;}
	.post_feed_vote {width:50px; height:38px; font-size:16px; letter-spacing:-.5px;}
	.post_feed_right {width:100%; clear:both; padding:0; }
	.post_feed_vote_mobile {display:block;}
	.post_feed_pic {width:40px; padding-top:40px;}
	.post_comments {margin-left:0;}
	.topicsearch {width:250px; float:right; margin:15px 1% 10px 0;}
	.pagebar {display:none;}
	.backup_right {padding-top:210px; width:100%;}
	.backup_left, .backup_left_form {width:100%;}
	.backup33 {width: 98%; background:#1688db !important;}
	.backup_form {width:90%; top:0px; right:5%;}
	.post_page_box {width:100%; height:50px;}
	.directory_box, .location_box {width:98%;}
	.directory_pic {width:50px; padding-top:50px; margin-right:5px;}
	.directory_pic_lg {left:80px; top:0px; width:150px; height:150px;}
	.frontmix_box {width:340px; left:-170px;}
	.post_feed_name {display:none; position:absolute; top:-38px; width:100%; background:#fff; box-sizing:border-box;}
	.record_box {left:-100px; width:200px; height:200px; top:50px;}
	.record_front {width:200px; height:200px;}
	.post_linkpic {width:100%; padding-top:52%;}
	.post_linkdata {width:100%;}
	.link_left, .link_right {padding:5px 0; box-sizing:border-box;}
	.link_left {float:left; width:30%; margin-right:2%;}
	.link_right {overflow:hidden;}
	.link_yt {float:left; width:100%; padding:5px 0; box-sizing:border-box;}
	.link_yt_right {padding:5px 0;}
	.form50, .form50r{width:99% !important;}
	.playlist_record, .playlist_link {margin:10px 1% 0; width:98%;}
	.sublogin {margin:13px 10px 0 0;}
	.playfeed, .playwrap {width:60px; height:60px;}
	.playstamp {width:35%; padding-top:35%;}
	.masonry-content .playstamp {width:100px; padding-top:100px;}
	.filecontainer {min-height:280px;}
	.piclock, .vidlock, .audiolock, .notelock, .deallock, .linklock {width:70px; height:70px; right:calc(50% - 35px); top:50%;}
	.whitelock {width:60px; height:60px; right:calc(50% - 30px); top:calc(70% - 30px);}
	.whiteplay, .whitepause {width:25px; height:25px; right:-10px; top:calc(50% - 12px);}
	.playwrap:hover .whiteplay, .playfeed:hover .whiteplay {width:28px; height:28px; right:-15px; top:calc(50% - 14px);} 
	.frontlogin {width:320px; left:-160px;}
	#frontjoin, #subsearch {position:absolute; font-size:18px; z-index:2; margin:5px 5px 0 0 !important;}
	#frontjoin {top:60px;top:60px; left:0; width:100%; padding:8px 0;}
	#subsearch {top:2px; right:3px; padding:8px 15px; }
	.frontform {height:130px;}
	.frontformbox {position:relative;}
	.frontformcenter, .front_tiles {width:320px; left:-160px;}
	.post_bg {height:150px;}
	.front_tile {width:50%; min-height:150px;}
	.recordbutton, .geobutton, .uploadbutton, .frontrecordbutton {bottom:10px; width:70%; left:15%; padding:15px 0 15px 35px;}
	.geo_box iframe {height:260px;}
	.center500 {width:350px; left:-175px; }
	.closex {right:5px; top:5px; background:url(/images/realable/close-icon-white.png)center center/contain no-repeat #000; border:2px solid #000;}
	.picitem {padding:7%; margin:1%; box-sizing:border-box;}
	input[type="date"]::-webkit-calendar-picker-indicator {background:transparent !important;}
	.realform::placeholder {font-size:13px;}
	}
@media (min-width: 550px) {
	.mh {display:block;}
	.centerbox, .centerwide {width:500px; left:-260px;}
	.rebound_box, .group_box{width:49%}
	.image_box {width:32%; padding-top:32%;}
	.pageprofile .pageleft {top:50px;}
	.directory_box, .location_box {width:48%;}
	.form50, .form50r{width:49% !important;}
	.recordbutton, .geobutton, .uploadbutton, .frontrecordbutton {width:40%; left:30%;}
	}
@media (min-width: 969px) {
	.mobilehide {display:inline;}
	.mobileshow, .mobilebtm {display:none !important;}
	.centerwide {width:700px; left:-360px;}
	.smbutton {font-size:14px;}
	#buttonbox div {font-size:14px;}
	.topbar {height:82px;}
	.pagetop {top:76px;}
	.acctpic {width:12%; padding-top:12%;}
	.pageleft, .roompage {padding:0 0 0 0px; margin-top:0;}
	.pageprofile .pageleft {padding:0 1% 100px; box-shadow:none; margin-top:20px; top:unset;}
	.feedleft {width:48% !important; background:#f5f3ec; position:absolute; left:20%; overflow:hidden; height:auto; max-height:100%; min-height:500px; border:1px solid #d7dee8;z-index: 10000; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
	.feedleft_in {width:calc(100% + 17px) !important; padding:0 1% !important; top:70px;}
	.feedleft_sm {width:20%; float:left; padding-top:70px; position:relative; border-left:1px solid #d7dee8;box-sizing:border-box; background:#fff;}
	.pageleft {width:58%; float:left; min-height:1200px;}
	.pageright {width:42%; padding:40px 1.5%; float:right;}
	.feedright {width:42%; padding:0; float:left; box-sizing:border-box; position:relative;right:0; background:#fff; overflow-y:auto;}
	.title {font-size:30px;}
	.subtitle {font-size:20px;}
	#joinarea {width:50%;float:left;padding:0 3.5% 0 0; border-right:1px solid rgba(0,0,0,.2);}
	.joinright {width:50%;float:left; padding-left:3.5%;}
	.toplogo {width:280px; height:76px; top:3px; margin:0 10px 0 2%; background:url(/images/realable/logo-xl_clean.png)center center/contain no-repeat;}
	.seventy4 {width:74%; margin-right:1%;}
	.sixty5 {width:65%; margin-right:1%;}
	.fifty {width:50% !important;}
	.forty8 {width:48% !important; margin:1%;}
	.thirty3 {width:33.333% !important;}
	.thirty1 {width:31.333% !important; margin-left:1%; margin-right:1%;}
	.twenty5 {width:25% !important;}
	.twenty3 {width:23% !important; margin:1%;}
	.twenty {width:20% !important;}
	.one5 {width:15% !important;}
	.ten {width:10% !important;}
	.onehundred {padding-left:48px;}
	.popdown {font-size:30px;bottom:0;}
	.topright {top:12px; right:2%; }
	.home, .plus_post, .plus_geo, .topgroup {height:53px; left:0; top:10px;left:10px;margin-right:20px;}
	.home {width:75px;}
	.plus_post, .plus_geo {width:53px;}
	.bell, .inbox, .friends, .stamp {height:50px; left:20px;}
	.stamp, .bell {height:50px !important; width:50px !important; background-size:100px !important;}
	.inbox, .friends {width:70px; background-size:140px;}
	.topgroup {width:60px;}
	.bell_notifications {top:6px; width:20px; font-size:12px; right:6px;}
	.actpic, .actphoto {width:55px; height:55px; margin:0 20px 0 0;}
	.actpic2 {width:40px; height:40px; right:-10px;}
	.comment {font-size:18px;}
	.propic {box-shadow:0 0 11px rgba(32,64,103,.4); width:175px; padding-top:175px; margin:0 2% 40px 1%;}
	.prologo {bottom:-12px;}
	.prourl {font-size:18px;bottom:-32px;}
	.rebound_box, .group_box {width:32%; min-height:300px;}
	.frontmix_form {top:60px;}
	.frontmix_top {top:60px;}
	.front_lesson_box {width:400px;left:-200px;}
	.frontmix_nav {top:unset;}
	.frontmix_feed {top:360px;}
	.frontmix_logins {left:-200px; width:400px; margin-left:0;}
	.frontmix_logins .thirty3 {width:32%; margin-right:1.333%;}
	.logo, .logowhite2, .logoss {width:70%; height:250px; top:10px; left:15%;}
	.notification_photo {width:20%;} 
	.actbox, .combox{padding:15px 2%;}
	.sub_button, .sub_button_on {font-size:18px; padding:6px 13px}
	.post_feed_vote {width:35px; height:37px; font-size:18px; letter-spacing:-.7px; background-size:24px;}
	.post_feed_pic {width:50px; padding-top:50px;}
	.post_feed_right {overflow:hidden; width:unset; clear:unset; padding:unset; }
	.post_feed_vote, .post_feed_pic {display:block;}
	.topicsearch {width:300px; margin:15px 1% 0 0;}
	.pagebar {display:block; width:75px; float:left; height:100%; position:fixed; top:0; padding:10px 5px; z-index:39; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	.pagebar .member{width:80%; padding-top:80%; margin:5% 10%; border-radius:3px;}
	.pagebar .member:hover{border-radius:3px 0 0 3px;}
	.backup_right {padding-top:540px; width:56%;}
	.backup_left {width:40%;}
	.backup_left_form {width:60%;}
	.backup_form {width:30%; top:40px; right:10%;}
	.backup33 {width: 31%; background:#f60 !important;}
	.post_page_box {height:55px;}
	.directory_pic {width:80px; padding-top:80px; margin-right:10px;}
	.directory_pic_lg {left:170px; top:-110px; width:300px; height:300px;}
	.frontmix_box {width:400px;left:-200px;}
	.post_feed_name {display:block; position:relative; top:unset; width:unset; background:unset;}
	.record_box {left:-150px; width:300px; height:300px; top:110px;}
	.record_front {width:300px; height:300px;}
	.post_linkpic {width:50%; padding-top:26%;}
	.post_linkdata {width:50%;}
	.link_left {width:20%; margin-right:2%;}
	.link_yt {width:33%; margin-right:2%;}
	.link_yt_right {overflow:hidden;}
	.playlist_record, .playlist_link {float:left; margin:0 1%; width:48%;}
	.sublogin {margin:22px 2% 0 0;}
	.playfeed, .playwrap {width:100px; height:100px;}
	.playstamp {width:20%; padding-top:20%;}
	.filecontainer {min-height:280px;}
	.post_geo {min-height:280px;}
	.whiteplay, .whitepause {width:35px; height:35px; right:-17px; top:calc(50% - 17px);}
	.playwrap:hover .whiteplay, .playfeed:hover .whiteplay {width:43px; height:43px; right:-19px; top:calc(50% - 21px);} 
	.frontlogin {width:500px; left:-250px;}
	#frontjoin {position:absolute; top:1px; right:2px; padding:8px 15px; font-size:18px; width:unset; left:unset;}
	.frontform {height:unset;}
	.frontformcenter {width:800px; left:-400px;}
	.post_bg {height:200px;}
	.front_tiles {width:968px; left:-484px;}
	.front_tile {width:33.33%; min-height:100px;}
	.recordbutton, .geobutton, .uploadbutton, .frontrecordbutton {bottom:15px; width:30%; left:35%; box-shadow:0 0 18px rgba(0,0,0,.5); padding:15px 0 15px 15px;}
	.geo_box iframe {height:400px;}
	.center500 {width:500px; left:-250px; }
	.closex {right:-10px; top:-10px; background:url(/images/realable/close-icon-black.png)center center/contain no-repeat #fff; border:2px solid #fff;}
	input[type="date"]::-webkit-calendar-picker-indicator { background:url(/images/temp/calendar-icon.png)right+10px top+30px/22px no-repeat transparent !important;}
	.realform::placeholder { font-size:15px;}
	}
@media (min-width: 1060px) { 
	.small {font-size:14px;}
	.centerwide, .front_tiles {width:1000px; left:-510px;}
	.front_tile {width:20%; min-height:150px;}
	.directory_box, .location_box {width:31.33%;}
	.pageleft .location_box {width:31.33%;}
	.location_box {width:23%;}
	#salelocations .location_box {width:48% !important;}
	.recordbutton, .geobutton, .uploadbutton, .frontrecordbutton {width:24%; left:38%;}
	.pageleft {width:68%;}
	.pageright, .feedright {width:32%;}
	.picitem {padding:3.55%;margin:10px .5% 0;}
}
@media (min-width: 1260px) { 
	.rebound_box, .group_box {width:24%;}
}
@media (min-width: 1640px) {
	.maxcenter {left:50%; width:0;position:absolute;} 
	.maxsize {width:1560px; left:-780px; position:absolute;}
	.pageleft {padding:0;}
}
@media (min-width: 1610px) {

}

.share {width:30px; height:30px; float:left; margin-bottom:5px;}
.share8 {width:12.5%; padding-top:12.5%; float:left; margin-bottom:5px;}
.share9 {width:11.1%; padding-top:11.1%; float:left; margin-bottom:5px;}
.share10 {width:10%; padding-top:10%; float:left; margin-bottom:5px;}
.share:hover, .share8:hover, .share9:hover, .share10:hover {cursor:pointer; opacity:0.8;}
#em {background:url(/images/temp/embed-gray.png)center center/70% no-repeat;}
#em:hover {background:url(/images/temp/embed.png)center center/70% no-repeat;}
#e {background:url(/images/temp/email-gray.png)center center/70% no-repeat;}
#e:hover {background:url(/images/temp/email.png)center center/70% no-repeat;}
#fb {background:url(/images/temp/fb-gray.png)center center/70% no-repeat;}
#fb:hover {background:url(/images/temp/fb.png)center center/70% no-repeat;}
#link {background:url(/images/temp/link-gray.png)center center/90% no-repeat;}
#link:hover {background:url(/images/temp/link-gray.png)center center/90% no-repeat;}
#g {background:url(/images/temp/g-gray.png)center center/70% no-repeat;}
#g:hover {background:url(/images/temp/g.png)center center/70% no-repeat;}
#wa {background:url(/images/temp/wa-gray.png)center center/70% no-repeat;}
#wa:hover {background:url(/images/temp/wa.png)center center/70% no-repeat;}
#tw {background:url(/images/temp/tw-gray.png)center center/70% no-repeat;}
#tw:hover {background:url(/images/temp/tw.png)center center/70% no-repeat;}
#p {background:url(/images/temp/pin-gray.png)center center/70% no-repeat;}
#p:hover {background:url(/images/temp/pin.png)center center/70% no-repeat;}
#li {background:url(/images/temp/li-gray.png)center center/70% no-repeat;}
#li:hover {background:url(/images/temp/li.png)center center/70% no-repeat;}
#m {background:url(/images/temp/m-gray.png)center center/70% no-repeat;}
#m:hover {background:url(/images/temp/m.png)center center/70% no-repeat;}
#red {background:url(/images/temp/red-gray.png)center center/70% no-repeat;}
#red:hover {background:url(/images/temp/red.png)center center/70% no-repeat;}
.hide {display:none;}

.StripeElement { box-sizing: border-box; height: 50px; padding:14px 12px 10px; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease;}
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid {border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }
#payment-form input, #payment-form textarea, #payment-form select {border-radius:4px;}

.linear-blue {background: linear-gradient(to right, #000000 20%, #ff64b1 40%, #ff64b1 60%, #000000 80%); background-size: 200% auto; color: #000; background-clip: text;  text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1s linear infinite;}
@keyframes shine {
    to {
      background-position: 200% center;
    }
  }