/* Bg #00ABA9







/* Font header #C6C6C6



 * reg white-space:







 border 303030



 hover : #111







 */







 #afui.win8 {







 }



@font-face {



  font-family: 'win8back';



  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAARUAAsAAAAABmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAS4AAAGZpdvO1kZGVE0AAAI4AAAAGgAAABxnmGDwR0RFRgAAAlQAAAAdAAAAIAAwAARPUy8yAAACdAAAAEsAAABgL9zcQGNtYXAAAALAAAAAOgAAAVLgE/LMaGVhZAAAAvwAAAAuAAAANvx5/t1oaGVhAAADLAAAAB4AAAAkBBD/5GhtdHgAAANMAAAADAAAAAwEAAACbWF4cAAAA1gAAAAGAAAABgADUABuYW1lAAADYAAAAOgAAAGPgxEkPHBvc3QAAARIAAAADAAAACAAAwAAeJxtTj1PAkEUnD0WQbwAEomYnEdlDxbGQu0Ua+2sULFAEhIEY0WiNJisITE5G2lo6Iw1/gULKxMTSypLCz+2UMe7A6+ymTczb2bfCkgJIcTkSbm6vLe7X4EwILCm5w1th3RGKjOkTGnHMLedolIBMSOqoh3dCFtoJSwgaaE9bSFqicsUpPdGFAnMIntcLa/ncjl3bLjj70xwDhBtcY6Q1zDwIRD/dPRRmrgo3BK1wRbZcRnrHqsH8h/PD49qQTfwsvyxTyGJZt8mDp6HY/Bls18krxf8RY9s7Qw96HlecQy+9BajiB92a1nyceWGYuL7zf3yw5RB3oWeyPz72QRxeL9KXi1Jstt9UWRtkCQ6m3kXCq8eWyRKpYwKx5VuyC9HO5G4dmZUWpmxXzJhtKEAAHicY2BgYGQAgjO2i86D6LNr4wVgNABJKQZOAAB4nGNgZGBg4ANiCQYQYGJgBEIQyQLmMQAABGAANQAAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMAEEIMHwB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHDB8Y/v9HZikwCjBBdYEBIxsDMndEAgDJXAiuAAB4nGNgZGBgAGK+Bx4V8fw2Xxm4mRhA4OzaeAEE/f8BEwPjAyCXgwEsDQAU3gn7AAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAACAAACAAAAAAAAUAAAAwAAeJx9jjFOw0AQRZ8TJ4BACFHQ0KxEiWzZRomiHMAHSJHeiVaWRWRLm0QpuActZ6DlGByAM3AEvsPQUGSl0b79+2fmA1e8EtGfiHNujQec8Wg85IEX41ied+MRl3waj6V/yxnFF1Jujl09D7jm3nhIyZNxLM+b8Yg7PozH0r840NAyY0XFmmc4NO1sVa1FCzw1ezb6Cnr6er+pBCWdWnbHO8jhcRSkZLrnqv8jf9UpCRNVIV+ucJRduyu7UHtXpJmbu7/FwmkySYosl+lEvKUWB7Yy9HGchvYRWPqwbbrW5Wl2qv0H0Z06yHicY2BmwAsAAH0ABA==) format('woff'),



     url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWeYYPAAAAWMAAAAHEdERUYAMgAGAAAFbAAAACBPUy8yL7rcHwAAAVgAAABWY21hcOAV89MAAAHEAAABUmdhc3D//wADAAAFZAAAAAhnbHlmEDC/5gAAAyQAAAB0aGVhZPx5/t0AAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BKoAAgAAAbAAAAAUbG9jYQAsADoAAAMYAAAADG1heHAASgAcAAABOAAAACBuYW1lgxEkPAAAA5gAAAGPcG9zdJtVPjcAAAUoAAAAPAABAAAAAQAAWPDPKV8PPPUACwIAAAAAAM2tXxAAAAAAza1fEAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFABkAAwAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAgAAAAAAAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAOAA8AD//wAAAADgAPAA//8AACADEAQAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAA6AAMAAv/iAf4B3gAHAA8AGAAAACIGFBYyNjQCIiY0NjIWFCU3IwcXMyczNQFp0pWV0pWgvIaGvIb+8Gtkj49ka84B3pXSlZXS/rOGvIaGvIFrjo5rRgAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAIABIAAQAAAAAAAgAHACsAAQAAAAAAAwAjAHsAAQAAAAAABAAIALEAAQAAAAAABQALANIAAQAAAAAABgAIAPAAAwABBAkAAQAQAAAAAwABBAkAAgAOABsAAwABBAkAAwBGADMAAwABBAkABAAQAJ8AAwABBAkABQAWALoAAwABBAkABgAQAN4AdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIAB3AGkAbgA4AGIAYQBjAGsAIAA6ACAANgAtADUALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogd2luOGJhY2sgOiA2LTUtMjAxMwAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgECAQMHdW5pRTAwMAd1bmlGMDAwAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAEAAEABAAAAAIAAAAAAAEAAAAAzD2izwAAAADNrV8QAAAAAM2tXxA=) format('truetype');



  font-weight: normal;



  font-style: normal;



}











