@media only screen and (min-width: 767px) {

.gridContainer {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-384px;
	margin-top:-458px;
	width:768px;
	height:916px;
}

.ndi-mainPic-start{
	position:absolute;
    top:0;
	left:0;
	width:382px;
	height:256px;
	background-color:#FFF;
	background-image:url(../images/mainImage_L.jpg);
	background-size:cover;	
	z-index:10;
}
.ndi-mainPic-on{
	position:absolute;
    top:24px;
	left:18px;
	width:200px;
	height:220px;
	background-color:#FFF;
	border-style:solid;
	border-width:4px;
	border-color:#FFF;
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
	box-shadow:3px 3px 9px #000;	
	background-image:url(../images/mainImage_L.jpg);
	background-size:cover;
}
.ndi-headlineHolder-start{
	position:absolute;
    top:0;
	left:322px;
	width:366px;
	height:216px;
	padding:40px 20px 0 60px;
	z-index:10;
	background: rgba(237,237,237,0);
background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,0)), color-stop(14%, rgba(0,0,0,0.78)), color-stop(18%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -o-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -ms-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: linear-gradient(to right, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#000000', GradientType=1 );
}
.ndi-headlineHolder-out{
	position:absolute;
    top:0;
	left:850px;
	width:366px;
	height:216px;
	padding:40px 20px 0 60px;
	background: rgba(237,237,237,0);
background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,0)), color-stop(14%, rgba(0,0,0,0.78)), color-stop(18%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -o-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: -ms-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
background: linear-gradient(to right, rgba(237,237,237,0) 0%, rgba(0,0,0,0.78) 14%, rgba(0,0,0,1) 18%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#000000', GradientType=1 );
}
.ndi-gradientHolder{
	display:none;
}
.ndi-headline{
	margin-bottom:6px;
}
.ndi-btnContainer{
	position:absolute;
    top:256px;
	left:62px;
	width:644px;
	height:650px;
	padding:10px 0 0 10px;
}
.ndi-btn-off{
	float:left;
	width:116px;
	height:153px;
	background-color:#FFF;
	margin:0 10px 9px 0;
	opacity:1;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.ndi-btn-on{
	float:left;
	width:116px;
	height:153px;
	background-color:#FFF;
	margin:0 10px 9px 0;
	opacity:0.3;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.ndi-tap{
	float:left;
	width:116px;
	height:113px;
	padding-top:40px;
	margin:0 10px 9px 0;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 15px;
	line-height:15px;
	text-align:center;
	color:#000;
}
.ndi-btn-pic{
	position:relative;
    top:0;
	left:0;
    width:116px;
	height:116px;
	border-radius:58px;
	background-color:#FFF;
	overflow:hidden;
}
.ndi-gone-icon{
	position:relative;
    top:-159px;
	left:0;
    width:100px;
	height:100px;
	border-radius:58px;
	border-style:solid;
	border-color:#FF0004;
	border-width:8px;
	overflow:hidden;
	background-image:url(../images/crossOut.svg);
	background-repeat: no-repeat;
	background-position:center;
}
.ndi-btn-name{
    position:relative;
    bottom:5px;
	left:0;
    width:106px;
	height:31px;
	padding:10px 4px 0 4px;
	background-color:#FFF;
	border-style:solid;
	border-width:1px;
	border-radius:4px;
	border-color:#c6c6c6;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	text-align:center;
	color:#585858;
}
.ndi-btn-icon{
    position:relative;
    bottom:152px;
	left:0;
    width:36px;
	height:36px;
	background-color:#FFF;
	/*border-style:solid;
	border-width:1px;*/
	border-radius:19px;
	border-color:#c6c6c6;
	z-index:2;
}
/*.love{
	background-image:url(../images/Heart.png);
	background-repeat: no-repeat;
	}
.thumbsUp{
	background-image:url(../images/thumbs.svg);
	background-repeat: no-repeat;
	background-position: top; 
	}
.thumbsDown{
	background-image:url(../images/thumbs.svg);
	background-repeat: no-repeat;
	background-position: bottom; 
	}*/
.arrowUp{
	background-image:url(../images/arrowUp.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}
.arrowDown{
	background-image:url(../images/arrowDown.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}
.noChange{
	background-image:url(../images/noChange.svg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	}


.ndi-person-out{
	position:absolute;
    bottom:660px;
	left:800px;
	width:570px;
	height:246px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.ndi-person-in{
	position:absolute;
    bottom:660px;
	left:198px;
	width:570px;
	height:246px;
	-webkit-transition: all 0.5s ease-in-out 0.5s;
	-moz-transition: all 0.5s ease-in-out 0.5s;
	-ms-transition: all 0.5s ease-in-out 0.5s;
	-o-transition: all 0.5s ease-in-out 0.5s;
	transition: all 0.5s ease-in-out 0.5s;
}
.ndi-person-text{
	position:absolute;
    top:10px;
	left:244px;
	width:315px;
	height:130px;
	text-align:center;
}
.ndi-person-pic{
    position:absolute;
    top:14px;
	left:15px;
	width:200px;
	height:220px;
	background-color:#FFF;
	border-style:solid;
	border-width:4px;
	border-color:#FFF;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
	box-shadow:3px 3px 9px #000;	
	overflow:hidden;
}

.ndi-key-in{
	position:absolute;
    bottom:0;
	left:0;
	width:360px;
	height:88px;
	padding:10px;
	-webkit-transition: all 0.5s ease-in-out 0.45s;
	-moz-transition: all 0.5s ease-in-out 0.45s;
	-ms-transition: all 0.5s ease-in-out 0.45s;
	-o-transition: all 0.5s ease-in-out 0.45s;
	transition: all 0.5s ease-in-out 0.45s;
	background-color:#FF0004;
}
.ndi-key-out{
	position:absolute;
    bottom:-130px;
	left:0;
	width:360px;
	height:88px;
	padding:10px;
	background-color:#FF0004;
}
.ndi-person-icon{
	display:inline-block;
	width:26px;
	height:26px;
	border-radius:18px;
	margin-top:4px;
}

.ndi-headlineBreak{
	display:block;
}
.resetButton_on {
	display:none;
}
.resetButton_off {
	display:none;
}

}