html, body, div, span, h1, h2, h3, p, button, a, em, img, q, s, b, u, i, input, label, footer, header, menu {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html,body {
	width:100%;
	height: 100%;
	background: #f7f7f7;
	overflow: auto;
}

.wrapper {
	width:100%;
	height: 100%;
}

body {
	color: #000;
    position: relative;
	direction: $TextDirection$;
	font-family: 'Segoe UI', Arial, Helvetica, 'Lucida Sans', sans-serif;
}

a, a:visited {color: #15a181;}

a:hover {
	color: #20d0a8;
	outline: 0;
}

a:focus, a:active {
	color: #1d564d;
	outline: 1px dashed;
}

h1 {
	font-size: 1.5em;
	margin-bottom:15px;
	font-weight:normal;
}

p {
	font-size:0.95em;
    margin-bottom: 7px;
    line-height:150%
}

.main {
	margin: 50px auto 0;
	position: relative;
	width: 480px;
	background: white;
	padding:40px;
	border:1px solid #C7D3D9;
	border-radius:4px;
}

.info {
	height: 16px;
	width: auto;
	bottom: 20px;
	cursor:pointer;
	display:block;
    text-decoration: none;
    font-size: 12px;
	float:right;
	margin:8px 30px 20px 30px;
}


html[dir="rtl"]	.info {float:left;}

.info:focus {
	outline: 1px dashed;
}

.logo {
	margin:0 30px 30px 30px;
	float:left;
}

.info-with-rating + .logo {
	margin:25px 30px 0px 30px;
}

html[dir="rtl"] .logo {float:right;}

.aside, .content {
    display: block;
	*text-align:left;
}

.aside {
	margin:0;
}


.content {
	padding:0;
    margin-top: 20px;
	vertical-align:top;
	text-align:left;
}

html[dir="rtl"] .aside, html[dir="rtl"] .content {text-align:right;}

.footer {
	border-top: 1px solid #e7e7e7;
	margin-top: 20px;
	padding-top: 10px;
	clear:both;
}

.footer a {
	margin: 0 10px 0 0;
	line-height:180%;
	padding:2px;
	font-size:0.8em;
	color: #15a181;
}

.footer a:hover {color:#20d0a8;}

html[dir="rtl"] .footer a {margin: 0 0 0 10px;}

.clear {clear:both;}

#tutorialOverlay {
	background:black;
	position:absolute;
	opacity:0.5;
	filter:alpha(opacity=50);
	width:100%;
	height:100%;
	display:none;
	top:0;
	left:0;
	z-index:1;
}

#tutorial {
	display:none;
	background:white;
	width:770px;
	height:540px;
	border-radius:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-270px;
	margin-left:-385px;
	z-index:1;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

.tutorial-footer {
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #ebebeb;
	font-size:16px;
}

.tutorial-footer-content {padding:20px 35px;}

.left-button {text-align:left;}
.right-button {text-align:right;}

.next-button__text {
	line-height:125%;
	vertical-align:top;
}
.tutorial-footer-content-button__text {
	line-height:32px;
	vertical-align:middle;
	display:block;
}

.slider-dots {
	text-align:center;
	height:8px;
	cursor:default;
}

.slider-dots__dot {
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	background:#cccccc;
	border-radius:4px;
	width:8px;
	height:8px;
	font-size:0;
	margin-right:5px;
	cursor:pointer;
}

.slider-dots__dot_active {
	background:#009976;
	cursor:default;
}
.slide-container {
	width:730px;
	margin:90px 20px 20px 20px;
	text-align:right;
	display:none;
}

.slide-container__header, .slide-container__text {
	font-size:1.5em;
	padding:0 40px;
	margin-bottom:30px;
	text-align:center;
	line-height:115%;
}

.slide-container__text { font-size: 1em;}

.footer-button {
	background: #f8f9f9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9f9), color-stop(100%,#dde8e6));
	background: -webkit-linear-gradient(top,  #f8f9f9 0%,#dde8e6 100%);
	background: -ms-linear-gradient(top,  #f8f9f9 0%,#dde8e6 100%);
	background: -moz-linear-gradient(top,  #f8f9f9 0%,#dde8e6 100%);
	background: linear-gradient(top bottom,  #f8f9f9 0%,#dde8e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f9', endColorstr='#dde8e6',GradientType=0 );
	border: 1px solid #939f9d;
	border-radius: 3px;
	color: #2a3333;
	font-size:0.8em;
    font-weight: 600;
	display: inline-block;
	*display: inline;
    *zoom: 1;
	line-height: 32px;
	min-width: 30px;
	padding:0 10px;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	cursor:pointer;
}

.footer-button:hover, .footer-button:active, .footer-button:visited {
	color: #2a3333;
	background: #f8f9f9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde8e6), color-stop(100%,#f8f9f9));
	background: -webkit-linear-gradient(top,  #dde8e6 0%,#f8f9f9 100%);
	background: -ms-linear-gradient(top,  #dde8e6 0%,#f8f9f9 100%);
	background: -moz-linear-gradient(top,  #dde8e6 0%,#f8f9f9 100%);
	background: linear-gradient(top bottom,  #dde8e6 0%,#f8f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f9', endColorstr='#f8f9f9',GradientType=0 );
}

.footer-button_recommended {
	background: #00b496;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b496), color-stop(100%,#008e76));
	background: -webkit-linear-gradient(top,  #00b496 0%,#008e76 100%);
	background: -ms-linear-gradient(top,  #00b496 0%,#008e76 100%);
	background: -moz-linear-gradient(top,  #00b496 0%,#008e76 100%);
	background: linear-gradient(top bottom,  #00b496 0%,#008e76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b496', endColorstr='#008e76',GradientType=0 );
	color: #fff;
	border: 1px solid #006353;
}

.footer-button_recommended:hover, .footer-button_recommended:active, .footer-button_recommended:visited {
	color: #fff;
	background: #008e76;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008e76), color-stop(100%,#00b496));
	background: -webkit-linear-gradient(top,  #008e76 0%,#00b496 100%);
	background: -ms-linear-gradient(top,  #008e76 0%,#00b496 100%);
	background: -moz-linear-gradient(top,  #008e76 0%,#00b496 100%);
	background: linear-gradient(top bottom,  #008e76 0%,#00b496 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008e76', endColorstr='#00b496',GradientType=0 );
}

.close-button .tutorial-footer-content-button__text {display:inline;}
.close-button .tutorial-footer-content-button__text:first-child {display:none;}

.back-button .tutorial-footer-content-button__text {display:none;}
.back-button .tutorial-footer-content-button__text:first-child {display:inline;}

.ready-button .tutorial-footer-content-button__text {display:inline;}
.ready-button .tutorial-footer-content-button__text:first-child {display:none;}

.next-button .tutorial-footer-content-button__text {display:none;}
.next-button .tutorial-footer-content-button__text:first-child {display:inline;}

.slide-container__image {
	height:243px;
	width:100%;
	background-repeat: no-repeat;
	background-position:top center;
}

.first-slide__image {
height:191px;
background-image:url('data:image/png;base64,[encoded data, 31676 characters]')
}

.second-slide__image {
background-image:url('data:image/png;base64,[encoded data, 16104 characters]');
}

.third-slide__image {
background-image:url('data:image/png;base64,[encoded data, 16844 characters]')
}

.slide_active {display:block;}


.links {
    margin: 15px auto 0;
    width: 750px;
    font-size: 12px;
    text-align: center;
}

.links__info {
    width: auto;
    cursor:pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
    text-decoration: none;
    margin: 0 110px;
}


.feedback-button {
    background: #ffffff;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid #C7D3D9;
    height: 42px;
    *height: 40px;
    text-align: center;
    color: #15a181;
    margin: 0 110px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback-button:hover {
    color: #20d0a8;
}

.feedback-button:active {
    color: #1d564d;
}

.feedback-button__span {
    width: 16px;
    height: 12px;
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADeSURBVCiRpZI7qsJAGIW/BIsLthKmkrgKheDgGozeWsHHmnygvRrXICMWruLKrYLYCnZjoRMmRjHi352Zcz5mDr+jtdZ8MQWA0+XMUK3Zxn+5QjWvzKzRpvRTxAXobpaMZJO6qOQOD9Ua4AbYH/9zQeywea1rLt9BnoVTAAPpq4ixDAmEn5wHwmfe+KWvokxPKYA9U9kiED6B8JnK1stvFWxhzD21SiBASvfUil18yALssDGYoK0fPS7cCprIkIGKUvRdfMjozmbBRIZJ0Y7WWn+6SFWvzPy+SM63q3wFTet7C5twE4UAAAAASUVORK5CYII=");
}

.feedback-button:hover .feedback-button__span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD5SURBVCiRlZJPSsNAFIe/hCCFDrioxo04OYSCk1zAmygY61m0lXoUD2AzWXiIjrhRVBAi+A/iopkwaZVO32b4zbzvY3i84PX7s755e+D+q2Kd2tsQHG3uEtR1Xb/8fHBuSqbVoxd80N9mkqQMoh4hwMlsyoU8JBM73vDQlABzwd37s5fEhYvmt6F9XCX5C+4IrCQ3mkupUCJu75WIuU4ycqM78JIAIGjOsUxRIkaJmLFMO29uRW6wzaemAOCqAd2cmwJdPS0LXLhsGizo5kVJaAc0koozo9tmCy7m49ktI6naQbeLNDQl2nOR9vtbTJKMQdSbC7yof+oXZD+E7C6oIKYAAAAASUVORK5CYII=')
}
