@charset "UTF-8";
@import url(animate.css);

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/


/****  Custom Scrollbar Browser  ****
::-webkit-scrollbar {width:12px;}  
::-webkit-scrollbar-track {background-color: #444;border-left: 1px solid #888;}
::-webkit-scrollbar-thumb {background-color: #888;}  
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }  
::-webkit-scrollbar-track {border-radius: 0;box-shadow: none;border: 0;}
::-webkit-scrollbar-thumb {border-radius: 0;box-shadow: none;border: 0;} 
::-webkit-scrollbar {    width: 10px;}
::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
::-webkit-scrollbar-thumb {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color: #888;}
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }  
*/



/*
	PRIMARY CSS
*/

html,
body {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height: 100%;
	color: #fff;
	background: #000;
	cursor:default;
}
body {
	margin:0;			/*  reset  */
    /*font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;*/
	/*font-family: "Segoe UI Light","Segoe UI Semilight","Segoe UI",Helvetica,Tahoma,Geneva,Verdana,sans-serif;*/
	font-family: "Segoe UI",Helvetica,Tahoma,Geneva,Verdana,sans-serif;
	/*font-weight: 300;*/
    font-weight: lighter;
	font-size: 62.5%;	/* 1em = 10px */
	overflow:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*body:-ms-fullscreen::-ms-backdrop, body:fullscreen::backdrop {	background-color: #222;	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=);}*/

object { width:100%; height:100%; text-align:center; outline:none; display:block; /* must be block and a div - CHROME FIX */ }
object:-o-full-screen{top:0.1%; height:99.9%;}
object:-webkit-full-screen{top:0.1%; height:99.9%;}
embed{display:block; top:0; left:0; width:100%; height:100%; text-align:center;}
iframe:-o-full-screen{top:0.1%; height:99.9%;}
iframe:-webkit-full-screen{top:0.1%; height:99.9%;}

header{display:inline-block}

ol, ul{list-style: none;padding:0;margin:0;}

img {  width: auto\9;  height: auto;  max-width: 100%;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;}

/** not all needed **/
button{border:none;margin:0;padding:0;}
button, input, select, textarea {  margin: 0;  font-size: 100%;  vertical-align: middle;}
button, input {  width: auto; line-height: normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {  /*cursor: pointer;*/  -webkit-appearance: button;}
button::-moz-focus-inner, input::-moz-focus-inner {  padding: 0;  border: 0;}
button {border:none; padding:0px;  overflow:hidden;}
button:focus { outline:none;}


a{color: #fff;text-decoration:none;cursor:default;}
a:hover{color: #35b1eb}
a:hover,a:active{outline: 0 none}

h1, h2, h3, h4, h5, h6 {  
	margin: 0;
	color: inherit; 
	font-weight: 300;  
  	line-height: 20px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}
h1 {  
    font-size: 7em;
	line-height: 1.4em;
    font-weight: 400;
}
h2 {  	
	font-size: 3.2em;
	line-height: 1.2em;
}
h3 {
	font-size: 2em;
	font-weight: 400;
	line-height: .75em;
}
h4 {
	font-size: 1.5em;
  	font-weight: 400;
}
h5 {
	font-size: 16px;
	/*font-weight: 400;*/
}
h6 {
	font-size: smaller;
	line-height: 12px;
}
small {  font-size:85%;  font-weight: 300;  line-height: 1;  }

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
/*::-webkit-input-placeholder { color: #bbb;}
:-moz-placeholder {   color: #bbb;}
::-moz-placeholder {   color: #bbb;}
:-ms-input-placeholder {     color: #bbb;}*/

a[disabled]{pointer-events: none;cursor:default;opacity:.5;}


.object,.iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    width: 100%;
    height: 100%;	
}


.pull-left {float:left}
.pull-right {float:right}



.code, code {
    font-family: Consolas,Monaco,monospace;
    unicode-bidi: embed;
}

.disabled{
	opacity:.5;
}
.hide {visibility:hidden; *display:none;}
.hidden {display:none;}



/*p, span, div, small {-moz-user-select:none; }		/* FF FIX */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}


.blur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
}
.desaturate{
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
/*filter: url(desaturate.svg#greyscale);*/
}




/* fa fix */
.fa.fa-windows {font-family: 'Font Awesome 5 Brands';    font-weight: normal;}

.fa.fa-lightbulb,
.fa.fa-heart {font-weight:normal;transition:all 100ms ease;}
.fa.fa-lightbulb.liked,
.fa.fa-heart.liked {font-weight:bold}



/*
	CSS
*/

.content {	padding:20px 3%;}


/* LOGO */
#logo {
	display:inline-block;
	text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
}
#logo h1,
#logo h1 span { 
	position:relative;
	display:inline-block;
}
#logo h1 span:after {
	position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.5px;
    line-height: 1em;
    letter-spacing: 5px;
    font-family: Consolas,Monaco,monospace;
    unicode-bidi: embed;
}
#logo h1 img { 
	width: .77em;
    margin: 0 0 .2em -.18em;
	}
#logo h1 code {
	position: absolute;
    bottom: 0;
    right: 37.5px;
    font-size: .25em;
    line-height: 1em;
    letter-spacing: 5px;
}


/*
#wallpaper{background-color: #0266C8}
*/
#wallpaper,
#wallimage,
#wall-wrapper {
	position:fixed; 
	display: block; 
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;	
	background-position: center;
	background-size: cover;
	transition: opacity 1s ease 150ms;
	/*opacity: 1;*/
	opacity: .87;
}
#wall-wrapper.wall-dim{opacity: .48}
#wall-wrapper.faded{opacity: .36}
#wall-wrapper.search{opacity: .24}
#wall-wrapper.hide{opacity: 0}

#menuSlider {
	position: fixed;
	left:0;
	right:0;
	top: 0;
	width: 100%;
	height: 100%;
	padding:0;
	margin: 0;
	color: #eee;
	/*background: rgba(0,0,0,.87) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat center;*/
	background: rgba(23,23,23,.97);
	overflow: auto;
	outline:none;
	transition: top 500ms;
	white-space:normal; 
	text-align: center; 
}
/*.show-slider #menuSlider{top:0}*/
#menuSlider button {	
	position:relative; 
	/*width:192px;
 	height:108px; 
	margin:.75%;
	background:rgba(160,160,160,.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFQzNGN0Q3MjU5MTFFNDk5OUNCMDM5QUVDODhCRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFQzNGN0U3MjU5MTFFNDk5OUNCMDM5QUVDODhCRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkVDM0Y3QjcyNTkxMUU0OTk5Q0IwMzlBRUM4OEJFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkVDM0Y3QzcyNTkxMUU0OTk5Q0IwMzlBRUM4OEJFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgq92ZgAAATvSURBVHja7J19qJ5jHMd/53jOmDSyEBvy0hzLxpKNaIWQlGWZl5bIW3lJXv5gDEeEkiS21MkZkmF1ZBoro9RmOPLS0jk2Ka9ZLSFmObPH9+f67TS385ye57mu+7rOua/vp75/nPs89/08z+97X++/+3o66vW6kHR0MgQ0gAYQGkADSBpqzbxo4SWXM1Jt0P/qyjAGtMDh0OnQkZnF+m9oEHob+it4CWiC2dBj0DlQR8Y3/VeQVhcfxzRgHvQutC8rHTkWWgedCH0TqxF+isH/D/tDPTFLwDorAbkxFVpkAS9yXkwD7s74br8XegWaXzh+KMcBcfgJOh/6nAOxdGyHbit1INaAbuhsaL+KB/h36B1oaIzXrI9pwIHQ09bfzQkd1t4M/TzK/4ZjVUHToY0ZBl/sO2+0GASjFQO6oNXQjIzr+xkWg65QF2ylCroJmjPK8a3Qa9CvFQv2FGghdEjhuMbgRujJ2AZcN8oxvRuuhH6p6B2/BHoeWlA4fk0oA1qpgroLf38GXVrh4IuV6svsu+7J8SnagOJrb4F2ZFDv77DeT+gZBO+B2AcZNb4flnVhHwOGMzJg53g0gNAAGkBoAA0gNGDiUkv43ntBZ4hbztMlPM2n+Rp6C9pCA8rlYugRcWkcRXSOZQ10O7SZVVBYNGnrcWhVg+Dv5gJoADqXBoTlPruzm0Gng3WaezYNCMNMaGmL52jCV69UON0xpgF3tNnmzBW3+E8DPFngce5FNMCPqaZ2OY4G+DHF8/wDaIAfWxOfn70B2z1HtwM0wJ+VbZ63ywZuNMATnWLY1sZ5L0Ff0AB/NKdS01haWUv+Uv6fkUADPNAnaS6U5rLotN4/S6qXcZfUAGUtNAvqs8a5yLfi0iB1qvpHqTippqO/E5fep9WL5lpOg/4Qtx6g1U42e+jUEr//n9D7kjFckqQBUThY3BIoDUjAdOtRbZCAWc00oDn0Ieo3oSPEbanwCXTnOGj7sjBAV9NWW5d3N/tAj1ppmEkDykPre517mt/g/3OtNCxJXRqqaICuHy+3EfdY7A09bN3gE2hAODSo17fw+lPE7e9zT4rSUDUDboDuauM8LQ0PiXvqZxYNaI/F4p7g9+FkKw1LY5WG1AYcA/WLm/Pv9riOzpr2Bfo+k6AHoY8kQlJYKgMmW5HfJC7lRLcB0EWXF6X1DIh5ZuKkwJ9xjg3g7peAT8aPBwM0MXfIGr3Jhc+y2Ix4QZrbEkHzS9+Q0XetkkClocdKw4Q3QAc+uiCzykamY/XhrzAjVkBHN3jdYeJS2Q+K8NlPmsgGaE7PE+J2lTqzhfO0EbxK3PrAs9BRhSmGtTJ2hvWEoLPka19tAbzVo1dR2+M6vdZG9MfuLpZFWV0t3TfzGejUgNfUhvBaU2UIXQK6rNcwEDj4laUW+K5/rswGq4p0Br7rGfzIJYB3fcISwLu+MdtilIAexrkhm8bzVEQOvE4D0qH7Sa+gAWnQbY51k7/faEB8NKFYZ3DfSzUQy53lqQZiJPFImNAAGkAiGLCL4RphZwoDhhj3EQZTGNDLuI/Ql8KAZdCnjP2/MViWwgB9wFozjrdkHPzNFoPhFAYo34tb6305w+DrL+adZjEIRjtTEbrlgKYSPiDu52unVTzwP4j7vczBMi7uMxc0xJ6RPx31ep1R4EiYBhAaQAMIDaABJDL/CDAAE5jBJjqoNAMAAAAASUVORK5CYII=) no-repeat center;
	outline: 1px solid rgba( 127, 127, 127, 0.25);
	outline-offset:-1px;
	*/
	
	background:rgba(90,90,90,.24);
	margin:10px auto;
	
}
#menuSlider button:hover {		outline:1px solid grey;	outline-color:rgba(150, 150, 150, .75);	 /* outline-offset:-3px; */}
#menuSlider button:focus {		outline:1px solid silver;	outline-color:rgba(150, 150, 150, .75);	 /* outline-offset:-3px;*/ }
#menuSlider button.active {		outline:1px solid white;	outline-color:rgba(225, 225, 225, .75);	  /*outline-offset:0px; */}
#menuSlider button:active {	transform: scale(.95, .95);-moz-transform: scale(.95, .95);-webkit-transform: scale(.95, .95);	-o-transform: scale(.95, .95);-ms-transform: scale(.95, .95);}


