
	.control {
		position: fixed;
		width: 100%;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
		z-index: 10300;
	}
	.color-3 {
		margin: 75px 0px;
		height: calc(100% - 80px);
	}
	.nav-growpop .navbtn {
		position: absolute;
		top: 50%;
		display: block;
		outline: none;
		text-align: left;
		z-index: 1000;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		cursor: pointer;
		pointer-events: auto;
	}

	.nav-growpop .navbtn.prev {
		left: 0;
	}

	.nav-growpop .navbtn.next {
		right: 0;
	}


	/* Individual styles */


	/*--------------------*/
	/* Grow Pop */
	/*--------------------*/
	.nav-growpop .icon-wrap {
		position: relative;
		z-index: 100;
		display: block;
		padding: 20px 10px;
		border: 0px solid #333;
		background: #333;
		-webkit-transition: border-width 0.3s 0.15s;
		transition: border-width 0.3s 0.15s;
		pointer-events: none;
	}

	.nav-growpop .icon {
		color: #fff;
	}
	.nav-growpop .ct-wrp {
		position: absolute;
		top: 50%;
		/*right: 100%;*/
	}
	.nav-growpop div.ct {
		position: absolute;
		top: 50%;
		padding:10px;
		width: 180px;
		height:100px;
		box-sizing: content-box;
		background:#ececec;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}

    #body .nav-growpop div.ct h3 { font-size:90%; }
	.nav-growpop  .prev .ct-wrp { left: 0; }
	.nav-growpop  .next .ct-wrp { right: 0; }	

	.nav-growpop .navbtn.prev div {
		left: 0;
		padding: 20px 140px 20px 70px;
		text-align: right;
		-webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
		transform: translateY(-50%) translateX(-100%) scale(0.75);
	}

	.nav-growpop .navbtn.next div {
		pointer-events: auto;
		right: 0;
		padding: 20px 70px 20px 140px;
		-webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
		transform: translateY(-50%) translateX(100%) scale(0.75);
	}

	.nav-growpop .navbtn.prev div.noimg { padding-right:20px; }
	.nav-growpop .navbtn.next div.noimg { padding-left:20px; }

	.nav-growpop span {
		display: block;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
		color: #cdcdcd;
		text-transform: uppercase;
		line-height: 1.2;
		font-family: RobotoRegular; font-weight:normal; font-size:12px; color:#666;}

	.nav-growpop h3 { margin:0; padding:8px 0 10px; color:#333; font-size:16px; line-height: 1.2;
					  font-family: RobotoRegular; font-weight:normal;}


	.nav-growpop img {
		position: absolute;
		top: 20px;
		width: 100px;
		height: 100px;
		object-fit: cover;
		background-position:center center;
		background-size: contain;
		background-repeat:no-repeat;
	}

	.nav-growpop .navbtn.prev img {
		right: 20px;
	}

	.nav-growpop .navbtn.next img {
		left: 20px;
	}

	.nav-growpop .navbtn:hover .icon-wrap {
		border-top-width: 43px;
		border-bottom-width: 43px;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.nav-growpop .navbtn:hover div {
		opacity: 1;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
		-webkit-transform: translateY(-50%) translateX(0) scale(1);
		transform: translateY(-50%) translateX(0) scale(1);
	}

	#amain { width:70%; float:left; }
	#acatsel { width:100%; padding:5px 15px; border:none; background:#000; color:#fff;  }
    #acatsel option { padding-top:5px; padding-bottom:5px; }
	#rightnav { width:25%; float:right; margin-top:40px; }
    .adj-nav {border:1px solid #0c2c84; padding:20px; margin-bottom:40px;  }
    .adj-nav .adj-list      { display:flex; align-items:flex-start; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #0c2c84;} 
    .adj-nav .adj-list img  { width:30%; height:auto; margin-right:15px;}
    .adj-nav .adj-list p    {    font-family: 'Fjalla One'; font-size:100%; margin-bottom: 10px; line-height:normal; transition: all 0.3s ease-out;}
    .adj-nav .adj-list:hover    { cursor:pointer;}
    .adj-nav .adj-list:hover p,.adj-nav .adj-list.active p  { color:#e23b2b}
    .adj-nav .adj-list:last-child { border-bottom:none}	
    
	@media only screen and (max-width : 1024px) { 
		#amain { width:100%; float:none; }
    	#rightnav { float:none; display:none; }
	}
	@media screen and (max-width: 520px) {
		.nav-slide .navbtn.prev,
		.nav-reveal .navbtn.prev,
		.nav-doubleflip .navbtn.prev,
		.nav-fillslide .navbtn.prev,
		.nav-growpop .navbtn.prev {
			-webkit-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
		}

		.nav-slide .navbtn.next,
		.nav-reveal .navbtn.next,
		.nav-doubleflip .navbtn.next,
		.nav-fillslide .navbtn.next,
		.nav-growpop .navbtn.next  {
			-webkit-transform-origin: 100% 50%;
			transform-origin: 100% 50%;
		}

		.nav-slide .navbtn,
		.nav-reveal .navbtn,
		.nav-doubleflip .navbtn,
		.nav-fillslide .navbtn {
			-webkit-transform: scale(0.6);
			transform: scale(0.6);
		}

		.nav-growpop .navbtn {
			-webkit-transform: translateY(-50%) scale(0.6);
			transform: translateY(-50%) scale(0.6);
		}

		#amain { width:100%; float:none; }
    	#rightnav { float:none; display:none; }
	}