@charset "utf-8";
/*DROP MENU*/
.drop-menu { display: none; position: absolute; z-index: 999; left: 100px; padding: 130px 0 0; background-color: #222; width: 200px; min-height: 100%; box-shadow: 10px 0 20px rgba(0,0,0,0.15); overflow: hidden;}

/*
.drop-menu ul { padding-left: 40px; padding-right: 20px;}
.drop-menu li { list-style: none; overflow: hidden;}
.drop-menu li .header { display: block; padding: 8px 0; font-size: 17px; font-weight: 700; color: #fff; line-height: 1.2; transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;}
.drop-menu li .header a { color: #fff;}
.drop-menu li .header a:hover {}
.drop-menu li a { display: block; text-decoration: none;}

/*SUB MENE
.drop-menu li .sub-menu { display: none;}
.drop-menu li .sub-menu a { padding: 6px 0 6px 20px; font-size: 13px; color: #999; line-height: 1.2;}
.drop-menu li .sub-menu a:hover { color: #ccc;}
.drop-menu li .sub-menu a:before { margin-left: -20px; padding-right: 10px; content: "-";}

/* Mouse Events 
.drop-menu .header:hover { cursor: pointer;}
.drop-menu > li a:not(.selected):hover { cursor: pointer;}
.drop-menu > li a:not(.selected):active { cursor: pointer;}
*/

ul#nav-site, ul#nav-site ul { padding-left: 40px; padding-right: 20px;}
ul#nav-site a { display: block; padding: 8px 0; font-size: 17px; font-weight: 700; color: #fff; line-height: 1.2; transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;}
ul#nav-site a { display: block; text-decoration: none;}
ul#nav-site li { list-style: none; overflow: hidden;}
ul#nav-site li ul { padding-left: 0;}
ul#nav-site li ul li a { padding: 6px 0 6px 20px; font-size: 13px; color: #999; line-height: 1.2;}
ul#nav-site li ul li a:hover,ul#nav-site li ul .current a { color: #ccc;}
ul#nav-site li ul li a:before { margin-left: -20px; padding-right: 10px; content: "-";}


/*LANGUAGE*/
.langBox { position: fixed; bottom: 0; left: 0; z-index: 700; cursor: pointer;}
.langBox { text-align: center; color: #fff;}
.langBox .icon { display: block; margin: 0 auto 10px auto; width: 20px; height: 20px; background: url(../images/icon-language.png) no-repeat 0 0;}
.langBtn { position: relative; padding: 25px 20px; width: 100px; height: 100px;  background-color: #222; z-index: 700; border-top: 1px solid #333; border-right: 1px solid #333;}

.langItem { display: none; position: absolute; left: 0; bottom: 0; z-index: 600; width: 400px;}
.langItem a { float: left; display: block; width: 100px; height: 100px; background-color: #222; line-height: 100px; color: #fff; text-decoration: none; border-top: 1px solid #333; border-right: 1px solid #333;}
.langItem a:hover { background-color: #111; color: #ccc;}