.subnav-open #wrap {  -webkit-transform: translate(0px, 0);  transform: translate(0px, 0);}
#wrap .main-overlay { content:'';  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -100;  background: rgba(0,0,0,0.5);  opacity: 0.0;
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;}
.subnav-open #wrap .main-overlay {  z-index: 200;  opacity: 1.0;}

.subnav-open2 #wrap {  -webkit-transform: translate(0px, 0);  transform: translate(0px, 0);}
#wrap .main-overlay { content:'';  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -100;  background: rgba(0,0,0,0.5);  opacity: 0.0;
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;}
.subnav-open2 #wrap .main-overlay {  z-index: 200;  opacity: 1.0;}

#wrap {  display: block;  min-height: 100%; overflow:hidden; /* width: calc(100% - 65px);  margin-left: 65px;*/
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;  /*   color: #fff; *//*   border: 10px solid lightblue; */}


.vertical-center {	 -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;
	/* Flexbox display */
	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	
	/* Horizontal alignment */
	-webkit-box-pack: center;	-moz-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;/* Vertical alignment */
	-webkit-box-align: center;	-moz-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;	
	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	transform-style: preserve-3d;
	}

.sidemenu {   position: fixed; right: 0px;  top: 0;  bottom: 0;  left: auto;  z-index: 12;  width: calc(75px);  /*background: #fff;*/}
.sidemenu > * {  display: block;  text-align: center;}
/*.sidemenu .logo,.sidemenu .logo .language-toggle {  position: absolute;  top: 0;  left: 0; width: 65px;  height: 65px;  background-color: #f9f9f9;}
.sidemenu .logo {  text-indent: -999em;  border-bottom: 1px solid #EAEAEC;}*/
.sidemenu .language-toggle {  top: auto;  bottom: 0;}

.sidemenu .global-nav { border-radius:0 0 0 0; position: relative;  z-index: 99;  background: #fff; 
 /*min-height: 100vh;*/ box-shadow:0 0 10px rgba(0,0,0,0.1);}
.sidemenu .global-nav ul,.sidemenu .global-nav ul li {  list-style: none;  margin: 0;  padding: 0;  display: block;  font-size: 10px; text-transform: uppercase;}
.sidemenu .global-nav ul li {  position: relative;  }
.sidemenu .global-nav ul li a {  display: block;  width: 75px; height: 75px;  position: relative; text-indent:-9999px;
 background-repeat:no-repeat; background-position:center center; background-size:33.8px;}