/* QUERY */
#query {
	position:absolute;
	bottom:50%;
	left:25%;
	right:25%;
	height:50px;
	background-color: rgba(0,0,0,0.14);
	border-style: none;
	border-radius:3px;
	/*outline: none;*/
	box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px rgba(255, 255, 255, .25), 0 1px 0 rgba(255, 255, 255, .25);
	box-shadow:inset 1px 1px rgba(255, 255, 255, .25), inset -1px -1px rgba(255, 255, 255, .14), 0.1em 0.1em 0.2em rgba(0, 0, 0, .5);
	/*outline: 1px solid rgba(160,160,160,.15);*/
}
#query:hover, #query:focus { 
	outline: #35b1eb auto 1px;
	/*background-color:rgba(150, 150, 150, .33);*/
	/*box-shadow:inset 1px 1px rgba(255, 255, 255, .33), inset -1px -1px rgba(255, 255, 255, .14), 0em 0em 0.75em rgba(255, 255, 255, .5); */
}
#q{
	position:relative;
	width:100%;
	height:100%;
	padding:0 2.5em 0 .8em;
	font-size:26px;
	font-style: italic;
	text-align:left;
	vertical-align:middle;
	border:none;
	/*outline:none; */
	color:#aaa;
	text-shadow:rgba(0,0,0,.5) 0 1px 0;
	-moz-user-select:text;
	background: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: .9em .35em;
}
#q.yahoo{}

#q:focus { color:#fff; font-style: normal; }
button.go {position:absolute; top:0; right:16px;padding:1px; margin:0; font-size: 48.5px;font-weight:400;line-height:40px;color:#aaa;text-shadow:rgba(0,0,0,.5) 0 1px 0;background:none;cursor:pointer;transition : all 300ms; -webkit-transition : all 300ms;opacity:.36; filter:alpha(opacity=50); vertical-align:middle;}
button.go small {	font-size:14px;vertical-align:middle;    padding-bottom: 6px;/* FF Fix */	}
#q:focus + button.go {	opacity:1; filter:alpha(opacity=100); }

/* ASIDE BARS */
#left {left:-11%}
#left:hover {left:-1%}
#right {right:-11%}
#right:hover {right:-1%}
.sideBar {
	position:absolute;
	top:50%;
	width:15%; 
    height: 72px;
	margin-top:-60px;
	transition:all 300ms ease;
	opacity:.36;
}
.sideBar.image-loaded {
	opacity:.67;
}
.sideBar:hover {
	opacity:1;
}
.sideBar div.arr {display:none}
.sideBar div.simg {
	/*background-color:#333;*/
	position: absolute;
	top:0;left:0;right:0;bottom:0;
    /*width: 100%;*/
    background-size: cover;	
	background-position: center;
    transition: all 300ms;
	border-radius:3px;
	transition:all 300ms ease;
    /*
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
	
	box-shadow: inset 1px 1px rgba(255, 255, 255, .25), inset -1px -1px rgba(255, 255, 255, .14), 0.1em 0.1em 0.2em rgba(0, 0, 0, .5);
	*/
	box-shadow: inset 1px 1px rgba(192, 192, 192, .25), inset -1px -1px rgba(192, 192, 192, .14), 1px 1px 1px rgba(127, 127, 127, .14), -1px -1px 1px rgba(127, 127, 127, .14), 0 8px 6px -6px rgba(0,0,0,.5);
}
#left.sideBar div.simg {right:20%}
#right.sideBar div.simg {left:20%}



.inner-shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
/*.sideBar div.arr {
	position: relative;
    width: 100%;
    height: 72px;
    margin: auto;
	color: white;
    font-size: 34px;
    line-height: 72px;
    font-weight: 400;
    text-align: center;
	text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
	
	opacity:0.36;
}
.sideBar div.simg {
	opacity:0;
	
	background-color:#333;
	position: absolute;
	top:0;left:0;right:0;bottom:0;
    width: 100%;
    height: 72px;
    background-size: cover;	
    transition: all 300ms;
   border-radius:3px;
}
.sideBar:hover div.simg {opacity:.75}
.sideBar:active div.simg {opacity:1}
*/


/* COMMENTING */
.comment {
	position:relative;
	float:right;
	margin-top: .5em;
	margin-right:20%;
	height: 32px;
}
.comment .commenting {
    display: inline-block;
    border-radius: 999px;
    background: rgba(30,30,30,.87) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQIASMlHsv2HAAAAoRJREFUOMuVVE1IVFEU/s65b5znz9TCUURmU4gIphaJi9DQQBe1cOXSatMicOMuaukmCGoVuAxauwiDghmYAVe1UFRqVatB8g1qVDLPd9+757bwvmkQxTxwed/hvvPdc75zz6VisawAwFqLmZk7BhewNBYAPCJCFEU0NTXRa4y5B8B3ewTAnoJTOzo6OnpfLq/98H3/eM8YsyDHZi+4xBizAAAUhmEhm81WAbtyeFh/bIwRZgZgYYxAKXaHpZggIlBKcUdH+2sAc1EUFShJknFmXtvfP7i0sbEVEhHOKa2BR0autebznb9FZILTKGOMbSLBeSQAyFpr00Y1iFKS9vY2Gh4e9Ht6uhkAFQq9PDQ06HueRwBsf39fZmCgPxtFkaNxsXEcj4uIDYJaR7FYzjjhrYhsAoCIrDp/0flVEbH1enhldzfoEBEbx/EEp5kYIwTAishXl+4Hl/4WACSJ+fT8+SsFoAog3NvbD/5JQbZRmlJsAWBp6UWFmUkp9aRUqnhKqWfMTCsr7z6Pjt4gZr7FzG3V6k4sIq40gOI4HldKrdVqe7nt7S/Rf4jcsKGhQb+7O//HGHObicg4kXNa67MCT5JQFGnkcu05J7ahIKi1dnXl6wB2jTEPrbW/0p+1jqtzcw928vlOWl5+2ZvJZArpIUR0WSn1BkBPEARtmJ9/xFrHYyISnjYGcRxPaq0nzxiRUGs9trj4lKlYLKt6PcTs7F2jtb7eNLTsed5bAFed/z1JkvsAxPlRS0vLxurqR8/3s5bcU8CnCTs9PZWIyDcAYOa+YrHsndEE650iZgOXShXv4ODnTSJCqVTxrLVnjkszETV93Z20tL6+eeg6Q01lncT2L7MZticpJT1+AAAAAElFTkSuQmCC) no-repeat center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.comment .message {
	position:absolute;
	top:8px;
	left:45px;
	font-size: 15px;
	font-weight:400;
	line-height: 1;
	width:auto;
	/*text-shadow: rgba(0,0,0,.36) 1px 1px 1px;*/
}

.comment-box {
	position: relative;
    top: -38px;
    left: 35px;
	visibility:hidden;
	opacity:0;
	text-shadow: none;
	/*transition:all 300ms ease 50ms;*/
	transition:visibility 300ms ease 50ms, opacity 300ms ease 50ms;
}
.comment:hover .comment-box{
	visibility:visible;
	opacity:1;
	/*transition:all 100ms ease 50ms;*/
	transition:visibility 100ms ease 50ms, opacity 100ms ease 50ms;
}
.comment-box ul{
    padding: 10px;
	background: rgba(30,30,30,.87);
	font-size: 16px;
	font-weight:400;
    line-height: 18px;
	padding-top: 34px;
}
.comment-box ul li {
	position:relative;
	padding:.5em .5em .5em 2em;
}
.comment-box ul li:hover{
	background:rgba(192,192,192,.25);
	text-shadow:none;
}

.comment-box ul li.walls-add:before{
	position:absolute;
	content:"❤";
	top:.75em;
	left:.5em;
}
.comment-box ul li.walls-remove:before{
	position:absolute;
	content:"💔";
	top:.75em;
	left:.5em;
	font-size: 13px;	
}
.comment-box ul li small{
	color:#aaa;
	font-weight:300;
}

.thanks span {
	position:absolute;
	top:46px;
	padding:0 1em 0 .5em;
}
.thanks span small {
	display:block;
	margin-top:5px;
	line-height:16px;
	color: #aaa;
    font-weight: 300;
}


/* STORE MESSAGE */
#store-message {
	position:absolute;
	float:left;
	margin-top:7.5%;
	margin-left: 4.5%;
	height: 32px;
}
#store-message .commenting {
    background: rgba(30,30,30,.67) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcDDzoDzfkKIgAAAYpJREFUOMu1lD1rVFEQhp83KgFFFolCECIIi1oYSLQQgoULQUFS2egPsLAI6A8QtN3CvyCIkE4b0cYykEZSRyzjBzYpBPNFYh4Lr3i53L27q+vA4Zw5c+5z5szMHfgfoo5X9JFAn/pLXqudkYDVE+qc+kL9Pqrn/57bhcedf2CdVFupbK4DK0nu/CV0CfhchT4AHgJTwA+gNSDvIMmGugfcSs1tAleBceANMDYA9CtwHVgDLqQc2ySoz4E20AFuAgd9gGPAdvHNY6Bd5+k88BY4k+SjOt0HupHki/oKOJvkYl2wW+qW+qjQN9XtHmNHfaIeUj+o3cYsqqvq4SFKaV+9ApAeh6aAdaAL7A/AbQGLSVILLSXsHXAZ2Op1eUkCLCe50e9J99TNIYs/jb+uek7dU5+ps3UA9bZ6Xz1adbsXeBpYBY4UW92iyAEE5oGFQn8PzCTZBWjKbrtiXwR2S/rx0vo0cAr41C8+E+o3/8h59Vhp3C3ZXg7bea41tMtJ9dLAjb16qEmv2n4CcQVB9xw3BbQAAAAASUVORK5CYII=) no-repeat center;
    background: rgba(30,30,30,.67) url(../img/3webnz.png) no-repeat center;
	background-size:22px;
}








