#prim-nav{
	background-color: #212529;
	animation: changebkg 2s 1;
	animation-delay: 0.25s;
	animation-fill-mode: forwards;
}

@keyframes changebkg {
  from {background-color: #212529;}
  to {background-color: #ffffff;}
}

.nav-link{
	color: rgba(255,255,255,0.5);
	animation: changecolor 2s 1;
	animation-delay: 0.25s;
	animation-fill-mode: forwards;
}

@keyframes changecolor {
  from {color: rgba(255,255,255,0.5);}
  to {color: rgba(0,0,0,0.5);}
}

#logo-ij > path, #logo-ij > rect{
	fill: #fff;
	animation: changesvg 2s 1;
	animation-delay: 0.25s;
	animation-fill-mode: forwards;
}

@keyframes changesvg {
  from {fill: #fff;}
  to {fill: #000;}
}


.nav-link.active{
	color: rgba(0,0,0,1)!important;
	border-bottom: 1px solid rgba(0,0,0,1)!important;
}

.nav-link:hover{
	color: rgba(0,0,0,1)!important;
}

.nav-link > svg:hover{
	opacity: 1;
}

.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before{
	background: #000;
}









#food-gamma-performance{
	padding: 50vh 0;
}

#tech-specs{
	overflow-y: hidden;
}

#tech-specs .table-bordered td{
	border: none;/*1px solid #dee2e6;*/
}

figure#battery-backup img, figure#battery-backup img, figure#fast-interaction img, figure#always-on img{
		max-width: 150px;
	}


@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

	figure#battery-backup img, figure#battery-backup img, figure#fast-interaction img, figure#always-on img{
		max-width: 100px;
	}

}



#extrafeatures img.connectivity-left{
	position: absolute;
	max-width: 250px;
	left: 0;
	top: 0%;
	transform-origin: center;
	-webkit-transform: translate(55%,0%); /*rotate(-8deg);*/
	-moz-transform: translate(55%,0%); /*rotate(-8deg);*/
	-ms-transform: translate(55%,0%); /*rotate(-8deg)*/;
	-o-transform: translate(55%,0%); /*rotate(-8deg)*/;
	transform: translate(55%,0%); /*rotate(-8deg)*/;
	z-index: 1;
	/*-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;*/
	/*opacity: 1;*/
}

#extrafeatures img.connectivity-left.start{
	-webkit-transform: translate(55%,-35%);
	-moz-transform: translate(55%,-35%);
	-ms-transform: translate(55%,-35%);
	-o-transform: translate(55%,-35%);
	transform: translate(55%,-35%);
	opacity: 1;
}

#extrafeatures img.connectivity-right{
	position: absolute;
	max-width: 250px;
	right: 0;
	top: 0%;
	transform-origin: center;
	-webkit-transform: translate(-60%,0%)/* rotate(8deg)*/;
	-moz-transform: translate(-60%,0%) /*rotate(8deg)*/;
	-ms-transform: translate(-60%,0%) /*rotate(8deg)*/;
	-o-transform: translate(-60%,0%) /*rotate(8deg)*/;
	transform: translate(-60%,0%) /*rotate(8deg)*/;
	z-index: 1;
	/*-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	opacity: 1;*/
}

#extrafeatures img.connectivity-right.start{
	-webkit-transform: translate(-60%,-35%);
	-moz-transform: translate(-60%,-35%);
	-ms-transform: translate(-60%,-35%);
	-o-transform: translate(-60%,-35%);
	transform: translate(-60%,-35%);
	opacity: 1;
}

#extrafeatures img.connectivity-center{
	position: absolute;
	max-width: 900px;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%,20%);
	-moz-transform: translate(-50%,20%);
	-ms-transform: translate(-50%,20%);
	-o-transform: translate(-50%,20%);
	transform: translate(-50%,20%);
	z-index: 0;
	/*-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	opacity: 1;*/
}

#extrafeatures img.connectivity-center.start{
	-webkit-transform: translate(-50%,-60%);
	-moz-transform: translate(-50%,-60%);
	-ms-transform: translate(-50%,-60%);
	-o-transform: translate(-50%,-60%);
	transform: translate(-50%,-60%);
	opacity: 1;
}