#afui.win8 {



	font:14px  "Segoe UI Semilight", "HelveticaNeue-light", Helvetica, Arial, sans-serif;



 	background:#000;



 	color:#fff;



}







#afui.win8.light {



    background:#fff;



    color:#000;



}











#afui.win8 > #header #menubadge {



	display:none;



}







#afui.win8 #backButton.pressed {



  background:inherit;



}







#afui.win8 #backButton {



  color:inherit;



  background:inherit;



  margin:0;



  font-family: 'win8back';



  width:0px;



  height:0px;



  font-style: normal;



  font-weight: normal;



  font-variant: normal;



  text-transform: none;



  line-height: 1;



  padding:0px;



  margin:0px;



  border:none;



  position:absolute;



  left:-185px;



  -webkit-font-smoothing: antialiased;



}











#afui.win8 #backButton::before {



  content: "\e000";



  font-size:30px;



  position:absolute;



  top:10px;



  right:-225px;



  left:auto;



  color:white;



  font-family:inherit;



  -webkit-transform:none;



  transform:none;



}



















#afui.win8 > #header h1 {



	text-align: left;



  color:inherit;



}







#afui.win8 > #header{



  border:0px;



	background: inherit;



	border-bottom:inherit;



 }







 #afui.win8 > #navbar {



  padding:0px;



 	background:inherit;



 	text-align: center;



 	height:65px;



 	background:rgba(33,32,33,.9);



  border-top:none;



 }



 #afui.win8.light > #navbar{



    background:#F2F2F2;



    color:black;



  }







#afui.win8 #navbar a {



  position: relative;



  width: 56px !important;



  height: 56px;



  display: inline-block;



  font: normal 11px/85px Segoe WP, Segoe UI, Verdana, Helvetica, Sans-Serif;



  text-decoration: none;



  color: inherit;



  text-align: center;



  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);



  overflow: hidden;



  border-radius:44px;



  background:inherit;



  -webkit-backface-visibility: hidden;



  -webkit-perspective: 1000;







}



 #afui.win8 #navbar a.pressed {



  background-color: rgba(166, 166, 166, 0.7);



 }







 #afui.win8 #navbar .icon.pressed:before {



	color:inherit;



}







#afui.win8 #navbar .icon:before {



    top: 8px;



}











  #afui.win8 #navbar a:not(:last-of-type){



  	border:none;



  }











#afui.win8 .af-badge {



	border:none;



}



#afui.win8 #content,#afui.win8 #content > .panel {



 	background:inherit;



 	color:inherit;



 }







 #afui.win8 .list {



 	background:inherit;



 	color:inherit;



 	border-color:#303030;







 }







 #afui.win8 .list .divider,  #afui.win8 #menu.tabletMenu .list .divider  {



 	background:#00ABA9;



 	padding:14px;



    display:inline;



 	font-size:1em;



 	font-weight:bold;



 	border-top:none;



 	border-bottom:none;



  color:inherit;



 }







 #afui.win8 .list li {



 	border-top:none;



 	border-bottom:none;



 }



 #afui.win8 .panel h2 {



 	color:inherit;



 }















#afui.win8 .collapsed:after {border-top: 6px solid;}



#afui.win8 .collapsed:before {border:2px solid;}



#afui.win8 .expanded:after {border-bottom: 6px solid;}



#afui.win8 .expanded:before {border:2px solid;}







#afui.win8 .collapsed:before,#afui.win8 .expanded:before {



    border-color: inherit;



}



#afui.win8 .collapsed:after,



#afui.win8 .expanded:after{



    border-top-color:inherit;



    border-top-color:inherit;



}























#afui.win8 .afScrollbar {background:white !important;}



