body{
	font-family: 'Rubik', sans-serif !important;
}
div, p, span{
	font-size:18px !important;
}
.red{
	color:red;
}
.manyErr, .telErr, .emailErr, .arriveErr{
	display: none;
}
.errorHere{
	direction: rtl;
	text-align: right;
}
.typeImags{
	width:7em;
	margin:0 0.5em;
}
.event_type_images{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
.galleryZoom{
	position: relative;
    display: block;
}
.chosenColorBorder{
	border:1px solid green;
}
.event_type_images div:hover{
	cursor:pointer;
	box-shadow: 2px 2px 5px 2px lightgrey;
}
div[onclick="choosePic(this)"]{
	margin-top:2em;
	text-align: center;
}
.spinner-border{
	position:absolute;
}
.myDevider{
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid #d9d9d9; 
	line-height: 0.1em; 
	margin: 30px 0 20px;
}
.myDevider span{
	background:#fff; 
	padding:0 10px;
}
.abcRioButtonContents span{
  font-size:1rem !important;
  font-weight: normal !important;
}
.g-signin2 div{
  border-radius:5px;
}
.fbtn{
	background-color:#4267B2 !important;
}
.fbtn:hover{
	background-color:#3a548a !important;
}
.firstSection{
	display:block;
}
.secondSection{
	display: none;
}
div.times span{
	background-color: #fff;
}
div.times span, div.times{
	font-size:40px !important;
	padding:5px;
	margin:5px;
	border-radius: 8px;
}
p.times{
	margin-bottom: 0px;
}
p.times span{
	font-size:25px !important;
	margin:10px;
}

.img-container{
	position: relative;
}
.img-container:after {
    content: '';
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    top: 0px;
    z-index: 0;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.img-container:hover:after{
    opacity: 1;
}

.card .butt{
	color:#fff;
    box-shadow: none;
    position: absolute;
    right: 7px;
    bottom: 5px;
    margin-top: 4px;
    opacity: 0;
    display: block;
    transition: all .5s ease-in-out;
	border: none;
    background: none;
}
.card:hover .butt{
	color:#000;
	cursor:pointer;
	opacity: 1;
    z-index: 99;
    position: absolute;
    bottom: 5px;
	border: none;
    background: none;
	
}
.mainImgEvent{
	/*width:450px;
	height:330px;*/
}
.verticalalignment{
	vertical-align: middle !important;
}.closeBtn{
	border: none;
    background-color: rgba(255,255,255,0.0);
}


@media only screen and (max-width:560px){

	div, p, span{
		font-size:14px !important;
	}
	div.times span, div.times{
		font-size:24px !important;
		padding:8px;
	}
	p.times span{
		font-size:20px !important;
		margin:5px;
	}
}