@charset "UTF-8";

	p {
		font-size: 20px;
		line-height: 22px;
	}

	#section-hero h2, #section-welcome h2, #section-tests h2, #section-smarter h2, #section-rack h2, #section-powerful h2, #section-situation h2, #section-multiple h2 {
		font-family: "dinbold", Arial, Helvetica, sans-serif;
	}

	h2, h3 {
		font-family: "dinbold", Arial, Helvetica, sans-serif;
	}

	#section-hero {
		height: 90vh;
		position:relative;
		display: block;
		padding-bottom: 700vh;
	}
	.black-bg {
		background-color: #000;
		height: 100vh;
		padding-top: 134px;
		position: fixed;
		width: 100%;
		z-index: 2;
		opacity: 1;
		visibility: visible;
		transition: 1s ease;
	}

	.scroller {
		position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 2;
		display: inline-block;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		color: #fff;
		letter-spacing: .1em;
		text-decoration: none;
		transition: opacity .3s;
		padding-top: 35px;
	}

	.scroller:hover {
		color: #fff;
	}

	.scroller span {
	    position: absolute;
	    top: 0;
	    left: 50%;
	    width: 24px;
	    height: 24px;
	    margin-left: -12px;
	    border-left: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-animation: sdb05 1.5s infinite;
	    animation: sdb05 1.5s infinite;
	    box-sizing: border-box;
	}

	@media (max-width: 786px) {
		.scroller {
			bottom: 50px;
			left: 45%;
		}
			#section-hero {
			height: 90vh;
			position:relative;
			display: block;
			padding-bottom: 775vh;
			margin-top:  10px;
		}
	}

	@media (max-width: 600px) {
		.scroller span {
			display:  none;
		}
	}

	.scroll-hide {
		display: none !important;
	}

	.black-bg .container {
		height: 100%;
		background-size: 0%;
		background-color: #000;
	}

	.rotating-text {
		height: 100%;
		background: url('../shadow-product-glow.html') no-repeat center center;
		background-size: contain;
		font-weight: 700;
		display: none;
	}

	.rotating-text .text-wrap .text {
		margin: 0;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  max-width: 725px;
	}

	.rotating-text .text {
		font-size: 35px;
		line-height: 37px;
		color: #fff;
		visibility: hidden;
		opacity: 0;
		text-align: center;
		transition: 1s ease;
	}

	.rotating-text .text.fade-in {
		line-height: 55px;
	}

	@media (max-width: 1200px) {
		.rotating-text .text {
			line-height: 37px;
		}
		.rotating-text .text:last-of-type.fade-in {
			line-height: 37px;
		}
		#section-hero{
			background-color: #000;
		}
	}

	@media (max-width: 900px) {
		.black-bg {
			padding-top: 0px;
		}
		.rotating-text .text {
			font-size: 25px !important;
			line-height: 27px !important;
		}
	}


	.rotating-text .text.fade-in {
		display: block;
		opacity: 1;
		visibility: visible;
		margin-top: 0px;
		transition: 0.5s ease;
	}

	.rotating-text.bg-erase {
		background-size: 1px;
	}

	.fade-out {
		opacity: 0 !important;
		visibility: hidden !important;
		transition: 1s ease;
	}

	.bgfade-out {
		opacity: 0 !important;
		visibility: hidden !important;
		transition: 0.5s ease;
	}

	#bgend {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 200vh;
	}

	#bgstart {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 500vh;
	}

	#rotate-text-p1 {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 630vh;
	}

	#rotate-text-p2 {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 610vh
	}

	#rotate-text-p3 {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 525vh
	}

	#rotate-text-p4 {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 445vh
	}

	#rotate-text-p5 {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 350vh
	}

	#fadebg {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 350vh
	}

	#hero-initial {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 300vh
	}

	.hero-product .hideimg {
		opacity: 0;
		visibility: hidden;
		transition: 0.8s ease;
	}

	.hero-product .showimg {
		transition: 0.8s ease;
	}

	#hero-flare {
		position: absolute;
        bottom: 0;
        width: 100%;
        height: 166vh
	}

	.no-flare {
		background: url('../png/product-reveal.png') no-repeat center top;
		background-size: contain;
		transition: 1s ease;
	}

	.flare {
		background: url('../product-reveal-flare.html') no-repeat center bottom;
		background-size: contain;
		transition: 1s ease;
		width: 100%;
	}

	/* custom fix for widen */
	.hero-wrapper .bg-wrap .container .row {
			max-width:1240px;
	}

	@media (min-width:1300px) {
		.hero-wrapper .bg-wrap .container .row {
			float:right;
			margin-right:10%;
		}
	}
	/* end custom fix for widen */

	@media (min-width: 1500px) {
		.flare {
			width: 110%;
		}
	}


	.text-wrap:before {
	content: '';
		position: fixed;
		top: -1500px;
		    left: -1500px;
		height: 3000px;
		width: 4000px;
		background-size: 100%;
		background-color: #000;
		z-index:0;
		transition: 1.5s ease;
		opacity: 0;
	}

	.hide-bg:before {
		opacity: 1;

	}

	.hide-bg {
		background: transparent;
		transition: 1s ease;
	}

	.hero-wrapper {
		visibility: hidden;
		opacity: 0;
		z-index: 0;
	}

	.hero-wrapper .bg-wrap {
		margin: 0;
	    position: absolute;
	    width: 100%;
	    top: 50%;
	    left: 50%;
	    padding: 2em 0;
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);

	}

	.hero-wrapper .bg-wrap:before {
		position: absolute;
	    width: 100%;
	    top: 50%;
	    left: 50%;
	    padding: 1.5em 0;
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
		content: '';
		height: 100%;
		width: 100%;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,93,170,1) 100%);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.3)  ;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3)  ;
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3)  ;
	transition:1s ease;
	visibility: visible;
	opacity: 1;
	}

	.hero-wrapper .hero-bg:before {
		visibility: hidden;
	opacity: 0;
	    -ms-transform: translate(150%, -50%);
	    transform: translate(150%, -50%);

	}

	.hero-wrapper.fade-in {
		visibility: visible;
		opacity: 1;
/* 		height: calc(100vh - 129px); */
/*     margin-top: 129px; */
		height: 100vh;
		position: fixed;
		width: 100%;
}

