Your IP : 172.28.240.42

Current Path : /var/www/html/clients/wodo.e-nk.ru/bitrix/js/main/spotlight/css/
Upload File :
Current File : /var/www/html/clients/wodo.e-nk.ru/bitrix/js/main/spotlight/css/spotlight.css

.main-spot-light {
	position: absolute;
	top: 314px;
	left: 336px;
	width: 70px;
	height: 70px;
	z-index: 999;
	opacity: 1;
	-webkit-transform: scale3d(.5,.5,.5) translate(-70px,-70px);
	transform: scale3d(.5,.5,.5) translate(-70px,-70px);
}

.main-spot-light::after,
.main-spot-light::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	opacity: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 0 3px rgba(0,0,0,.5);
}

.main-spot-light-white::after,
.main-spot-light-white::before {
	-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.7);
	box-shadow: 0 0 0 3px rgba(255,255,255,.7);
}

.main-spot-light::after {
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
}

.main-spot-light::before,
.main-spot-light::after {
	-webkit-animation-name: spotLightOpacity, spotLightTransform;
	animation-name: spotLightOpacity, spotLightTransform;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.main-spot-light::after {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

@-webkit-keyframes spotLightOpacity {
	0%, 100% {
		opacity: 0;
	}
	50%, 60% {
		opacity: .7;
	}
}

@keyframes spotLightOpacity {
	0%, 100% {
		opacity: 0;
	}
	50%, 60% {
		opacity: .7;
	}
}

@-webkit-keyframes spotLightTransform {
	0% {
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

@keyframes spotLightTransform {
	0% {
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		-webkit-transform: scale3d(1.4, 1.4, 1);
		transform: scale3d(1.4, 1.4, 1);
	}
}

.main-spot-light-popup {
	max-width: 400px;
	padding: 20px 20px 8px 20px;
	font-size: 14px;
	line-height: 19px;
	color: #535C69;
	-webkit-animation: spotLightPopupShow .2s 1 linear;
	animation: spotLightPopupShow .2s 1 linear;
}

.main-spot-light-popup .popup-window-buttons {
	margin: 15px 0 0 0;
	padding-top: 15px;
	border-top: 1px solid #f2f3f4;
	text-align: left;
}

.main-spot-light-remind-later {
	float: right;
	overflow: hidden;
	font-size: 13px;
	color: #828B95;
	margin: 10px 0;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
}

.main-spot-light-remind-later:hover {
	border-bottom: 1px solid #828B95;
}

@-webkit-keyframes spotLightPopupShow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes spotLightPopupShow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}