html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
html,body {
	width:100%;
	height: 100%;
	background: #f6f6f6;
}
.wrapper {
	width:100%;
	height: 100%;
	vertical-align: middle;
}
.wrapper-td{
	vertical-align:middle;
}
body {
	color: #333;
    position: relative;
	direction: $TextDirection$;
	font-family: 'Segoe UI', Arial, Helvetica, 'Lucida Sans', sans-serif;
}
body[tag^="safe-banking"] {
	padding: 0 30px;
	box-sizing: border-box;
}
a {font-size: 14px;}
a, a:visited {color: #00a88e;}

a:hover {
	color: #23d1ae;
	outline: 0;
	text-decoration: none;
}

a:focus, a:active {
	color: #006d5c;
	outline: 1px dashed;
	text-decoration: none;
}

h1 {
	font-size: 20px;
	font-weight:600;
	margin-bottom: 16px;
}

p {
	font-size:14px;
	line-height: 150%;
	margin-bottom: 8px;
}

.main {
	position: relative;
	width: 600px;
	margin: 72px auto;
}

body[tag^="safe-banking"] .main
{
	width: auto;
	max-width: 600px;
	min-width:440px;
	box-sizing: border-box;
}

.logo {
	position: absolute;
	top: 32px;
	left:32px;
    width: 96px;
    height: 22px;
	float:left;
}

body[tag^="safe-banking"] .logo{
	margin-left: 0;
}

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

html[dir="rtl"] body[tag^="safe-banking"] .logo{
	margin-right: 0;
}

.aside, .content {
    display: block;
}

.aside {
    margin: 0 40px;
	padding: 0;
    text-align:center;
}
.pic {
    background-color: #ed2939;
    width: 23px;
	height: 23px;
	margin-top: -1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTExLTAxVDE2OjM1OjE4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMS0wMVQxNjozODoyNCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMS0wMVQxNjozODoyNCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NGJjMjBjMy0xZjdkLWE3NDAtYmI1OS05YmYzNmI2YzJiM2IiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ODRiZTMxMy05MmIwLTg5NGQtODBlOS1jNzQzOTdmMGQ3ODAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMGRhZjQyNC03OGMzLWEyNGEtODE3NS02Y2ZjZmM5OTZkOTgiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjEwZGFmNDI0LTc4YzMtYTI0YS04MTc1LTZjZmNmYzk5NmQ5OCIgc3RFdnQ6d2hlbj0iMjAxOC0xMS0wMVQxNjozNToxOCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NGJjMjBjMy0xZjdkLWE3NDAtYmI1OS05YmYzNmI2YzJiM2IiIHN0RXZ0OndoZW49IjIwMTgtMTEtMDFUMTY6Mzg6MjQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Os9ixAAAAV0lEQVRIiWP8////fwYaAhYozUgj8/8z0chgOGBB41MruOAhQnMfDDoLGBlITBCDzgejFoxagAnQiwpCgOSiZNAF0eDLySMvDkgG6EFE9bqZbj6gWdMFAJv9CTpvG20wAAAAAElFTkSuQmCC');
	background-position: top left;
	background-repeat: no-repeat;
    text-align:left;
    display: inline-block;
	*display: inline;
	*zoom: 1;
}
.pic_green {
	background-color: transparent;
	background-image: url('iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAuxJREFUSA21VE1oE0EU/mbdIvVUjehRsJ6koC2o9yKCitTSUnvYDUrFnnbToifFEip6Em2aU0RBmoIVK/EHFTxURC9q/YO2IDSCR8WUngySmPHNbmaS2d3WFHWWZd7P997Mm/cD/PvlWs81pxqfiB9D5lSTBoCGIFWQ19GCc5z1Sqho155VQkk49hsDm1r3Sh6OnfPoWOs+A0v510qRznZ7dCH/ypcpv8RWaabQgnDsI2D8PLgxiNj2jyh83gVWyYCzC0hnHwqIbyCAaHmKdPqnEEYu74TlA75u6ERHJEi8nAxAAJx4uxkCCtB88Q44fYPXRFB+YFXgmq8UDhoYwTpzEC3bPmD5y278KmfI+agMOnSjPwn0E1z7Hd38HpqbrnuGxdJJesejGM8GHiWZNOBYfEXvjvVS1zn2J10QwSnMcHx/hDpaRFgDZX45WktSx7qvlT1hDRLvVAau3Q8Rj1gC3Lahl5JXUnrCCuWCEoxnp1BYzMG1H0SABWzBhMnOKANBpCe7NL6eUVj1AvXaAB3CuPaLAKTGihxVYwtk2npPzZKja97w0GU+QA3VjfHJdmmtG0ip3DlnSBzvBCqHqWRox1b6Y/QX6P9KZTMDGI+QujkDxiIrJfqAhH0VFRyiBj6H9MQ0OVt9OfFegF+EgcfY2Hqawq1IA/0A1xqjm3YgtqOTQGUJanhPJk1KewkGG0MqO1yzE0/h0nsmrJ6a8C8oEZHXiZz5Ebj2Fbr5MjX56Jrciswv5fu8909N3NZsHXuEctRSnWG8H6axRwOsxog5N/djGoV8BW3NfYF28S3FDCmW3oaHZL1j6YiGt+dI6ITjuSLxoT6st1R09QA2RVNggKT6E/mN3EUJNzGfF9U0RQXQ01AB+NPvln/Sf0+yDMgv0wTdsqmhW0o7uYtIl/LPKLmzskz1PhBArzIWqarYQRj8LFKTd6X9irso7wq7RGPiCY2JoXpc+IB6bXBUML6FDt5Mjr7T/q2RUfEbyYkXCcgbUhUAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
}
.aside_success h1 {color:#00a88e}
.content {
	text-align: left;
	margin: 32px auto 0;
	position: relative;
	width: 600px;
	padding:48px;
	border-radius: 8px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
	box-sizing: border-box;
}

.clear {clear:both;}
.ribbon {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}
.ribbon span { line-height: 48px;}
.bold {font-weight: bold;}
.url-section-title {margin-top: 20px;}
.url-section-wrap__url {cursor: help; display:inline;border-bottom: 1px dashed #e5e5e5;}
.url-section-verdict {margin-top: 20px;}
.url-section-source {margin-top: 5px;}
.url-section-falsepositive {margin-top: 30px;}
.url-section-timestamp {margin: 30px 0 0 0; color: #999;font-size: 12px;}
span { color: #666;}
.url-section-wrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; }

.footer {
	margin-top: 20px;
	padding-top: 16px;
	clear:both;
}


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;
}

#tutorialWrapper {
	display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    min-height: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

#tutorial {
	display:none;
	background: white;
    max-width: 770px;
    min-width: 460px;
	width: auto;
	top: 50%;
	margin-top: -270px;
    height: 540px;
    border-radius: 10px;
    position: relative;
    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 {margin:15px 0;}

.left-button {text-align:left; margin-left:15px;}
.right-button {text-align:right; margin-right:15px;}

.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 {
	position: absolute;
	max-width: 730px;
    width: 100%;
    margin: 0px 20px 20px 20px;
    padding-top: 70px;
    box-sizing: border-box;
	display:none;
}

.slide-container__header, .slide-container__text {
	display: block;
	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: #ffffff;
	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;	
	border: 1px solid #b3b3b3;
	border-collapse: separate;
	border-radius: 3px;
 	box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
}

.footer-button:hover{
	box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.05);
	border: solid 1px #cccccc;
}

.footer-button:active{
	box-shadow: none;
	background: #f2f2f2;
    border: 1px solid #999999;
}

.footer-button span {color:#00a88e;}
.footer-button:hover span {color:#23d1ae;}
.footer-button:active span {color:#006d5c;}


.footer-button_recommended span,
.footer-button_recommended:hover span,
.footer-button_recommended:active span {color:#ffffff;}

.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;
}


.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: #006d5c;
}

.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=')
}
.info {
	position: absolute;
	top: 38px;
	right: 32px;
	cursor:pointer;
	display:inline-block;
    font-size: 14px;
}


body[tag^="safe-banking"] .info{
	margin-right: 0;
}

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

html[dir="rtl"]	body[tag^="safe-banking"] .info{
	margin-left: 0;
}

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

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