.sidemenu .global-nav ul li.ico1 a {background-image:url(../img/ico1_w.png); background-color:#e6ab51; }
.sidemenu .global-nav ul li.ico2 a {background-image:url(../img/ico2.png)}
.sidemenu .global-nav ul li.ico3 a {background-image:url(../img/ico3.png); }
.sidemenu .global-nav ul li.ico4 a {background-image:url(../img/ico4.png)}
/*sidemenu .global-nav ul li a:hover {background-color:#e6ab51; color:#fff;}
.sidemenu .global-nav ul li.ico1 a:hover  {background-image:url(../img/ico1_w.png)}
.sidemenu .global-nav ul li.ico2 a:hover  {background-image:url(../img/ico2_w.png)}
.sidemenu .global-nav ul li.ico3 a:hover  {background-image:url(../img/ico3_w.png)}
.sidemenu .global-nav ul li.ico4 a:hover  {background-image:url(../img/ico4_w.png)}*/
/*.sidemenu .global-nav ul li a:before {  content:'';  display: block;  width: 35px;  height: 35px;  border-radius: 50%;  border: 6px solid #fff; box-sizing: content-box;  margin: 0 auto;  background-color: #dedede;}*/
/*.sidemenu .global-nav ul li:after {  content:""; position:absolute; bottom:0px; z-index:9999; display: block;height: 1px; width:100%;  background: #EAEAEC;}
.sidemenu .global-nav ul li:last-child:after {  display: none;}*/

/* subnav panel */
.sidemenu  .subnav-panel,.sidemenu  .subnav-panel2 { width: 125px;  height: 300px;  position: absolute;  right: 0px;  z-index:98;  background-color: #f5f5f5;
/*border-left: 1px solid #EAEAEC;*/  -webkit-transform: translate(125px, 0);  transform: translate(125px, 0);   }
.subnav-open .sidemenu .subnav-panel {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open2 .sidemenu .subnav-panel2 {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open .sidemenu .subnav-panel2,
.subnav-open2 .sidemenu .subnav-panel {display:none; }
.subnav-open .sidemenu .global-nav {-webkit-transform: translate(-125px, 0);  transform: translate(-125px, 0); }
.subnav-open2 .sidemenu .global-nav {-webkit-transform: translate(-125px, 0);  transform: translate(-125px, 0); }
/*.subnav-open .sidemenu .global-nav a:hover {background-color:#fff }*/
.subnav-open .sidemenu .global-nav ul li.ico1 a { background-color:#e6ab51; background-image:url(../img/ico1_w.png); color:#fff;}
.subnav-open2 .sidemenu .global-nav ul li.ico3 a {background-color:#e6ab51; background-image:url(../img/ico3_w.png); color:#fff;}
.subnav-open2 .sidemenu .global-nav ul li.ico1 a{ background-color:#fff; background-image:url(../img/ico1.png); color:#fff;}

.sidemenu  #nav ul {width:100%; z-index:98}
.sidemenu  #nav ul li a{display:block; padding:16px 0 18px 25px;; border-bottom:1px solid #dfdfdf; font-size:17px
; font-weight:600; text-align:left; }
.sidemenu  #nav ul li:last-child a{padding:5px 0 4px 25px;}
.sidemenu  .subnav-panel ul li:last-child {border-bottom:0px }
.sidemenu  .subnav-panel ul li a { background:url(../img/arrow.png)no-repeat 75px center; }
.sidemenu  #nav ul li a:hover {color:#e6ab51; }
.sidemenu  #nav.subnav-panel2 ul li a {font-size:13px !important; padding:7px 0 0 14px;; font-weight:400; min-height:60px; /*background:url(../img/ico3.png)no-repeat 75px center; background-size:25px*/}
.sidemenu  .subnav-panel2 ul li a span {font-size:15px; display:block; font-weight:600;}
.quick_m {display:none;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.sidemenu {   position: fixed; right: 0px;  top: auto;  bottom: 0;  left: 0; width:100%;}	
.sidemenu .global-nav ul li {   display:inherit; float:left;  width:50%; background-color:#fff;}
.vertical-center {display:block !important;}
.sidemenu .global-nav ul li a {  width: 100%; height: 40px; text-indent:0px; 
background-position:20% center; background-size:25px; padding:8px 0 0 30px; font-size:15px; font-weight:600;}
 .sidemenu .global-nav ul li.ico1 a {color:#fff; background-image:url(../img/ico1_w.png); background-color: #e6ab51}
 .sidemenu .global-nav ul li.ico3 a {background-image:url(../img/ico3_b.png); background-color:#fff; color:#333; border-top:1px solid #dfdfdf; }
 .sidemenu .global-nav ul li.ico3 a:hover {background-image:url(../img/ico3_b.png);}
 .sidemenu  .subnav-panel{ width: 50%;   right: auto; left:0; bottom:0;     }
.sidemenu  .subnav-panel2 { width: 50%;   right: 0; bottom:0;    } 
 .sidemenu  .subnav-panel,.sidemenu  .subnav-panel2 { transform: translate(0px, 225px); height:225px}
.subnav-open .sidemenu .subnav-panel {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open2 .sidemenu .subnav-panel2 {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open .sidemenu .global-nav {-webkit-transform: translate(0px, 0);  transform: translate(0px, 0); }
.subnav-open2 .sidemenu .global-nav {-webkit-transform: translate(0px, 0);  transform: translate(0px, 0); }
.subnav-open .sidemenu .global-nav ul li.ico1 a { background-image:url(../img/ico1_w.png); color:#fff;}
.subnav-open2 .sidemenu .global-nav ul li.ico3 a {background-color:#333; background-image:url(../img/ico3_w.png); color:#fff;}
.subnav-open2 .sidemenu .global-nav ul li.ico1 a{ background-color:#e6ab51; background-image:url(../img/ico1_w.png); color:#fff;}
.sidemenu  #nav ul li a{display:block; padding:8px 30px 8px 0px;; border-bottom:1px solid #dfdfdf; font-size:14px
; font-weight:600; text-align:center; }
	.sidemenu  #nav ul li:last-child a{padding:8px 0 8px 39%; text-align:left;}
.sidemenu  .subnav-panel ul li a,.sidemenu  .subnav-panel ul li a:hover { background:url(../img/ico1.png)no-repeat 70% center; background-size:25px}
.sidemenu  .subnav-panel2 ul li a,.sidemenu  .subnav-panel2 ul li a:hover { background:url(../img/ico3.png)no-repeat 70% center; background-size:25px}

.sidemenu  #nav.subnav-panel2 ul li a {font-size:14px !important; padding:8px 30px 8px 0px; font-weight:600; min-height:auto; /*background:url(../img/ico3.png)no-repeat 75px center; background-size:25px*/}

.sidemenu  .subnav-panel2 ul li a span {display:none; }

.sidemenu .global-nav {width:100%;}
.sidemenu .global-nav ul li.ico4,
.sidemenu .global-nav ul li.ico2 {display:none;}
.quick_m {display:block !important; position:fixed; z-index: 11; right:10px; bottom:120px; }
/*.quick_m, .vertical-center  {display:none; }*/
.quick_m div {display:block; }
.quick_m div img {height:45px; box-shadow:0 0 5px rgba(0,0,0,0.1); border-radius:50%;}
}
@media (max-width: 768px) {
.sidemenu  #nav ul li:last-child a{padding:8px 0 9px 30px; text-align: left;}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}