.hero-wrapper.fade-in:after {
	z-index:-1;
	content: '';
	height: 100%;
	width: 100%;
	background: rgb(222,234,244);
background: linear-gradient(0deg, rgba(222,234,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(222,234,244,1) 100%);
display: block;}

@media (min-width: 768px) and (max-width: 1023px) }{
.hero-wrapper .bg-wrap>.container {
    max-width: 100%;
    width: 990px;
    padding: 0;
}
}

	@media (min-width: 1241px) {
		.hero-wrapper .hero-product {
		    margin: -360px 0px;
		}


	}




	@media only screen
	and (min-device-width: 1024px)
	and (max-device-width: 1024px)
	and (orientation: portrait)
	and (-webkit-min-device-pixel-ratio: 2) {
		.hero-wrapper .hero-product {
		    margin: -260px 0px;
		}

		.column-img.col-md-8 {
		    -webkit-box-flex: 0;
		    -ms-flex: 0 0 65.666667% !important;
		    flex: 0 0 65.666667% !important;
		    max-width: 65.666667% !important;
		}

		#section-multiple .col-sm-6 {
		    -webkit-box-flex: 0;
		    -ms-flex: 0 0 49%;
		    flex: 0 0 49%;
		    max-width: 49%;
		}
	}

	@media (max-width: 1000px) {
		.hero-wrapper .hero-product {
		    margin: -170px 0px;
		}

		.hero-wrapper .bg-wrap {
			    padding: 2em 0;

		}

		.column-text p {
			line-height: 26px;
		}


	}

	@media (max-width: 768px) {
		.hero-wrapper .hero-product {
		    margin: 0px;
		}

		.flare .hideimg {
		    opacity: 1 !important;
		    visibility: visible !important;
		}

	}

	.hero-wrapper .column-img, .hero-wrapper .column-text {
		transition: 1s ease;
	}

	.column-text h2 {
		text-transform: uppercase;
		color: #005daa;
		text-align: center;
		font-size: 35px;
		line-height: 37px;
	}

	.column-text p {
		font-family: "dinbold", Arial, Helvetica, sans-serif;
		font-size: 30px;
		color: #4b4b4b;
	}

	@media (max-width: 1365px) {
		.column-text h2 {
			font-size: 25px;
    		line-height: 30px;
		}

		.column-text p {
		    font-size: 19px;
		    line-height: 23px;
		}

	}

	@media (max-height: 500px) {
		.column-text h2 {
			font-size: 25px;
    		line-height: 27px;
		}

		.column-text p {
		    font-size: 19px;
		    line-height: 22px;
		}

		#hero-initial {
		    position: inherit;
		}

		.hero-wrapper .bg-wrap {
			    padding: 1em 0;

		}
	}

	@media (max-width: 844px) {
		.column-img {

		    margin: 0 auto;
		    margin-top: -10%;
		    width: 100%;
		    padding: 0px;

		}
	}

	@media (max-height: 500px) {
		.column-img {
		    margin: 0 auto;
		    margin-top:0px;
		    width: 100%;
		    padding: 0px;
		    max-width: 400px;
		}

		.hero-wrapper .hero-product {
		    margin: -150px 0px;
		}

	}

	.column-text p {
		max-width: 400px;
	    font-weight: 700;
	    text-align: center;
	    margin: 0 auto;
	    font-size: 24px;
	    line-height: 35px;
	    letter-spacing: -0.6px;
	}

	@media (max-width: 1025px) {
		.column-text p {
			font-size: 21px;
			line-height: 26px;
		}
	}

	.hero-text-initial {
		transform: translateX(-100%);
	    visibility: hidden;
	    opacity: 0;
	    transition: 1s ease;
	}

	.hero-image-initial {
		position: inherit;
	    width: 100%;
	    /* top: 50%; */
	    /* left: 50%; */
	    transform: translate(-25%);
	    transition: 1s ease;
	}

	@media (max-width: 768px) {
		.hero-wrapper.fade-in {
			margin-top: 127px !important;
			height: calc(100vh - 82px) !important;
		}

		.hero-wrapper .bg-wrap {
			height: 100%;
		}

		.bg-wrap .container {
			padding: 0px;
		}

		.hero-wrapper .bg-wrap:before {
			background: rgb(255,255,255);
			    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,93,170,1) 100%);
		}

		.hero-text-initial {
			transform: none;
		    visibility: hidden;
		    opacity: 0;
		    transition: 1s ease;
		}

		.hero-image-initial {
			position: inherit;
		    width: 100%;
		    /* top: 50%; */
		    /* left: 50%; */
		    -webkit-transform: translateY(-50%);
		    transition: 1s ease;
		}
	}

	@media (max-width: 600px) {
		.hero-wrapper.fade-in {
			margin-top: 127px !important;
			height: calc(100vh - 82px) !important;
		}
	}

	@media screen and (max-width: 768px) and (max-height: 1024px) {
		#hero-initial {
		    position: absolute;
		    bottom: 0;
		    width: 100%;
		    height: 430vh;
		}

		#section-flexible .column-bottom {
		    height: 54vh !important;
		    position: absolute !important;
		    width: 92%;
		    bottom: 200px !important;
		}

	}

	@media (max-height: 500px) {
	.hero-wrapper.fade-in {
	    margin-top: 0px !important;
	    height: 100vh !important;
		}

		.column-text {
			padding: 5em 0;
		}



	}

	.hero-wrapper.remove-fixed {
		position: relative;
		transition: 2s ease;
	}

	#section-welcome  {
		padding: 6em 0em;
		background-color: #fff;
		border-top: 10px solid #005daa;
		z-index: 0;
		overflow: hidden;
	}

	@media (max-width: 1250px) {
		#section-welcome {
			padding: 4em 0em;
		}
	}

	#section-welcome .wrapper-title {
		margin-bottom: 1.5em;
	}



	#section-welcome h2 {
		color: #005daa;
			vertical-align: bottom;
		    position: relative;
		    top: 50%;
		    -ms-transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
		    transform: translateY(-50%);
		    padding: 0px;
		}

	@media (min-width: 570px) {
		.no-pad {
			padding: 0px;
		}


		#section-tests .icon, #section-adaptive .icon {
			vertical-align: bottom;
		    position: relative;
		    top: 50%;
		    -ms-transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
		    transform: translateY(-50%);
		}


	}



	#section-welcome:after {
		background: url(../product-screen.html) no-repeat 100% 42%;
		background-size: 54%;
		position: absolute !important;
	    width: 100%;
	    top: 50%;
	    left: 50%;
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
		content: '';
		height: 90vh;
		width: 100%;
		z-index: 1;
	}

	@media (min-width: 1025px) {
		#section-welcome .welcome-spark {
			display: block;
		}


	}

	@media (max-width: 1480px) {
		#section-welcome:after {
		    background: url(../product-screen.html) no-repeat 100% 28%;
		    background-size: 68%;
		    position: absolute !important;
		    width: 100%;
		    top: 50%;
		    left: 63%;
		    -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		    content: '';
		    height: 90vh;
		    width: 100%;
		}
	}

	.cropped-product {
		display: none;
	}

	@media (max-width: 1024px) {
		#section-welcome:after {
				display: none;
		}

		#section-welcome {
			padding: 1.5em 0em 0em;
		}

		.col-lg-6.center-column, .col-lg-6.welcome-spark {
		    -webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}

		.welcome-spark {
			display: none;
		}

		.cropped-product {
			display: block;
			width: 100%;
		}
	}

	@media (max-width: 600px) {
		#section-welcome:after {
			    bottom: -36%;
		}

	}

	@media (max-width: 500px) {
		#section-welcome:after {
			    bottom: -42%;
		}

	}

	@media (max-width: 400px) {
		#section-welcome:after {
			    bottom: -44%;
			    width: 147%;
			        left: -24%;
		}

	}

	.welcome-spark img {
		opacity: 0;
		visibility: hidden;
	}

	@media (min-width: 1025px) {
		 .center-column {
			padding-right: 3em !important;
		}
	}

	#section-tests {
		background-color: #d1f7fb;
		padding: 4em 0em;
	}

	#section-tests .col-md-12>.row>div {
		margin-bottom:1em;
	}

	#section-tests .col-md-12:last-of-type>.row>div {
		margin-bottom:0em;
	}

	@media (max-width: 770px) {
		#section-texts h2 {
			text-align: center;
		}
	}

	@media (max-width: 575px) {
		#section-tests {
			text-align: center;
		}

		#section-tests .col-md-12>.row>div {
			margin-bottom:2em;
		}

		#section-tests .col-md-12:last-of-type>.row:last-of-type>div {
		margin-bottom:2em;
	}
	}

	#section-tests .x-pad {
		padding-bottom: 1em;
	}

	#section-smarter {
		background-color: #a1a1a1;
		padding: 4em 0em;
		z-index: 1;
	}

	#section-smarter h2 {
		color: #fff;
	}

	#section-smarter:before {
		content: '';
		background: url('../plug-bg-new.html') no-repeat top left;
		height: 139px;
		width: 1630px;
		position: absolute;
		top: 1.5em;
		right: -1200px;
		transition: 1s ease;

	}


	@media (max-width: 1024px) {
		#section-smarter:before {
			display: none;
		}

		.plugin {
			height: 115px;
		}

		.plugin:before {
			content: '';
			    background: url(../plug-bg-new.html) no-repeat top left;
			    height: 135px;
			    width: 1275px;
			    position: absolute;
			    top: 1em;
			    left: 60%;
			    transition: 1s ease;
			    background-size: contain;
		}

		.smart-plug .plugin:before {
			left: 0%;
		}
	}



	#section-smarter:after {
		content: '';
		display:block;
		position:relative;
		width: 100%;
		height: 205px;
		background: url('../hva-bg.html') no-repeat top center;
		margin: 3em 0 1em;
	}

	.smart-plug:before {
		right: -550px !important;

	}

	@media (max-width: 1700px) {
		.smart-plug:before {
			right: -650px !important;
			transition: 1s smooth;
		}
	}

	@media (max-width: 1500px) {
		.smart-plug:before {
			right: -850px !important;
			transition: 1s smooth;
		}
	}

	@media (max-width: 1300px) {
		.smart-plug:before {
			right: -1050px !important;
			transition: 1s smooth;
		}
	}

	@media (max-width: 1100px) {
		.smart-plug:before {
			right: -1250px !important;
			transition: 1s smooth;
		}
	}

	@media (max-width: 900px) {
		.smart-plug:before {
			right: -1450px !important;
			transition: 1s smooth;
		}
	}

	.smart-plug:after {
		background: url('../hva-bg.html') no-repeat bottom center !important;
		transition-delay: 0.5s;
	}

	#plugin-ports .port {
		height: 199px;
		width: 403px;
		background-size: cover;
		text-align: center;
	}

	#section-rack {
		z-index: 0;
		background: rgb(80,80,80);
		background: linear-gradient(90deg, rgba(80,80,80,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(80,80,80,1) 100%);
	}

	#section-rack .rack-wrap {
		max-width: 950px;
		margin: 0 auto;
		z-index: -1;
		position: relative;
	}

	#section-rack .rack-box-text {
		max-width: 950px;
		max-height: 425px;
	}

	#section-rack .rack-box-img {
		max-height: 425px;
	}

	#section-rack h2 {
		color: #10bee8;
	}

	#section-rack .rack-text {
		text-align: center;
		color: #fff;
		position: absolute;
		  top: 50%;
		  left: 50%;
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
	}

	.img-anchor {
		opacity: 0;
		visibility: hidden;
	}

	.rack-img-slide {
		position: absolute;
		bottom:-450px;
		transition: 0.5s ease;
		left:0px;
	}

	.rack-img-slide.rack-position {
		bottom:1px;
		top: inherit;
		transition: 1.5s ease;
		left:0px;
	}

	.rack-img:before {
		content: '';
		height: 425px;
		width: 72px;
		background: url('../left-clip.html');
		background-position: top right;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: -1000px;
		transition-delay: 0.5s;
		transition: 0.5s ease;
	}

	.rack-sides:before {
		left:-72px;
		transition-delay: 0.5s;
		bottom:0px;
	}

	.rack-img:after {
		content: '';
		height: 425px;
		width: 72px;
		background: url('../right-clip.html');
		background-position: top left;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: -1000px;
		transition-delay: 0.5s;
		transition: 0.5s ease;
		z-index: 0;
	}

	.rack-sides:after {
		right: -72px;
		transition-delay: 0.5s;
		bottom:0px;
	}

	@media (max-width: 1025px) {
		.rack-img:before, .rack-img:after {
			height: 322px;
		}
	}

	@media (max-width: 900px) {
		.img-anchor, .rack-img-slide {
			padding: 0 0.4em;
		}

		.rack-img:before, .rack-img:after {
			height: 280px;
		}

		.rack-img:before {
			 left: -12px;
		}

		.rack-img:after {
			 right: -12px;
		}
	}

	@media (max-width: 600px) {
		.rack-img:before, .rack-img:after {
			height: 180px;
		}

		.rack-img:before {
			 left: -63px;
		}

		.rack-img:after {
			 right: -62px;
		}
	}

	@media (max-height: 500px) {
		.rack-img:before, .rack-img:after {
			height: 400px;
		}

		.rack-img:before {
			 left: -64px;
		}

		.rack-img:after {
			 right: -64px;
		}
	}

	#section-adaptive {
		background-color: #434343;
		color: #fff;
		padding: 3em 0em 1em;
	}

	#section-adaptive h2, #section-adaptive h3 {
		color: #fff;

	}

	@media (max-width: 900px) {
		#section-adaptive h3 {
		color: #fff;
		font-size: 22px;
	}

	}

	#section-flexible:before {
		content:'';
		display: block;
		position: absolute;
		top: 0px;
		height: 300px;
		background: url('../bottom-bg.html') no-repeat top center;
		width: 100%;
	 	margin: 0 auto;
	 	background-size:contain;
	}



	#section-flexible {
		background-color: #fff;
		padding-top:170px;
		height: 365vh;
		z-index: 0;
	}

	.fix-wrapper {
		 margin: 0 auto;
		 width: 100%;
		 position: relative;
		 z-index: 4;
		 top: 134px;
		 margin-top: -150px;
	}

	.fix-flex {
		position: fixed !important;
		margin-top: 50px;
	}

	@media (max-width: 768px) {
		.fix-flex {
			margin-top: 50px;
		}

		.x-pad h2 {
			    padding-bottom: 1.5em;
		}


	}

	#section-flexible .bg-wrap {
	    height: calc(100vh - 134px);
	    width: 100%;
	    z-index: 1;
	    transition: 1s ease;
	    padding: 0em 9em 10em;
	}
	#section-flexible .flexible-bg {
		background: url('../base-module-bg.html') no-repeat;
		background-size: contain;
		height: 100%;
	}

	#section-flexible .flexible-bg.command-bg {
		background: url('../large-command-module.html') no-repeat;
		background-size: contain;
		height: 100%;
		transition-delay: 0.25s;
	}

	#section-flexible .flexible-bg.logic-bg {
		background: url('../large-logic-module.html') no-repeat;
		background-size: contain;
		height: 100%;
		transition-delay: 0.25s;
	}

	#section-flexible .flexible-bg.voltage-bg {
		background: url('../large-voltage-module.html') no-repeat;
		background-size: contain;
		height: 100%;
		transition-delay: 0.25s;
	}

	#section-flexible .flexible-bg.current-bg {
		background: url('../large-current-module.html') no-repeat;
		background-size: contain;
		height: 100%;
		transition-delay: 0.25s;
	}

	#section-flexible .flexible-bg.simulator-bg {
		background: url('../large-simulator-module.html') no-repeat;
		background-size: contain;
		height: 100%;
		transition-delay: 0.25s;
	}

	#section-flexible .column-bottom {
		height: 59vh;
	    position: absolute;
	    bottom: 0px;
	    z-index: 2;
	    max-width: 1140px;
	}

	@media (max-width: 1240px) {
		#section-flexible .column-bottom {
			max-width: 990px;
		}
	}

	@media (max-width: 1023px) {
		#section-flexible .column-bottom {
			max-width: 720px;
		}
	}

	@media (max-width: 781px) {
		#section-flexible .column-bottom {
			height: 80vh;
	    	position: absolute !important;
	    	width: 92%;
		}

		.section-flexible .column-bottom img {
			display: none !important;
		}

		#section-flexible .bg-wrap {

		    padding: 0em 2em;
		}


		#section-flexible p {
			font-size: 16px;
    		line-height: 18px;
		}


	}

	@media (max-width: 700px) {
		#section-flexible .flexible-bg {
			display: none;
		}

		.disclaimer p {
			display: none;
		}
	}

	@media (max-height: 700px) {
		.intro-text {
			max-width: 75%;
		}
	}

	@media (max-height: 500px) {
		#section-flexible {
			padding-top: 20px;
		}

		.fix-wrapper {
		    top: 0px;
		    margin-top: 0px;
		}

		.fix-flex {
			top: 30px;
		}

		.intro-text {
			max-width: 75%;
		}

		.intro-text h2 {
			font-size: 20px;
			line-height: 22px;
		}

		.intro-text p {
			font-size: 16px;
			    line-height: 18px;
		}

		.disclaimer p{
			font-size: 12px;
		}

		#section-flexible .column-bottom {
			height: 80vh;
			bottom: -25px;
		}

		.column-blue section:last-of-type img {
			display: none;
		}

		.column-blue section img {
			max-height: 50px !important;
		}

		.column-blue h3 {
			font-size: 20px;
			line-height: 22px;
		}

		.column-blue p {
			font-size: 15px;
			    line-height: 17px;
		}

		#section-flexible:before {
			display: none;
		}

		#section-flexible .bg-wrap {
		    padding: 0em 2em 2em;
		}
	}

	.fix-flex .column-bottom {
		position: fixed !important;
	}

	#section-flexible .disclaimer p {
		position: absolute;
		bottom:0px;
	}

	#section-flexible .column-blue {
		background: rgb(0,93,170);
