/**,*/
/**::before,*/
/**::after {*/
  /*box-sizing: unset;*/
/*}*/

.elementsContainner *,
*::before,
*::after {
  box-sizing: content-box;
}

.invisible {
	display: none;
}

.circleContainer {
	position: relative;
}

.circleRing, .centralCircle, .smallCircleContainer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.centralCircleImg {
	width: 100%;
}

.smallCircleContainer {

}

.smallCircleContainer .circleAction {
	position: absolute;
}

.circleAction {
	z-index: 1;
	border-radius: 1000px;
	cursor: pointer;
}

.circleAction img {
	width: 100%;
}

#popUp {
	width: 300px;
    height: 200px;
    position: absolute;
    cursor: pointer;
    border-radius: 8px;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px 2px #ccc;
    z-index: 1;
    background-color: white;
}

.closePopUp {
    color: red;
    text-align: right;
    padding: 0 10px;
}

.messageContainer {
    display: flex;
    height: 182px;
}

#popUpMessage {
    flex: 1;
    align-self: center;
}

/* pulse */
@-webkit-keyframes pulse {
  25% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  }
  75% {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
  }
}

@keyframes pulse {
  25% {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
  }
  75% {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
  }
}

.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes pulse-circle {
  25% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }

  80% {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
  }
}

@keyframes pulse-circle {
  25% {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
  }
  80% {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
  }
}

.pulse-circle {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-circle:hover {
  -webkit-animation-name: pulse-circle;
  animation-name: pulse-circle;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/Preloader_3.gif) center no-repeat #fff;
  opacity:0.7;
}