/* Index list

================================== */



.featuresIndex {

	margin-bottom: 25px;

	width: 100%x;

	margin-left: auto;

	margin-right: auto;	

}



.featuresIndex a {

	margin-right: 30px;

	font-size: 16px;

}



.rtl .featuresIndex a {

	margin-right: auto;

	margin-left: 30px;

}



/* Features block 

================================== */



.featuresBlock {

	margin: 0 auto 18px auto;

	padding: 30px;

}



	.featuresBlock h3 {

		line-height: 24px;

		letter-spacing: -1px;

		font-weight: 400;

		margin: 0;

		font-family: inherit;

		font-size: 24px;

	}



	* html .featuresBlock h3 {

		margin-left: -60px;

	}



	* html.rtl .featuresBlock h3 {

		margin-right: -60px;

		margin-left: 0;

	}		



	.featuresBlock a.smoothlyScrollTo {

		display: block;

		height: 30px;

		width: 30px;

		overflow: hidden;

		position: absolute;

		right: -9px;

		top: -3px;

	}



		.svg .featuresBlock a.smoothlyScrollTo span:before {

			content: url('../other/features-sprite.svg');

			position: relative;

			left: 0px;

			top: 1px;

			width: 60px !important;

		}



		.featuresBlock a.smoothlyScrollTo span:before{

			content: url('../images/features-sprite.png');

		}



		.svg.rtl .featuresBlock a.smoothlyScrollTo span:before {

			direction: ltr;

		}



	.svg .featuresBlock a.smoothlyScrollTo{

		*background: url('../other/features-sprite.svg') no-repeat;

	}



	.featuresBlock a.smoothlyScrollTo{

		*background: url('../images/features-sprite.png') no-repeat;

	}



		.featuresBlock a.smoothlyScrollTo:hover span:before,

		.featuresBlock a.smoothlyScrollTo:focus span:before {

			position: relative;

			left: -30px;

		}



		.featuresBlock a.smoothlyScrollTo:hover,

		.featuresBlock a.smoothlyScrollTo:focus {

			*background-position: -30px 0px;

		}



		.featuresBlock a.smoothlyScrollTo:active span:before {

			position: relative;

			left: 0px !important;

		}



		.featuresBlock a.smoothlyScrollTo:active {

			*background-position: 0px 0px !important;

		}



		* html .featuresBlock a {

			right: 30px;

			top: 17px;

		}



		.rtl .featuresBlock a {

			right: auto;

			left: 0;

		}



		.rtl.svg .featuresBlock a.smoothlyScrollTo span:before {

			left: 30px;

		}



		.rtl .featuresBlock a.smoothlyScrollTo:hover span:before,.featuresBlock a.smoothlyScrollTo:focus span:before {

			position: relative;

			left: 0px;

		}



		.rtl .featuresBlock a.smoothlyScrollTo:hover,.featuresBlock a.smoothlyScrollTo:focus {

			*background-position: 0px 0px;

		}





	.featuresBlock .featuresItem {

		position: relative;

		margin: 0;

		padding: 14px 0 11px 60px;

		border-top: 1px solid #e7f1f5;

	}



	.rtl .featuresBlock .featuresItem {

		padding: 14px 60px 11px 0;

	}



	*:first-child+html.rtl .featuresBlock .featuresItem {

		width: 840px;

	}



	* html.rtl .featuresBlock .featuresItem {

		width: 840px;

	}	



		.featuresBlock div:first-child {

			border-top: none;

			padding-top: 0;

			padding-left: 0;

			padding-bottom: 20px;

		}



		.rtl .featuresBlock .featuresItem:first-child {

			padding-right: 0;

		}



			*:first-child+html.rtl .featuresBlock div:first-child {

				width: 900px;

			}		



		.featuresBlock div:last-child {

			padding-bottom: 0;

		}



		.featuresBlock .icon {

			position: absolute;

			left: 0;

			top: 0;

		}



		.rtl .featuresBlock .icon {

			position: absolute;

			left: auto;

			right: 0;

			top: 0;

		}



			*:first-child+html .featuresBlock .icon {

				top: 2px;

			}



				*:first-child+html.rtl .featuresBlock .icon {

					left: auto;

					right: 0;

				}



			* html .featuresBlock .icon {

				margin-left: -60px;

				margin-top: 5px;

			}



		.featuresBlock a {

			font-size: 18px;

		}



			.featuresBlock .premium {

				color: #953cac;

			}



			.featuresBlock .note {

				position: absolute;

				top: 15px;

				right: 0;

				font-size: 14px;

			}

			

			.featuresBlock .note:hover {

				text-decoration: underline;

			}



		.featuresBlock p {

			font-size: 14px;

			margin-bottom: 0;

		}