background: linear-gradient(0deg, rgba(0,93,170,1) 0%, rgba(0,93,170,1) 40%, rgba(0,93,170,0.700717787114846) 100%);
		-webkit-box-shadow: -3px 8px 3px 3px rgba(0,0,0,0.66);
		box-shadow: -3px 8px 3px 3px rgba(0,0,0,0.66);
		height: 100%;
		transform: matrix(1, 0, 0, 1, 0, 1000);
	    transition: 0.5s ease;
	    padding: 0px;
	}

	.column-blue section {
		position: absolute;
		top: 0px;
		padding: 0px 15px;
		transition: 0.5s ease;
		width: 100%;
		text-align: center;
	}

	#section-flexible .column-blue h3 {
		color: #fff;
		font-weight: 700;
		text-align: center;
		padding: 15px;
	}

	#section-flexible .column-blue p {
		color: #fff;
		text-align: left;
	}

	.column-blue section img {
		max-height: 175px;
		max-width: 100%;
		    margin: 0 auto;
		    margin-bottom: 1em;
	}
	/* establish position of first module text */
	.module-command {
		opacity: 1;
	    visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	/* hide first module text*/
	.logic-module .module-command {
	    opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, -260, 0);
	    transition: 0.5s ease;
	}

	/* establish position of second module text*/
	.module-logic {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, 260, 0);
	    transition: 0.5s ease;
	}

	/* display second module text*/
	.logic-module .module-logic {
		opacity: 1;
	    visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	/* hide second module text*/
	.voltage-module .module-logic {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, -260, 0);
	    transition: 0.5s ease;
	}

	/* establish position of voltage module text*/
	.module-voltage {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, 260, 0);
	    transition: 0.5s ease;
	}

	/*  display voltage module text*/
	.voltage-module .module-voltage {
		opacity: 1;
	    visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	/* hide voltage module text*/
	.current-module .module-voltage {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, -260, 0);
	    transition: 0.5s ease;
	}

	/* establish position of fourth module text*/
	.module-current {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, 260, 0);
	    transition: 0.5s ease;
	}

	/*  display current module text*/
	.current-module .module-current {
		opacity: 1;
	    visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	/* hide current module text*/
	.simulator-module .module-current {
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, -260, 0);
	    transition: 0.5s ease;
	}



	/* establish position of fifth module text*/
	.module-simulator{
		opacity: 0;
	    visibility: hidden;
		transform: matrix(1, 0, 0, 1, 260, 0);
	    transition: 0.5s ease;
	}

	/*  display current module text*/
	.simulator-module .module-simulator {
		opacity: 1;
	    visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}



	#blue-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
		height: 350vh;
	}

	#logic-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
		height: 300vh;
	}

	#voltage-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
		height: 250vh;
	}

	#current-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
		height: 200vh;
	}

	#simulator-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
		height: 150vh;
	}

	#section-flexible .column-blue.column-display {
		transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	#section-powerful {
		background: url('../powerful-bg.html') no-repeat top left, #005daa;
		background-size: contain;
		padding: 2.5em 0em;
		color: #fff;
		z-index: 3;

	}

	#section-powerful p, #section-powerful h3 {
		color: #fff;
	}

	#section-powerful h2 {
		color: #005daa;
		    max-width: 500px;
	}

	#section-powerful .text-box {
		    margin-top: 38vh;
	    padding-left: 5em;
	}

	@media (min-width: 1000px) {
		#section-powerful {
			background-position-y: -35px;
		}
	}

	@media (min-width: 1300px) {
		#section-powerful {
			background-size: auto;
		}
	}

	@media (max-width: 980px) {
		#section-powerful .text-box {
			padding-left: 15px;
			margin-top: 35vh;
		}
	}

	@media (max-width: 725px) {
		#section-powerful .text-box {
			padding-left: 30px;
			margin-top: 30vh;
		}
	}

	@media (max-width: 600px) {
		#section-powerful .text-box {
			padding-left: 15px;
			margin-top: 25vh;
		}

		#section-powerful {
			padding: 1.4em 0em;
		}

		#section-powerful h2 {
			font-size: 20px;
		}
	}

	#section-situation {
		height: 1000vh;
		width: 100%;
		background-image: none;
		z-index: 0;
		overflow: hidden;
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}

	.fix-situation {
		background: url('../bg-test.html') no-repeat center center;
		background-size: cover;
		 margin: 0 auto;
		 width: 100%;
		 position: relative;
		height: calc(100vh - 134px);
		-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}

	.fix-situation.fixed {
		 position: fixed;
/* 		 top: 134px; */
		 z-index:1;
/* 		 height: calc(100vh - 134px); */
		height: 100vh;
		 background: transparent;
	}



	@media (max-width: 990px) {
		.fix-situation {
			height: calc(100vh - 127px);

		}
		.fix-situation.fixed {
			 position: fixed;
			 top: 174px;
			 z-index:1;
			 height: calc(100vh - 174px);
			 background: transparent;
		}
	}

	@media (max-height: 500px) {
		.fix-situation {
			height: 100vh;

		}
		.fix-situation.fixed {
			 position: fixed;
			 top: 0px;
			 z-index:1;
			 height: 100vh;
			 background: transparent;
		}
	}

	@media (max-width: 450px) {
		.fix-situation.fixed {
			 position: fixed;
			 top: 170px;
			 z-index:1;
			 height: calc(100vh - 170px);
			 background: transparent;
		}
	}

	#section-situation .panel {
		height: 100%;
		width: 100%;
	}

	#section-situation .panel.bg1 {
		background: url('../bg-test.html') no-repeat center top;
		background-size: cover;
		height: 100vh;
	}

	#section-situation .panel.bg2 {
		background: url('../bg-switchgear.html') no-repeat center top;
		background-size: cover;
		height: 100vh;
		padding-bottom:100vh;
	}

	#section-situation .panel.bg3 {
		background: url('../bg-transformer.html') no-repeat center top;
		background-size: cover;
		height: 100vh;
		padding-bottom:100vh;
	}

	#section-situation .panel.bg4 {
		background: url('../bg-accessory.html') no-repeat center top;
		background-size: cover;
		height: 100vh;
	}

	#section-situation .panel.bg5 {
		background: url('../bg-other.html') no-repeat center center;
		background-size: cover;
		height: 100vh;
	}



	#section-situation .text-row.top {
		background-color: #434343;
		text-align: center;
		padding: 1em 1em;
	}

	#section-situation .text-row.bottom {
		background-color: #434343;
		text-align: center;
		padding: 0.25em 1em;
		height: 109px;
	}

	#section-situation .text-row h2 {
		padding: 0px;
		color: #fff;
	}

	#section-situation .bottom-wrap {
		max-width: 700px;
		    position: relative;
		    display: block;
		    margin: 0 auto;
	}

	#section-situation .text-row h2 {
		font-size: 32px;
		line-height: 36px;
	    margin: 0 auto;
	    color: #fff;
	    position: absolute;
	    height: 92px;
	    vertical-align: middle;
	    text-align: center;
	    width: 100%;
	    visibility: hidden;
	    opacity: 0;
	    transform: matrix(1, 0, 0, 1, 0, 30);
	    transition: 0.5s ease;
	     padding: 1em 0;
	}



	#section-situation .text-row h2.text-up {
		visibility: visible;
	    opacity: 1;
	    transform: matrix(1, 0, 0, 1, 0, 0);
	    transition: 0.5s ease;
	}

	h2.bottom-text2, h2.bottom-text3, h2.bottom-text4 {
		padding: 1em 0;
	}

	#section-situation .top {
		position: absolute;
		top: 0px;
		z-index: 1;
	}

	#section-situation .fix-situation.fixed:before {
		content: '';
	    height: 200px;
	    width: 100%;
	    background-color: #fff;
	    z-index: -12;
	    display: block;
	    position: absolute;
	    top: -200px;
	    left: 0px;
	}

	#section-situation .test-panel {
		opacity: 0;
		visibility: hidden;
		background: rgb(0,93,170);
		background: linear-gradient(90deg, rgba(0,93,170,1) 0%, rgba(0,93,170,0.65) 100%);
		color: #fff;
		height: 100%;
		width: 50%;
		position: absolute;
	}



	#section-situation .test-panel.right {
		right: 0px;
	}

	#section-situation .test-panel.left {
		left: 0px;
	}

	#section-situation .test-panel h2, #section-situation .test-panel h3, #section-situation .test-panel li {
		color: #fff;
	}

	#section-situation .test-panel ul {
		padding-left: 1.5em;
	}

	#section-situation .test-panel ul.light-icon li {
		list-style-image: url('../bullet-bolt.html');
		font-size: 16px;
		    line-height: 20px;
	}



	#section-situation .test-panel.right .panel-wrap {
		width: 60%;
		float: left;
		margin-top: calc(109px + 2em);
		margin-left: 2em;
	}

	#section-situation .test-panel.left .panel-wrap {
		width: 60%;
		float: right;
		margin-top: calc(109px + 2em);
		margin-right: 2em;
	}

	#section-situation .test-panel.panel1 {
		opacity: 1;
		visibility: visible;
		transform: matrix(1, 0, 0, 1, 0, 0);
	}

	#section-situation .panel1.hide-panel {
		transform: matrix(1, 0, 0, 1, -1800, 0);
		transition: 0.5s ease;
	}

	#section-situation .test-panel.right {
		transform: matrix(1, 0, 0, 1, 1800, 0);
		transition: 0.5s ease;
	}

	#section-situation .test-panel.left:nth-of-type(3), #section-situation .test-panel.left:nth-of-type(4), #section-situation .test-panel.left:nth-of-type(5), #section-situation .test-panel.left:nth-of-type(6) {
		transform: matrix(1, 0, 0, 1, -1800, 0);
		transition: 0.5s ease;
	}

	#section-situation .test-panel.right.show-panel {
		transform: matrix(1, 0, 0, 1, 0, 0);
		transition: 0.5s ease;
		opacity: 1;
		visibility: visible;
	}

	#section-situation .test-panel.left.show-panel {
		transform: matrix(1, 0, 0, 1, 0, 0);
		transition: 0.5s ease;
		opacity: 1;
		visibility: visible;
	}

	@media (max-width: 1050px) {
		#section-situation .test-panel {
			width: 100%;
		}

		#section-situation .test-panel.left .panel-wrap {
			width: 100%;
			padding: 2em;
		}

		#section-situation .test-panel.right.show-panel {
			width: 100%;
			padding: 2em;
			margin-left: 0px !important;
		}

		#section-situation .test-panel.left.show-panel {
			width: 100%;
			padding: 2em;
			margin-right: 0px !important;
		}

		#section-situation .test-panel.right .panel-wrap {
			width: 100% !important;
			padding: 2em !important;
			margin-left: 0px !important;
			margin-top: 5em !important;
		}

		#section-situation .test-panel.left .panel-wrap {
			width: 100% !important;
			padding: 2em !important;
			margin-right: 0px !important;
			margin-top: 5em !important;
		}

	}

	@media (max-width: 786px) {

		#section-situation .panel1 {
			width: 100%;
			    padding: 2em;
			    margin-left: 0px !important;
		}
		#section-situation .panel2 .col-sm-6 {
			width: 50%;
			display: inline-block;
		}


		#section-situation .test-panel ul {
		    padding-left: 0.5em;
		}

		#section-situation .test-panel ul.light-icon li {
		    font-size: 14px;
		    line-height: 16px;
		    padding-bottom: 5px;
		}

		#section-situation .test-panel.left .panel-wrap {
			width: 100% !important;
			padding: 0em !important;
			margin-right: 0px !important;
			margin-top: 4em !important;
		}

		#section-situation .test-panel.right .panel-wrap {
			width: 100% !important;
			padding: 0em !important;
			margin-left: 0px !important;
			margin-top: 4em !important;
		}

		#section-situation .test-panel h3 {
			line-height: 22px;
		}

		.hero-image-initial {
		    transform: translate(-15%) !important;
		}

		.hero-wrapper .hero-product {
		    max-width: 90% !important;
		    margin: 0 auto !important;
		}

	}

	@media (max-height: 800px) {
		#section-situation .test-panel ul {
		    padding-left: 0.5em;
		}

		#section-situation .test-panel ul.light-icon li {
		    font-size: 14px;
		    line-height: 16px;
		    padding-bottom: 5px;
		}

		#section-situation .panel-wrap h2 {
			line-height: 25px;
			    font-size: 25px;
			    padding-bottom: 5px;
		}

		#section-situation .test-panel h3 {
			line-height: 22px;
		}