/* ACTIVITY */
#activity-wrapper {
	position:absolute;
	top:80px;
	bottom:37.5%;
	left:15px;
	right:15px;
	font-size:19px;
	line-height:26px;
	text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
}
#activity-wrapper div a {padding:3px 0}
/*#activity-wrapper a{font-weight:400;text-decoration:underline}*/
#activity-wrapper a{
	/*background:rgba(90,90,90,.75);*/
	font-weight:400;
}






/* DOCK */
#dock {
	position: absolute;
	bottom:50px;
	min-height:73px;
	left:0;
	right:0;
	padding:10px 1.5%;
	text-align:center;
	border-top:dashed 2px transparent;
	border-bottom:dashed 2px transparent;
	transition: background 60ms, border 60ms;
}
#dock.show-dock {
	/*
	border-color:rgba(215,215,215,.5);
	background-color:rgba(127,127,127,.5);
	background-color:rgba(215,215,215,.78);
	*/
	background-color: #252525;
    background-color: rgba(23,23,23,.97);
    outline: 1px solid rgba(127,127,127,.14);
    box-shadow: 0 0 10px 1px rgba(23,23,23,.14)
}

.icon-wrapper {
	display: inline-block;
	vertical-align:bottom;
	width:57px;
	height:57px;
	padding:8px .75%;
	margin:0;
}


#drag-image .tile,
#dock .tile {
	display: inline-block;
	width:57px;
	height:57px;
	padding:0;
	margin:0;
	/*
	background-color: rgba(0, 0, 0, .14);
	background-color: #f2f2f2;
	*/
	background-color: rgba(250, 250, 250, .5);
	
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	box-shadow: inset 1px 1px rgba(192, 192, 192, .25), inset -1px -1px rgba(192, 192, 192, .14), 1px 1px 1px rgba(127, 127, 127, .14), -1px -1px 1px rgba(127, 127, 127, .14), 0 8px 6px -6px rgba(0,0,0,.5);
}
#dock .tile:hover{
	/*
	background-color: rgba(192, 192, 192, .36);
	*/
	background-color: rgba(250, 250, 250, .6);
	
	outline: 1px solid #35b1eb;
	outline: 1px solid teal;
}
/*.tile:focus{outline: 1px solid #35b1eb;}*/

.image-wrapper .tile {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFQzNGN0Q3MjU5MTFFNDk5OUNCMDM5QUVDODhCRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFQzNGN0U3MjU5MTFFNDk5OUNCMDM5QUVDODhCRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkVDM0Y3QjcyNTkxMUU0OTk5Q0IwMzlBRUM4OEJFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkVDM0Y3QzcyNTkxMUU0OTk5Q0IwMzlBRUM4OEJFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgq92ZgAAATvSURBVHja7J19qJ5jHMd/53jOmDSyEBvy0hzLxpKNaIWQlGWZl5bIW3lJXv5gDEeEkiS21MkZkmF1ZBoro9RmOPLS0jk2Ka9ZLSFmObPH9+f67TS385ye57mu+7rOua/vp75/nPs89/08z+97X++/+3o66vW6kHR0MgQ0gAYQGkADSBpqzbxo4SWXM1Jt0P/qyjAGtMDh0OnQkZnF+m9oEHob+it4CWiC2dBj0DlQR8Y3/VeQVhcfxzRgHvQutC8rHTkWWgedCH0TqxF+isH/D/tDPTFLwDorAbkxFVpkAS9yXkwD7s74br8XegWaXzh+KMcBcfgJOh/6nAOxdGyHbit1INaAbuhsaL+KB/h36B1oaIzXrI9pwIHQ09bfzQkd1t4M/TzK/4ZjVUHToY0ZBl/sO2+0GASjFQO6oNXQjIzr+xkWg65QF2ylCroJmjPK8a3Qa9CvFQv2FGghdEjhuMbgRujJ2AZcN8oxvRuuhH6p6B2/BHoeWlA4fk0oA1qpgroLf38GXVrh4IuV6svsu+7J8SnagOJrb4F2ZFDv77DeT+gZBO+B2AcZNb4flnVhHwOGMzJg53g0gNAAGkBoAA0gNGDiUkv43ntBZ4hbztMlPM2n+Rp6C9pCA8rlYugRcWkcRXSOZQ10O7SZVVBYNGnrcWhVg+Dv5gJoADqXBoTlPruzm0Gng3WaezYNCMNMaGmL52jCV69UON0xpgF3tNnmzBW3+E8DPFngce5FNMCPqaZ2OY4G+DHF8/wDaIAfWxOfn70B2z1HtwM0wJ+VbZ63ywZuNMATnWLY1sZ5L0Ff0AB/NKdS01haWUv+Uv6fkUADPNAnaS6U5rLotN4/S6qXcZfUAGUtNAvqs8a5yLfi0iB1qvpHqTippqO/E5fep9WL5lpOg/4Qtx6g1U42e+jUEr//n9D7kjFckqQBUThY3BIoDUjAdOtRbZCAWc00oDn0Ieo3oSPEbanwCXTnOGj7sjBAV9NWW5d3N/tAj1ppmEkDykPre517mt/g/3OtNCxJXRqqaICuHy+3EfdY7A09bN3gE2hAODSo17fw+lPE7e9zT4rSUDUDboDuauM8LQ0PiXvqZxYNaI/F4p7g9+FkKw1LY5WG1AYcA/WLm/Pv9riOzpr2Bfo+k6AHoY8kQlJYKgMmW5HfJC7lRLcB0EWXF6X1DIh5ZuKkwJ9xjg3g7peAT8aPBwM0MXfIGr3Jhc+y2Ix4QZrbEkHzS9+Q0XetkkClocdKw4Q3QAc+uiCzykamY/XhrzAjVkBHN3jdYeJS2Q+K8NlPmsgGaE7PE+J2lTqzhfO0EbxK3PrAs9BRhSmGtTJ2hvWEoLPka19tAbzVo1dR2+M6vdZG9MfuLpZFWV0t3TfzGejUgNfUhvBaU2UIXQK6rNcwEDj4laUW+K5/rswGq4p0Br7rGfzIJYB3fcISwLu+MdtilIAexrkhm8bzVEQOvE4D0qH7Sa+gAWnQbY51k7/faEB8NKFYZ3DfSzUQy53lqQZiJPFImNAAGkAiGLCL4RphZwoDhhj3EQZTGNDLuI/Ql8KAZdCnjP2/MViWwgB9wFozjrdkHPzNFoPhFAYo34tb6305w+DrL+adZjEIRjtTEbrlgKYSPiDu52unVTzwP4j7vczBMi7uMxc0xJ6RPx31ep1R4EiYBhAaQAMIDaABJDL/CDAAE5jBJjqoNAMAAAAASUVORK5CYII=);
	background-size:65%;
}


/* MENU */

#menu{
	position: fixed;
	top: 0;
    bottom: 0;
	/*right:0;*/
    right: -100%;
    width: 34.5em;
    padding: 5.25em .25em;
	
	/*background-color: #222;
	background-color: rgba(16, 16, 24, 0.92);*/
	background-color: rgba(16, 16, 24, 0.92);
	
	/*transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
	/*transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition: background 300ms, right 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	
	/* new css */
	/*will-change: right, background;*/
	overflow:auto;
}
body.show-menu #menu{ 
	right: 0;
}
#menu form {
    padding: 0 15px;
	box-sizing: border-box;
}
#menu input{
	font-size:16px;
	background:transparent;
	color:#f3f3f3;
	border:1px solid #f3f3f3;
	padding:.5em .75em;
	width: 100%;
}
#menu h3 {
    text-align: right;
    padding: .75em 2em;
	margin-top:1em;
	clear:both;
}
#menu ul {
	width:100%;
	margin-bottom:.5em;
	font-size:13px;
	border-bottom:1px solid rgba(160,160,160,.1);
}