#afui.win8.light .afScrollbar {background:black !important;}











#afui.win8 select, #afui.win8 textarea, #afui.win8 input[type="text"], #afui.win8 input[type="search"], #afui.win8 input[type="password"], #afui.win8 input[type="datetime"], #afui.win8 input[type="datetime-local"], #afui.win8 input[type="date"], #afui.win8 input[type="month"], #afui.win8 input[type="time"], #afui.win8 input[type="week"], #afui.win8 input[type="number"], #afui.win8 input[type="email"], #afui.win8 input[type="url"], #afui.win8 input[type="tel"], #afui.win8 input[type="color"], #afui.win8 .input-group {



  	background:black;



    color:inherit;



}







#afui.win8.light select, #afui.win8.light textarea, #afui.win8.light input[type="text"], #afui.win8.light input[type="search"], #afui.win8.light input[type="password"], #afui.win8.light input[type="datetime"], #afui.win8.light input[type="datetime-local"], #afui.win8.light input[type="date"], #afui.win8.light input[type="month"], #afui.win8.light input[type="time"], #afui.win8.light input[type="week"], #afui.win8.light input[type="number"], #afui.win8.light input[type="email"], #afui.win8.light input[type="url"], #afui.win8.light input[type="tel"], #afui.win8.light input[type="color"], #afui.win8.light .input-group {



    background:white;



}











#afui.win8 input.toggle+label:after {



	color:inherit;



}







#afui.win8 input.toggle+label {



	border-radius:0;



}







#afui.win8 input.toggle:checked+label {



	background:#00ABA9;



}







#afui.win8 input.toggle+label > span {



	border-radius:0;



	top:0;



	width:27px;



	height:23px;



}







#afui.win8 input[type="radio"]:checked+label:before,#afui.win8 input[type="checkbox"]:checked+label:before {



	background: #00ABA9;



}







#afui.win8 > #menu {



  border-right:none;



	color:inherit;



	background:inherit;



}







#afui.win8 #menu .list .divider {



padding:4px;



line-height:30px;



margin-left:10px;



}







#afui.win8 #menu .list {



	font-weight: normal;



}







#afui.win8 #menu .list li,#afui.win8 #menu .list .divider {



		box-shadow:none;



}







#afui.win8 .button {



	border-radius:0;



	border:none;



	background:#424343;



	border-color:#424343;



	color:white;



	text-shadow:none;



	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 2px rgba(0, 0, 0, .05);



}







#afui.win8 .button.pressed {



	background:#00ABA9;



	border-color:#00ABA9;



}























#afui.win8 #menu {



  display: none;



  position: absolute;



  left: 0;



  bottom: 0;



  z-index: 1000;



  width:100%;



  height: 150px;



  top:auto;



  background:inherit;



  color:inherit;



  -webkit-transition-timing-function: linear;



  transition-timing-function: linear;



  -webkit-transform:translate3d(0,150px,0);



  transform:translate3d(0,150px,0);



}



#afui.win8 .hasMenu,#afui.win8 .hasMenu.on{







 -webkit-transform:translate3d(0,0,0);



  transform:translate3d(0,0,0);



}







#afui.win8 .afPopup {



    display: block;



    width: 100%;



    float:left;



    border: solid 1px #72767b;



    left:0px !important;



    padding: 10px;



    opacity: 1;



    -webkit-border-radius: 0;



    border-radius: 0;



    -webkit-transform:none;



    transform:none;



    --webkit-transition: none;



    transition:none;



    position: absolute;



    z-index: 1000000;



    top: 50%;



    margin: 0px auto;



    background:white;



    color:black;



    padding:30px;



}







#afui.win8 #af_actionsheet {



    background:white;



    color:black;



}







#afui.win8 #af_actionsheet a{



    border-radius:0;



    -webkit-border-radius:0;



    border:1px solid black;



    background:white;



    color:black;



}







#afui.win8 #menu .list > li > a {



    color:inherit;



  }











@media handheld, only screen and (min-width: 768px){







	#afui.win8 #navbar footer #metroMenu {



		display:none;



	}







	#afui.win8 #navbar {



		-webkit-transform:translate3d(0,0,0) !important;



		transform:translate(0,0) !important;



	}



	#afui.win8 #menu  {



		background:inherit;



    color:inherit;



    font-size:18px;



	}







  #afui.win8 #menu .list > li > a:after{



    margin-top:-11px;



  }



}