.hero-wrapper .hero-product {
    margin: -240px 0px ;
    max-width: 80% !important;
}

.hero-image-initial {
	transform: translate(-15%);
	}
	}

	@media (max-height: 575px) {
		.hero-image-initial {
		    transform: translate(-35%) !important;
		}

		.hero-wrapper .hero-product {
		    max-width: 80% !important;
		    margin: 0 auto !important;
		}

		#section-situation .panel1 {
			width: 100%;
			    padding: 2em;
			    margin-left: 0px !important;
		}
		#section-situation .panel2 .col-sm-6 {
			width: 49%;
			display: inline-block;
			    -webkit-box-flex: 0;
			    -ms-flex: 0 0 49%;
			    flex: 0 0 49%;
			    max-width: 49%;
		}




		#section-situation .test-panel.left .panel-wrap {
			width: 100% !important;
			padding: 0em !important;
			margin-right: 0px !important;
			margin-top: 2em !important;
		}

		#section-situation .test-panel.right .panel-wrap {
			width: 100% !important;
			padding: 0em !important;
			margin-left: 0px !important;
			margin-top: 2em !important;
		}

		#section-situation .test-panel h3 {
			line-height: 22px;
		}
		#section-situation .text-row.bottom {
		    height: 65px !important;
		        padding: 0.1em 1em;
		}
		#section-situation .bottom h2 {
		    font-size: 22px !important;
		    line-height: 24px !important;
		}

		#section-situation .panel-wrap h2 {
			line-height: 25px;
			    font-size: 25px;
			    padding-bottom: 5px;
		}



	}

	/* section situation ready trigger poitns */

	#trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
	}

	#panel-trigger {
		position: absolute;
        bottom: 0;
        width: 100%;
	}

	.situation-text1 {
		height: 1200vh;
	}

	.situation-text2 {
		height: 846vh;
	}

	.situation-text3 {
		height: 638vh;
	}

	.situation-text4 {
		height: 432vh;
	}

	.situation-text5 {
		height: 225vh;
	}


