.form .icons {	
	display: block; 
	width: 24px; 
	height: 24px;
	margin: 0 8px 0 -8px; 
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	flex: 0 0 24px;
}

.form .icon {
	display: block; 
	width: 24px; 
	height: 24px; 
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain; 
	background-position: center center; 
	background-color: #fff;
	background-repeat: no-repeat;
}

.icon-ua {background: url(../img/ua.svg); z-index: 1;}
.icon-ok {background: url(../img/ok.svg); z-index: 5;}

.icon-spinner {
	box-shadow: 0px 0px 0px 5px #fff;
	border-right: 2px solid rgba(0,0,0,.5);
	border-bottom: 2px solid rgba(0,0,0,.4);
	border-left: 2px solid rgba(0,0,0,.3);
	border-top: 2px solid rgba(0,0,0,.2);
	border-radius: 50%;
	animation: spin 1s infinite;
	z-index: 10;
}
@keyframes spin {	to { transform: rotate(360deg); } }
/*
.icon.icon-clear {display: none;}
.icon-clear {
	cursor: pointer; 
	z-index: 3;
}
.form-field:hover .icon-clear,
.focus-within .icon-clear {z-index: 7; display: block;}
.icon-clear:after {
	display: block; 
	content: "";
	width: 100%; 
	height: 100%; 
	background: url(../img/close.svg); 
	background-size: contain; 
	background-position: center center; 
	opacity: .3;
	transition: opacity .3s;
}
.icon-clear:hover:after {opacity: .8;}
*/

.icon-clear {background-image: url(/online/img/close.svg); opacity: .3; transition: opacity .3s; cursor: pointer;}
.icon-clear:hover {opacity: 1;}

.icon-pin {background-image: url(/online/img/pin-bw.svg); cursor: pointer; opacity: .4;}
.focus-within .icon-pin {background-image: url(/online/img/pin-blue.svg); opacity: 1;}

.icon-mastercard {background-image: url(/online/img/mastercard.svg);}
.icon-visa {background-image: url(/online/img/visa.svg);}

/* TIMESET DELAY ICONS */

.delay-0 {background-image: url(/online/img/time-0.svg);}
.delay-15 {background-image: url(/online/img/time-15.svg);}
.delay-20 {background-image: url(/online/img/time-20.svg);}
.delay-25 {background-image: url(/online/img/time-25.svg);}
.delay-30 {background-image: url(/online/img/time-30.svg);}
.delay-35 {background-image: url(/online/img/time-35.svg);}
.delay-40 {background-image: url(/online/img/time-40.svg);}
.delay-45 {background-image: url(/online/img/time-45.svg);}
.delay-50 {background-image: url(/online/img/time-50.svg);}
.delay-55 {background-image: url(/online/img/time-55.svg);}
.delay-60 {background-image: url(/online/img/time-60.svg);}
.delay-set {background-image: url(/online/img/time-set.svg);}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid rgba(100, 100, 255, 0.8);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/* MAP */
.map-pin-blue {background-image: url(/online/img/pin.svg); background-size: contain;}
.map-pin-black {background-image: url(/online/img/pin-black.svg); background-size: contain;}

.map-pin-text {
	position: absolute; 
	width: 300px; 
	left: -139px; 
	bottom: 32px; 
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 4px, #fff 0 0 6px;
	user-select: none;
	color: #000;
}

.map-pin-blue .map-pin-text {color: #00f;}