.fairMain{
	/*background-image:url('/bilder/jobdatingdays/bg.jpg');*/
	background-size: cover;
	width:100%;
	max-width: 100%;
	/*height:calc(height/2);*/ /*450px;*/ /*630px;*/
	position: relative;
	font-family:roboto,verdana,arial;

	border: 0.25rem solid white;
	box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
    border-radius: 0.5em;
	z-index:0px;
}

.fairModal{
	width:90%;
	height:95%;
	background-color:rgba(255,255,255,1);
	margin-left:5%;
	margin-right:5%;
	z-index:999;
	opacity:1;
	position: absolute;
	top:10px;
	transition:opacity 1s;
	
	border: 0.25rem solid white;
	box-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
    border-radius: 0.5em;
}
.fairModalHead{
	background-color:#EEE;
	font-weight:bold;
	width:100%;
	font-size:125%;
	margin-bottom:2px;
	text-align:right;
	cursor:pointer;
}

.fairTouch{
    box-shadow: none;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
	justify-content: center;
    border:2px solid #FFF;
	position: absolute; 
	align-items: center;
    -webkit-box-pack: center;
	display: flex;
    -webkit-box-align: center;
	z-index:10;
	
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	animation: flickerAnimation 1s infinite;	
	
	transition: width 1s,  height 1s;
	
}

.fairModalHide{
	opacity:0;
	z-index:1 !important;
}
.fairTouchName{
	width:200px;
	height:60px;
	background-color:#FFF !important;
	animation:unset;
	overflow: hidden;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	word-wrap: break-word;
	white-space: nowrap;
	z-index:999;
}

@keyframes flickerAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}


@media screen and (max-width:600px) {
	.fairTouch{
		width:25px;
		height:25px;
	}
	.fairTouchName{
		display:none;
	}
}