/*#extrafeatures figcaption.connectivity-control{
	transform: translateY(150%);
}

#extrafeatures figure.scale-anim > img{
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

#extrafeatures figure.scale-anim > figcaption > *{
	opacity: 0;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

#extrafeatures figure.scale-anim.start > img{
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

#extrafeatures figure.scale-anim.start > figcaption > *{
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}*/

#food-gamma-performance{
	padding: 50vh 0;
}

#tech-specs{
	overflow-y: hidden;
}

#tech-specs .table-bordered td{
	border: none;/*1px solid #dee2e6;*/
}



@media (max-width: 1200px) {
	#extrafeatures img.connectivity-center{
		min-width: 950px;
	}

	#extrafeatures img.connectivity-right{
		max-width: 220px;
		-webkit-transform: translate(-15%,-50%);
		-moz-transform: translate(-15%,-50%);
		-ms-transform: translate(-15%,-50%);
		-o-transform: translate(-15%,-50%);
		transform: translate(-15%,-50%);
	}

	#extrafeatures img.connectivity-left{
		max-width: 220px;
		-webkit-transform: translate(15%,-50%);
		-moz-transform: translate(15%,-50%);
		-ms-transform: translate(15%,-50%);
		-o-transform: translate(15%,-50%);
		transform: translate(15%,-50%);
	}
}

@media (max-width: 992px) {

	#extrafeatures img.connectivity-center{
		min-width: 800px;
	}

	#extrafeatures img.connectivity-right{
		max-width: 200px;
		-webkit-transform: translate(-35%,-50%);
		-moz-transform: translate(-35%,-50%);
		-ms-transform: translate(-35%,-50%);
		-o-transform: translate(-35%,-50%);
		transform: translate(-35%,-50%);
	}

	#extrafeatures img.connectivity-left{
		max-width: 200px;
		-webkit-transform: translate(35%,-25%);
		-moz-transform: translate(35%,-25%);
		-ms-transform: translate(35%,-25%);
		-o-transform: translate(35%,-25%);
		transform: translate(35%,-25%);
	}

}

@media (max-width: 768px) {

	#extrafeatures #pinCTRL img.w-100{
		transform-origin: center;
    transform: scale(1.5) translateY(-10%); /*scale(2)*/
	}

	#extrafeatures img.connectivity-right{
		max-width: 150px;
		-webkit-transform: translate(35%,-50%);
		-moz-transform: translate(35%,-50%);
		-ms-transform: translate(35%,-50%);
		-o-transform: translate(35%,-50%);
		transform: translate(35%,-50%);
	}

	#extrafeatures img.connectivity-right.start{
		/*display: none;*/
		-webkit-transform: translate(-60%,-50%);
		-moz-transform: translate(-60%,-50%);
		-ms-transform: translate(-60%,-50%);
		-o-transform: translate(-60%,-50%);
		transform: translate(-60%,-50%);
	}

	#extrafeatures img.connectivity-left{
		max-width: 150px;
		-webkit-transform: translate(-35%,-25%);
		-moz-transform: translate(-35%,-25%);
		-ms-transform: translate(-35%,-25%);
		-o-transform: translate(-35%,-25%);
		transform: translate(-35%,-25%);
	}

	#extrafeatures img.connectivity-left.start{
		/*display: none;*/
		-webkit-transform: translate(55%,-50%);
		-moz-transform: translate(55%,-50%);
		-ms-transform: translate(55%,-50%);
		-o-transform: translate(55%,-50%);
		transform: translate(55%,-50%);
	}

	#extrafeatures img.connectivity-center{
		min-width: 600px;
	}

	#extrafeatures img.connectivity-center.start{
		-webkit-transform: translate(-50%,-70%);
		-moz-transform: translate(-50%,-70%);
		-ms-transform: translate(-50%,-70%);
		-o-transform: translate(-50%,-70%);
		transform: translate(-50%,-70%);
	}
}

@media (max-width: 576px) {

	/*#food-food-connectivity img.food-connectivity-right{
		display: none;
	}

	#food-food-connectivity img.food-connectivity-left{
		display: none;
	}*/

}