#menu ul li {
	position: relative;
	display:inline-block;
    float: left;
    width: 8em;
	height:8em;
	padding: 10px;
	padding-top:18px;
	margin: .125em;
	outline:solid 1px rgba(160,160,160,.24);
	outline-offset:-1px;
    overflow: hidden;
	box-sizing:border-box;
}
#menu ul li.wide {
	width: 16.25em;
}	
#menu ul li:hover{
	outline: 2px solid #35b1eb;
	outline-offset:-2px;
	text-shadow:none;
}

#menu ul li a {
	color: inherit;
	text-align:center;
}
#menu ul li a span.image-wrapper {
	display:block;
	max-width:none;
    text-align: center;
	vertical-align:middle;
}
#menu ul li a img {
	display: inline-block;
}

#menu ul li a div { 
	position:absolute;
	bottom:8px;
	left:8px;
	right:8px;
	
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	vertical-align: middle;  
	font-weight:400;
	line-height:1.3em;
	/*width:10em;*/
	display: block;	/* required for ellipsis */
	text-align: left;
}
#menu ul li a div small {
	display:none;
}	















/* slideshow */

#slideshow-status {
	position:absolute;
	bottom:25%;
	left:50%;
	margin-left:-5em;
	width:10em;
	height:10em;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATIAAAFECAYAAACkvbIZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQTRGREJBNUQ4NEY2NEY5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODJFNTNCNDZEQjQxMUUxQUM2RUJGNzNFQTgxNDE0QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODJFNTNCMzZEQjQxMUUxQUM2RUJGNzNFQTgxNDE0QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0YxMTc0MDcyMDY4MTFCNjk5QTU1N0ExOURCNUVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFBNEZEQkE1RDg0RjY0Rjk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U73mXQAABRtJREFUeNrs2s+LzHEcx/HZbSSJtvXrsPlxkFXIj4PcycHJ0QHl4iD5K+TqoOZADspJHLS5KIc9kKK2TfLjQFpS2iRr20Q73p/d72iavmvmYr/7ne/jUa+Dlr7TZ749Z3wZaDQatSXsjm2qUUWzsVexuRX2utbFRmNrvEWV9Cn2Lu8H9ZxfH4sdj611bpX3NDYWmy74dWyJnYwd8pZU3kzsQWw8Np8XsqHYhdh2Z0XmSOxg7GZssqDXcDh2NrbK20H2rfxU9qF2PQtbbTD74erYJREjR7o3zsd2FXDtfbFzIkaOdD9ebH0Za4XsRGzE2bCEdLOcyXkU8b8DerrtHoVOO2qLj8IWbpL0aXfUmdDF5tiBZf4r5ZBjp4sUssEUsp2+utOjPX16LcorPTPblkI27Czo0XCfXouS35cpZHXnQI/qfXotSn5fepAKlJ6QAUIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGQAQgYIGYCQAQgZgJABQgYgZABCBiBkgJABCBmAkAEIGSBkAEIGIGSAkDkCQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAxAyAAhAxAyACEDEDJAyACEDEDIAIQMEDIAIQMQMgAhA4QMQMgAhAwQMgAhAxAyACEDhAxAyACEDEDIACEDEDIAIQMQMkDIAIQMQMgAhAwQMgAhAxAyACEDhAxAyACEDEDIACEDEDIAIQMQMkDIAIQMQMgAhAwQMgAhAxAyVq75Pr0WJb8vU8i+Owd69KNPr0XJ78sUsg8+/ejR+z69FuX1OzaVQvY19sJ50MXP2ONlvN54bM6x00W6J2dbz8juumno4n66YZbxet9itx07/zCT3Zd/H/Z/iTWyT13o9DD2qIDrPi/oupQjYtdaH67t/2r5NnY59toZ0fat6EbsXoGv4U7sVnbjQjIZu1JbfL6/oN7xG9I3s6uxrbH9sQ2xEedWuXhNx97EXtYWH6YW7UnsWWxvbDS2MbbeW1UpH7P7ciL2ufOH9SX+0FQ2WCl+ZTfxhKOg00Cz2XQKQKn5n/2AkAEIGYCQAUIGIGQAQgYgZEC1/RFgALLcWWywTEpNAAAAAElFTkSuQmCC) no-repeat center;
	background-size:contain;
	opacity:0;
	visibility:hidden;
	transition:opacity 500ms;
}
#slideshow-status.visible {
	visibility:visible;
	opacity:1;
	transition:opacity 500ms;
}




#like.disabled,
#notlike.disabled,
.toast:active,
.down:active,
a.tile:active {	-webkit-transform: scale(.975, .975);	-ms-transform: scale(.975, .975);	transform: scale(.975, .975);}







/* DATE TIME */
.datetime-wrapper {
	position:absolute;
	bottom:62px;
	left:3%;
	font-weight: 300;
	text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
	transition: color 300ms ease; -webkit-transition: color 300ms ease;

	margin-bottom:93px;
}
#time {
/*	font-size: 98px;	line-height: 118px;	letter-spacing: -1px;*/
    font-size: 10em;
    letter-spacing: -1px;
    line-height: 1.25em;
}
#date {
/*	font-size: 44.5px;	line-height: 48px;	letter-spacing: 1px;*/
	letter-spacing: 1px;
    font-size: 4.5em;
	line-height: 1;
}


/**  USER COUNTER  **/
.stats{
	position: absolute;
	bottom:1em;
    left: 2%;
	right: 2%;
	font-size: 20px;
	font-weight: 400;
	text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
}
.stats div{
	display:inline-block;
	margin:0 1%;
	padding-left:2em;
	background-repeat: no-repeat;
	background-position: left center;
}
#users{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQREQEg+CT/1gAAA0RJREFUeNrtWr9PFEEYfQOEkAheVEBich0FP0woCYUxpzYWxoQK/RtsTCw1tBQSA4aGAksKAhQkIpWBkFDQolBgSQQpIBATueN4Fo7xMs7ccdzM7gzMS67Yze57b9/Mznz75YCIiIiIiIiIiIiIqwCRpjhJAaBe+vjrhfJXFELwSo0GyTaScyQPSP4iWeQ/FOW5A3lN+1UIJEdyk9Vjk2TusoYyw9oxc2nWGPkqfAPQbInyGECnEOJHyLOktczo50lukXxBMltyT1ae25LXmNAacjCHhoear4Jj3sBxGGooS4YH6rsAV5+BaynE3UeHbA2cWQNnLqRgdhXzZyR7LPD2SK5SfA8llA7NqM5a5J/V8HeEEMwndfdxoKHuVou+h9KglPckueJAZ0XRKJJssKlRZ9lzs6ZonHIwBh80hWpzaOtLR4g6tmfMf9NZCLFr/TtGz+n1q3RpYDuYU820v+HgVbp1Hm2fgjnBn+5bKR45GNCHalZS29vFt1GzKC460FnU6DT6XsusKYaPHWgcKxprIVS+3ZrRHLXIP6rh7w7le2lfMX5Kss0Cb7vkKsV+SF/Xzw0tgpYaOFsMnM9C68msax6ieJGWpGyRFjV868EVSCSbSBYMvd6RKnhGDL3fgvc7UZmH6i3TzD4iOUXyMclMyT0ZeW5KXmNCb9ClNckukie0hxOSXa59i4TCaQDwE0CtUz8P4JoQ4tS157oEQrkPoGAhFEiOguQMc8aQvA5gE8AdRxI7AHqEEEfBBEPyJYC355iRKwA+A9gAsCfP3QZwF8ADAPcq3H8G4JUQ4l0Ii+1EhcXzPcmBKvgG5D3lMOF7KOMuzVcIfdzXUN4YDG+TbLJcOG4btF77FsqQwei0Q81pg+aQT6W/DsMJaA8btJt8CGZVY2wyQf1Jjf5q2qH0a0zty39jJuVBaPo/JNmfZjB7mrZCJgUfGU1bYjetUDKaUfqY4iDpGuSZNIwsqC48WO9ULPiwEy17EMyyrR3qol/XNzXnxjyoHsbO6dXZyAz69hqVeZ0Gk5wxT5XjDY8K8S/K8ZMkg1FrhK8eBzOQZDCdmqaRL9ip4NVpMPXKcd6jYPIVvEZERERERERERERERFTCb+rlMH3z1gZbAAAAAElFTkSuQmCC);
	background-size:auto 1.9em;
}
/*#users:after {content:"+";}*/
#likes{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQREzQEZZIN3wAABR5JREFUeNrtm01oFVcUx/+T1mAEK6mC+XgNaQjRVJukfhEwYpNapBANLgRFKa7sXroNpdiNu64K7bpQCtJVFwUppptAXcVCa0MtaT6sqAXNdzWJv27uwDC9d/LmvZn3lfnDMO/jzrnn/N855557Zp6UIUOGDBkyZMiQIUOGTQCkMrYS5vPiKuZ5nv+6QdKbkk5Kel9St6T9geGzkhYk3ZY0JumupAee560WSEqDpFZJvZLelTQo6TVJbwSG/S7pnqRbkn6SNOXPF9Q9TU+5CvwMrJI/ngBjwOV8ftXgd8Blc+2TGPOtGh2vphougIBWYILiMQf0OUgIvu4zY4vFhNE9sbAOKnmF5PE50Bgg3p+r0XyXNK4kkmP8uARGJX0aMf6epC8lLZpc0mLyz4CkEUn1EdNMShrxPG/S9xJJ30rqirhmTdLXkiYkTUn62+SenZI+MvnOapKkTzzPu150zgEuOdh/DnwDNOch4xwwA7xwyHoMdJjjkWPMCyPjXB7zNRvdXPNdKjavXHAI/hE4GndpBC4Cdxwyp8xhwx3gYtxlGugHxh0yLxSUb4BO4KFF4FfA9kLrD6AOGI2RF0aBukLrE2CH0TmMh0BnLCPMccMibAyoLyarA545DwHTEYT8BQwFrynU+43OY5Y5bgSTfj7CdgMbISH/+CtIgiVAK/CrI3RySS6tZqV7HJpnA9gTR8hnFmXfSVhR/7wNuBmY5yawLaW5Bi12fRxH0HLo4tvGgLSKyHbgN3O0p1WoAq8aW4JYyVdAv4XVa2lvRIFc0uHjmO+axb6j4XF1lmvDg5YkjaelqF9keZ4353neXPCzlDBubAqiPx9iwlXjqqlOawWTxqYom63EtIXLb8/zntYKK8aWtU1sthITxssa7LFtapONmKnQ+3pgVw11HXdZNrVT+RDzIPR+p6QjNeQtR4xNUTZbifku9L7BtC9TXUZL0Z82W4thY1MQP+QrJLzLfVQL4WTaESth2+IIOGkpgr6oAWJ+sdj1YdxK9G7g4pfmfL7aQipgz3ULKX/EtgcYsXTA5oH+KiTnOLAYsmXdNOIKEvi9o8XYXUWesht4ZrHjFvBKoUJ3OG6XLAGnKt1zgP3Anxb9Z/3FpJDWpn/ea5rQYSwAPZVIjlma9zpImQGaEtEb6DEs28LqcAWGTytw3+EpPUlP1uHo0T4D3qsUzwG6HJ4yDXQkrqdxzzaH56wAXWEyy+ApjRE5pS1VvYBeBzn/AifKGD4dEeHTWyolWhxh9RQ4XmqvMT1jV/i0lFQfE8uzjlu3+0roKa9HeEpXudz3gGMpXy5FnQPsi1iSD5RlQQiQ0+QgZ95/BiZp5cxC0Jx6nZKAogcj6py+FH6M5ojwOVhpRVWnIyHPJxlWEeEz7d+kr6hK3Lh3zuE5y8GEXMATC8FE66pTchW944+oc577S3mBpLSXrU5JMKxyEXXOibheY4o3V/jkKi58NgmrzogKuSsGyY0RntJZlQ164G2H56zks/GM2BDOVMzqU0RYvQWsOXblh23kBJ4pdoVPU9WEzybkfGAaW7Y6p8fRHLvvaI4NqZZgnmZadxh7Ko925DowWNWeYvMa8/qQ4/8HS0B3RJ2yChwqV7+nVGF11vIom+85E47i8GzNEeIg6ZjlqVAbNoBj2goIeM6A5SZYEIvAwJbwFAs5w2arYNs+DG8pUhx7q2Cds1bxe58Ses5pk3wXgNNb2lMsJJ0BzmRM/N9rlMpf8zJkyJAhQ/XgP/2I+N60vHYgAAAAAElFTkSuQmCC);
	background-size:auto 1.75em;
}
/*#likes:before {content:"+";}*/