/* Mobile version

================== */	

@media only screen and (max-width: 600px) {





	.featuresBlock a.smoothlyScrollTo {

		right: 11px;

		top: 16px;

	}



	/* Index list

	================================== */



	.featuresIndex {

		width: auto;

		margin-bottom: 0;

		margin-top: -20px;

		padding: 0 20px;

		background-color: #ffffff;

	}



	.featuresIndex a {

		margin-right: 0;

	}



		.featuresIndex {

			overflow: hidden;

		}	



		.featuresIndex a {

			display: block;

			width: 100%;

			height: 59px;

			margin: 0 auto;

			line-height: 59px;

			clear: both;

			border-bottom: 1px solid #cedce2;

			font-size: 18px;

		}



			.featuresIndex a:last-child {

				border-bottom: none;

				margin-bottom: 12px

			}



	/* Features block 

	================================== */	



	.featuresList {

		margin: 0;

	}



	.featuresBlock {

		width: 100%;

		margin: 0 auto;

		padding: 0;

		vertical-align: middle;

	}



		.featuresBlock .featuresItem,

		.featuresBlock .featuresItem:first-child,

		.featuresBlock .featuresItem:last-child {

			border-top: 1px solid #cedce2;

			padding: 20px 50px 22px 75px;

			background-color: #e7f1f5;

			word-wrap: break-word;

			cursor: pointer;

		}



		.rtl .featuresBlock .featuresItem,

		.rtl .featuresBlock .featuresItem:first-child,

		.rtl .featuresBlock .featuresItem:last-child {

			padding: 24px 75px 22px 50px;

		}



		.featuresBlock h3 {

			font-size: 18px;

			font-weight: 600;

			line-height: 20px;

			letter-spacing: -0.5px;

		}



			.featuresBlock .featuresItem:first-child {

				background-color: #ffffff;

				padding-left: 20px;

				padding-bottom: 19px;

			}



			.rtl .featuresBlock .featuresItem:first-child {

				padding-left: 0;

				padding-right: 20px;

			}



		.featuresList .featuresBlock:last-child {

			border-bottom: solid 1px #cedce2;

		}



		.featuresBlock a {

			top: 25px;

			right: 20px;

		}



			.rtl .featuresBlock a {

				right: auto;

				left: 11px;

			}



		.featuresBlock .featuresItem .icon {

			top: 15px;

			left: 20px;

			max-width: 40px;

		}



			.rtl .featuresBlock .featuresItem .icon {

				top: 15px;

				left: auto;

				right: 20px;

			}	



		.featuresBlock div a {

			color: #333534;

			font-size: 14px;

			font-weight: 600;

		}



			.featuresBlock .premium {

				color: #333534;

			}



		.featuresBlock .forwardArrow {

			display: block;

			overflow: hidden;

			position: absolute;

			top: 41%;

			right: 11px;

			height: 30px;

			width: 30px;

			*background: url('../images/features-sprite.png') no-repeat;

			*background-position: -2px -38px;

		}



			.svg .featuresBlock .forwardArrow span:before {

				content: url('../other/features-sprite.svg');

				position: relative;

				left: -2px;

				top: -38px;

				width: 60px !important;

			}



			.featuresBlock .forwardArrow span:before {

				content: url('../images/features-sprite.png');

			}



			.svg .featuresBlock .forwardArrow {

				*background: url('../other/features-sprite.svg') no-repeat;

			}



				.rtl .featuresBlock .forwardArrow {

					left: 11px;	

					right: auto;

					*background-position: 0px -60px;

				}



				.svg.rtl .featuresBlock .forwardArrow span:before {

					direction: ltr;

					content: url('../other/features-sprite.svg');

					position: relative;

					left: 0px;

					top: -60px;

					width: 60px !important;

				}



} /* end @media only screen and (max-width: 767px) */