@charset "UTF-8";

/* All CSS will go here */
html, body { overflow-x: hidden; }



.content {
  padding: 0px 20px 20px 20px;
}

.close-menu {
  display: none;
}

#main-nav:target {
  width: 20%;
}

#main-nav:target + .page-wrap {
  width: 80%;
}
.open-menu{
  display: none;
}

#main-nav:target + .page-wrap .open-menu {
  display: none;
}
#main-nav:target + .page-wrap .close-menu {
  display: block;
}
#main-nav:target + .page-wrap .main-header {
  width: 80%;
  left: 20%;
}

#exec {
  top:18px !important;
}

.firstcolumn {
  width: 71px;
}

.mob-menu-right {
position: absolute;
left: -150px;
background: #0398CC;
width: 150px;
max-width: 150px;
height: 100%;
}

.hid-menu{
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid;
border-color: #FFFFFF;
    border-width: thin;
    
  border-right: solid;
  border-right-color: #FFF;
  border-right-width: 1px;
}
#content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.top-bar {
  position: absolute;
  width: 5px;
  height: 20px;
  z-index: 5;
  right: 50px;
}
.top-bar label {
top: 22px;
  right: -20px;
  display: block;
  width: 100%;
  position: inherit;
  color: #fff;
  font-size: 1.6em;
  text-align: right;
}
.top-bar label span{
	font-size: 0.6em;
	display: block;
	position:absolute;
	top: 20px; right: 20px;
}
#menu-toggle:checked ~ #content {
  /*-webkit-transform: translate3d(150px,0,0);
  -moz-transform: translate3d(150px,0,0);
  -ms-transform: translate3d(150px,0,0);
  -o-transform: translate3d(150px,0,0);
  transform: translate3d(150px,0,0);*/

}
#menu-toggle ~ #content {
/*
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
*/
}
.menu-toggle {display: none;}

@media only screen and (min-width: 1160px){
.mob-menu-right {
display: none;
}
}


