.main-left {
  display:none;
  position:fixed;
  top:0;
  right:0;
  left:45px;
  height:45px;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  z-index:100;
  -webkit-transition:left .25s ease-out;
  transition:left .25s ease-out
}
.main-left.scroll-down {
  left:0
}
.main-right {
  display:none;
  position:fixed;
  bottom:-45px;
  right:0;
  height:45px;
  -webkit-transform-origin:top right;
  transform-origin:top right;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  width:100vh;
  z-index:100;
  -webkit-transition:right .25s ease-out;
  transition:right .25s ease-out
}
@media screen and (min-width:641px) {
  .main-left,
  .main-right {
    display:block;
  }
}

@media screen and (max-width:640px) {
  .main-left,
  .main-right {
    display:none !important;
  }
}


.main-right.scroll-down {
  right:-45px
}
.main-left ul,
.main-right ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:0;
  margin:0;
  list-style:none
}
.main-left li, .main-right li {
  list-style:none
}
.main-left li a,
.main-right li a {
  display:inline-block;
  width:50vh;
  text-align:center;
  text-decoration:none;
  line-height:45px;
  font-size:.7rem;
  font-weight:400;
  letter-spacing:.05rem;
  text-transform:uppercase;
  color:#fff;
  font-family:aktiv-grotesk-extended,Helvetica Neue,Arial Narrow,sans-serif;
  font-weight:700;
  font-style:normal;
  outline:none;
  -webkit-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
.main-left li a {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.main-left a:hover,
.main-right a:hover {
	
	background-color: #515151 !important;
	transition: 0.25s;
	color: #fff !important;

}
.main-left li:first-child a,
.main-right li:last-child a,
.post-type-archive-education .main-left li:first-child a {
  background-color:#fff;
	color: #0a0648;;
}



.blog .main-left li:first-child a,
.category .main-left li:first-child a,
.page-template-education .main-right li:last-child a,
.page-template-page-education .main-right li:last-child a,
.page-template-page-student-stories .main-right li:last-child a,
.post-type-archive-curriculum .main-right li:last-child a,
.post-type-archive-education .main-right li:last-child a,
.post-type-archive-student_work .main-right li:last-child a,
.single-curriculum .main-right li:last-child a,
.single-post .main-left li:first-child a,
.single-student_work .main-right li:last-child a {
  background-color:#0ff;
}
.main-left li:last-child a,
.main-right li:first-child a {
  background-color:#b31b29;
  color:#fff;
}

.main-right li:nth-child(2) {
	
	background-color: #b31b29;
	
}
.main-right li:nth-child(2) a{
	
	color: #fff;
	
}


.main-left li:nth-child(2) a{
	
	color: #0a0648;
	
}



.main-left li:nth-child(2)  {
	
	background-color: #fff;
	
}

.page-template-page-experiences .main-right li:first-child a,
.post-type-archive-about .main-left li:last-child a,
.post-type-archive-exhibitions .main-right li:first-child a,
.post-type-archive-experiences .main-right li:first-child a {
  background-color:#242424;
}
.mobile-nav {
  position:fixed;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#1f1f21;
  top:0;
  bottom:0;
  width:100vw;
  left:-100vw;
  color:#ebebeb;
  z-index:50;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  overflow:auto
}
.mobile-nav.open {
  left:0
}
.mobile-nav ul {
  padding:0;
  margin:0;
  list-style:none;
  width:80%
}
.mobile-nav ul li a {
  display:block;
  padding:10px;
  color:#ebebeb;
  letter-spacing:.05rem;
  text-transform:uppercase;
  font-family:aktiv-grotesk-extended,Helvetica Neue,Arial Narrow,sans-serif;
  font-family:var(--highlight-font-family);
  font-weight:700;
  font-size:1.5em;
  font-style:normal;
  text-decoration:none;
  text-align:center;
  outline:none
}
.find-nav-outer {
  position:fixed;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0;
  padding:0;
  top:16px;
  right:16px;
  height:30px;
  list-style:none;
  z-index:55;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}


/* off canvas */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 60px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #b1b1b1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-right: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

ul#mainmenuItems > li.divider {
  
  display: none;
  
}