.filterHead { color:#000; font:500 20px/20px 'Roboto', Arial, Helvetica, sans-serif; text-align:left; margin-bottom:15px;}
.filterHead span { color:#304756; font-size:24px; margin-right:0;}
.minimizeMap { padding:15px 0;}
.minimizedMap .mapDiv { width:100%; height:240px;}
.maximizedMap .mapDiv { width:100%; height:400px;}
.toggleMap { text-decoration:none; color:#0bf; font:18px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px; cursor:pointer;}
.toggleMap i { margin-right:0;}
.filterBy span { margin:0; padding:0; list-style:none; display:inline-block;}
.filterBy span a { padding:5px 20px 5px 0; text-decoration:none; color:#888; font:15px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer;}
.filterBy span a:hover { color:#000;}
.filterBy span a.active { color:#0bf; cursor:default;}
.filterTitle { color:#000; font:500 16px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:0;}
.filterList { margin:0; max-height:192px; overflow:hidden;}
.filterList .ngsb-wrap { height:192px; max-width:100%; overflow:hidden; position:relative;}
.filterList .ngsb-wrap .ngsb-container { padding:0 30px 0 10px; overflow:hidden; position:relative;}
.filterList span { margin:0; padding:0; list-style:none; line-height:15px;}
.filterList span a { display:inline-block; width:100%; padding:3px 5px; text-decoration:none; cursor:pointer; color:#000; font:13px 'Roboto', Arial, Helvetica, sans-serif;}
.filterList span a:hover { color:#0bf;}
.filterList span a.active { background:rgba(0, 0, 0, .04); color:#0bf;}
.filterList span a.active:hover { background:rgba(0, 0, 0, .08);}
.dateFields h4 { margin-bottom:0; font-size:initial;}
.dateFields .md-datepicker-input-container { margin-left:0;}
.dateFields .md-datepicker-input { width:220px;}
.dateFields .md-datepicker-button { display:none;}
/*******************************************************************/
.evContainer { width:100%; display:inline-block; background:#e7e7e7; padding:10px;}
.evOut { padding:10px;}
.invisible { position:relative; box-shadow:none !important;}
.invisible:after { content:""; display:inline-block; width:100%; height:100%; background:rgba(255, 255, 255, .9); position:absolute; left:0; top:0; z-index:1;}
.evMain { background:#fff; box-shadow:0 0 1px rgba(0, 0, 0, .2);}
.evMain:hover { box-shadow:1px 1px 2px rgba(0, 0, 0, .3);}
.evBox { width:100%; display:inline-block; padding:15px;}
.evFull { width:100%; min-height:40px; display:inline-block;}
.evLeft { width:100px; display:inline-block; float:left; text-align:center;}
.evRight { width:calc(100% - 100px); display:inline-block; float:right; padding-left:15px;}
.evImg { max-width:100%; max-height:120px; display:block;}
.evTitle { color:#000; font:18px/20px 'Roboto', Arial, Helvetica, sans-serif; text-align:left; margin:0; height:40px; overflow:hidden;}
.evTitle { color:#000; text-decoration:none; cursor:pointer;}
.evTitle:hover { color:#0bf;}
.evDes { color:#888; font:13px/18px 'Roboto', Arial, Helvetica, sans-serif; text-align:left; height:54px; overflow:hidden;}
.evPrice { color:#666; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.evPrice.free { color:#ff008a;}
.evDate { color:#0bf; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.evActions { background:rgba(0, 0, 0, 0); padding:10px 15px;}
.evMain:hover .evActions { background:rgba(0, 0, 0, .04);}
.evActions .hashLink { font:500 14px 'Roboto', Arial, Helvetica, sans-serif; color:#333; opacity:0.4; margin-right:10px; cursor:pointer; text-decoration:none;}
.evMain:hover .evActions .hashLink { opacity:1;}
.evActions .hashLink:hover { color:#0bf;}
.evActions .matBox { float:right; display:inline-block;}
.evActions .matIcon { color:#444; margin-left:5px; cursor:pointer; opacity:0;}
.evMain:hover .evActions .matIcon { opacity:1;}
.evActions .matIcon span { margin:0;}
.evActions .matIcon:hover, .evActions .matIcon.active { color:#0bf;}
.showAll { display:inline-block; width:100%; padding:0 8px; position:absolute; left:0; top:250px; z-index:111;}
.showAll > div { padding:0 8px;}
.showAll a { display:inline-block; width:100%; padding:15px; background:#0393ef; color:#fff; font:500 15px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; cursor:pointer;}
.mobButtons { width:100%; height:60px; padding:15px; background:#fff; overflow:hidden; position:fixed; left:0; bottom:0; z-index:999; display:none;}
.mbButton { color:#0393ef; font:500 24px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; cursor:pointer;}
.mobFull { display:inline-block; width:100%; float:left;}
.mobHalf { display:inline-block; width:50%; float:left;}
/*******************************************************************/
.pagination { width:100%; display:inline-block; background:#fff; text-align:center; padding:15px;}
.pagination a { width:32px; height:32px; display:inline-block; text-align:center; color:#333; font:15px/32px 'Roboto', Arial, Helvetica, sans-serif; text-decoration:none; border-radius:50%; cursor:pointer;}
.pagination a:hover { color:#0bf;}
.pagination a.active { background:#0bf; color:#fff; cursor:default;}
.pagination a.disabled { opacity:.2; cursor:default;}
/*******************************************************************/
.ngsb-wrap { -ms-touch-action:none;}
.ngsb-wrap .ngsb-container { width:auto; overflow:hidden;  transition:.5s all;}
.ngsb-wrap:hover .ngsb-scrollbar { opacity:1;}
.ngsb-wrap .ngsb-scrollbar { width:12px; height:100%; top:0; right:0; opacity:.6;}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container { position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}
.ngsb-wrap .ngsb-scrollbar a.ngsb-thumb-container { margin:20px 0;}
.ngsb-wrap .ngsb-scrollbar .ngsb-track { height:100%; margin:0 auto; width:12px; background:#000; background:rgba(220, 225, 225, .4);}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos { cursor:pointer; width:100%; height:30px;}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
 transition:.5s all; width:12px; height:100%; margin:0 auto; text-align:center; background:#fff; background:rgba(210, 210, 210, .6);}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:hover .ngsb-thumb { background:rgba(170, 175, 175, .8);}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:active { background:rgba(170, 175, 175, .8);}
/*******************************************************************/
.demo-md-panel { min-height:500px;}
.demo-dialog-example { background:white; border-radius:4px; box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12); width:500px;}
.demo-dialog-content { padding:0 15px; width:100%;}
.demo-dialog-content img { height:300px; margin:auto;}
.demo-dialog-button { width:100%;}
.demo-menu-example { background:white; border-radius:4px; box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12); width:256px;}
.demo-menu-item { align-items:center; cursor:pointer; display:flex; height:48px; padding:0 16px; position:relative; transition:background 0.15s linear; width:auto;}
.demo-menu-item:hover,  .demo-menu-item:focus { background-color:rgb(238, 238, 238);}
.demo-menu-item.selected { color:rgb(16, 108, 200);}
.allDates { cursor:pointer;}
/*******************************************************************/
@media screen and (min-width:992px) and (max-width:1280px)
{
	.toggleMap { font-size:16px;}
	.md-c1 { width:8.33%;}
	.md-c2 { width:16.66%;}
	.md-c3 { width:25%;}
	.md-c4 { width:33.33%;}
	.md-c5 { width:41.66%;}
	.md-c6 { width:50%;}
	.md-c7 { width:58.33%;}
	.md-c8 { width:66.66%;}
	.md-c9 { width:75%;}
	.md-c10 { width:83.33%;}
	.md-c11 { width:91.66%;}
	.md-c12 { width:100%;}
}
@media screen and (min-width:768px) and (max-width:991px)
{
	.toggleMap { font-size:16px;}
	.sm-c1 { width:8.33%;}
	.sm-c2 { width:16.66%;}
	.sm-c3 { width:25%;}
	.sm-c4 { width:33.33%;}
	.sm-c5 { width:41.66%;}
	.sm-c6 { width:50%;}
	.sm-c7 { width:58.33%;}
	.sm-c8 { width:66.66%;}
	.sm-c9 { width:75%;}
	.sm-c10 { width:83.33%;}
	.sm-c11 { width:91.66%;}
	.sm-c12 { width:100%;}
}
@media screen and (min-width:0) and (max-width:767px)
{
	.addInfo, .viewInfo { font-size:12px;}
	.mobButtons { display:inline-block;}
	.minimizedMap { display:none;}
	.maximizedMap .toggleMap { display:none;}
	.showAll { position:relative; left:auto; top:auto; padding:15px 0;}
  .sidebar { margin-top:30px;}
}