.orion-menu{width:100%;padding:0;position:relative;float:left;background:#454545;list-style:none;font-family:'Lato', sans-serif;z-index:1000;}
.orion-menu li{display:inline-block;font-size:16px;margin:0;padding:0;float:left;line-height:20px;position:relative;}
.orion-menu li a{padding:20px 19px 20px 19px;color:#bababa;text-decoration:none;display:inline-block;-o-transition:color .3s linear, background .3s linear;-webkit-transition:color .3s linear, background .3s linear;-moz-transition:color .3s linear, background .3s linear;transition:color .3s linear, background .3s linear;}
.orion-menu li:hover > a{color:#fff;}
.orion-menu li.active > a{background:#555555;}
.orion-menu > li > a{text-transform:uppercase;}
.orion-menu ul,
.orion-menu ul li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:999;width:190px;background:#454545;}
.orion-menu ul{top:60px;left:0;}
.orion-menu ul li ul{top:0;left:190px;}
.orion-menu ul li{clear:both;width:100%;font-size:14px;}
.orion-menu ul li a{width:100%;padding:12px 22px;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.orion-menu ul li:hover > a{background:#555555;}
.orion-menu .indicator{color:#FFFFFF;position:absolute;right:6px;top:20px;font-family:'FontAwesome';font-size:12px;}
.orion-menu .indicator:before{content:"\f0d7";}
.orion-menu ul li .indicator{right:20px;top:13px;}
.orion-menu ul li .indicator:before{content:"\f0da";}
.orion-menu li.search{float:right;}
.orion-menu li.search form{margin:14px 20px 0 0;}
.orion-menu li.search form input.search{height:30px;width:1px;float:right;padding-left:5px;padding-right:30px;color:#454545;outline:none;border:none;font-family:'Roboto', sans-serif;background-color:transparent;background-image:url("../images/search-hover.png");background-repeat:no-repeat;background-attachment:scroll;background-position:10px 10px;-o-transition:width .3s ease-in-out, background .3s ease-in-out;-moz-transition:width .3s ease-in-out, background .3s ease-in-out;-webkit-transition:width .3s ease-in-out, background .3s ease-in-out;transition:width .3s ease-in-out, background .3s ease-in-out;}
.orion-menu li.search form input.search:focus{width:120px;color:#fff;background-color:#555555;background-image:url("../images/search-hover.png");background-position:129px 10px;}
.orion-menu li.social{float:right;margin-right:20px;}
.orion-menu li.social a{display:inline-block;padding:20px 6px 20px;color:#bababa;position:relative;width:15px;text-align:center;}
.orion-menu li.social a:hover{color:#fff;}
.orion-menu li.social a .tooltip{width:70px;padding:5px;background:#555555;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;position:absolute;font-size:9px;top:-20px;left:-27px;border-radius:2px;text-align:center;-o-transition:opacity .3s linear;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear;}
.orion-menu li.social a:hover .tooltip{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
.orion-menu li.social a .tooltip:before,
.orion-menu li.social a .tooltip:after{content:'';position:absolute;bottom:-8px;left:50%;margin-left:-7px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #555555;}
.orion-menu > li.showhide{display:none;width:100%;height:50px;cursor:pointer;color:#FFFFFF;background:#FFFFFF;font-size:18px;}
.orion-menu > li.showhide span.title{margin:0px 0 0 0px;float:left;}
.orion-menu> li.showhide span.icon{margin:17px 20px;float:right;}
.orion-menu > li.showhide .icon em{margin-bottom:3px;display:block;width:20px;height:2px;background:#FFFFFF;}
.black, .black li ul, .black ul li ul, .black > li.showhide{background:#000;}
.black li a, .orion-menu li.social a{color:#bababa;}
.black li.active > a, .black ul li:hover > a, .black li.social a .tooltip{background:#333;}
.black li.search form input.search:focus{background-color:#333;}
.black li.social a .tooltip:before, .black li.social a .tooltip:after{border-top-color:#333;}
.petrol, .petrol li ul, .petrol ul li ul, .petrol > li.showhide{background:#000000;}
.petrol li a, .orion-menu li.social a{color:#FFFFFF;}
.petrol li.active a{background:#2f9e2d;}
.petrol li a:hover{background:#2f9e2d;}
.petrol li.social a .tooltip{background:#000000;}
.petrol li.search form input.search:focus{background-color:#435a65;}
.petrol li.social a .tooltip:before, .petrol li.social a .tooltip:after{border-top-color:#435a65;}
.zoom{-webkit-animation:zoom .3s ease both;-moz-animation:zoom .3s ease both;-o-animation:zoom .3s ease both;animation:zoom .3s ease both;}
@-webkit-keyframes zoom{0%{-webkit-transform:scale(.6);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoom{0%{-moz-transform:scale(.6);}
100%{-moz-transform:scale(1);}
}
@-o-keyframes zoom{0%{-o-transform:scale(.6);}
100%{-o-transform:scale(1);}
}
@keyframes zoom{0%{transform:scale(.6);}
100%{transform:scale(1);}
}
.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation:swing 600ms ease-out both;-moz-animation:swing 600ms ease-out both;-o-animation:swing 600ms ease-out both;animation:swing 600ms ease-out both;}
@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;}
20%{-webkit-transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);}
40%{-moz-transform:rotate(-10deg);}
60%{-moz-transform:rotate(5deg);}
80%{-moz-transform:rotate(-5deg);}
100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes swing{20%{-o-transform:rotate(15deg);}
40%{-o-transform:rotate(-10deg);}
60%{-o-transform:rotate(5deg);}
80%{-o-transform:rotate(-5deg);}
100%{-o-transform:rotate(0deg);}
}
@keyframes swing{20%{transform:rotate(15deg);}
40%{transform:rotate(-10deg);}
60%{transform:rotate(5deg);}
80%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}
.bounce{-webkit-animation:bounce 600ms ease both;-moz-animation:bounce 600ms ease both;-o-animation:bounce 600ms ease both;animation:bounce 600ms ease both;}
@-webkit-keyframes bounce{0%{-webkit-transform:translateX(-2000px);}
60%{-webkit-transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounce{0%{-moz-transform:translateX(-2000px);}
60%{-moz-transform:translateX(30px);}
80%{-moz-transform:translateX(-10px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes bounce{0%{-o-transform:translateX(-2000px);}
60%{-o-transform:translateX(30px);}
80%{-o-transform:translateX(-10px);}
100%{-o-transform:translateX(0);}
}
@keyframes bounce{0%{transform:translateX(-2000px);}
60%{transform:translateX(30px);}
80%{transform:translateX(-10px);}
100%{transform:translateX(0);}
}
@media only screen and (max-width:1000px){.orion-menu li{display:inline-block;font-size:14px;margin:0;padding:0;float:left;line-height:20px;position:relative;}
.orion-menu li a{padding:20px 8px 20px 8px;}
}
@media only screen and (max-width:768px){.orion-menu-wrapper.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.orion-menu{margin:0;display:block;}
.orion-menu li{display:block;width:100%;}
.orion-menu > li > a{padding:16px 70px 16px 18px;text-align:left;border-top:solid 1px rgba(255, 255, 255, 0.05);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.orion-menu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.orion-menu ul,
.orion-menu ul li ul{width:100%;left:0;padding:0 20px;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.orion-menu .indicator{right:20px;top:18px;}
.orion-menu ul li .indicator{display:block;}
.orion-menu ul li .indicator:before{content:"\f0d7";}
.orion-menu li.search{border-bottom:none;}
.orion-menu li.search form{margin:20px 18px 0 18px;}
.orion-menu li.search form input.search,
.orion-menu li.search form input.search:focus{width:100%;color:#fff;background-color:#555555;background-position:99% 8px;cursor:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.black li.search form input.search, .black li.search form input.search:focus{background-color:#222;}
.blue li.search form input.search, .blue li.search form input.search:focus{background-color:#009fb4;}
.green li.search form input.search, .green li.search form input.search:focus{background-color:#047c7a;}
.red li.search form input.search, .red li.search form input.search:focus{background-color:#d53f3f;}
.orange li.search form input.search, .orange li.search form input.search:focus{background-color:#fd812f;}
.safbi li.search form input.search, .safbi li.search form input.search:focus{background-color:#b74362;}
.petrol li.search form input.search, .petrol li.search form input.search:focus{background-color:#435a65;}
.orion-menu li.social{float:left;margin:20px 0 20px;border-bottom:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;}
.orion-menu li.social a{display:inline;padding:8px 15px 8px 15px;border:none;}
.orion-menu li.social a:hover{color:#fff;}
.orion-menu li.social a:hover .tooltip{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity:0;}
.orion-menu > li.showhide{display:block;line-height:50px;height:50px;padding:0 0px 0 24px;width:calc(100% - 24px);}
}