html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{overflow-x:hidden}
/*nomalize*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;}body{margin:0}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b,strong{font-weight:bold}
small, .small{font-size:90%} .smaller{font-size:85%}sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;}
code{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{background-color: transparent;border: none;display: inline-block;font-size: inherit;margin: 0px;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/*End of normalize*/
textarea {font: inherit; overflow: auto;} 
a {color: #9545ED; text-decoration: none; font-weight: 400; } *:focus {outline: none; } 
*{margin: 0; padding: 0;}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
input[type=button], input[type=submit], input[type=reset]{text-decoration: none;cursor: pointer;border: none;}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

/* Navigation*/
.__flat-li, ._NCSli_, .nav, .rongawell, ._flat-nav, ._flat-box,._stars_{list-style-type:none;margin:0;padding:0;overflow:hidden;will-change:transform;width:100%;} 
.__flat-li li, ._NCSli_ li, .nav li, .__flat-li ._lAsBTN, ._flat-nav li,._flat-box li, ._stars_ li{float: left;display: inline-block;vertical-align:middle;text-align:center;} 
.__flat-li li a, .__flat-li li label, .__flat-li ._lAsBTN, .__flat-li ._onp{display:block;padding:6px 8px !important;color:#5d6d7e;} ._NCSli_ li a, ._NCSli_ li button{padding: 2px 8px !important;}
._flat-nav li a{position:relative;display:block;margin:1px 3px;} .__flat-li li a:hover, ._flat-nav li a:hover, ._stars_ li a:hover{opacity: 0.6;}  
/*active links*/
.active{border-bottom: 2px solid #9545ED !important; color: #9545ED;} 
.bd-r2p{border-right: 2px solid #9545ED !important; color: #9545ED;}
.bd-l2p{border-left: 2px solid #9545ED !important; color: #9545ED;}
.bd-l3p{border-left: 3px solid #9545ED !important; color: #9545ED;}      
.form-1:focus, .text-input:focus{border-bottom: 2px solid #9545ED !important;} 
.bd-2p {border: 2px solid #9545ED !important;} .bd-2R {border: 2px solid #C70000 !important;} .bbd-5p{border-bottom: 5px solid #9545ED !important; color: #9545ED;}
.pano{margin-left: 5%; margin-right:5%;border-bottom: 3px solid #9545ED;color: #9545ED;} 
._lykTXT {color: #F91880 !important;} ._rpstTXT {color: #19CF86 !important;}
.clr-3{color: #9545ED !important;} .clr-red {color: #C70000 !important;} .clr-green{color: #18A558 !important;}
.bbd-4green {border-bottom:4px solid #18A558;} 
.success {background-color: #18A558; color: #FFFFFF !important;border:1px solid #18A558;} 
.grey-bg{background: #8d9db6;color: #ffffff !important;}
.purple-bg, .purple{background: #9545ED; color: #ffffff !important} .purple {border: 1px solid #9545ED;} 
.lred-bg{background: #d64161;color: #ffffff !important;}
.redbg {background-color: #C70000 !important; color: #ffffff !important;}

/*buttons*/
.iconbtn{text-align: center; padding: 3px 7px; border-radius: 20px; display: inline-block; line-height: 20px;text-decoration: none;}
.rndbtn {border-radius: 50%;display: flex; justify-content: center;align-items: center; height: 35px;width: 35px;}
.drpdown {font-size: 16px; text-align: center;}
.alert{padding: 1px 3px; border-radius: 8px; font-family: Arial; display: inline-block; }
.tag{padding:1px 2px; font-size: 85%; display: inline-block; border-radius: 0px;border-radius: 15px;}
.smoBtn{padding: 1px 4px; line-height: 16px;}
.diki .stdbtn, .diki ._smoBtn {padding: 1px 16px !important;}
._ordBtn{padding: 4px 12px !important; text-align: center; font-weight: 500; border-radius: 5px; display: inline-block; text-decoration: none;margin: 2px 4px;}
._smoBtn{padding: 2px 4px; text-align: center; font-weight: 500; border-radius: 5px; display: inline-block; text-decoration: none;margin: 1px 2px;}  
.stdbtn{padding: 6px 24px; text-align: center; font-weight: 500; border-radius: 5px; display: inline-block; text-decoration: none;margin: 2px 4px;} 
._yoBtn{padding: 8px 14px; text-align: center; font-weight: 500; border-radius: 32px; display: inline-block; text-decoration: none;margin: 0px !important;} 
.bigbtn {width: 100%; padding: 12px 24px !important; border: none; border: none;display: block; cursor: pointer; text-align: center;border-radius:5px;text-decoration: none; } 
.form-1{display: block; width: 100%; padding: 8px; text-align: left; overflow: hidden; height: 35px; }

/*lists & aligns*/ 
._ycnb{position:fixed !important;width:100%;z-index:999 !important;top:0;}
._ycfb{position:fixed !important;width:100%;z-index:999 !important;bottom:0;}
._lcol {height: 100%; width: 200px; position: fixed; z-index: 1000;overflow-x: hidden; overflow-y: auto;}
._colTBL{height: 100%;width: 200px; margin: 0px !important; padding: 0px !important;border: none !important;}
._gTBL{height: 100%;width:100%;max-width: 600px; margin: 0 auto;position:absolute;bottom:0px;left:0;right:0;padding: 0px !important;}
._vTop{vertical-align: top;}
._vBtm{vertical-align: bottom;}
._colTBL tr td, ._gTBL tr td{border: none; padding: 0px !important; margin: 0px !important; border-collapse: collapse;}
._mcol, ._nli {margin: 40px 0px 0px 200px !important;padding:0px;}
._sbList{padding: 0px !important;}
.db1fx{border: 1px solid red;height: 100%; position: fixed;}
._lTXT{padding: 0px 0px 0px 16px;}
._sbList a{padding: 5px 10px; border-radius: 8px 0px 0px 8px; margin: 8px -6px 0px 0px; text-decoration: none; display: block;} 
._sbList ._logo {padding: 5px 10px; margin-top: -10px; text-decoration: none; display: block;} 

.vertical-menu {width: 100%; text-align: left; } 
.vertical-menu a {display: block; padding: 12px; text-decoration: none;}
.vertical-menu a:hover, .bloclink:hover {opacity: 0.6;} 
.central{text-align: center !important;} .kpleft{text-align: left !important;}.kpright{text-align: right !important;}
.flot-r {float: right; margin: 0; padding: 0; } .flot-l {float: left !important; margin: 0; padding: 0;}
.right-0{right: 0;} .left-0{left: 0;} .left-half{left: 50% !important;}
.item-list {list-style-type: none; margin: 0; padding: 0; overflow: hidden;} 
.item-list li .title {font-weight: bold; color: inherit; } 
.item-list li a, ._ucDIV {display: block; padding: 5px; color: inherit; } 
.list {list-style: none;margin-left: 1em;counter-reset: line;}
.list > li {position: relative;margin-bottom: 1.5em;} 
.list > li:before {position: absolute; left: -2.25em; display: inline-block; width: 22px; height: 22px; margin-right: 0.5em; background-color: #115c84; border-radius: 50%; color: #fff; text-align: center; line-height: 1.25em; counter-increment: line; content: counter(line); }

/*width & Height*/
.w-100{min-width: 100% !important;} .w-15p{width:15% !important;}
.w-50{max-width: 50% !important;} .w-70p{width:70% !important;}
.w-1200{width: 100%;max-width: 1200px !important;margin: 0 auto;}
.w-1280{width: 100% !important;max-width: 1280px !important;margin: 0 auto !important;}
.w-600{width: 100% !important;max-width: 600px !important;margin: 0 auto !important;}
.w-550{max-width:550px;} 
.w-100px{width:100px;max-width: 100px;} 
.min-100{min-width: 100px !important;}
.max-95{width: 95%; min-width: 95%; max-width: 95%; } 
.w-75{width: 75%; min-width: 75%; max-width: 75%; } 
.max-w100{width: 100%;max-width: 100%;}
.max-w300{max-width: 300px; width: 100%;}
.max-h125 img{max-height: 125px; max-width: 100%;}
.emjDIV{max-height: 30% !important; height: 30vh !important; width: 100%;overflow-y: auto;}
.h-18{height: 18px; max-height: 18px; line-height: 18px;}
.h-25{height: 25px; max-height: 25px;}
.h-30{height: 30px; max-height: 30px;}
.h-50{height: 50px; max-height: 50px;}
.img-75{height: auto; max-height: 75px; width: 100%; max-width: 75px;}
.img-100{height: 75px !important; width: 100px !important; max-height: 100px;}
.mediaPrv{height:100%;max-height: 144px;width:100%;max-width: 256px;}

.upload-btn-wrapper {position: relative; overflow: hidden; display: block; width: 100%; margin: 0px !important;} 
.upload-btn-wrapper input[type=file] {position: absolute; left: 0; top: 0; opacity: 0; display: block;min-width: 100% !important;} 

.rongawell{padding: 5px;}
.l6{width: 16.66666%} .l5{width: 19.99999%} .l4{width: 24.99999%} .l3, ._1-3rd {width: 33.33333%;} .l2{width: 49.99999%}
.lMid, ._2-3rd{width: 66.66666%;} .l30{width: 29.99999%} .l40{width: 39.99999%} .l60{width: 59.99999%;} .l80{width: 79.99999%;}
.media{max-width: 100%;}

/*Cards */
.wrdbr{-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
.login{width: 100%;max-width: 600px;padding: 5px;margin: 5px auto;}
.yc-flat-card {padding: 0px; border-radius: 8px; margin: 5px !important; text-align: left;}
.yc-flat-card .stdbtn, ._proper .stdbtn{padding: 2px 6px; border-radius: 20px; font-weight: normal;display: inline-block;}  
.yc-flat-card .info{height: 85px;} ._bigStdBtn .stdbtn{width: 100%;padding:5px;}
._miniCard{width: 120px;} ._miniCard img {height: 55px !important;width: 120px !important;}

/*profile*/
.profile, ._sbProf {max-width: 100%;width: 100%;border-radius: 16px 16px 8px 8px;padding: 0px;margin: 0px 0px 5px 0px;} 
.profile .coverBG {background-position: 0 50%; display: block; background-size: 100% auto; border: none; border-radius: 16px 16px 32px 32px; height: 200px;}
.profile .dpTab{margin: -150px auto 0px auto;width: 100px; height: 100px;z-index: 1;background:#fff;border-radius: 50%;}
.profile .img{margin: 0 auto;box-sizing: border-box;border-radius: 50%;height:100px; width:100px;border:3px solid #fff;}
.profile ._info{margin:-50px 0px 8px 0px;padding:60px 8px 8px 8px; border-radius:0px 0px;}
.profile ._abt{margin:0px 12px 8px 12px;padding:8px 8px 8px 8px;text-align: left;border-radius: 8px;text-decoration: none !important;}
.profile ._abt .nf_badge{position: relative; top: 4px;left: 0px;}
.profile ._info .bejiUp{margin: -16px 0px -10px 0px;}
.profile ._cmtyInfo {margin: -30px 16px 8px 16px;position: relative;}
.profile ._ntfBtn {display:block;width:100%;margin: -25px 0px 40px 0px; position: relative;}
.profile ._PGntfBtn {display:block;width:100%;margin: -25px 0px 60px 0px; position: relative;}
.profile .aLErt {display:block;width:100%;margin: -105px 0px 0px -10px !important; position: absolute;}
.profile .dp{margin: -50px 0px -55px 0px; width: 80px; height: 80px;}
.profile ._href{float: right;box-shadow: 0 1px 2px #5d6d7e;}
.profile ._a-Btns {margin: 8px 0px 0px -2px;}
.profile ._a-Btns a, .profile ._a-Btns button{float:left;margin: 2px 4px;}
.z-ix-1 {z-index: 1;position: relative;}
.z-ix-2 {z-index: 2;position: relative;}
.z-ix-3 {z-index: 3;position: relative;}
.z-ix-99 {z-index: 99;position: relative;}
/*sidebar profile*/
._sbProf .dpRSB{margin: 0px auto 0px auto;width: 80px; height: 80px;z-index: 1;border-radius: 50%;}
._sbProf ._infoRSB{margin: -30px 0px 8px 0px;padding:40px 8px 8px 8px; border-radius:0px 0px;}
._sbProf .img{margin: 0 auto;box-sizing: border-box;border-radius: 50%;height:80px; width:80px;border:none;}
._sbProf ._infoRSB .bejiUp{margin: -2px 0px -20px -60px;}
.post_content ._info .bejiUp{margin: -12px 0px -15px 0px;}

.sta-cbg {background-position: 0 50%; background-size: 100% auto; border-bottom: 3px solid #e1e8ed; height: 70px; width: 100%; }
.sta-dp-tab{margin: 0px 5px 0px;text-align: center;width: 100%;}
.sta-dp-url{display: inline-block; margin: -50px 0px 0 0px; max-width: 100%;} 
.sta-prof-img {border-radius: 50%; box-sizing: border-box; color: #fff; height: 75px; width: 75px;}
.__flat-li li::after,.yc-flat-card ._flat-nav li::after {content: ""; clear: both; display: table; } 

.dropMenu100{position: absolute; margin: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropMenu {list-style-type:none;will-change:transform;width:100f%;position: relative;z-index: 1;} 
.dropMenu li{float: left;display: block;vertical-align:middle;text-align:center;} 
.dropMenu li a{position:relative;padding: 4px 0px; text-align: center; display: block; text-decoration: none;}
.dropDown {float: left; overflow: hidden; width:100%; }
.dropbtn {cursor: pointer; border: none; outline: none;font-family: inherit; margin: 0;} 
.dropDown-content {display: none; position: absolute; border-radius: 8px; min-width: 200px; max-width: 250px; z-index: 11 !important;}
.dropDown-content ._lnk{width: 100%;padding: 8px; text-align: left; font-weight: 500; display: inline-block; text-decoration: none;margin: 0px;}
.dropup {display: none; position: relative; display: inline-block; } 
.dropup-content {display: none; position: absolute; bottom: 30px; min-width: 100%; z-index: 11 !important;}
.__buda {display: none; position: relative; bottom: 0px; min-width: 100%; z-index: 11 !important;}
.blackOverlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
.darkOverlay{display:none;position:fixed;top:0%;bottom:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}  
._modalBox {display:none;position:fixed;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);bottom:0;margin:0 auto; width: 80% !important; max-width: 600px !important; padding:16px;z-index:1002;overflow: auto;}
.msgModalBox {display:none;position:fixed;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);bottom:0;margin:0 auto; width: 100% !important; max-width: 600px !important; padding:16px;z-index:1002;overflow: auto;}
.showMenu, .showDIV, .bloc, #_bsICON{display: block;} 
._inB {display: inline-block !important;}
.hideDIV, #_slg,  #_ssICON, #_topNAV, #_hide {display:none;}
._oV{overflow: visible;}

.pffMenu li {text-align: center; display: inline-block; border-right: solid 1px #EBEBEB; } 
.pffMenu li:last-child {border: none; }
label {display: block; margin: 5px 0px; font-weight: bold; }
.radio-select{display: block; margin-top: -6px; font-weight: normal; width: 100%; padding: 12px; display: inline-block; line-height: 20px; text-decoration: none;} 
/*border radius*/
.br-0{border-radius: 0px}
.br-2{border-radius: 2px !important;}
.br-3{border-radius: 3px;}
.br-5{border-radius: 5px;} .br-5b{border-radius: 0px 0px 5px 5px;}
.br-5t{border-radius: 5px 5px 0px 0px;} .br-8{border-radius: 8px;} .br-6b{border-radius: 0px 0px 6px 6px;}
.br-8t{border-radius: 8px 8px 0px 0px;} .br-8b{border-radius: 0px 0px 8px 8px;} .br-8tlbr{border-radius: 6px 0px 16px 0px;} .br-8br{border-radius: 0px 6px 0px 16px;}
.br-10{border-radius: 10px;} .br-10b{border-radius: 0px 0px 10px 10px;}
.br-10t{border-radius: 10px 10px 0px 0px;} .br-16b{border-radius: 0px 0px 16px 16px;}
.br-16{border-radius: 16px !important;} .br-16t{border-radius: 16px 16px 0px 0px;} .br-32{border-radius: 32px !important;}
.br-32l{border-radius: 32px 0px 0px 32px !important;} .br-32r{border-radius: 0px 32px 32px 0px !important;}
.br-50{border-radius: 50%;}

/*borders*/
.bd-0{border: none !important;}
.bd-gold{border: 3px solid #ffd700;}
.bd-silver{border: 3px solid #C0C0C0;}
.bd-bronze{border: 3px solid #CD7F32;}

/*Margins*/
.mgn-0{margin: 0px !important;} 
.mgn-2{margin: 2px;} .mgn-2t{margin-top: 2px;} .mgn--2t{margin-top: -2px;} .mgn-2tb {margin: 2px 0px;}
.mgn--2l {margin-left: -2px !important;}
.mgn-2b{margin-bottom: 2px;} .mgn-3{margin: 3px;} .mgn-3t{margin-top: 3px !important;}
.mgn-4{margin: 4px;} .mgn--4l{margin-left: -4px;} .mgn-4t{margin-top: 4px;} .mgn--5t{margin-top: -5px !important;}
.mgn-5{margin: 5px !important;} .mgn-5tb{margin: 5px 0px;} .mgn-5rl {margin: 0px 5px;} .mgn-5t {margin-top: 5px !important;} .mgn--5b{margin-bottom: -5px !important;}
.mgn--5l {margin-left: -5px !important;} .mgn--5r {margin-right: -5px !important;}
.mgn-5b {margin-bottom: 5px !important;}.mgn-8{margin: 8px !important;} .mgn-8l {margin-left: 8px;} .mgn-8r {margin: 0px 8px 0px 0px;} .mgn-8t{margin-top: 8px !important;} 
.mgn-8b{margin-bottom: 8px;} .mgn--8l {margin-left: -8px !important;} .mgn-8rl{margin: 0px 8px;} .mgn-10rl{margin: 0px 10px;} .mgn-10b{margin-bottom: -10px !important;}
.mgn-8tb{margin: 8px 0px;} .mgn--12l {margin-left: -12px !important;}
.mgn-16{margin: 16px;} .mgn-16rl{margin: 0px 16px;} .mgn-16t{margin-top: 16px !important;} .mgn-16b{margin-bottom: 16px;}
.mgn-32t{margin-top: 32px !important;} .mgn--32t{margin-top: -32px;} .mgn-32rl{margin: 0px 32px;} .mgn-32b{margin-bottom: 32px;}
.mgn-l25 {margin-left: 25px;} .mgn-r25 {margin-right: 25px !important;} .mgn-l30 {margin-left: 30px;} .mgn--25t{margin-top: -25px !important;}
.mgn-l35 {margin-left: 35px;} .mgn-7nl {margin-left: -7px;} .mgn--20b {margin-bottom: -20px;}
.mgn-l40 {margin-left: 40px;} .mgn-40t {margin-top: 40px;} .mgn-12r {margin-right: 12px !important;} .mgn--12l {margin-left: -12px;} .mgn--8r {margin-right: -8px;}
.mgn-l45 {margin-left: 45px;} .mgn-50b{margin-bottom: 50px !important;} .mgn-l55 {margin-left: 55px;} .mgn--55t{margin-top: -55px !important;}
.mgn-r55 {margin-right: 55px;} .mgn-ico{margin: -2px 2px -2px -2px;} .mgn--65b{margin-bottom: -65px !important;}
.mgn-l65 {margin-left: 65px;} .mgn--110t{margin-top: -110px;}

/*paddings*/
.pdn-0 {padding: 0px !important;} .pdn-1{padding: 1px !important;}
.pdn-2{padding: 2px !important;} .pdn-2rl{padding: 0px 2px;} .pdn-2tb{padding: 2px 0px;} .pdn-2b{padding: 0px 0px 2px !important;}
.pdn-2t{padding-top: 2px;} .pdn-3{padding: 3px !important;} .pdn-5b{padding: 0px 0px 5px !important;}
.pdn-5{padding: 5px !important;} .pdn-5rl{padding: 0px 5px;} .pdn-5t{padding-top: 5px;}
.pdn-5r{padding-right: 5px;} .pdn-5l{padding-left: 5px;}.pdn-5tb{padding: 5px 0px;}
.pdn-8{padding: 8px !important;} .pdn-8tb{padding: 8px 0px;} .pdn-l8{padding-left: 8px;} .pdn-8r{padding: 0px 8px 0px 0px !important;} .pdn-8rl{padding: 0px 8px;}
.pdn-10{padding: 10px !important;} .pdn-12rl{padding: 0px 12px;} .pdn-12r{padding: 0px 12px 0px 0px;}
.pdn-16, ._lcolPDN{padding: 16px !important;} .pdn-16r{padding: 0px 16px 0px 0px;} .pdn-16rl{padding: 0px 16px;} .pdn-16tb, ._rcolPDN{padding: 16px 0px;}
.pdn-32{padding: 32px;} .pdn-32rl{padding: 0px 32px;} .pdn-32l{padding: 0px 0px 0px 32px;}
.pdn-50rl{padding: 0px 50px;}
.pdn-navFix{margin: 0px 0px 0px 200px !important;padding:0px;} .pdn-2tb-5rl{padding: 2px 5px !important;}
.pdn-2tb-8rl{padding: 2px 8px !important;} .pdn-3tb-8rl{padding: 3px 8px !important;} .pdn-4tb-8rl{padding: 4px 8px !important;}
/*sizes*/
.emoji_align {position: relative; top: 5px; left: 1px; } 
.size12 {height: 12px; width: 12px; max-height: 12px;} 
.size14 {height: 14px; width: 14px; max-height: 14px;}
.size15 {height: 15px; max-height: 15px;}  
.size16 {height: 16px; width: 16px; } 
.size18{height: 18px;width: 18px;}
.size20, div.yc-fix-it .size20 {height: 20px; width: 20px; max-width: 20px; max-height: 20px; } 
.size22 {height: 22px; width: 22px; max-width: 22px; max-height: 22px; } 
.size23 {height: 23px; width: 23px; max-width: 23px; max-height: 23px; } 
.size24 {height: 24px; width: 24px; max-width: 24px; max-height: 24px; }
.size25{height: 25px;width: 25px;}
.size25 .size20{height: 14px;width: 14px;}
.size25 .nf_badge {position: relative; top: -10px !important; left: 6px !important; margin-right: 0px; }
.size28{height: 28px;width: 28px;}
.size30 {height:30px;width: 30px;}
.size35 {height:35px;width: 35px;}
.size35 .nf_badge {position: relative; top: -16px; left: 18px; margin-right: 0px; }
.size35 .size20{height: 16px;width: 16px;}
.size40 {height:40px;width: 40px;}
.size40 .nf_badge {position: relative; top: -20px; left: 23px; margin-right: 0px; }
.size50 {height:50px;width: 50px;} .size60 {height:60px;width: 60px;}
.size80 {height:80px;width: 80px;}

.normal {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.normal2 {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}
.icon1{position: relative;top: 1px;}
.icon2{position: relative;top: 2px;}
.icon3, .truicon {position: relative; top: 3px;}
.icon4{position: relative;top: 4px;}
.icon5 {position: relative; top: 5px;}
.iconBlok{display: block;margin: 1px auto 1px !important;}

.bgc-wrapper .bgcs input{display: none;}
.bgc-wrapper label{position: relative;text-align: center; height: 50px; line-height: 50px; width: 50px; display: inline-block; cursor: pointer; border: 3px solid inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bgc-wrapper .bgcs input:checked + label{border: 2px solid #333;}
.bgc-wrapper .bgcs input:checked + label:after{content: "\2713"; width: 20px; height: 20px; line-height: 10px; border-radius: 100%; border: 2px solid #333; color: #ffffff; background-color: #2fcc71; z-index: 999; position: absolute; top: -5px; right: -5px; }

/*Badges*/
.nf_badge {position: relative; top: -20px;left: 30px;padding: 0px; border-radius: 50%;}
.ubadge .nf_badge {position: relative;top: 4px;left: 0px;margin: 1px;}
.ubadge .size20{width: 16px; height: 16px;}
.badges .nf_badge {position: relative;top: 0px;left: 0px;margin: 0px 2px -6px 0px;}
.post_content .nf_badge {position: relative;top: -18px;left: 20px;}
 ._soos .nf_badge{position: relative;top: -5px;left:-40px;margin: -150px 0px 0px 0px;}
/*fonts*/
.f14{font-size: 14px;}.f16{font-size:16px;}.f18{font-size:18px !important;}.f20{font-size:20px}.f22{font-size:22px;}.flg{font-size:30px;}
.fdefault{font-weight: normal !important;text-decoration: none !important;text-shadow: none !important;}.fitalic{font-style: italic;} 
.fbold{font-weight: bold !important;} .funderline{text-decoration: underline;}.fmono{font-family: monospace;}
.fcursive{font-family: cursive;} .resize0{ resize: none;}

/*position*/
.bgcover {text-align: center;min-height: 90px;height: auto;}
.post_content a {color: #9545ED;font-weight: 500;}
.bg1 a, .bg2 a, .bg16 a {color: #ecf8ff;font-weight: bold;text-decoration: underline;text-shadow: none;}

.gold-bg{background-image:url("/media/defaults/gold.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #ffd700;color:#000000;border-width: 5px 1px 5px 1px;}
.silver-bg{background-image:url("/media/defaults/silver.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #C0C0C0;color:#000000;border-width: 5px 1px 5px 1px;}
.bronze-bg{background-image:url("/media/defaults/bronze.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #CD7F32;color:#000000;border-width: 5px 1px 5px 1px;}
.transbox{background-color: transparent;}

.bg1{background: #9545ED !important;color: #ffffff;font-weight: bold; text-align: center;text-shadow:2px 2px 4px #000000;} 
.bg2{background-image:url("http://yocliq.com/media/defaults/bgimg1.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #FFFFFF;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg3{background-image:url("http://yocliq.com/media/defaults/bgimg2.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:5px 5px 10px #000000;text-align:center;font-weight:bold;} 
.bg4{background-image:url("http://yocliq.com/media/defaults/bgimg3.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg5{background: #681685;color:#ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg6{background-image:url("http://yocliq.com/media/defaults/bgimg6.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg7{background: #d64161;color:#ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg8{background-image:url("http://yocliq.com/media/defaults/bgimg4.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg9{background-image:url("http://yocliq.com/media/defaults/bgimg5.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #333333;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;} 
.bg10{background-image:url("http://yocliq.com/media/defaults/bgimg7.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #333333;text-align:center;font-weight:bold;} 
.bg11{background-image:url("http://yocliq.com/media/defaults/bgimg8.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg12{background-image:url("/media/defaults/bgimg9.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg13{background: #034f84;color:#ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg14{background-image:url("/media/defaults/bgimg10.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg15{background-image:url("/media/defaults/bgimg11.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg16{background-image:url("/media/defaults/bgimg12.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #000000;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;} 
.bg17{background: #bccad6;color: #000000;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;} 
.bg18{background-image:url("/media/defaults/bgimg13.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg19{background-image:url("/media/defaults/bgimg14.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg20{background-image:url("/media/defaults/bgimg15.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg21{background-image:url("/media/defaults/bgimg16.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #333333;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;} 
.bg22{background-image:url("/media/defaults/bgimg17.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg23{background: #4040a1;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold} 
.bg24{background-image:url("/media/defaults/bgimg18.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 
.bg25{background-image:url("/media/defaults/bgimg19.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;} 

.profile .bloc {font-weight: normal;}
._paths_ a{text-shadow: none;text-decoration: none;border-radius: 5px;padding: 8px auto !important;}
._paths_ ul li a:hover{opacity: 0.8 !important; border-radius: 8px !important;}

.postbg{float: left; margin: 5px; text-align:center; font-size: 16px; border-radius: 5px;}
.yc-game-btn {font-family: Arial, Helvetica, sans-serif;display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; margin: 2px;border: 1px solid #dddfe2; border-radius: 8px;}
.yc-gvs-btn {font-family: Arial, Helvetica, sans-serif;display: inline-block; width: 18px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; font-style: italic;margin: 2px;margin-left: -2px;}

/*images*/
.dp{overflow: hidden;border-radius: 50%;background: #5d6d7e;}
.sqdp{overflow: hidden;background: #5d6d7e;}
.dp img, .img-list img, .disc_dp img, .sqdp img, .img-100, .mediaPrv, ._miniCard img  {height:100%;width:100%;-o-object-fit:cover;object-fit:cover;} 
.img-list{width:16.66666%;}
.img-list img{border-radius: 5px; background: #5d6d7e;}
.img-list img{height: 100px;}
.img-cover {display: block; margin-left: auto; margin-right: auto;}
.disc_dp {overflow:hidden;min-width:100%;max-width: 100%;height:100px;background-color:#5D6D7E;margin: 0px;}
.disc_content_fit{height: 50px;}
.yc-emoji-img{width:24.99999%;border: 1px solid #fcfcfc;}
.yc-sticker-img{width:19.99999%;border: 1px solid #fcfcfc;max-width: 100%;overflow: hidden;}

/*poll & custom radio btns*/
._radioBtn {display: block; position: relative; padding: 0px 30px; font-weight: normal; margin: 12px 0px 0px 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
._radioBtn input {position: absolute; opacity: 0; cursor: pointer; }
.checkmark-1 {position: absolute; top: 2px; left: 0; height: 14px; width: 14px; border: 2px solid #9545ED; background-color: inherit; border-radius: 50%;}
.checkmark-2 {position: absolute; top: 8px; left: 0; height: 16px; width: 16px; border: 2px solid #9545ED; background-color: inherit; border-radius: 50%;}
._radioBtn:hover input ~ .checkmark-1, ._radioBtn:hover input ~ .checkmark-2 {opacity: 0.6; } 
._radioBtn input:checked ~ .checkmark-1, ._radioBtn input:checked ~ .checkmark-2 {background-color: #FFFFFF; }
.checkmark-1:after, .checkmark-2:after {content: "";position: absolute;display: none;}
._radioBtn input:checked ~ .checkmark-1:after, ._radioBtn input:checked ~ .checkmark-2:after {display: block;}
._radioBtn .checkmark-1:after {top: 2px; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: #9545ED;} 
._radioBtn .checkmark-2:after {top: 2px; left: 2px; bottom:1px; width: 8px; height: 8px; border-radius: 50%; background: #9545ED;} 

.progress {width: 100%; } .result-bar {height: 8px; width: 100%; min-width: 8px; position: relative; margin: 3px 0 3px 0; border-radius: 30px; pointer-events: none;}
#tebo {border-collapse: collapse; width: 100%; } 
#tebo td, #tebo th {border: none; padding: 8px; border: 1px solid #f7f7f7 !important;} 
#tebo tr:nth-child(even), #tebo th {padding: 0px 8px; background-color: inherit; border: 1px solid #f7f7f7 !important; text-align: left;} 

.notify {position: relative; border: none; padding: 2px 5px; } 
.hoverit {line-height: 20px; height: 25px; border: 1px solid red; width: 100%;}
.text_alerts .nums {position: absolute; top: 2px; right: -16px; display: inline-block; padding: 2px 6px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #4CAF50; color: #FFFFFF; border-radius: 10px; } 
.badge {display: inline-block; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle;border-radius: 10px; } 
.online {height: 7px; width: 7px; background-color: #32CD32; border-radius: 50%; display: inline-block; position: relative; top: -1px; left: 3px; margin-right: 1px; } 
.has-error {border: 1px solid #a94442 !important;}
.alert-dot{height:8px;width:8px;top:-2px;background-color: #FF0000;border-radius:50%;display:inline-block;position:relative;}
.notify .dot {position: absolute;top: 0; right: 5px; display: inline-block; height:10px;width:10px;background-color: #FF0000;border-radius:50%;border:1px solid #ffffff;}

div.scrollmenu {overflow: auto; white-space: nowrap; } div.scrollmenu a, div.scrollmenu span {display: inline-block; text-decoration: none; } div.scrollmenu a:hover {opacity: 0.5; } 
div.competer {overflow: hidden; white-space: nowrap; } div.competer a, div.competer span {display: inline-block; text-decoration: none; } div.competer a:hover {opacity: 0.5; } 

._chatCard {display: block; height: 100%; width: 100%; } 
._fxdDIV {min-height:100%; padding: 0px !important; top: 0; bottom:0; position:absolute; overflow-y:auto; overflow-x:hidden; width: 100%;}
._chatMSGS{list-style-type: none; margin: 0 auto; padding: 0; left: 0; right: 0;}
._chatCard, ._chatCard div, ._fxdDIV {max-width: 600px !important; margin: 0 auto;} 
.footer {bottom: 0px; padding: 0px !important; position: fixed !important; width: 100%;} 
._fxdDIV .header {top: 0px; height: 45px !important; position: fixed; width: 100%; z-index: 999 !important;} 
._fxdDIV .header, ._fxdDIV .footer {max-width: 598px !important; margin: 0 auto;} 

._sendr {float: left; width: 100%;display: inline-block; padding: 5px 8px; clear: both; border-radius: 10px 10px 2px 2px; max-width: 85% !important;}
._sendr a, ._rcvr a {text-decoration: underline; } 
._rcvr {float: right; width: 100%; display: inline-block; padding: 5px 8px; clear: both; border-radius: 10px 10px 2px 2px; max-width: 85% !important;} 
._rcvd {max-width: 85% !important; float: right; padding: 5px 8px; border-radius: 15px; border-bottom-right-radius: 0px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
._rcvd .quoted {background: #863ed5;color: #f2f2f2;border-left: 4px solid #bc9cff !important; padding: 0px; border: none; border-radius: 8px 8px 8px 8px;margin: -1px -5px 0px !important;} 
._rcvd .quoted .clr-2 {color: #bc9cff !important;text-decoration: none;} ._sent .quoted .clr-2 {color: #9545ED !important;text-decoration: none;}
._sent {max-width: 85% !important; float: left; padding: 5px 8px; border-radius: 15px; border-bottom-left-radius: 0px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
._sent .quoted {background: #f1f1f2;color: #5d6d7e;border-left: 4px solid #9545ED !important; padding: 0px; border: none; border-radius: 8px 8px 8px 8px;margin: -1px -5px 0px !important;} 
._sent:hover, ._rcvd:hover{opacity: 0.6 !important;}
.quoted .media, .quoted img{height: 40px; width: 40px; border-radius: 5px;}

._stickr-upload {position: relative; max-width: 205px; margin: 50px auto; } ._stickr-upload ._stickr-edit input + label {display: inline-block; width: 34px; height: 34px; margin: 0px 100px; border-radius: 100%; cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; } 
._stickr-upload ._stickr-preview {max-width: 192px; max-height: 192px; position: relative; } ._stickr-upload ._stickr-preview > img {width: 100%; height: 100%; max-width: 192px; max-height: 192px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.pagination {display: inline-block; padding-left: 0; margin-top: 5px; margin-bottom: 0px; border-radius: 6px } 
.pagination>li {display: inline }
.pagination>li>a,
.pagination>li>span {position: relative; float: left; padding: 6px 12px; line-height: 1.62; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; color: #1589ff }
.pagination>li:first-child>a,
.pagination>li:first-child>span {margin-left: 0; border-bottom-left-radius: 6px; border-top-left-radius: 6px }
.pagination>li:last-child>a,
.pagination>li:last-child>span {border-bottom-right-radius: 6px;border-top-right-radius: 6px}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {background-color: #e6e6e6}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {z-index: 2; color: #fff; background-color: #175c91; border-color: #175c91; cursor: default }
.pagination .disabled>a,
.pagination .disabled>a:hover,
.pagination .disabled>a:focus,
.pagination .disabled>span {color: #777; cursor: not-allowed; background-color: #fff; } 

.tooltip {position: relative; display: inline-block; }
.tooltip .tooltiptext {visibility: hidden; min-width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; }
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1; }

/*responsiveness*/
._lsDIV, ._rsDIV, .mainDIV, .modal {float: left; padding: 5px; width: 33.3%;}
@media screen and (max-width: 1280px) {
	._mcol, ._nli {padding: 0px 8px;}
	._lcolPDN {padding: 8px;}
	._rcolPDN {padding: 8px 0px;}
}
@media screen and (max-width: 1024px) {
	._lTXT, #_blg{display: none !important;}
	#_slg{display: block !important;}
	.pdn-navFix{margin: 0px 0px 0px 50px !important;padding:0px;}
	._lcol {width: 50px !important;}
	._sbList a{width: 44px !important;padding: 5px; border-radius: 8px 0px 0px 8px; margin: 8px 0px 8px 0px !important;display: block;} 
	._sbList a:hover {padding: 5px;}
	._mcol, ._nli {margin: 40px 0px 0px 50px !important;padding:0px 8px;}
}

@media screen and (max-width: 768px) {
	._1-3rd{display: none;}
	._2-3rd{width: 100% !important;}
	._lcolPDN {padding: 8px 8px !important;}
	#_bsICON{display: none !important;}
	#_ssICON{display: block !important;}
	.img-list{width:19.99999%;} 
	.img-list img{height: 100px;} 
} 

@media screen and (max-width: 600px){
	.disc_dp {overflow: hidden; min-width: 100%; height: 100px; background-color: #5D6D7E;} 
	._flat-box .l3{width: 49.99999%;} ._modalBox{width: 95% !important; margin: 0px !important;}
}
@media screen and (max-width: 480px) {
	.pdn-navFix{margin: 0px 0px 0px 0px !important;padding:0px;}
	._lcol {display: none;}
	._mcol {margin: 80px 0px 0px 0px !important;padding:0px;}
	._nli {margin: 40px 0px 0px 0px !important;padding:0px;}
	#_topNAV{display: block;}
	.img-list{width:24.99999%;} 
	.img-list img{height: 100px;} 
	.yc-emoji-img{width:33.33333%;border: 1px solid #fcfcfc;} 
	.yc-sticker-img{width:24.99999%;border: 1px solid #fcfcfc;} 
	.sta-cbg {background-position: 0 50%; background-size: 100% auto; border-bottom: 3px solid #e1e8ed; height: 50px; width: 100%; }
	.sta-dp-tab{margin: 0px 5px 0px;text-align: center;width: 100%;}
	.sta-dp-url{display: inline-block; margin: -30px 0px 0 0px; max-width: 100%;} 
	.sta-prof-img {border-radius: 50%; box-sizing: border-box; color: #fff; height: 45px; width: 45px;}
} 
@media screen and (max-width: 359px) {
	.img-list{width:24.99999%;} 
	.size22{height: 20px;width: 20px;}
	.img-list img{height: 90px;} 
	.yc-emoji-img{width:33.33333%;border: 1px solid #fcfcfc;} 
	.yc-sticker-img{width:24.99999%;border: 1px solid #fcfcfc;} 
} 
@media screen and (max-width: 320px) {
	.img-list{width:33.333333%;} 
	.img-list img{height: 80px;} 
	.yc-emoji-img{width:24.99999%;border: 1px solid #fcfcfc;} 
} 
@media screen and (max-width: 300px) {
	._flat-box .l3{width: 99.99999%; } 
	.disc_dp {overflow: hidden; min-width: 100%; height: 100px; background-color: #5D6D7E; } 
	.img-list{width:99.99999%;} 
	.img-list img{height: 120px;} 
	.yc-emoji-img{width:49.99999%;border: 1px solid #fcfcfc;} 
	.yc-sticker-img{width:33.33333%;border: 1px solid #fcfcfc;} 
} 
/* Clear floats */
.clearfix::after {content: "";clear: both;display: table;}*