@charset "UTF-8";
/* CSS Document */

body { 
	border:0; 
	margin:0; 
	padding:0;
	font-family: 'Sarala', sans-serif;
	overflow:hidden;
	background-color:#fff; }

/* Scroll Bars */

#content_wrapper::-webkit-scrollbar-track
{
	margin-top:80px;
}

::-webkit-scrollbar
{
	height:10px;
	width:10px;
	background:rgba(255,255,255,0);
	z-index:-1;
}
	::-webkit-scrollbar:hover
{
	height:10px;
	width:10px;
	background:rgba(0,0,0,0.25);
	z-index:-1;
}
	::-webkit-scrollbar-thumb
{
	background:#902141;
	-webkit-border-radius:0;
}
	::-webkit-scrollbar-thumb:hover
{
	background:#902141;
	-webkit-border-radius:0;
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0); }

#popimg {
	max-width:90vw;
	max-height:90vw;
 }

/* Lynx */

a {
	color:inherit;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* Header */

#header {
	position:absolute;
	top:0;
	left:0;
	height:50px;
	width:100vw;
	z-index:999;
}

/* Header Left */

@media screen and (max-width: 1099px) {
.header_l {
	width:60px;
	background-color:#333;
}
#logo {
	width:60px;
	margin-left:10px;
	margin-top:-3px;
	display:inline-block;
	text-align:center;
}
#curve_l_inner {
	position:absolute;
	top:-1px;
	left:82px;
	height:51px;
	width:50px;
	background-color:#333;
	border-right:5px solid #902141;
	border-top-right-radius:50px;
	transform:scale(1.8,1);
}
	 } 
@media screen and (min-width: 1100px) {
.header_l {
	width:300px;
	background-color:#333;
}
#logo {
	width:280px;
	margin-left:10px;
	margin-top:3px;
	display:inline-block;
	text-align:center;
}
#curve_l_inner {
	position:absolute;
	top:-1px;
	left:300px;
	height:51px;
	width:50px;
	background-color:#333;
	border-right:5px solid #902141;
	border-top-right-radius:50px;
	transform:scale(1.8,1);
}
}
#logotext {
	margin:0;
	padding:0;
	border:0;
	display:inline-block;
}

@media screen and (max-width: 1099px) {
	#logotext {
		display:none;
	}
}

.curve_l {
	width:70px;
	color:#fff;
	background-color:rgba(204,204,204,0.75);
	text-align:center;
}

/* Header Center */

.header_c {
	text-align:center;
	background-color:rgba(204,204,204,0.75);
}

#search_wrap {
	width:100%;
	height:50px;
	padding:0;
}

.search {
		height:23px;
		width:100%;
		font-size:18px;
		padding-left:5px;
		border:0;
		margin-top:-2px;
		border-radius:5px 0 0 5px ;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		border-left:1px solid #999;
}
@media screen and (min-width: 1100px) {
#search_text {
	display:inline-block;
	height:23px;
	width:calc(100vw - 900px);
}
}

@media screen and (max-width: 1099px) {
#search_text {
	display:inline-block;
	height:23px;
	width:calc(100vw - 700px);
}
}

.cat {
	-webkit-appearance: none;
	-moz-appearance: none;
   appearance: none;
   height:25px;
   width:100px;
   font-size:10px;
   padding-left:5px;
   margin-top:0;
   border:0;  
   border-left:1px solid #000;
   border-radius:0 5px 5px 0;
   background:url(images/dwn.png) no-repeat right #FFF;
}
	
#cat {
	position:inherit;
	display:inline-block;
	height:25px;
	background-color:#ddd;
	border:0;
	padding:0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.go { 
	display:inline-block;
	height:25px;
	width:25px;
	text-align:center;
	background-color:#DDD;
	border:0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-radius:0 5px 5px 0;
}

/* Header Right */

.curve_r {
	width:70px;
	background-color:rgba(204,204,204,0.75);
	text-align:right;
}

#curve_r_inner {
	position:absolute;
	top:-1px;
	right:300px;
	height:51px;
	width:50px;
	background-color:#333;
	border-left:5px solid #902141;
	border-top-left-radius:50px;
	transform:scale(1.8,1);
}

.header_r {
	width:300px;
	text-align:right;
	vertical-align:bottom;
	background-color:#333;
	padding-bottom:1px;
}
				
.loc {
	position:absolute;
	height:25px;
	width:25px;
	text-align:center;
	right:236px;
	border-top:4px solid #902141;
	border-left:4px solid #902141;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff;
	display:inline-block;
	border-top-left-radius:20px;
	padding-left:9px;
}

	
.location {
	height:23px;
	width:232px;
	font-size:18px;
	padding-left:5px;
	border:0;
	border-top:4px #902141 solid;
	margin:0;
	right:0;
	bottom:0;
}

#location_text {
	display:inline-block;
}	

/* Drop down Right */

#dd_r {
	position:absolute;
	width:271px;
	top:49px;
	right:0;
	border-left:4px #902141 solid;
	border-bottom:4px #902141 solid;
	border-radius:0 0 0 20px;
	background-color:#FCF7FF;
	transition:all 1s ease-in-out;
	overflow:hidden;
	z-index:800;
}