#network{
	position:relative;
	float:right;
	height:1.5em;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
#network.ethernet{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4AQIABIWZoT6jwAAAW9JREFUeNrtW1EOxSAIE+L9r8z7WkKWN52KTrD9nlssFArJUgIAAAAAAADcQESo9gzdDkjHRxIRhSCM1EXY4GUhs4ohLBDThPxWcy/rjYyc/6AICzIGUjIi5k1PP7LGEJGUNBjJp5hK6URSUGNAzGQfU/MpPbPWMRkThRu2vuCVRN4J4lndyHs3yxVZkPY5dFDv5ouAfxIqmb/odYY1AVYXUnWGQkjJWim9Geehxkg6FPAxK3yMnsThYx7OuPcx2qvUfIq3ne5Qxox0jns7jrQN5NplW9qx5/Y8vStFyRyeYcoiZA42eCAGxJjUPV75sS/RWve4lQCLfU0YKVnvazzIKffOQh7RkuF5MALiPIMeg310uy4pgEfYDtDC7YmJsHEo3SEPvpiMI/jpvkfvpnhn+aw2kLpr8c7yWW0gdSB4t6jt4nN4t6hhugYxhxITtQZN/Vdg9Sxl6XsgJRCzkBj8h+BrYkawEH0AAAAAOBo/TQO8evXso2cAAAAASUVORK5CYII=);}
#network.wifi{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4AQLCTYFDrbOlgAABCVJREFUeNrtWrty00AUvZvxaDJprJRUNhVlREOLqWj9B1FFG/MH+oPkC1BqCkxLwXgo6SD8QGiSNgXE8mNyKLjOrDX7lF+Ss2fGY4+9srRH99x77mqJAgICAgICAgICAjYFAEL1OcCBsG1B1JEEIQQ8xh8T0QkR9YioTUQJEdF0On0VRdHR40SF8Jprq27ECCFgIgdAl0l4XRTFWyJ6xt+TEOLxPYqi/ZYNAAGgC+BsNptdoSL2jaQUwAgAHh4eIL9vmphWDcmIiWhQFMW7hUxYYkvvMoqiuD08PPxORD+J6Jpfd0KIH/sQHTGAbDKZ/LXd/fF4fAPgHECfibRKs9blX3VxnEP6PNklyLLh3zNOvvvtdTipjiwBkgPoPSXTNrDIJpejY+8dLOeSzwZChjZC9k5CABJVLuEccvukJCOR0p9MJveaKMmeahN4aii7yTqkAaAH4D2X8VHZJdfVvaowsnkQh4o2MFU1udzXaknAQEpeJaFy4q7UMzUhUk4rNJILV3zf6CaSrboK6aptgq6ZLIriD5f6jM/fW0WqGynJGuPmS0rfFiEsqQGAk1qvDAKINT4l9YySTzoymPQPAJImleWhS6I1HH+iM4BMSFYreThO6kxVkteQrAHgspF9E4BuOa/wnW87rpWkBgPY3DZBY7J6LgmOk6eumYybSojQlOZsRfk0u3dSVaHxeHzjGCmpxr6nVUsqtwkp56SRfG3bJibTScgSZck6DKBERqarZlsnBkCsMHLDbXgdiZC8di2BJlq6DscNV8kpANoALmrbKynuem7LC5pEPfQgJbFJhtuExaOV3rZzS+obLSrp8SRjlx5mcU7Vk0jJFe/WBCp8S76uRK0h5dzSJrRr4XIV1/imQqLOV8hl9TOA5Z5o4Vt8JsckdStKFgAGO1tC0EGxrJhViJbMJdH6ep2dkaORkS3pDkrRcu/wIL6S19klMamvjBQRlldMtmd17o3KTvPCMv65YoKJ5ZiOzutoSOwCyGW58uftPftWhHffFM5lGc1msytf8nmSsef6snxsslGp8VpsGbFJFgq/M7AsWHVc2wXV4piBnO7GyAHQK2/kcTjGV0aZS7Rwh557tEr5JvNL5tPj8HOdpUlWkKq2rLtEi8+5y2g5kiLo/+ZiGbaNf0vREUXRF5sVIGkzIuNSNz6KoqPFnl4b5I3QrjhwGcSbkcsy+G3xEZ3Sz1cW4pf6pvl8/ksIcW25ro0p5GCFY681BC7wUpq4McL4uKWnia1W66vp5NPp9N71Qn3GehNTFMWL0ld3pvHz+fy4dGfvfKRHRN8s8vjoeu0+Y6skX68VMVtpd0i8PUNZF1XL9ToJETpiLHtjnIg0/b9Lo+lj8GoZMauONyyXdgwtQYcC6tdYiib9by0WtQICmivfIJ+AgICAgObiH4xZjYToHZfyAAAAAElFTkSuQmCC);}
#network.loading {
/*	position:fixed;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	width:50px;
	height:50px;*/
	background-image: url(../img/metro.gif);	
	transition:background 300ms;
}



#status{
	position:absolute;
	bottom:0;
	right:0;
	width:14px;
	height:14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
.offline{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQLCQo0LJu3UwAAAcRJREFUSMe91j1L5FAUxvF/YFALXRCEAUGE7a0EO7Gy8gvYaKkgqJWN38BWa10UZEqRQUSZSthmsbUR8aUYUFbYwh11JpP7WGgkk9xMcseXA6dJDudH7j3cG48cIZgGJoERoPj2+C9wBlSAkgdNOgnBD8GWQDmzJBhwReYdgHiu5EV2P4CEefAdSJiHrsvVzNE0SHm+atv4ZOHU1JOq1ZrAb4MYVSq+NjbSsMEo9MuKhHF9/ZiCGR0d+e916+u2r9+PQq0vu7ufJTUVjSTWioQxPl63YL0Ipq2fPDb2IClIwezI0lI9ZfkWEGymrr8NOz+vqVx2QSTYQ/Cn7UTZMDdEggsEN5nj+4o1O0QkeMgHgXRy8pxA7u/rGaPfAp1mFNk3Pnv0o3mJYLsDJHDEyghmnJDFxbpGR/87YssICrmR6MbbpvHq6lGFQsPSrz88GUotL/r6jO7ujIxpP11xzPcDDQ/H646jR9BAoklXl9Htrckc4RDz/UDFYkOeF6/5GT/BVxJNenqM5uYameM7MVHT0JANWUu7kw4+8eL7nXXLHn45EsFWP4Csuf4JDQr2HYDjxMZHwssB9gKzGT+QOx78a9fnBeea+83y2Y8NAAAAAElFTkSuQmCC);}



/* NAV */
#nav-button {
	position:absolute;
	top:2%;
	right:2.5%;
	font-size:73px;
	font-weight: 400;
	text-shadow: rgba(0,0,0,.36) 1px 1px 2px;
}
#nav-button:hover {
	color: #35b1eb;
	/*cursor:pointer;*/
}
/*.nav-button::after {content: "\2630"}*/




