html{
	width: 770px;
	box-sizing: border-box;
}

.html-default{
	width: 770px;
	height: 531px;
}

.html-a{
	width: 770px;
	height: 531px;
}
.html-b{
	width: 770px;
	height: 265px;
}
body{
	position: relative;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #333333;
}

	#default{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 770px;
		height: 531px;
		background: #f6f6f6;
	}


		.cart-wrapper{
			position: relative;
			margin: 16px 4px 0;
		}

			.cart{
				display:none;
				position: relative;
				vertical-align: top;
				width: 225px;
				height: 234px;
				margin-left: 20px;
				background: url('../images/eol/cart-backgroung.png') 0 0 no-repeat;
				box-sizing: border-box;
			}

			.cart-active{
				display: inline-block;
			}


				.cart__image{
					width: 48px;
					height: 48px;
					margin: 24px auto 0;
				}

					.cart__image_ca{
						background: url('../images/eol/cart-ca.png') 0 0 no-repeat;
					}

					.cart__image_sm{
						background: url('../images/eol/cart-sm.png') 0 0 no-repeat;
					}

					.cart__image_pup{
						background: url('../images/eol/cart-pup.png') 0 0 no-repeat;
					}

					.cart__image_fishing{
						background: url('../images/eol/cart-fishing.png') 0 0 no-repeat;
					}

					.cart__image_fileav{
						background: url('../images/eol/cart-fileav.png') 0 0 no-repeat;
					}

					.cart__image_threats{
						background: url('../images/eol/cart-threats.png') 0 0 no-repeat;
					}

					.cart__image_webav{
						background: url('../images/eol/cart-webav.png') 0 0 no-repeat;
					}

					.cart__image_hdd{
						background: url('../images/eol/cart-hdd.png') 0 0 no-repeat;
					}

					.cart__image_malware{
						background: url('../images/eol/cart-malware.png') 0 0 no-repeat;
					}

				.cart__numbers{
					text-align: center;
					font-size: 28px;
					font-weight: 600;
					margin-top: 14px;
				}

				.cart__description{
					margin: 2px 24px 0;
					text-align: center;
					font-size: 14px;
				}

				.cart__warning{
					position: absolute;
					width: 225px;
					bottom: 18px;
					left: 0;
				}

					.cart__warning-text{
						font-size: 12px;
						color: #999999;
						text-align: center;
					}

						.smile{
							margin: 0 4px 2px 0;
							vertical-align: middle;
						}

	#varA{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 770px;
		height: 531px;
		background: #f6f6f6;
	}

		.slider{
			position: relative;
			width: 722px;
			height: 234px;
			margin: 16px auto 0;
			box-sizing: border-box;
			overflow: hidden;
			background: url('../images/eol/slider-background.png') 0 0 no-repeat;
		}
		
		.slider-wrapper{
			position: relative;		
			box-sizing: border-box;
		}

			.slider__item{
				display: none;
				position: relative;
				text-align: center;
				vertical-align: middle;
				box-sizing: border-box;
				margin: 0 100px;
			}

				.slider__left{
					display: table-cell;
					width:96px;
					padding-right: 48px;
					vertical-align: middle;
				}

				.slider__right{
					display: table-cell;
					text-align: right;
					width: 375px;
				}


			.slider_active{
				display: table;
			}

				.slider__image{
					position: relative;
					display: inline-block;
					vertical-align: middle;
					width: 96px;
					height: 96px;
				}

					.slider__image_ca{
						background: url('../images/eol/slider-ca.png') 0 0 no-repeat;
					}

					.slider__image_sm{
						background: url('../images/eol/slider-sm.png') 0 0 no-repeat;
					}

					.slider__image_pup{
						background: url('../images/eol/slider-pup.png') 0 0 no-repeat;
					}

					.slider__image_fileav{
						background: url('../images/eol/slider-fileav.png') 0 0 no-repeat;
					}

					.slider__image_threats{
						background: url('../images/eol/slider-threats.png') 0 0 no-repeat;
					}

					.slider__image_webav{
						background: url('../images/eol/slider-webav.png') 0 0 no-repeat;
					}

					.slider__image_hdd{
						background: url('../images/eol/slider-hdd.png') 0 0 no-repeat;
					}

					.slider__image_fishing{
						background: url('../images/eol/slider-fishing.png') 0 0 no-repeat;
					}

					.slider__image_malware{
						background: url('../images/eol/slider-malware.png') 0 0 no-repeat;
					}

				.slider__numbers{
					position: relative;
					text-align: left;
					font-size: 36px;
					font-weight: 600;
				}

				.slider__description{
					position: relative;
					font-size: 20px;
					margin: 0 auto;
					text-align: left;
				}

				.slider__warning{
					position: relative;
					display: table;
					height: 24px;
					text-align: left;
					margin: 16px 0 0 0;
				}

					.tag-parts{
						display: table-row;
					}

					.tag-left{
						display: table-cell;
						width: 3px;
						height:100%;
						background: url('../images/eol/tag-left.png') no-repeat;
					}

					.tag-center{
						display: table-cell;
						height:100%;
						padding:0 4px;
						font-size: 12px;
						line-height:24px;
						color: #ed2939;
						background: url('../images/eol/tag-bg.png') repeat-x;
					}

					.tag-right{
						display: table-cell;
						width: 3px;
						height:100%;
						background: url('../images/eol/tag-right.png') no-repeat;
					}



		.slider-dots{
			position: absolute;
			text-align: center;
			margin: 0;
			padding: 0;
			height: 10px;
			bottom: 28px;
			width: 722px;
		}

			.slider-dots__item{
				display: inline-block;
				width: 10px;
				height: 10px;
				cursor:pointer;
				margin: 0 2px;
				background: url('../images/eol/gray-dot.png') center center no-repeat;
			}

			.slider-dots__item_active{
				background: url('../images/eol/green-dot.png') center center no-repeat;
				cursor: default;
			}

		.slider__nav{
			position: absolute;
			top: 4px;
			display: block;
			width: 72px;
			height: 226px;
			cursor: pointer;
		}

			.slider__nav:hover{
				background: url('../images/eol/slider-next-hover.png') 0 0 no-repeat;
			}

			.slider__nav:active{
				background: url('../images/eol/slider-next-active.png') 0 0 no-repeat;
			}

			.slider__nav_left{
				left:3px;
			}
		
				.slider__nav_left:before{
					position:absolute;
					content:'';
					top:101px;
					left:18px;
					height:36px;
					width:34px;
					background: url('../images/eol/slider-button-left.png') 0 0 no-repeat;
				}

					.slider__nav_left:hover:before{
						background: url('../images/eol/slider-button-hover-left.png') 0 0 no-repeat; 
					}

					.slider__nav_left:active:before{
						background: url('../images/eol/slider-button-active-left.png') 0 0 no-repeat; 
					}

			.slider__nav_right{
				right:3px;
			}


				.slider__nav_right:before{
					position:absolute;
					content:'';
					top:101px;
					right:18px;
					height:36px;
					width:34px;
					background: url('../images/eol/slider-button-right.png') 0 0 no-repeat;
				}

					.slider__nav_right:hover:before{
						background: url('../images/eol/slider-button-hover-right.png') 0 0 no-repeat;
					}

					.slider__nav_right:active:before{
						background: url('../images/eol/slider-button-active-right.png') 0 0 no-repeat; 
					}

			

	#varB{
		display: none;
		position: absolute;
		top: 0;
		left:0;
		width: 770px;
		height: 265px;
		background: url('../images/eol/b-background.png') 0 0 no-repeat;
	}

		.b-wrapper{
			position: relative;
			width: 360px;
			margin: 0 0 0 48px;
		}

			.green-button{
				position: relative;
				display: inline-block;
			}
		
				.green-button:hover,
				.green-button:active{
					color: #ffffff;
					text-decoration: none;
				}
		

			.b-wrapper__header{
				margin: 0;
				padding: 0;
				font-size: 28px;
				font-weight: 600;			
			}

			.b-wrapper__description{
				margin-top: 16px;
				font-size: 20px;
			}

			.b-button-wrapper{
				position: relative;
				margin-top: 24px;
			}

	.statistic{
		position: relative;
		margin: 24px 24px 0;
	}

		.statistic__header{
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 18px;
			font-weight: 600;
		}
		

	.banner{
		position: relative;
		width: 770px;
		height: 202px;
		background: url('../images/eol/default-background.png') 0 0 no-repeat;
	}

		.text-wrapper{
			padding: 0 0 0 32px;
			width: 440px;
			text-align: left;
			box-sizing: border-box;
		}

			.text-wrapper__header{
				padding: 0;
				margin: 0;
				font-size: 28px;
				font-weight: 600;
			}

			.text-wrapper__description{
				margin: 8px 0 0 0;
				font-size: 16px;
			}

			.button-wrapper{
				position: relative;
				margin-top: 16px;
			}

	.b-green-button{
		position: relative;
		display: inline-block;
	}

		.b-green-button:hover,
		.b-green-button:active{
			color: #ffffff;
			text-decoration: none;
		}

		.b-button-template{
			display: table;
		}

		.button-parts{
			display: table-row
		}

			.center-part{
				display: table-cell;
				font-size: 14px;
				font-weight: 600;
				color: #ffffff;
				height: 35px;
				line-height: 32px;
				padding: 0 10px;
				border: none;
				outline: none;
				background-image: url('../images/eol/button-bg.png');
				background-position:  0 0;
				background-repeat:  repeat-x;
			}

			.left-part{
				display: table-cell;
				height: 35px;
				width: 3px;
				background-image: url('../images/eol/button-left-bg.png');
				background-position:  0 0;
				background-repeat:  no-repeat;
			}

			.right-part{
				display: table-cell;
				height: 35px;
				width: 3px;
				background-image: url('../images/eol/button-right-bg.png');
				background-position:  0 0;
				background-repeat:  no-repeat;

			}

	.b-green-button{
		position: relative;
		display: inline-block;
	}

		.b-green-button:hover,
		.b-green-button:active{
			color: #ffffff;
			text-decoration: none;
		}

		.b-button-template{
			display: table;
		}

		.b-button-parts{
			display: table-row
		}

			.b-center-part{
				display: table-cell;
				font-size: 18px;
				font-weight: 600;
				color: #ffffff;
				height: 51px;
				line-height: 46px;
				padding: 0 26px;
				border: none;
				outline: none;
				background-image: url('../images/eol/b-button-bg.png');
				background-position:  0 0;
				background-repeat:  repeat-x;
			}

			.b-left-part{
				display: table-cell;
				height: 51px;
				width: 3px;
				background-image: url('../images/eol/b-button-left-bg.png');
				background-position:  0 0;
				background-repeat:  no-repeat;
			}

			.b-right-part{
				display: table-cell;
				height: 51px;
				width: 3px;
				background-image: url('../images/eol/b-button-right-bg.png');
				background-position:  0 0;
				background-repeat:  no-repeat;
			}

	.rtl #varB {
		background: url('../images/eol/b-background-rtl.png') 0 0 no-repeat;
	}

		.rtl .b-wrapper {
			text-align: right;
			margin: 0 48px 0 0;
		}

	.rtl .banner {		
		background: url('../images/eol/default-background-rtl.png') 0 0 no-repeat;
	}

	.rtl .text-wrapper{
		padding: 0 32px 0 0;
		text-align: right;
	}

	.rtl .smile{
		margin: 0 0 2px 4px;
	}

	.rtl .button-template,
	.rtl .b-button-template {
		direction: ltr;
	}

		.rtl .center-part,
		.rtl .b-center-part{
			direction: rtl;
		}

	.rtl .cart{
		margin: 0 20px 0 0;
	}

	.rtl .slider__left{
		padding: 0 0 0 48px;
	}

	.rtl .slider__right{
		width: 375px;
	}

	.rtl .slider__numbers{
		text-align: right;
	}

	.rtl .slider__description{
		text-align: right;
	}