#dd_r_content { 
	overflow:hidden;
	margin-top:-1px;
}

#dd_r_content_wrap {
	width:100%;
	max-height:70vh;
	overflow-x:hidden;
	overflow-y:scroll;
}


#dd_r_options {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.dd_item {
	width:100%;
}

.noti_num { 
	position:absolute;
	margin-top:-31px;
	padding:2px;
	top:28px;
	border-radius:3px;
	background-color:#F00;
	height:13px;
	font-size:11px;
	color:#fff;
	text-align:center;
}

/* Mail Drop Down */

#mail_num {
	right:195px;
}

#mail_ico {
	border-right:1px solid #000;
	width:40px;
	padding:0;
	margin:0;
}

#mail_dd {
	max-height:0vh;
	overflow:hidden;
	transition:all 1s ease-in-out;
}

#mail_dd_itm { 
	background-color:#FFF;
	padding:0 5px 0 5px;
	border-top:1px solid #000;
}

#mail_dd_itm:hover {
	background-color:#E1D4C0;
}

.mail_dd_sub {
	text-decoration:underline;
}
	
.mail_dd_content {
	font-size:12px;
	overflow:hidden;
      display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}

.mail_dd_dismiss {
	color:#000;
}

.mail_dd_dismiss:hover {
	color:#F00;
}

/* Notification Drop Down */

#not_num {
	right:236px;
}
#noti_ico {
	border-right:1px solid #000;
	width:34px;
}

#noti_dd {
	max-height:0vh;
	overflow:hidden;
	transition:all 1s ease-in-out;
}

#noti_dd_itm { 
	padding:0 5px 0 5px;
	height:auto;
}

#noti_dd_itm:hover {
	background-color:#E1D4C0;
}

.noti_dd_dismiss {
	color:#000;
}

.noti_dd_dismiss:hover {
	color:#F00;
}

/* Login DD */

#login_dd {
	overflow:hidden;
	transition:all 1s ease-in-out;
	max-height:0vh;
}

#login_dd_opt_wrap {
		margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#arr {
	display:inline-block;
	padding-top:3px;
	font-size:12px;
	color:#000;
}

#user_dd_logo {
	display:inline-block;
	vertical-align:central;
}

#user_dd_supnam {
	display:inline-block;
	text-indent:5px;
}

.udditmnh {
	text-align:center;
	background-color:#eee;
	margin:5px;
	border:1px solid #fff;
}

.udditm {
	text-align:center;
	background-color:#eee;
	margin:5px;
	border:1px solid #fff;
}

.udditm:hover {
	background-color:#ddd;
	border:1px solid #aaa;
}

/* Generic Forms */

.text {
		height:20px;
		width:90%;
		font-size:15px;
		padding-left:5px;
		margin:5px;
		border:0;
		border:1px solid #aaa;
		margin-top:-1px;
		border-radius:5px;
		background-color:#fff;
}

.submit {
		height:23px;
		font-size:15px;
		padding-left:5px;
		margin:5px;
		border:0;
		border:1px solid #aaa;
		margin-top:-1px;
		border-radius:5px;
		background-color:#fff;
}

.submit:hover {
	background-color:#aaa;
}

/* Message */

#message_wrap {
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:10000;
}
#blackout {
	background-color:rgba(0,0,0,0.75);
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
#message {
	position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
	padding:10px;
	background-color:#eee;
	border-radius:5px;
}
#message_cross {
	position:absolute;
	top:0;
	right:0;
	margin-right:-15px;
	margin-top:-20px;
	color:#aaa;
}
#message_cross:hover {
	color:#fff;
}

/* Content */

#content_wrapper {
	height:100vh;
	width:100vw;
	background-color:#C4CAD0;
	overflow-y:scroll;
	overflow-x:hidden;
}

#content {
	margin-left:5vw;
	margin-right:5vw;
	padding:75px 20px 0 20px;
	background-color:#FCF7FF;
	text-indent:15px;
}

/* AJAX Containers */

#search_suggs {
	position:fixed;
	top:37px;
	left:387px;
	width:calc(100vw - 911px);
	background-color:#fff;
	border-radius:0 0 5px 5px;
	padding:0 5px 0 5px;
	overflow:hidden;
	max-height:0px;
	transition:max-height 1s ease-in-out;
	z-index:1000;
}

#suggestion {
	border-top:1px solid #999;
	margin-top:-1px;
}

#location_suggs {
	position:absolute;
	width:271px;
	top:49px;
	right:0;
	border-radius:0 0 0 20px;
	background-color:#fff;
	background-color:#FCF7FF;
	transition:all 1s ease-in-out;
	overflow:hidden;
	z-index:1001;
}

#location_results {
	overflow-x:hidden;
	overflow-y:scroll;
	padding:0 5px 0 5px;
	max-height:300px;
}
#location_maps {
	overflow:hidden;
	border-radius:0 0 0 16px;
	transition:all 1s ease-in-out;
}