/****  FOLDED CORNERS  ****
.folded { position:relative; }
.folded:before {
	position:absolute;
	display:block;
	width:0;
	top:0;
	right:0;
	border-width: 35px 0 0 35px;
	border-style: solid;
	background: rgba(127, 127, 127, 0.25);
	border-color: #111 transparent transparent transparent;
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.14), -1px 1px 1px rgba(0, 0, 0, 0.20);
    content:"";  
}

/****  FOLDED CORNERS - from old site ****/
.tile.fold { position:relative; }
.fold:before {
	position:absolute;
	display:block;
	width:0;
	top:-2px;
	right:-2px;
	border-width: 35px 0 0 35px;
	border-style: solid;
	background: rgba(127, 127, 127, 0.25);
	border-color: #fcfcfc #fcfcfc transparent transparent;
	border-color: rgba(23,23,23,1) rgba(23,23,23,1) transparent transparent;
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.14), -1px 1px 1px rgba(0, 0, 0, 0.20);
    content:"";
	z-index: 1;
}
.rounded  {   border-radius:0 22px 0 22px;  }
.rounded.fold:after {   border-width: 50px 0 0 50px;  border-bottom-left-radius: 16px; border-color: #fcfcfc #fcfcfc transparent transparent; background: rgba(127, 127, 127, 0.25);}   /* CHROME ISSUE : BG ERROR  WITH ROUNDED CORNERS */ 



/**  PULSATING PROGRESS BAR  **/
.progress-back {position:fixed;bottom:0;left:0;right:0;height:2px;background-color:rgba(60,60,60,.2);}
.progress-back.progress-top {top:0}
#progress {
        position: fixed;
        bottom: 0;
        left: -6px;
        width: 0%;
        height: 2px;
        background: inherit;/*#b91f1f*/
        border-radius: 1px;
        -webkit-transition: width 20s,opacity 400ms linear;
        transition: width 20s,opacity 400ms linear
    }
	.progress-top #progress {top:0}
    #progress.done {
        opacity: 0
    }
    #progress dd,#progress dt {
        position: absolute;
        top: 0;
        height: 2px;
        box-shadow: 1px 0 6px 1px;
        border-radius: 100%;
    }
    #progress dd {
        opacity: 1;
        width: 20px;
        right: 0;
        clip: rect(-6px,22px,14px,10px)
    }
    #progress dt {
        opacity: 1;
        width: 180px;
        right: -80px;
        clip: rect(-6px,90px,14px,-6px)
    }
@-webkit-keyframes pulsating {30% {opacity: .6}60% {opacity: 0}100% {opacity: .6}}
@keyframes pulsating {30% {opacity: 1}60% {opacity: 0}100% {opacity: 1}}
    #progress.waiting dd,#progress.waiting dt {
        -webkit-animation: pulsating 2s ease-out 0s infinite;
        animation: pulsating 2s ease-out 0s infinite
    }




/*
			TOAST
*/

.toast { 
	position: fixed; 
	bottom: 5em; 
	right:0; 
	margin-right:-410px;
	width: 360px; 
	height: 100px;
	padding: 2px 20px; 
	vertical-align:middle; 
	text-align:right;
	/*text-shadow: 0 1px 1px rgba(127,127,127,.5);
	background-image: url(images/information.png);
	background-position: left center;  
	background-repeat: no-repeat;
	color: inherit; 
	//color:expression(this.parentNode.currentStyle['color']);
	background-color: inherit; 
	//background-color:expression(this.parentNode.currentStyle['backgroundColor']);
	border: 2px solid rgba( 127, 127, 127, 0.25); 
	border-color:dodgerblue;
	border-radius:5px;
	overflow: hidden; *overflow: visible; 
	zoom: 1; 
	z-index: 800; 
	box-shadow:inset 1px 1px rgba(255, 255, 255, .25), inset -1px -1px rgba(255, 255, 255, .14), 1px 1px 2px rgba(0, 0, 0, .33);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));
	*/
	border: 1px solid rgba( 127, 127, 127, 0.25); 
	transition: margin 0.36s ease;	-webkit-transition: margin 0.36s ease;
}

.toast.in { margin-right:10px;	}
/*.toast.fade {   -webkit-transition: all 0.24s ease-out;     -moz-transition: all 0.24s ease-out;      -ms-transition: all 0.24s ease-out;       -o-transition: all 0.24s ease-out;          transition: all 0.24s ease-out;}*/




/*
			MODALS
*/

#message-modal.fadeOut{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.modal {
	position: fixed;
	top: 50%;
	margin-top: -200px;
	width: 560px;
	font-size:16.5px;
	background-color: midnightBlue;
	color: white;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	*border: 1px solid #999;
	outline: none;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;	-moz-background-clip: padding-box;	background-clip: padding-box;
	-webkit-transition: margin 500ms, background 500ms;	transition: margin 500ms, background 500ms;
	z-index: 1050;
}

.modal.message.fadein {
	margin-top:-220px;
}

.modal.warning {
	top:0;
	margin-top: -500px;
}

.modal.warning.fadein {
	margin-top:0;
	border-width:0 0 1px 0;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-body h3 {
  margin-bottom: 10px;
  line-height: 30px;
}

.modal-body {
  position: relative;
  max-height: 350px;
  padding: 15px;
  overflow-y: auto;
}

.modal-body .info.icon {
	float:left;
	margin-right:30px;
	font-size:42px;
	border:2px solid;
	border-radius:999px;
	margin-top: 10px;
	
	border-radius:13px;
	width: 50px;
	text-align: center;
}

.modal-body p {
	margin:20px 0 10px;
	/*line-height:18px;*/
	/*padding-left:60px;*/
	background-repeat:no-repeat;
}

.modal a {
	color: #35b1eb;
	font-weight:bold;
	cursor:pointer;
}


.warning .modal-body h3 {
	margin-top:20px;
	/*padding-left:60px;*/
	text-transform:uppercase;
}

.warning .modal-body p {
	margin-top:0;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: none;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: none;
          box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: none;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}


.modal-footer button {	cursor:pointer;
}

.modal .close:hover {
  margin-top: 0;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.4);
  cursor:pointer;
}

.modal.warning.fade.in {
  top: 0;
}

.modal.message.fade.in {
  top: 20%;
}

.modal.message,
.modal.warning {
  left: 0;
  width: 70%;
  padding: 0 15%;
  /*margin: 0;*/
}

.modal.warning {
  width: 98%;
  padding: 0 1%;
  color: #FFF;
  background-color: maroon !important;
  background-color: goldenrod !important;
  /*-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;*/
}

.modal.warning .modal-body {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding-top:0;
}

.modal.warning .modal-footer {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin-top:10px;
}

.modal-footer {
  background-color: transparent;
  border: 0;
}

a.btn, .btn {
	background-color:transparent !important;
	color:white !important;
	border:2px solid;
	padding: 3px 8px;
	text-decoration: none;
	line-height:21px;
	
border-radius: 5px;
line-height: 20px;	
}
.btn:hover { background-color:rgba(150,150,150,.36) !important;}
.btn:active { background-color:rgba(150,150,150,.76) !important;}


/*
			MODAL CLOSE BTN
*/
.toast .close,
.modal .close,
.alert .close {
  position: absolute;
  top: 5px;
  right: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  min-width: 0;
  min-height: 0;
  font-size: 11.5px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  text-indent: 0;
  text-shadow: none;
  vertical-align: baseline;
  border: 0;
  opacity: 1;	  filter: alpha(opacity=100);
  box-sizing: border-box;
  background-clip: border-box;

  border-radius: 3px;
 }

.toast .close:after,
.modal .close:after,
.alert .close:after {
  font-size: 15.5px;
  content: "x";
}





