@charset "utf-8";
/* CSS Document */

.collapse-button { 
position: absolute;
 right: 28px;
 top: 50%;
 width: 34px;
 background-color: #0E0E0E;
 background-image: linear-gradient(to bottom, #151515, #040404);
 background-repeat: repeat-x;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 border-radius: 4px 4px 4px 4px;
 border-style: solid;
 border-width: 1px;
 color: #FFFFFF;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
 padding: 7px 10px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 cursor: pointer;
 font-size: 14px;
 text-align: center;

 transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);

 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box 
 } 
.collapse-button .icon-bar { 
background-color: #F5F5F5;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 display: block;
 height: 2px;
 width: 18px;
 margin: 2px 0; 
 } 
.collapse-button:hover, .collapse-button:focus { 
background-image: none;
 background-color: #040404;
 color: #FFF; 
 } 
.menu-collapser { 
position: relative;
/*background-color: #74C5F0;*/
background-color: #DDD;
background: linear-gradient(#DDD, #FFF);
color: #666;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
width: 100%;
height: 48px;
line-height: 48px;
font-size: 18px;
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
 font-family: 'Open Sans', sans-serif; 
 } 
.slimmenu blockquote, .slimmenu ol, .slimmenu ul, .slimmenu li { 
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; 
 } 
.slimmenu li { 
/*width: 234px;*/ 
 } 
ul.slimmenu { 
list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%; 
 } 
ul.slimmenu > li { 
margin-right: -4px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #F00000; 
 } 
ul.slimmenu > li:first-child { 
border-left: 0; 
 } 
ul.slimmenu > li:last-child { 
margin-right: 0; 
 } 
ul.slimmenu li { 
position: relative;
display: inline-block;
background-color: #F00;
background: linear-gradient(#F00, #750000); 
 } 
ul.slimmenu li .sub-collapser { 
position: absolute;
 right: 0;
 top: 0;
 width: 34px;
 height: 100%;
 text-align: center;
 z-index: 999;
 cursor: pointer; 
 } 
ul.slimmenu li .sub-collapser > i { 
color: #FFF;
 font-size: 14px;
 display: inline-block;
 vertical-align: middle; 
 } 
ul.slimmenu li .sub-collapser:before { 
content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -0.25em; 
 } 
ul.slimmenu li > ul { 
display: none;
 position: absolute;
 left: 0;
 top: 100%;
 z-index: 999;
 width: 100%; 
 } 
ul.slimmenu li > ul > li ul { 
display: none;
 position: absolute;
 left: 100%;
 top: 0;
 z-index: 999;
 width: 100%; 
 } 
ul.slimmenu li a { 
display: block;
 color: #FFF;
 padding: 10px 30px 10px 10px;
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: 400;
 text-shadow: 0 1px 0 rgba(255,255,255,0.2);
 transition: background-color 0.5s ease-out;
 -o-transition: background-color 0.5s ease-out;
 -moz-transition: background-color 0.5s ease-out;
 -webkit-transition: background-color 0.5s ease-out; 
 } 
ul.slimmenu li a:hover { 
text-decoration: none;
background-color: #000; 
 } 
ul.slimmenu li ul { 
margin: 0;
 list-style-type: none; 
 } 
ul.slimmenu li ul li { 
background: rgba(205,0,0, .9);
width: 200px;
border-bottom: #FFF 1px solid; 
 } 
ul.slimmenu.collapsed li { 
display: block;
 width: 100%;

 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box 
 } 
ul.slimmenu.collapsed li .sub-collapser { 
height: 40px; 
 } 
ul.slimmenu.collapsed li > ul { 
display: none;
 position: static;
width: 100%; 
 } 
ul.slimmenu.collapsed li a { 
display: block;
 border-bottom: 1px solid rgba(0, 0, 0, 0.075);

 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box 
 }