/*pane text!! */

	.panel-text1 {
		height: 950vh;
	}

	.panel-text2 {
		height: 950vh;
	}

	.panel-text3 {
		height: 750vh;
	}

	.panel-text4 {
		height: 550vh;
	}

	.panel-text5 {
		height: 350vh;
	}

	.panel-text6 {
		height: 150vh;
	}


	.product-float {

	    z-index: 1;
	    margin: 0 auto;
	    height: 100vh;
    	text-align: center;
    	padding-left: 0px;
    	padding-right: 0px;
    	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
	}

	.product-float img {
		margin-right: -20px;
		max-height: 65vh;
	}


	.product-float.display {
		position: absolute;
		  top: 50%;
		  left: 50%;
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  height: auto;
		  padding: inherit;

	}

	/*.product-float.display {
		position: fixed;
	    top: 0px;
	    z-index: 1;
	    margin: 0 auto;
	    height: 100vh;
	    padding-top: 219px;
	    text-align: center;
	    visibility: visible;
	    opacity: 1;
	}
*/


	#section-situation .bottom {
		position: absolute;
		top: 0px;
		z-index: 1;
	}

	.section-3 h2, .section-3 h2 p {
		text-transform: uppercase;
	}

@media (max-width: 767px) {

	#section-situation .text-row.bottom {
	    height: 80px;
	}
		#section-situation .bottom h2 {
		    font-size: 22px !important;
		    line-height: 24px !important;
		}
	}

	#section-quote {
		padding: 7em 0em 4em;
		background-color: #fff;
		z-index: 0;
	}

	#section-quote .paragraph {
		text-align: left;
		max-width: 900px;
		margin: 0 auto;
		font-size: 25px;
		line-height: 32px;
		font-style: italic;
		margin-bottom: 15px;
		text-indent: 2.5em;
		color: #4d4d4d;
		position: relative;
	}

	#section-quote .paragraph:before {
		content: '';
		height: 109px;
    width: 100px;
		background: url('../quote-3.html') no-repeat;
		background-size:contain;
		position: absolute;
		top: -60px;
		left: -43px;

	}

	#section-quote .author {
		text-align: right;
		font-size: 25px;
		color: #4d4d4d;
	}

	@media (max-width: 768px) {
		#section-quote {
			padding: 4em 0em 2em;
			background-color: #fff;
			z-index: 2;
		}

		#section-quote .paragraph {
			font-size: 20px;
			line-height: 25px;
		}

		#section-quote .paragraph:before {
		    width: 60px;
		    top: -32px;
		    left: -14px;
		}

		#section-quote .author {
			font-size: 20px;
			line-height: 25px;
		}
	}

	#section-measure {
		background-color: #dcdcde;
		padding: 2em 0 0;
		z-index:0;
	}



	#section-measure h2 {
		color: #005daa;
		padding-bottom: 10px;
    	padding-top: 10px;
	}

	#section-measure h3 {
		color: #005daa;
	}

	#section-measure .indent-column {
		padding: 0em 3em 0em 4em;

	}



	#section-measure .indent-column ul {
		padding-left: 1.5em;
	}

	#section-measure .indent-column ul.dark-icon li {
		list-style-image: url('../bullet-bolt-black.html');
	}

	#section-measure .icon1 .position-text:before {
		content: '';
		background: url('../icon-1.html') no-repeat;
		background-size: contain;
		height:130px;
		width: 44px;
		position: absolute;
		left: 22px;
		top: -30px;
	}

	#section-measure .icon2 .position-text:before {
		content: '';
		background: url('../icon-2.html') no-repeat;
		background-size: contain;
		height:132px;
		width: 84px;
		position: absolute;
		left: -10px;
		top: -39px;
	}

	#section-measure .icon3 .position-text:before {
		content: '';
		background: url('../icon-3.html') no-repeat;
		background-size: contain;
		height:134px;
		width: 82px;
		position: absolute;
		left: -10px;
		top: -37px;
	}

	@media (max-width: 1250px) and (min-width: 1024px) {
		#section-measure .col-md-6 {
		    -webkit-box-flex: 0;
		    -ms-flex: 0 0 49%;
		    flex: 0 0 49%;
		    max-width: 49%;
		}
	}

	@media (max-width: 1025px) {
		#section-measure .indent-column {
		    padding: 0em 1em 0em 0em;
		}

		#section-measure ul li {
			font-size: 16px;
			line-height: 18px;
		}

		#section-measure .icon1 .position-text:before {
			height: 75px !important;
			width: 44px !important;
			left: -33px !important;
			top: -9px;
		}

		#section-measure .icon2 .position-text:before, #section-measure .icon3 .position-text:before {
			height: 75px !important;
			width: 44px !important;
			left: -47px !important;
			top: -9px;
		}
	}

	@media (max-width: 768px) {
		#section-measure .indent-column {
			max-width: 400px;
			margin: 0 auto;
			padding: 2em 0;
		}

		#section-measure .position-text:before {
			top: 1em !important;
		}

		#section-measure h2 {
			padding-top: 20px;
		}

		.wrapper-title {
			text-align: center;
		}
	}

	@media (max-width: 600px) {
		#section-measure .indent-column {
		    width: 100%;
		    margin: 0em 3em;
		}
	}

	@media (max-width: 500px) {
		#section-measure .indent-column {
		    width: 100%;
		    margin: 0em 2em;
		}
	}


	@media (min-width: 768px) {
		#section-measure .position-text {
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			height: auto;
			padding: inherit;
			width: 100%;
		}
	}

	#section-measure .spectrum-graph {
		background-color: #000;
   	 	padding: 1em 1.5em;
	}

	#section-guided {
		background-color: #fff !important;
		z-index: 0;
		padding: 2.5em 0em 0em;

	}

	#section-guided .text-box.container {
		width: 950px;
		padding-bottom: 2em;
	}

	#section-guided h2 {
		color: #005daa;
	}

	#section-guided .centered-text {
		text-align: center;

	}

	#section-guided .centered-text p {
		color: #7d7d7d;
	}

	#section-guided .border {
		width: 100%;
		height: 10px;
		background-color: #434343;
		padding: 0;
		margin: 0;
		margin-bottom: -1px;
	}

	#section-guided .product-hand {
		width: 90%;
		margin: 0 auto;
    	text-align: center;
    	background: url('../p3-case.html') no-repeat;
    	background-position: center top;
    	background-size: 100%;
	}

	#section-guided .product-hand img {
	    width: 100%;
	    margin: 0 auto;
	}

	#section-guided .hand {
		transform: matrix(1, 0, 0, 1, 0, 500);
	    transition: 0.75s ease;
	}

	#section-guided .hand.hand-up {
		transform: matrix(1, 0, 0, 1, 0, 0);
		transition: 0.75s ease;
	}

	#section-multiple {
		padding: 2em 0em;
		background-color: #fff;
		z-index: 5;
	}

	#section-3 h2, #section-3 a {
		text-transform: uppercase;
	}

	#section-data {
		height: 70vh;
		text-align: center;
		background: url('../jpg/background-image.jpg') no-repeat;
		background-size: cover;
		z-index: 1;
	}

	@media (max-width: 600px) {
		#section-data {
			height: 55vh;
		}
	}

	#section-data .banner-main {
		height: 100%;
	}


	#section-data #hero-video {
		width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 48% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

	#section-data .text-wrap {
		max-width: 750px;
		    margin: 0px auto !important;
		    float: none;
		    padding-top: 2em;
		    z-index: 2;
	}

	#section-data h2 {
		color: #10bee8;
	}

	#section-data p {
		color: #fff;
	}

	#section-multiple h2 {
		color: #0073d2;
	}

	#section-multiple .text-pad {
		margin-bottom: 2em;
	}

	#section-multiple .product-row {
		margin-top: 1.5em;
	}

	@media (max-width: 768px) {
		#section-multiple .product-row {
				margin-top: 0;
			}
	}

	#section-multiple .f8200-bg {
		background: url('../product-spark-flare.html') no-repeat;
		background-size: contain;
		margin-bottom: -4em;
	}

	#section-multiple .product-image {
		opacity: 1;
		visibility: visible;
		transition: 0.25s ease;
	}



	#section-multiple .f8200-bg:hover .product-image {
		opacity: 0;
		visibility: hidden;
	}

	#section-multiple .f8300-bg:hover .product-image {
		opacity: 0;
		visibility: hidden;
	}

	#section-multiple .f8300-bg {
		background: url('../f8300-product-flare.html') no-repeat;
		background-size: contain;
	}



	@media (max-width: 781px) {
		.add-flare .product-image {
			opacity: 0 !important;
			visibility: hidden !important;
			transition: 0.25s ease;
		}

		#section-multiple .f8200-bg, #section-multiple .f8300-bg  {
		    background-position: center;
		    text-align: center;
		}

		#section-multiple .col-sm-6:first-of-type {
			margin: 2em 0 4em;
		}

		.text-bump {
			margin-top: -2em;
			text-align: center;
		}


		#section-adaptive {
			text-align: center;
		}

		#section-adaptive .col-sm-6:first-of-type {
			margin-bottom: 2em;
		}



	}

	@media (min-width: 768px) {
		.section-flexible {
			padding-top: 110px;
		}
		#section-flexible:before {
			background-size:100% 100%;
		}

		.height-adjust {
			position: absolute;
    		bottom: 50%;
		}

		#section-multiple .f8200-bg, #section-multiple .f8300-bg {
			max-width: 450px;
		}



	}

	@media (max-width: 575px) {
		.text-bump2 {
			margin-top: -6em;
			text-align: center;
		}

	}

	@media (min-width: 1024px) {
		.height-adjust {
			position: absolute;
    		    bottom: 30%;
		}
	}

	footer {
		margin-top: 0px;
	}

.footer-iphone {
    background-color: #4d4d4d;
    height: 400px;
    width: 100%;
    z-index: 0;
    bottom:0px;
    position:absolute;
}

.footer-iphone.bg-in {
	position: fixed;
}

@media (max-width: 479px) {
.product_cat_banner.banner-main {
    margin-top: 0px !important;
}
}