/**** Label & Badge ****/

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #2196F3;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0c7cd5;
}
.label-success {
  background-color: #4CAF50;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3d8b40;
}
.label-info {
  background-color: #00BCD4;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #008fa1;
}
.label-warning {
  background-color: #FF5722;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ee3900;
}
.label-danger {
  background-color: #F44336;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #ea1c0d;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5384616;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}





/* NEW LOGO */
/*.text-logo {
	padding: 2px 30px 2px 15px;
    font-size: 40px;
    font-weight: 400;
    line-height: 44px;
    vertical-align: middle;
    text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAIlUExURQAAAFOr41Cs4wCQ2QWN2Bua3QCQ2QCQ2f///wCQ2Smq4gKQ2Suu5ASQ2QCQ2QCP2QeM2B2a3UCm4Tmk4VSt41Ku5FGs4wKP2QWO2QaP2Smk4ACQ2QCQ2QCQ2QGQ2QKP2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2f///////wCQ2QCQ2QCQ2QCQ2QCQ2f///////////////wCQ2QCQ2QCQ2QCQ2QCQ2QCQ2f///////////////////////wCQ2QCQ2QCQ2QCQ2QCQ2f///////////////////////wGO2QCQ2QCQ2QCQ2QCQ2QeR2f///////////////////z6p4gWP2QCQ2QGQ2Rua3YTH7f////////////3+/0Kp4gGP2RCU2zij4P///////////////////z6p4gSP2QCQ2QGQ2RiY3HrC6////////////////////////wKO2QCQ2QCQ2QCQ2QCQ2QyS2v///////////////////////wCQ2QCQ2QCQ2QCQ2QCQ2QCQ2f///////////////wCQ2QCQ2QCQ2QCQ2QCQ2QCQ2f///////wCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QGQ2QOP2QCP2AKP2QaP2QeQ2Syg4D+m4Tml4Tul4QCQ2QCQ2QCQ2QCQ2f///wCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QCQ2QAAABfUeasAAACqdFJOUwAAAAAAAAAAAAAAAAAAAAAAAAAAAQwEI6BVAyKy/eBTAyKy/eBUAwAAIrLgVAMBPEADI7L94FQDAULU20sCI7PhVAMAPNPbSwIjs/3hVAMBPc/bSyaz/eFVBBOm/7uS98QjAj/Q3EwotP3iVgUBPdTcTAIktP3iVQQBQ9XcTAIks/3iVQQCPUADJLP94lUEAQEks/3iVQQks/3iVQQks/7iVQQloFYDAQ8FhUhrWwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgCAgOATVqYgpkAAABK0lEQVQoz2NgGFjAKCIqxoRdiplFXEJSihWbFBubtIysnLwCOzYpRSXlVatVVNXYYEIc6hocEClNLeU1a9au1dbRhUpy6OkbGHKApIyMTdaAgamZOViSw8LSytrGloONzc4eKrVmjYOjEydQytnFdd06N3cPLk8v7zVw4OPrx83gHxC4DgiCgkNCw9Yj5DaER0QyREXHgOTWxcbFb1yLkNu0OSGRISk5BSSVmpaekYmkb0tWdg4DR25e/rp1BYVFPMUlpQi5svIKXqBjKquqa2rrgO6sb2iESTU1t/CBPdHa1t4B9l9nVzdEqqe3D+b5/gnQcJk4aTIoXKZMncaGGZ7TZ8xctXXW7Dls2AJ77rz5CxYu4scaSQKLlyxdJog9coWWr1gpTP/kBgYAu3qHDDbNBRsAAAAASUVORK5CYII8cD48L3A+PHA+PHN0cm9uZz5SRVFVRVNUX1VSSTwvc3Ryb25nPjxicj48Y29kZT5bL3dpZHRoMjdoZWlnaHQyNy9pY29ucy9jb25jLXdoaXRlLnBuZ108YnI+W108L2NvZGU+PC9wPjxwPjxzdHJvbmc+UVVFUllfU1RSSU5HPC9zdHJvbmc+PGJyPjxjb2RlPltdPGJyPltdPC9jb2RlPjwvcD48cD48dGFibGU+PHRoZWFkPjx0cj48dGg+UGF0aGluZm88L3RyPjwvdGhlYWQ+PHRib2R5Pjx0cj48dGQ+PGVtPmRpcm5hbWU8L2VtPjx0ZD48Y29kZT53aWR0aDI3aGVpZ2h0MjcvaWNvbnM8L2NvZGU+PHRyPjx0ZD48ZW0+YmFzZW5hbWU8L2VtPjx0ZD48Y29kZT5jb25jLXdoaXRlLnBuZzwvY29kZT48dHI+PHRkPjxlbT5leHRlbnNpb248L2VtPjx0ZD48Y29kZT5wbmc8L2NvZGU+PHRyPjx0ZD48ZW0+ZmlsZW5hbWU8L2VtPjx0ZD48Y29kZT5jb25jLXdoaXRlPC9jb2RlPjwvdHI+PC90Ym9keT48L3RhYmxlPjwvcD48cD48dGFibGU+PHRoZWFkPjx0cj48dGg+UGFyc2VfdXJsPC90cj48L3RoZWFkPjx0Ym9keT48dHI+PHRkPjxlbT5wYXRoPC9lbT48dGQ+PGNvZGU+d2lkdGgyN2hlaWdodDI3L2ljb25zL2NvbmMtd2hpdGUucG5nPC9jb2RlPjwvdHI+PC90Ym9keT48L3RhYmxlPjwvcD48cD48c3Ryb25nPk9SSUdJTkFMPC9zdHJvbmc+IDxicj48Y29kZT5bXTwvY29kZT48L3A+PHA+PHN0cm9uZz5GT0xERVI8L3N0cm9uZz4gPGJyPjxjb2RlPltdPC9jb2RlPjwvcD48cD48c3Ryb25nPlRIVU1CPC9zdHJvbmc+IDxicj48Y29kZT5bXTwvY29kZT48L3A+PHA+PHN0cm9uZz5QT1NUPC9zdHJvbmc+PC9wPjx0YWJsZT48dGJvZHk+PHRyPjx0ZD48ZW0+d2lkdGg8L2VtPjx0ZD48Y29kZT4yNzwvY29kZT48dHI+PHRkPjxlbT5oZWlnaHQ8L2VtPjx0ZD48Y29kZT4yNzwvY29kZT48L3Rib2R5PjwvdHI+PC90YWJsZT4=) no-repeat 104px 18px;
	cursor:pointer;
}*/
.text-logo {
	padding: 2px 15px 7px;
    font-size: 38px;
    line-height: 45px;
	font-weight: 400;
    vertical-align: middle;
    text-shadow: rgba(0,0,0,.25) 1px 1px 1px;
    cursor: pointer;
    font-family: 'Ubuntu', "Segoe UI", sans-serif;
	color: #536dfe;
}
.text-logo:before {
    /*font-size: 40px;*/
    /*font-weight: 500;*/
	color: #fff;
    content: "3";
}
.text-logo:after {
	font-size: 32px;
	color: #fff;
	content: ".nz";
}
.text-logo:hover{
	/*background-color: #484747;
	background-color: #008272;*/
    background-color: rgba(127,127,127,.5);
	text-decoration: none;
	/*color:inherit;*/
	color: #536dfe;
}

.img-circle{border-radius:50%;box-shadow: inset 0 0 0 1px rgba(160,160,160,.24);}


/* NEW tiles */

#navbox-buttons {
	position:relative;
	height:100%;
	width:52px;
	float:left;
	display:block;
}
#navbox-tiles {
	position:relative;
	height:100%;
	float: left;
	width:330px;
	margin-left:3px;
	overflow:auto;
	display:block;
}
#navbox-tiles h5 {
	padding:10px 3px;clear:left;font-weight: 400;
}
#navbox-side h5 {
	padding:10px 15px 5px;clear:left;
}
#navbox-omni {
	position:relative;
	max-height:100%;
	width:300px;
	float:left;
	overflow:auto;
	display:block;
}
.navbox-links {
	position:relative;
	height:100%;
	width:230px;
	float:left;
	overflow:auto;
	display:block;
}




a.tile.store .icon,
a.tile.store .title {
	color:#3fb8df;
	color:#222;
	font-weight:500;
}


.tile.play .icon {
	/*color:#dcc500;
	color:#ff4105;
	color:#d81557;
	color:#009688;
	color:#f5564a;
	color:#7447c5;
	color:#e91e63;
	color:#ff4105;
	color:#e73700;*/
	
}
.tile.video .icon {color:#c6180b}



#navbox-side a.tile .link-image {
	width:48px;height:48px;background-color: #0078d7;
}
#navbox-side a.tile .title {
	display: block;
	font-size:13px;
	padding:16px;
	line-height:12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


@media (max-width: 640px){
	.navbox-links {width: 78px}
	#navbox-side a.tile .title {display:none}
}




.navigation-bar .bar,
.navigation-bar .navbox-tiles,
/*.navigation-bar .navbox-links,*/
.navbox-tiles .tile,
.navbox-tiles .tile .icon .fa,
.navbox-tiles .tile .title {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.navbox-trigger {
  -webkit-transition: background .3s;
  transition: background .3s;
}

.navbox-tiles:after {
  content: '';
  display: table;
  clear: both;
}

/* Core Styles */
.navigation-bar {
  height: 72px;
  position: relative;
  z-index: 1000;
}

.navigation-bar .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms;
}

.navigation-bar:hover .bar,
.navigation-bar.navbox-open .bar,
.navigation-bar.navbox-search .bar 
{
  background-color: #050708;
  background-color: rgba(0,0,0,.97);
  background-color: rgba(15,15,15,.97);
}
.navigation-bar:hover .bar {
    /*-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);*/
}

.navigation-bar .navbox-omni,
.navigation-bar .navbox {
  position: fixed;
  top: 72px;
  right: 0;
  bottom:0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.navigation-bar .navbox-links,
.navigation-bar .navbox-tiles {
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
}
.navigation-bar.navbox-open #navbox-trigger {
	/*background-color: #008272;*/
	background-color: #0078d7;
}


.navbox-omni,
.navbox {
	max-width: 100%;
	/*height: auto;*/
	height: 60%;
	max-height:90%;
	background-color: #252525;
	background-color:rgba(23,23,23,.97);
	
	outline:1px solid rgba(127,127,127,.14);
	box-shadow: 0 0 10px 1px rgba(23,23,23,.14);
	
    box-sizing: border-box;
	overflow: auto;
}
.navbox-omni {padding: 0}



.navigation-bar.navbox-search .navbox-omni,
.navigation-bar.navbox-open .navbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  /*-webkit-transition: width .3s, opacity .3s, -webkit-transform .3s;
  transition: width .3s, opacity .3s, transform .3s;*/
}

