/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-smartphone-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.page {width:100%; height:100%; z-index:100; position:relative; left:0; top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
/* this section is for styling the horizontal menu */
.trigger {position:absolute; display:none;}

.menupc {width:100%; height:150px; position:fixed; right:0; top:0px; background-color:#405354; z-index:100;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;

-webkit-transition:0.5s;
-o-transition:0.5s;
-moz-transition:0.5s;
transition:0.5s;
}

.menupc ul {margin:0; padding:0 0 0 30; list-style:none; white-space:nowrap; text-align:left; float:left;}

.menupc li {display:block; position:relative;}

.menupc ul ul {position:absolute; left:-9999px; top:65px; padding:10px 0; z-index:0; border:1px solid rgba(255,255,255,0.2); border-top:0; border-radius:0 0 10px 10px;
background:#444; background:rgba(69,69,69,0.9);
}
.menupc ul ul ul {left:100%; top:auto; margin-top:-41px; border-radius:10px; border:1px solid rgba(255,255,255,0.2);}
.menupc ul li.left > ul {left:auto; right:0; top:65px;}
.menupc ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-41px;}

.menupc > ul {margin:0 auto;}
.menupc > ul > li {float:left; position:relative;}
.menupc ul li.back {display:none;}
.menupc ul li.sublink {display:none;}

.menupc a {display:block; font:normal 14px/30px 'texgyreadventorbold', arial, sans-serif; color:#ddd; text-decoration:none; padding:0 30px 0 15px; position:relative; z-index:10; text-transform:uppercase;}
.menupc > ul > li > a {height:65px; line-height:65px; border-right:1px solid #464646;}
.menupc > ul > li.last-child > a {border:0;}
.menupc > ul > li > label {display:block; position:relative; width:100%; margin-top:-80px; height:80px; background: url(trans.gif); z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menupc ul ul > li > span {display:block; position:relative; margin-top:-30px; width:100%; height:30px; background: url(trans.gif); z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}

.menupc li:hover > span {width:0;}
.menupc li.left ul a {text-align:right; padding:0 15px 0 30px;}

.menupc li:hover > a,
.menupc ul li:hover > a {background:#333; background:rgba(51,51,51,0.9); text-decoration:underline; color:#fff;}

.menupc ul li a.hassub {background:url("../images/three-bar.png") no-repeat right center;}
.menupc li.left ul li a.hassub {background:url("../images/three-bar.png") no-repeat 10px center;}

.menupc > ul {*display:inline;}

.menupc ul ul,
.menupc ul ul ul,
.menupc ul li.left > ul,
.menupc ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}

.menupc ul li:hover > ul {left:-1px; opacity:1;}
.menupc ul ul li:hover > ul {left:100%; opacity:1;}
.menupc ul li.left:hover > ul {left:auto; right:-1px; opacity:1;}
.menupc ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}

.menupc ul li:hover > a.hassub {background:#333 url("../images/three-bar.png") no-repeat right center;}
.menupc li.left ul li:hover > a.hassub {background:#333 url("../images/three-bar.png") no-repeat 10px center;}