hr{ border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));}
#notificationDraw{
	width:100%;
	height:100%;
	max-width:300px;
	background:white;
	z-index:2001;
	position:fixed;
	right:0;
	transform:translate3d(0, 0, 0)translateX(100%);
	transition:all .25s ease;
}
#notiNoto{
	width:5px;
	height:5px;
	background:white;
	position:absolute;
	right:0;
	top:0;
}
#notificationTop{
	width:100%;
	height:50px;
	position:relative;
	cursor:pointer;
}
#notificationTop h1{
	font-size:20px;
	font-weight:500;
	text-align:center;
	color:rgba(0,0,0,0.8);
	padding-top:12px;
}
#notificationTop h1::selection{
	background: rgba(0,0,0,0);
}
#notificationTop svg{
	fill:rgba(0,0,0,0.8);
	width:36px;
	height:36px;
	padding:6px;
	margin-left:3px;
	float:left;
	position:absolute;
	z-index:2;
}
#notificationCont{
	width:100%;
	height:calc(100% - 50px);
	position:relative;
	overflow-y:auto;
}
#notificationCont::-webkit-scrollbar{
	width: 4px;
	height: 4px;

}
#notificationCont::-webkit-scrollbar-button{
	width: 4px;
	height: 4px;
}
#notificationCont::-webkit-scrollbar-thumb {
	background: #888888;
	border: 0px none #ffffff;
	border-radius: 2px;
}
#notificationCont::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 2px;
}
.notiItem{
	width:calc(100% - 30px);
	height:auto;
	padding:10px 15px;
	transition:all .25s ease;
}
.notiItem:hover{
	background:rgba(0,0,0,0.05);
}
.notiImg{
	float:left;
	width:40px;
	height:40px;
	border-radius:50%;
}
.notiTextWrap{
	width:calc(100% - 50px);
	margin-left:10px;
	float:left;
}
.notiTextWrap p{
	font-size:15px;
	font-weight:400;
	padding:0;
	margin:0;
	color:rgba(0,0,0,0.8);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-wrap;
}
.notiloadwrap{
	width:100%;
	height:calc(100% - 50px);
	position:fixed;
	z-index:0;
	background:rgba(1000,1000,1000,1);
	bottom:0;
	transition:all .3s ease;
}
.noNoti{
	display:none;
	position:absolute;
	top:50%;
	width:100%;
	transform:translateY(-50%);
}
.noNoti h2{
	text-align:center;
	font-size:17px;
	font-weight:400;
	color:rgba(0,0,0,0.5);
}
.navmenuicons{transform: translate(0px,8px);margin-right: 13px;margin-left: 5px;fill:rgba(0,0,0,0.55);width:26px;height:26px;}
.menudraw{position:fixed;height:100%;width:300px;z-index:1001;transition:all .3s ease;background:#fff;transform:translate3d(-105%,0,0);box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.menudraw_wrap{position:absolute;top:0;width:100%;bottom:0;left:0;max-width:100%;overflow:hidden;overflow-y:auto;transition:all .3s ease}
.menudraw h2{font-weight:500;font-size:14px;color:rgba(0,0,0,0.70);line-height:50px;padding:10px;padding-top:1px;padding-bottom:1px;transition:all .3s ease;cursor:pointer;text-align:left;}
.menudraw h2:hover{background-color:#E0E0E0}
.menudraw h2 .ico{font-weight:500;font-size:23px;color:rgba(0,0,0,0.55);transform:translate(0,2px);margin-left:9px;margin-right:15px;height:25px;width:20px}
.menudraw_wrap a{text-decoration:none}
.menudraw_wrap .active{color:#ff6751}
.menudraw_wrap .active .navmenuicons{fill:#ff6851;}
.loader,.ldr,.notiload{position:relative;margin:0 auto;width:80px;opacity:0;transition:all .2s ease}.loader:before,.ldr:before,.notiload:before{content:'';display:block;padding-top:100%}.circular{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:50%;-webkit-transform-origin:center center;transform-origin:center center;width:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes color{0%,100%{stroke:#ff6851}}@keyframes color{0%,100%{stroke:#ff6851}}
.screen_load{opacity:0;top:0;left:0;bottom:0;right:0;position:fixed;background:#fff;z-index:2999;display:none;transition:all .2s ease}
.notiload{
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;
}
.mininoti{min-width:260px;height:50px;transition:all .3s ease;background:#263238;position:fixed;bottom:-60px;left:25px;z-index:3000;box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.4);-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.4);-webkit-border-radius:4px;border-radius:4px;-webkit-transform: translateZ(0);transform: translateZ(0);}
.mininoti h1{color:#fff;font-weight:300;font-size:15px;padding:16px;padding-left:25px;padding-right:25px}
#cover3{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}
*{margin:0;padding:0;font-family:'Roboto',sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{-webkit-font-smoothing: antialiased;width:100%;height:100%;background:#f1f1f1}
.header{transition: all 0.3s ease;-webkit-transform: translateZ(0);transform: translateZ(0);width:100%;height:50px;background:#ff6353;background-image: linear-gradient( 135deg, #ff5858 10%, #ff7b49 100%);position:fixed;z-index:1000;-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);box-shadow: 0 1px 8px rgba(0,0,0,.3);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.header h4{color:#fff;font-weight:400;text-align:right;float:right;font-size:14px;margin-right:9px;padding-top:6px}
.header h6{color:#ffcdd2;font-weight:300;text-align:right;font-size:20px;margin-right:2%;padding-top:10px}
.header a{text-decoration:none;color:#fff;transition:all .3s ease;font-weight:400;font-size:18px;}
.header a:hover{text-decoration:none;color:rgba(1000,1000,1000,0.8)}
input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.header img{height:50px;padding-right:10px;float:left}
.header p{margin-bottom: 5px;float:left;border-left:1px solid rgba(255,255,255,0.2);padding-left:20px;margin-left:7px;line-height:32px;font-weight:500;font-size:20px;color:#fff;margin-top:8px;transition:all .3s ease;opacity:0;padding-right:4px;text-overflow:ellipsis;overflow:hidden;}
.menubutton{float:left;padding:13px;padding-left:3%;cursor:pointer;backface-visibility: hidden;}
#notificationIcon{
	float:right;
	cursor:pointer;
	padding:12px 11px;
	padding-right:17px;
	padding-bottom:8px;
	position:relative;
}
.youshure{
	position:fixed;
	top:50%;
	left:0;
	right:0;
	margin: 0 auto;
	transform:translateZ(0)translateY(-50%)scale(0.9);
	width:306px;
	height:auto;
	background:white;
	z-index:5000;
	border-radius:3px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	opacity:0;
	visibility:hidden;
	transition: all 0.2s ease;
	max-width:100%;
}
.youshure h1{
	color:#212121;
	font: 500 20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	padding-left:25px;
	padding-top:25px;
}
.youshure h3{
	color:#212121;
	font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	padding-left:25px;
	padding-right:25px;
	padding-top:18px;
}
.youshure h2{
	color:rgba(0,0,0,0.85);
	font-size: 14px;
	font-weight:500;
	padding-top:15px;
	float:right;
	padding:3px 5px;
	margin:0 5px;
	margin-top:30px;
	margin-bottom:20px;
	cursor:pointer;
}
.youshure #yesiam{
	color:#ff6353;
	margin-right:25px;
	margin-left:10px;
}
.youshure #noiaint{
	color:#212121;
}
#you_drop{
	position:fixed;
	right:3%;
	top:52px;
	width:250px;
	height:140px;
	background:white;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	z-index:1001;
	border-radius:2px;
	display:none;
	opacity:0;
	transition:all .2s ease;
}
#you_dropmain{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:white;
	z-index:10;
	border-radius:2px;
	overflow:hidden;
}
#you_drop .fa-caret-up{
	position:absolute;
	right:7px;
	top:-19px;
	color:white;
	font-size:30px;
	-webkit-text-shadow: 0 2px 10px rgba(0,0,0,.2);
	text-shadow: 0 2px 10px rgba(0,0,0,.2);
	z-index:0;
}
#accdets h1{
	font-size:13px;
	color:rgba(0,0,0,0.8);
	font-weight:500;
	padding-top:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-right:5px;
}
#accdets a{
	color:#ff6951;
	text-decoration:none;
}
#signout{
	width:calc(100%);
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
}
#signout_button{
	color:white;
	background:#ff6353;
	background-image: linear-gradient( 135deg, #ff5858 10%, #ff7b49 100%);
	border-radius:3px;
	width:calc(100% - 30px);
	margin:0 auto;
	height:43px;
}
#accdets a:hover{
	text-decoration:underline;
}
#seico_wrap{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	margin-left: 12px;
}
.new_post{
	z-index:998 !important;
}
#lotit_wrap{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
	margin: auto 0;
	line-height: 48px;
}
#textbar_input::-webkit-input-placeholder {
	color:white;font-size:17px;font-weight:400;
}
#textbar_input:-moz-input-placeholder {
	 color:white;font-size:17px;font-weight:400;
}
#textbar_input::-moz-input-placeholder {
	 color:white;font-size:17px;font-weight:400;
}
#textbar_input:-ms-input-placeholder {
	 color:white;font-size:17px;font-weight:400;
}
#searchico{display:none;float:left;}
#textbar_input{outline: none;border:none;width:calc(100% - 50px);margin:0;padding:0;height:100%;background:rgba(0,0,0,0);color:white;font-size:17px;font-weight:400;float:left;}
#input_wrap{
	height: 35px;
	width: 620px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,8px);
}
#inpa{
	width:100%;
}
#searchbar{
	height: 35px;
	width:100%;
	background: rgba(255,255,255,.15);
	border-radius: 40px;
	cursor: text;
}
@media (max-width:800px) {
	.youshure{
		box-shadow:none;
	}
}
@media (max-width:700px) {
.header p{font-size:16px}
}
@media (max-width:950px) {
#input_wrap{
	display:none;
}
#input_wrap{
	margin:0;
}
#searchico{
	display:block;
}
.header p{

}
}
@media (max-width:425px) {
.header p{display:none}
}
#results{
	width: 600px;
	background:white;
	position:fixed;
	top:50px;
	left:50%;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	transform:translate(-50%,-40px);
	opacity:0;
	transition:all .2s ease;
	z-index:999;
	display:none;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12),0 2px 4px 0 rgba(0,0,0,0.08);
	border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
	overflow:hidden;
}
.sres2{
	height:55px;
	width:100%;
	background:#fff;
	transition:all .3s ease;
}
.sres2:hover{
	background:#FAFAFA;
}
.verifIcon{
	width: 14px;
	height: 14px;
	fill: rgba(0,0,0,0.25);
	transform: translate(3px,0px) !important;
	position:absolute;
}
.sres2 .uimg{
	width:30px;
	height:30px;
	float:left;
	border-radius:50%;
	margin:12px 10px;
	margin-left:20px;
	margin-right:15px;
	position:relative;
}
#results a{
	text-decoration:none;
}
.sres2 h2{
	font-size:11px;
	color:rgba(0,0,0,0.6);
	font-weight:500;
	transform:translate(0,3px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:20px;
}
.sres2 h1{
	font-size:13px;
	color:rgba(0,0,0,0.8);
	font-weight:500 !important;
	transform:translate(0,3px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:20px;
}
.sres2 h3{
	font-size:13px;
	color:rgba(0,0,0,0.8);
	font-weight:500;
	transform:translate(0,19px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:20px;
	position:relative;
	top:0;
	left:0;
}