.navigation-bar.navbox-search .navbox-tiles,
.navigation-bar.navbox-open .navbox-links,
.navigation-bar.navbox-open .navbox-tiles {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.navbox-trigger {
  background-color: transparent;
  width: 64px;
  height: 100%;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
}
.navbox-trigger:hover {
	/*background-color: #484747;
	background-color: #008272;*/
	background-color: #0078d7;
    background-color: rgba(127,127,127,.5);
}

.navbox-trigger .fa {
  font-size: 32px;
  line-height: 1;
  color: #fff;
  vertical-align: middle;
}
/*#navbox-trigger:hover .fa {color:steelblue;}*/

.navbox-tiles .tile {
  position: relative;
  display: block;
  float: left;
  width: 84px;
  height: 88px;
  padding:6px 8px;
  margin: 2px;
  font-size:13px;
  line-height: 1.25;
  color: #fff;
  background-color: #0078d7;
  cursor:default;  
  box-shadow: inset 0 0 0 1px rgba(160,160,160,.24);
  background-size: cover;
  /*background-position: top center;*/
  -webkit-transition: width .3s, height .3s;
  transition: width .3s, height .3s;
}
.navbox-tiles .tile.wide {width:188px;}
.navbox-tiles .tile.super {width:292px;}
.navbox-tiles .tile.high {height:192px;}
.navbox-tiles .tile:hover {
  box-shadow: inset 0 0 0 2px rgba(215,215,215,.65);
  text-decoration: none;
}

.navbox-tiles .tile .icon {
    /*position:relative;
    width: 100%;
    height:100%;*/
	text-align: center;
}
.navbox-tiles .tile.image .icon {
    height: auto;
    text-align: right;
    position: absolute;
    right: 8px;
    bottom: 6px;
	width: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.navbox-tiles .tile .icon .fa {
	font-size: 32px;
	line-height:88px;
}
.navbox-tiles .tile.wide .icon .fa {
	font-size: 40px;
}
.navbox-tiles .tile.high .icon .fa {
	font-size: 48px;
	line-height: 192px;
}
.navbox-tiles .tile.image .icon .fa {
	font-size: 15px;
    line-height: 1;
}

.navbox-tiles .tile .icon img {
    position:absolute;
    top:0;
    bottom:0;
	left: 0;
    right: 0;
    margin:auto;
	height:40px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.navbox-tiles .tile.wide .icon img {height:50px;}
.navbox-tiles .tile.high .icon img {height:60px;}

.navbox-tiles .tile .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 7px 8px;
  font-size: 12px;
  font-weight:400;
  line-height: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*.navbox-tiles .tile.video:hover .title,
.navbox-tiles .tile.video:hover .icon {
	opacity:0;
	visibility:hidden;
}*/


#navbox-side a.tile {
	display: inline-block;
    padding: 2px 15px;
    color: inherit;
    width: 100%;
	box-sizing: border-box;
}


/* custom */
#s {
	padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
    font-size: 18px;
    border: 0;
    display: block;
    width: 100%;
	color:black;
	box-sizing: border-box;
	padding: 8px;
}
#s:focus {outline:none;}

/* stops flash object sliding off tile */
.tile.weather {
	overflow:hidden;
}
.tile.weather object {
 	top:100%;
 -webkit-transition: top .5s ease-in-out .5s;
  transition: top .5s ease-in-out .5s;
}
.tile.weather.active object {top:0;}





/* new weather */
.weather .MyWeatherDiv {
    display: inline-block!important;
    background-color: #0078d7!important;
    padding: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;

    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    margin: auto;
    
 	top:100px;
	-webkit-transition: top .5s ease-in-out .5s;
	transition: top .5s ease-in-out .5s;
	
}
.weather .MyWeatherDiv.active {top:2px}

#divMyIcons,
#divMyImage {
    display: none;
    width: 100px;
    margin: 21px auto;
    text-align: center;
}

.MyWeatherInfo {
    display: inline-block;
    width: 100px;
    margin: 8px auto;
    text-align: center;
}

.tile.wide #divMyIcons {
    display: inline-block;
}

.tile.wide.high #divMyIcons {
	display: block;
	margin: 24px auto 16px;
}
.tile.high .MyWeatherInfo {
	display: block;
	margin: 16px auto 24px;
	font-size:20px;
}




.MWTemperature {
    font-size: 44px;
    /*line-height: 1;
    font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
    font-weight: 300;*/
}



.navbox-omni .tile {
	width: 100%;
    height: 5em;
	margin:0;
    background: none;
	box-shadow: none;
    box-sizing: border-box;
	
	width: 300px;/* FIX */
}
.navbox-omni .tile:hover {
	background-color:rgba(160,160,160,.2);
	box-shadow: none;
}
.navbox-omni .tile:focus {background-color:rgba(0,127,255,.3);}

.navbox-omni .tile .title {
	top: 0;
    color: #333;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    left: 65px;
    right: 15px;
    font-size: 14px;
}

.navbox-omni .tile .icon {text-align: left;}
.navbox-omni .tile .icon img {
	height:40px;
	margin-left:1em;
	
	height: 57px;
    margin-left: .5em;	
}


.navbox-buttons {
	position:relative;height:100%;width:52px;float:left;display:block;background-color: #050708;
}
.navbox-buttons button{background: transparent;}
.navbox-buttons a:hover,
.navbox-buttons button:hover,
.navbox-links .tile:hover {background-color:rgba(127,127,127,.24);}

#search-results {
  -webkit-transition: all .3s;
  transition: all .3s;
}






/* PROGRESS RING */
.progress-ring {
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  width: 4em;
  height: 4em;
  padding-top: .8em;
  display:none;
}
.loading .progress-ring {display:block}

.progress-ring .progress-ring__wrap {
  position: absolute;
  width: 3.8em;
  height: 3.8em;
}
.progress-ring .progress-ring__wrap .progress-ring__circle {
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 4000ms;
  width: 3.8em;
  height: 3.8em;
  opacity: 0;
}
.progress-ring .progress-ring__wrap .progress-ring__circle:after {
  content: '';
  position: absolute;
  width: .5em;
  height: .5em;
  border-radius: .5em;
  /*box-shadow: 0px 0px 5% #ffffff;*/
  background: #ffffff;  /* Pick a color */
}
.progress-ring .progress-ring__wrap:nth-child(2) {
  transform: rotate(-14deg);
}
.progress-ring .progress-ring__wrap:nth-child(2) .progress-ring__circle {
  animation-delay: 133.33333333ms;
}
.progress-ring .progress-ring__wrap:nth-child(3) {
  transform: rotate(-28deg);
}
.progress-ring .progress-ring__wrap:nth-child(3) .progress-ring__circle {
  animation-delay: 266.66666667ms;
}
.progress-ring .progress-ring__wrap:nth-child(4) {
  transform: rotate(-42deg);
}
.progress-ring .progress-ring__wrap:nth-child(4) .progress-ring__circle {
  animation-delay: 400ms;
}
.progress-ring .progress-ring__wrap:nth-child(5) {
  transform: rotate(-56deg);
}
.progress-ring .progress-ring__wrap:nth-child(5) .progress-ring__circle {
  animation-delay: 533.33333333ms;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  35% {
    transform: rotate(495deg);
    animation-timing-function: ease-in-out;
  }
  42% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(835deg);
    opacity: 1;
    animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    transform: rotate(955deg);
    animation-timing-function: ease-in;
  }
  78% {
    transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    transform: rotate(955deg);
    opacity: 0;
  }
}




/* perfect scroll bars override*/
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {border-radius:0}
.ps-container:hover>.ps-scrollbar-y-rail:hover {background-color: rgba(127,127,127,.14)}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: rgba(127,127,127,.24)}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: rgba(127,127,127,.24)}





.box-shadow {
	outline: 1px solid rgba(192, 192, 192, .14);
    outline-offset: -1px;
    box-shadow: inset 1px 1px rgba(192, 192, 192, .25), inset -1px -1px rgba(192, 192, 192, .14), 1px 1px 1px rgba(127, 127, 127, .14), -1px -1px 1px rgba(127, 127, 127, .14), 0 8px 6px -6px rgba(0,0,0,.5);
}












/* screen sizing */

@media (min-width: 1360px){
	body {font-size: 80%;}
	#navbox-tiles {width:435px;}
}

@media (max-width: 640px){
	body {font-size: 50%;}
	#navbox-tiles {width:225px;}
}

@media screen and (max-width: 370px) {
	body {font-size: 30%;}
	#query { left:15%; right:15% }
	.navbox-tiles .tile .icon .fa { font-size: 25px; }
	.navbox-tiles .tile .title {	padding: 3px;	font-size: 11px;	}

	.navbox-trigger {width: 56px;}
}









/* 3web logo */
a.navbar-brand {
    font-size: 40px;
	/*height:40px;*/
	color:#2f2f2f;
}
.logo-img{
    display: inline-block;
	height: 32px;
    margin: 20px;
    vertical-align: top;
	margin-right: 0;
}
.logo {
    font-family: 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 2px;
    cursor: pointer;
    line-height: 1;
    transition: all 300ms ease;
    text-shadow: rgba(0,0,0,.36) 1px 1px 1px;
    display: inline-block;
	margin-left: 8px;
    font-size: 40px;
    color: #fff;
    /*vertical-align: middle;*/
}
.logo b {color:inherit;}
.logo span {color:#3fb8df;}
.noti-dot {position: relative;}

.noti-dot .pulse {
	width: 2px;
	height: 2px;
	border: 2px solid #3fb8df;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #3fb8df;
	z-index: 10;
	position: absolute;
	right: 6px;
	top: 49px;
}
@media (max-width: 640px){
	.logo {display:none}
}


/* bounce */

@-webkit-keyframes logobounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes logobounce {
  from,
  60%,
  76%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  70%,
  72% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  85% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  95% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.noti-dot .logobounce {
  -webkit-animation-name: logobounce;
  animation-name: logobounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.noti-dot .animated {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noti-dot .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}










.dot {
	display:inline-block;
	width: 6px;
    height: 6px;
	border-radius:50%;
	margin-left:2px;
	margin-right:6px;
	background-color: #3fb8df;
}
.square-to-circle {
	-webkit-animation: square-to-circle 2s 1s infinite cubic-bezier(1,.015,.295,1.225) alternate;
	animation: square-to-circle 2s 1s infinite cubic-bezier(1,.015,.295,1.225) alternate;
}


@-webkit-keyframes square-to-circle {
  0%  {
    border-radius:50%;
  }
  50%  {
    border-radius:0;
  }
  100% {  
    border-radius:50%;
  }
}

@keyframes square-to-circle {
  0%  {
    border-radius:50%;
  }
  50%  {
    border-radius:0;
  }
  100% {  
    border-radius:50%;
  }
}