/* html, body {
  overflow-x: hidden;
  height: 100%;} */
.menuKnop {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  position: relative;
  overflow: hidden;
  z-index: 10;
  display:none;}
#sidebarMenu {
  height: 100%;
  position: fixed;
  z-index:888;
  top: 0px;
  /* left: calc(100% + (100% - 900px) / 2); */
  right: -1px;
  width:300px;
  max-width:50%;
  padding-top: 100px;
  transform: translateX(300px);
  transition: transform 250ms ease-in-out;
  background-color:#242d66;}
.sidebarMenuInner{
  margin:0;
  padding:0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li{
  list-style: none;
  color: #fff;
  /* text-transform: uppercase; */
  text-align: left;
  font-size: 1.1em;
  padding: 10px 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li span{
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.50);}
.sidebarMenuInner li a{
  color: #fff;
  /* text-transform: uppercase; */
  /* font-weight: bold; */
  cursor: pointer;
  text-decoration: none;}
input[type="checkbox"].openSidebarMenu:checked ~ #sidebarMenu {
  transform: translateX(0);}
input[type=checkbox].openSidebarMenu {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;}
.sidebarIconToggle {
  position: relative;
  z-index: 999;
  display:inline-block;
  transition:all 0.3s;
  cursor: pointer;
  z-index: 999;
  height: 40px;
  width: 40px;
  margin-right:20px;
  /* background-color:#fff; */
}
.spinner {
  transition: all 0.3s;
  position: absolute;
  height: 4px;
  width: 40px;
  background-color: #242d66;}
.horizontal {
  transition: all 0.3s;
  position: absolute;
  top:6px;}
.diagonal.part-1 {
  position: absolute;
  transition: all 0.3s;
  float: left;
  top:18px;}
.diagonal.part-2 {
  transition: all 0.3s;
  position: absolute;
  top:30px;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle{
  background-color: #242d66;
}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.1s;
  box-sizing: border-box;
  opacity: 0;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  transform: rotate(135deg);
  top:19px;
  left:3px;
  width:36px;
  background-color: #fff;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  transform: rotate(-135deg);
  top:19px;
  left:3px;
  width:36px;
  background-color: #fff;}

ul.sub-nav{
  margin:10px 0;
}
ul.sub-nav li a{
  color:#444;
  text-decoration: none;
}
ul.sub-nav li a.active{
  color:#242d66;
  font-family: "Roboto regular";
}

.main-nav ul,
ul.sub-nav{
  display:flex;
  justify-content: space-evenly;
}

@media (max-width : 1200px) {
	.main-nav,
  ul.sub-nav{
		display: none;
	}
  .menuKnop {
    display: inline-block;
  }
}