.nbBonusRegister {}
.nbBonusRegister .close {position: absolute;right: 15px;top: 15px;z-index: 1}
.nbBonusRegister label.required:after {content: ' *'; color: #e31e24;}
.nbBonusRegister.modal .modal-dialog {width: 755px;}
.nbBonusRegister .checkbox {padding-bottom: 0;margin-bottom: 0;}
.nbBonusRegister .button {margin-bottom: 0;max-width: 100%;width: 100%;}
.modal-open .nbBonusRegister.modal {overflow-y: auto;}
.nbBonusRegister .comments {padding-top: 15px;}
.nbBonusRegister__success {text-align: center;}
.nbBonusRegister__btnCont {
	position: fixed;
	left: 30px;
	bottom: 30px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 0;
	z-index: 23;
	display: none;
}
.nbBonusRegister__btnCont._active {opacity: 1; display: block;}
.nbBonusRegister__btn {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 0;
}
.nbBonusRegister__btn._active {opacity: 1}
.nbBonusRegister__btn:before {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -70px;
	margin-top: -70px;
}
.nbBonusRegister__btn._active:before {
	width: 140px;
	height: 140px;
	content: '';
	display: block;
	border: 2px solid #e31e24;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	animation: shadowBlur 3s infinite linear;
	-webkit-animation: shadowBlur 3s infinite linear;
	/*animation-delay: 1.4s;*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
	background: rgba(227,30,36,.15);
}

@keyframes shadowBlur {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg);
    opacity:0
	}
	30% {opacity:.6}
	100% {
		-webkit-transform:rotate(0) scale(1.8) skew(1deg);
    transform:rotate(0) scale(1.8) skew(1deg);
    opacity:0
	}
}

@keyframes borderBlur {
	from,to {
		-webkit-transform: translate(-50%,-50%) scale(1);
		-moz-transform: translate(-50%,-50%) scale(1);
		-ms-transform: translate(-50%,-50%) scale(1);
		-o-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
	}
	75%,
	25% {
		-webkit-transform: translate(-50%,-50%) scale(1.05);
		-moz-transform: translate(-50%,-50%) scale(1.05);
		-ms-transform: translate(-50%,-50%) scale(1.05);
		-o-transform: translate(-50%,-50%) scale(1.05);
		transform: translate(-50%,-50%) scale(1.05);
	}
	50% {
		-webkit-transform: translate(-50%,-50%) scale(1.1);
		-moz-transform: translate(-50%,-50%) scale(1.1);
		-ms-transform: translate(-50%,-50%) scale(1.1);
		-o-transform: translate(-50%,-50%) scale(1.1);
		transform: translate(-50%,-50%) scale(1.1);
	}
}


.nbBonusRegister__btnCont:hover {opacity: 1;}
.nbBonusRegister__btn {
	display: block;
	text-align: center;
	color: #e31e24;
	font-size: 18px;
	
	background-size: cover;
	width: 140px;
	height: 140px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	
}
.nbBonusRegister__btn:after {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	content: '';
	display: block;
	width: 140px;
	height: 140px;
	background: url(images/bonusBtn.jpg) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transform-origin: center;
	animation: borderBlur 3s infinite linear;
	-webkit-animation: borderBlur 3s infinite linear;
	border: 2px solid #f58a8d;
	box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1)
}
.nbBonusRegister__btn .fa {font-size: 30px;}
.modal-open .nbBonusRegister__btnCont {display: none;}
.nbBonusRegister__btn span {display: block;}
.nbBonusRegister__btnClose {position: absolute;top: 5px;right: 5px;display: block;line-height: 8px;font-size: 8px;color: #afafaf;}
.nbBonusRegister__btnClose:hover {color: #e31e24;}
.nbBonusRegister__titleCont {position: relative;margin-bottom: 35px;padding-bottom: 1px;}
.nbBonusRegister__titleCont._success {padding-left: 130px; padding-right: 140px;}
.nbBonusRegister__titleIco {position: relative;width: 90px;height: 110px;background: #e31e24;left: 0px;top: 0;}
.nbBonusRegister__titleIco:before {
	content: '';
	display: block;
	background: url(images/modalIco.svg) no-repeat center;
	width: 45px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.nbBonusRegister__title {text-transform: uppercase;text-align: center;font-size: 24px;font-weight: 600;padding-top: 10px;     font-size: 1.1875rem; text-transform: uppercase;}
.nbBonusRegister__titleSecond {text-align: center;margin-bottom: 15px;font-weight: 600;font-size: 24px;line-height: 1.2;  font-size: 1.1875rem; text-transform: uppercase;}
.nbBonusRegister__bottom {padding-top: 0px}
.nbBonusRegister__discount {color: #e31e24}

.errortext {color: #e31e24;}

.nbBonusRegister__titlePic {display: block;background: url(images/Artans_kubok.png) no-repeat center;background-size: contain;width: 7rem;height: 7rem;position: absolute;top: 0;right: 15px;;}

.wrapper .nbBonusRegister__btnClose {color: #e21d24;text-decoration: none;font-size: 12px;}

.nbBonusRegister__bottom .g-recaptcha > div {margin: 0 auto}
.nbBonusRegister__header {padding-top: 0 !important;} 
.modal-header.nbBonusRegister__header:before {display: none;}

.nbBonusRegister .comments,
.nbBonusRegister .comments2 {font-size: 80%;}


@media (max-width: 992px) {
	
}
@media (max-width: 767px) {
	.nbBonusRegister.modal .modal-dialog {width: 94%;}
	.nbBonusRegister__titleIco {display: none}
	.nbBonusRegister__titleCont._success {padding-left: 0;padding-right: 0;}
	.nbBonusRegister__titleSecond {line-height: 20px}
	.g-recaptcha {
		-webkit-transform: scale(.89);
		-moz-transform: scale(.89);
		-ms-transform: scale(.89);
		-o-transform: scale(.89);
		transform: scale(.89);
		-webkit-transform-origin: 0;
		-moz-transform-origin: 0;
		-ms-transform-origin: 0;
		-o-transform-origin: 0;
		transform-origin: 0;
	}
	.nbBonusRegister__btnCont {}
	.nbBonusRegister__btnCont,
	.nbBonusRegister__btnCont._active {display: none !important;}
}
