#svg{opacity: 0; z-index: 16;}
 .case-studies .panel {z-index: unset!important;}
      .cartender, .rabin, .medlock{opacity: 0}
      .case-studies {background: #fff;}
      .case-studies .panel .back1, .backIntro
      {
      position: absolute;
      content: "";
      width: 0vw;
      height: 100vh;
      top: 0;
      left: 0;
      }
      .backIntro
      {
      width: 100vw;
      opacity: 1;
      background: #fff;
      z-index: 22;
      }
      .case-studies .panel .back2
      {
      position: absolute;
      content: "";
      width: 0vw;
      height: 100vh;
      top: 0;
      left: 50%;
      }
      .case-studies .panel-medlock .bb {background: #7893C3!important}
      .case-studies .panel-cartender .bb {background: #F76D6D!important}
      .case-studies .panel-rabin .bb {background: #F0F0F0!important}



.left-bar.introC
{
	color: #F76D6D;
}
.left-bar.introC .left-bar-item:after
{
	background: #F76D6D;
}

.left-bar.cartenderC
{
	color: #F7E9A0;
}
.left-bar.cartenderC .left-bar-item:after
{
	background: #F7E9A0;
}

.left-bar.rabinC
{
	color: #7893C3;
}
.left-bar.rabinC .left-bar-item:after
{
	background: #7893C3;
}
.left-bar.medlockC
{
	color: #FFB677;
}
.left-bar.medlockC .left-bar-item:after
{
	background: #FFB677;
}
.left-bar.blogC
{
	color: #555;
}
.left-bar.blogC .left-bar-item:after
{
	background: #555;
}



.left-bar {

		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		z-index: 9998;
		left: 0;
		height: 100%;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: red
	
}

.left-bar-item {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 15px 40px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	color: inherit;
	font-weight: 700;
	font-size: 17px;
	line-height: 1;
	letter-spacing: .9px;
	text-align: left;
	text-transform: uppercase;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.left-bar-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 1px;
	width: 32px;
	margin: -1px 0 0 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	background: red;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.left-bar-item:nth-child(1) {
	-webkit-transition-delay: .17s;
	-moz-transition-delay: .17s;
	-o-transition-delay: .17s;
	transition-delay: .17s
}

.left-bar-item:nth-child(2) {
	-webkit-transition-delay: .24s;
	-moz-transition-delay: .24s;
	-o-transition-delay: .24s;
	transition-delay: .24s
}

.left-bar-item:nth-child(3) {
	-webkit-transition-delay: .31s;
	-moz-transition-delay: .31s;
	-o-transition-delay: .31s;
	transition-delay: .31s
}

.left-bar-item:nth-child(4) {
	-webkit-transition-delay: .38s;
	-moz-transition-delay: .38s;
	-o-transition-delay: .38s;
	transition-delay: .38s
}

.left-bar-item:nth-child(5) {
	-webkit-transition-delay: .45s;
	-moz-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s
}

.left-bar-item:nth-child(6) {
	-webkit-transition-delay: .52s;
	-moz-transition-delay: .52s;
	-o-transition-delay: .52s;
	transition-delay: .52s
}

.left-bar-item:nth-child(7) {
	-webkit-transition-delay: .59s;
	-moz-transition-delay: .59s;
	-o-transition-delay: .59s;
	transition-delay: .59s
}

.left-bar-item:nth-child(8) {
	-webkit-transition-delay: .66s;
	-moz-transition-delay: .66s;
	-o-transition-delay: .66s;
	transition-delay: .66s
}

.left-bar-item:nth-child(9) {
	-webkit-transition-delay: .73s;
	-moz-transition-delay: .73s;
	-o-transition-delay: .73s;
	transition-delay: .73s
}

.left-bar-item span {
	display: inline-block;
	max-width: 0;
	overflow: hidden;
	text-align: center;
	opacity: .6;
	-webkit-animation: left-bar-item-letter-out .3s;
	-moz-animation: left-bar-item-letter-out .3s;
	-o-animation: left-bar-item-letter-out .3s;
	animation: left-bar-item-letter-out .3s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s
}

.left-bar-item span:first-child {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
	max-width: 100%!important
}

.left-bar-item:active {
	opacity: .6
}

.left-bar-item.-active span {
	opacity: 1
}

.left-bar-item.-active:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

.left-bar-item:focus,
.left-bar-item:hover {
	color: inherit;
	text-decoration: none
}

.left-bar-item:focus:after,
.left-bar-item:hover:after {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0)
}

.left-bar-item:focus span,
.left-bar-item:hover span {
	opacity: 1;
	-webkit-animation: left-bar-item-letter-in steps(2) 50ms forwards;
	-moz-animation: left-bar-item-letter-in steps(2) 50ms forwards;
	-o-animation: left-bar-item-letter-in steps(2) 50ms forwards;
	animation: left-bar-item-letter-in steps(2) 50ms forwards
}

.left-bar-item:focus span:first-child,
.left-bar-item:hover span:first-child {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}

.left-bar-item:focus span:nth-child(2),
.left-bar-item:hover span:nth-child(2) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s
}

.left-bar-item:focus span:nth-child(3),
.left-bar-item:hover span:nth-child(3) {
	-webkit-animation-delay: .15s;
	-moz-animation-delay: .15s;
	-o-animation-delay: .15s;
	animation-delay: .15s
}

.left-bar-item:focus span:nth-child(4),
.left-bar-item:hover span:nth-child(4) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

.left-bar-item:focus span:nth-child(5),
.left-bar-item:hover span:nth-child(5) {
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-o-animation-delay: .25s;
	animation-delay: .25s
}

.left-bar-item:focus span:nth-child(6),
.left-bar-item:hover span:nth-child(6) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}

.left-bar-item:focus span:nth-child(7),
.left-bar-item:hover span:nth-child(7) {
	-webkit-animation-delay: .35s;
	-moz-animation-delay: .35s;
	-o-animation-delay: .35s;
	animation-delay: .35s
}

.left-bar-item:focus span:nth-child(8),
.left-bar-item:hover span:nth-child(8) {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}

.left-bar-item:focus span:nth-child(9),
.left-bar-item:hover span:nth-child(9) {
	-webkit-animation-delay: .45s;
	-moz-animation-delay: .45s;
	-o-animation-delay: .45s;
	animation-delay: .45s
}

.cb-navbar.-back .left-bar.cb-navbar-back .left-bar-item,
.cb-navbar.-open .left-bar.cb-navbar-backdrop .left-bar-item,
.cb-navbar.-open .left-bar.cb-navbar-menu .left-bar-item,
.left-bar.-visible .left-bar-item {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

     .case-studies {z-index: unset!important;}


header.main-header
{
	z-index: 9999;
}

@-webkit-keyframes left-bar-item-letter-out {
	0% {
		max-width: 100%
	}
	100% {
		max-width: 0%
	}
}

@-moz-keyframes left-bar-item-letter-out {
	0% {
		max-width: 100%
	}
	100% {
		max-width: 0%
	}
}

@-o-keyframes left-bar-item-letter-out {
	0% {
		max-width: 100%
	}
	100% {
		max-width: 0%
	}
}

@keyframes left-bar-item-letter-out {
	0% {
		max-width: 100%
	}
	100% {
		max-width: 0%
	}
}

@-webkit-keyframes left-bar-item-letter-in {
	0% {
		max-width: 100%;
	}
	100% {
		max-width: 100%;
	}
}

@-moz-keyframes left-bar-item-letter-in {
	0% {
		max-width: 100%;
	}
	100% {
		max-width: 100%;
	}
}

@-o-keyframes left-bar-item-letter-in {
	0% {
		max-width: 100%;
	}
	100% {
		max-width: 100%;
	}
}

@keyframes left-bar-item-letter-in {
	0% {
		max-width: 100%;
	}
	100% {
		max-width: 100%;
	}
}


      @media (max-width: 767px) {
      body.scrolljacked{overflow: auto;}
      #svg,
      .left-bar{display: none;}
      .case-studies .panel-medlock {background: #7893C3;}
      .case-studies .panel-cartender {background: #F76D6D;}
      .case-studies .panel-rabin {background: #F0F0F0;}
      }