@font-face{
  font-family:'UniCredit Light';
  src: url(assets/unicredit-light.0fc56648e39ca048ef0b86c82c4533f7.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family:'UniCredit Medium';
  src: url(assets/unicredit-medium.888377a16215fcdf810b7e6d19eb5197.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face{
  font-family:'UniCredit';
  src: url(assets/unicredit-regular.dcf030863ec73120d7a561fd9b1899b3.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;};

@font-face{
  font-family:'UniCredit Heavy';
  src: url(assets/unicredit-heavy.1fd623475850f23246d44c60d9d76eca.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}


* {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
    50% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
    100% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
}

@keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
    50% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
    100% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);}
}

html, body, .app {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: 'UniCredit', Arial, sans-serif;
}

body {
	background: url(assets/UCbgBlurr.26671ff9971f0cda547fb6f495f449b3.jpg);
	background-size: cover;

	scrollbar-base-color: #111;
	scrollbar-3dlight-color: #111;
	scrollbar-highlight-color: #111;
	scrollbar-track-color: #222;
	scrollbar-arrow-color: #777;
	scrollbar-shadow-color: #111;
	scrollbar-dark-shadow-color: #111;
}

#loader {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0A2143;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.Loader-text {
	background-position: center top;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100px;
	font-size: 12px;
	padding-top: 42px;
	background-image:url(assets/loader.63a2cfaca7df1957636527301d97a990.gif);
}

.Tutorial {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

/** Header **/

.Tutorial-header {
	background-color: #222127;
	background-color: rgba(28,24,24,0.7);
	z-index: 1;
	position: relative;
}

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

	.Tutorial-header {
		background-color: rgba(28,24,24,0.95);
	}

}

.animations .Tutorial-header {
	transition: background-color 0.5s ease-out;
}

.Tutorial-title {
	display: block;
	box-sizing: border-box;
	color: white;
	font-family: 'UniCredit Light', Arial, sans-serif;
	font-size: 24px;
	height: 100px;
	padding: 34px 0 0 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAzklEQVQ4y2NgIAL0Tpjyv3fClP/EqCUIli5f9R8Gli5fRZmhu/fs+48Odu/ZR7qh0vKq/8+eO/8fFzhz9vx/CTl14gzW1DH8f+fuvf+EwJ279/6rahnjN9TKxuH/y5evCBoGAy9fvvpvauWE3VBf/6D/nz9/JtowGPj8+fN/d+8gVEOTUtL+//r1i2TDYODXr1//YxLSIYZWVdf+//fvH9mGwcC/f//+l5TX/mdEdun////JSmeMjIxwc5jIMQAfYCHFdmJ8QXUXjhpIOQAAjXV7uwwMAnwAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 20px 40px;
	text-decoration: none;
	cursor: pointer;
	width: 335px;
}

.Tutorial-title strong {
	color: #E31E25;
	font-family: 'UniCredit Heavy', Arial, sans-serif;
}

.Tutorial-current {
	display: none;
	position: absolute;
	top: 34px;
	left: 345px;
	color: #fff;
	font-size: 24px;
	font-family: 'UniCredit Light', Arial, sans-serif;
}

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

	.Tutorial-current {
		display: block;
	}

}

/** Stage **/

.Tutorial-stage {
	position: relative;
	display: flex;
    flex-direction: row;
	white-space: nowrap;
}

.no-flexbox .Tutorial-stage {
	display: table;
	width: 100%;
}

.no-flexbox .Tutorial-stage > div {
	display: table-cell;
	vertical-align: top;
}

/** Screen **/

.Screen {
	flex: 4;
	position: relative;
}

.no-flexbox .Tutorial-stage > .Screen {
	height: 100%;
}

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

	.no-flexbox .Tutorial-stage > .Screen {

	}

}

.Screen-frame {
	position: absolute;
	width: 1210px;
	height: 845px;
	margin: 0 auto;

	background: url(assets/browser.1303e7fed3d58c8819b65bef43eafad7.png);

	will-change: transform;
}

.animations .Screen-frame {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.Screen-image {
	width: 1100px;
	height: 700px;
	top: 66px;
	left: 55px;
	background-repeat: no-repeat;
	position: relative;
}

/** ToolTip **/

.ToolTip {
	position: absolute;
	top: 0;
	left: 0;
	white-space: normal;

	padding: 24px;
	max-width: 250px;

	background-color: #000;
	background-color: rgba(28,24,24,0.95);

	border: 1px solid #E2001A;
	border: 1px solid rgba(224,226,217,0.60);

	font-border-radius: 3px;size: 0.8em;
	box-shadow: 0 0 16px 0px rgba(0,0,0,0.3);

	transition: -webkit-transform 0.3s ease-out;

	transition: transform 0.3s ease-out;

	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	will-change: transform;
}

.Tutorial--editing .ToolTip {
	transition: none;
}

.Screen--overview .ToolTip {
	max-width: 500px;
	padding-bottom: 100px;
}

.Screen--overview .ToolTip-header {
	font-size: 24px;
	margin-bottom: 30px;
}

.ToolTip-header {
	color: #E2001A;
	font-family: 'UniCredit Heavy', Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
	margin: 0px 0px 10px 0px;
}

.ToolTip-content {
	font-family: 'UniCredit Light', Arial, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.5em;
}

.ToolTip-content div {

}

/** HotSpot **/

.HotSpot {
	position: absolute;
	will-change: transform;
	display: table;
}

.animations .HotSpot {
	transition: width 0.3s ease-out, height 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out;
	transition: transform 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.HotSpot-wrapper {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.Tutorial--editing .HotSpot {
	transition: none;
}

.HotSpot-wrapper,
.HotSpot-hit {
	width: 100%;
	height: 100%;
}

.HotSpot-hit {
	background-color: rgb(40, 143, 255);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;

	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.animations .HotSpot-hit {
	transition: opacity 0.3s ease-out;
}

.Tutorial--editing .HotSpot-hit {
	opacity: 0.9;
}

.HotSpot.is-active .HotSpot-hit {
	opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.HotSpot-guide {
	margin: 0 auto;

	width: 28px;
	height: 28px;
	background-color: rgba(40, 143, 255, 0.6);
	border: 1px solid #2990ff;

	border-radius: 100%;

    z-index: 1;
    opacity: 1;

    cursor: pointer;
}

/* IE8 */
@media all\0 {
    .HotSpot-guide {
		background-color: none;
	    border: none;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACd0lEQVRIS8WWS0hUYRTHf+e7OjO9aBM93FQyNtOqFtGiInpB2JOgTdSiTVK6GbSg6IGQYJCai7DITYugRUEk4TIicOWmdpoD1WZ6EEFFpaP3O3GvXplsnHFG53a39zvn95177jn/vzDHZ12rxswytkeEVQg1fpiSySqf7A8G3rXK6FxSSbFD8W49UmVpEGEXygc1jGLJ+nGGiFhiCGtUeTFhuJdOSV+hnLMC13frzgh0YKlBGBHlvYGxfMksRFVYi1KHIZOF829T8jLf2bzAeJc2VgvXreW1I4wU+wq5712lzhg2jStX083SMzP2H2CyW9sFLuLyQIRfpcCCs6osVod6oHcoJZdyc/wFTHTqOSO0idCHTvWpHKIXI0RUOD1uacqtdBro9SymPMHSX25lM+/mVYrhwKhwLOjpNDBxSwdRvjuQLreofHFeT3FYOpySrZOFA4mbepRqbjuW/oWEBblcOOgaGr2R8YHJLn2mwhJHeVMRoLBBlJ9DzXJIvA2yaDlfVHk825zN9xLenIpw/Pc3Vkhtp+6NCncFns83caF4hT1jylmp69ATVYbLAgOVBFrDNiztkuzSFjGcFMtgRYGwBeFh+MDQP2noPw31Gt24n69qeRTKWIQ++P9ltfnQMJe3BwxdnvwqPQF26BHl/kIIsBUOT1iu5RXgYMv4FsPSgJYvxL7wOpxSuFHQYgRQv1JDm1VelSrILsSNsNlargy3yJ2iJio44NtEpRNhNUp6TjZRiKN8zAotJdnE3Ft5bkAczohhN5YMnjc1UwbLEgGigRFWl97hC/K0kAgUdd7TwfUard3HDkdZ6ZhJq+9aMq7wuRSr/wdGLCjOJJ2TwAAAAABJRU5ErkJggg==) no-repeat;
    }
}

.animations .HotSpot-guide {
	transition: opacity 0.15s ease-out;
	-webkit-animation: pulsate 1s ease-out;
	        animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.Tutorial--editing .HotSpot-guide {
	transition: none;
}

.HotSpot.is-active .HotSpot-guide {
	opacity: 0;
}


.Screen--overview .HotSpot.is-active .HotSpot-guide {
	opacity: 1;
}

.Screen--overview .HotSpot.is-active .HotSpot-hit {
	opacity: 0;
}

/** Forward Back **/

.ForwardBack {
	color: white;
	cursor: pointer;
	font-family: 'UniCredit Light', Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 14px;
	height: 70px;
}

/** ListItem **/

.ListItem {
	color: #fff;
	cursor: pointer;
	list-style-type: none;
}

.ListItem-text:hover {
	background-color: #1A2533;
	background-color: rgba(22,44,71,0.3);
}

.ListItem.is-selected > .ListItem-text {
	background-color: #1A2533;
	background-color: rgba(22,44,71,0.5);
}

.ListItem-text {
	padding: 5px 0;
	white-space: normal;
}

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

	.ListItem-text {
		padding-right: 30px;
	}

}

/** TableOfContents **/

.TableOfContents {
	background-color: #222127;
	background-color: rgba(28,24,24,0.7);
	font-size: 14px;
	flex: 1;
	z-index: 1;
	position: relative;
	height: 100%;

	will-change: transform;
}

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

	.TableOfContents {
		background-color: rgba(28,24,24,0.95);
	}

}

.animations .TableOfContents {
	transition: background-color 0.5s ease-out, -webkit-transform 0.3s ease;
	transition: transform 0.3s ease, background-color 0.5s ease-out;
	transition: transform 0.3s ease, background-color 0.5s ease-out, -webkit-transform 0.3s ease;
}

.TableOfContents-scroller {
	overflow-y:auto;
	height: 100%;
	width: 100%;
}

.flexbox .TableOfContents--hidden {
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}

.no-flexbox .TableOfContents {
	height: 100%;
	width: 280px;
}

.no-flexbox .TableOfContents--hidden {
	width: 0;
}

.no-flexbox .TableOfContents--hidden .TableOfContents-scroller {
	width: 0;
	overflow: hidden;
}

.TableOfContents .level0 {
	font-family: 'UniCredit Heavy', Arial, sans-serif;
	font-size: 22px;
	margin-top: 24px;
}

.TableOfContents .level0.first {
	margin-top: 0;
}

.TableOfContents > ol {
	margin-left: 0;
}

.TableOfContents-list {
	font-family: 'UniCredit Light', Arial, sans-serif;
	line-height: 28px;

	padding: 0;
	margin: 0;
}

.ListItem p {
	display: table;
}

.ListItem.level0 p {
	margin: 0 10px 0 8px;
}

.ListItem.level1 p {
	margin: 0 10px 0 32px;
}

.ListItem p span {
	display: table-cell;
}

.ListItem p span:nth-child(1) {
	padding-right: 6px;
	text-align: right;
	box-sizing: border-box;
}

.TableOfContents-toggle {
	position: absolute;

	background-color: rgb(34, 33, 39);
	background-color: rgba(28,24,24,0.95);

	background-repeat: no-repeat;
	background-position: center center;

	top: 50%;
	top: calc(50% - 25px);
	right: -30px;
	width: 30px;
	height: 50px;

	display: none;
}

.no-flexbox .TableOfContents-toggle {
	display: block;
}

.TableOfContents--visible .TableOfContents-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAG9JREFUOBFjZCAR/P//X45ELQwMQE3OQPwNiB8RrRlJE5D5v48ojWiaZgD5jAQ1jmqCBtHgDwgLoBP/AjEIEBe5QK8xEUwB+BQAbYIlXpJsBZs5qpn4aBpGAUZcYQVLdUiJ5BHh0gqmC0oDNYMLZAC0HItEwuHHKwAAAABJRU5ErkJggg==);
}

.TableOfContents--hidden .TableOfContents-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAFpJREFUOBFj+P//vxwIM5AKgJoeAfE3IHYmSS9QQx8QgwBpmoEaGIF4BkgnEIxqJhTswEAa6QH2FxgGFkyEAopsebJCeFQTNLwHeUCAXAl0ItmFFdnFI1kFMgDTQJF4jmYF8AAAAABJRU5ErkJggg==);
}

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

	.flexbox .TableOfContents {
		position: absolute;
		height: 100%;
		z-index: 1;
		width: 280px;
		flex: none;
		box-sizing: border-box;
	}

	.TableOfContents-toggle {
		display: block;
	}

}

/** Arrow **/

.Arrow {
	height: 100%;
	width: 62px;
	background-repeat: no-repeat;
	background-position: center center;
}

.Arrow:hover {
	background-color: rgba(40,100,167,0.28);
}

.Arrow--left {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAG9JREFUOBFjZCAR/P//X45ELQwMQE3OQPwNiB8RrRlJE5D5v48ojWiaZgD5jAQ1jmqCBtHgDwgLoBP/AjEIEBe5QK8xEUwB+BQAbYIlXpJsBZs5qpn4aBpGAUZcYQVLdUiJ5BHh0gqmC0oDNYMLZAC0HItEwuHHKwAAAABJRU5ErkJggg==);
	float: left;
}

.Arrow--right {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAFpJREFUOBFj+P//vxwIM5AKgJoeAfE3IHYmSS9QQx8QgwBpmoEaGIF4BkgnEIxqJhTswEAa6QH2FxgGFkyEAopsebJCeFQTNLwHeUCAXAl0ItmFFdnFI1kFMgDTQJF4jmYF8AAAAABJRU5ErkJggg==);
	float: right;
}

/** Edit Mode **/

.EditManager {
	position: absolute;
	top: 20px;
	left: 400px;
	color: white;
}

.EditManager button,
.EditManager input {
	color: black;
}

.EditManager input[type=text] {
	display: block;
	width: 700px;
	margin-top: 10px;
}

.EditManager-copyarea {
	position: absolute;
	top: -1000px;
}

/** Header locales */

.Header-locales {
    position: absolute;
    top: 10px;
    right: 0px;
    color: #fff;
    z-index: 2;
}

.Header-locale {
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-right: 10px;
    text-indent: -100px;
    overflow: hidden;
    text-decoration: none;
    background-size: 16px 10px
}

.Header-locale--en {
    background-image: url(data:image/jpeg;base64,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);
}

.Header-locale--ru {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAAAAAAAD/7gAOQWRvYmUAZAAAAAAB/9sAQwABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMD/9sAQwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAFAAeAwERAAIRAQMRAf/EABoAAQABBQAAAAAAAAAAAAAAAAgABgcJCgv/xAA6EAAABAMFBQQFDQAAAAAAAAACAwQFAQYHABESEwgUFRYYCSEjFxkxZCaoKSIzJDTUJTWV1VYnl1j/xAAaAQACAwEBAAAAAAAAAAAAAAAHCAAFCQEG/8QAQxEAAAMFBAUGBxEBAAAAAAAAAQIDERIEBQYAIRMUIhUHFwgxYTIjNBZRUySkJxgZQXHRQlKC0jNjk1SUNlaGpgkp/9oADAMBAAIRAxEAPwBf1p6wMyaMeobV+kNZqdJ6zaaUBlNoJWxhMjLlTacgfKZSW/PLlKrghVtbdOiQ92dlKk5udhbTGJmFMsKAECeLA05sml1XUDCTeAUGGqA+M0xhEySrqyhCgcLxIIFKAAYl12kURETWC092kx1NVnEyyMIC8lLhMAAAFE3kiGMJR+O0REXT333GAAZbZY0xVE0Z6xaaIKsad5maKhSkqyyF8EL9MaV+ll0EXmGsM3S4tciHmWX1LG8JiZWSWO8MYhxBuFEMT6npxTUcMunSBkYkORt5TB8ohg0TFHwgI2Kknncsn0IEbK1Sqojy+4YojewxRvKPMIe9dZF+CVM/26Z+dv8A+qWpbWtqAmCl8joJ8p6yJWYZTY/AmyLqn3o8Diq3Y1EKkPfGLxnkZB4oi7sQMV9wr4dlpaW53PWLLMN6jVfSigDMMMKpOEBZYYjGMUaL08uCEIb4ijGzq7K42Dluy+EmMxWSh5egWIOoqqcpE0yhELNMc5hApQDnG/kBo3WVquJPOKi2nKSCnoSKj59GKIJQ8NDJHWiF1DIJOppJJgY5zD4ChcDRFhQEQPul+rdeNKVQE9W6J1OmOls6wThSqwMCgBjbMDddH7rnRkVQPZZjbg4rwEqChiJj2ljAKMY2Tbb7xYyaewylH7N4ZGLhgMIHmUQm0oCA35JIzDA3xx2NDoktt1wW/wCSM3lh0NpXFJErwSxyAdGnYJd1Vgg0ozeLSExQEGtycOJmC0FVRuAMm3nd9Tj/AEG1/wBZSX9isn+8utfxZfuyfBbTX1C+FP8Aba356K+lZd0f6pOuietKOsKtU01iQONS6EjoEClj+CRpYSlS4GptRVMrTtA1sIShRuu92IgBIc8IsiMMQLhW9dJ64qeKpScTJeIAY2FGFwjOFB3EWEp7mMFpbr+Sy0bTeEnh/p/iN2Y0JKZIolS1QlqIY9HNrmFbIy0i8Kw4meTw1REwuCD3Ia6yB1R+TzzIVG5l9i5h7pU492jmL2vK4KlzhbK4J9k8rg7d/wBQ+Tf899IzbMBtAf7ky/vznO4L6mXdzGVxMU7+LldDExH3cxpu9DQZbM3hT3z7wpt6sWqd6mCTNPah1pgYZHctrjyrLuOYmR6l9mL1lrI/AW9U97awQ9CXN59Z+R9rC2/Gb/ErT4C3qnvbWnoS5vPrc/6w/a/1KyFpz5SXgJqO4AyfAz+I+YG7mJycXGanwqx759qcXFub+Ddvo2zucNr6A3XakmGRZqXqM12vxg4PS0+m36v591hBWXtB97NGd7n96jJtqD9OtZkya1Zg+S9kd7Zz5frHrf/Z);
}

/** Locale Selector */

.LocaleSelector {
	margin-right: 20px;
	color: #fff;
	width: 100px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA1hJREFUSA29lk1IVVEUhb0ahQ0EEQIT9Ck46IcyCBoI/SBGNCiDaBASRpOgkRENi4IsBxE2LiwaZNFACJolqAXN0kFGFqaGrxpH+FNx+9Z5Z1+O911fFuGC9fY+a+1z9r333Z8Tla0CcRzvpKwD7oObYR2MYd5zmDgYRdE48d9Bow44AVcL1erA/g5MaoCj0PCO5Bbsgovwl6dyafJUY9Dc+lV1pbAVfvUzPxE7YaTJxD6v3yX2+7zPexFj1WqOoDVaSzZVAVyAwj1YaRPIa+B3uATrYSP8AaXVBHWVjDVX0FrZTTG0iJ3ZbXJ3VsFC3WhCf6ANFKS42zRFNJ2t1hC0ZvHlRXwhF9wPJ1uOPu7cON4daIe8lnl3ai3vj9ocFxF1NwpfYPUykwFak0wwGXqMK2BeBmgKPeVo1VBrCu7uXeeLenx8RtyP6YdJaPPZFN6xRC0kbwi18Dze85SnodY8DdVjUNe6heQ1XAvs0hnag/qS/GNG1/VoJ7w+QPyZUXMQbRN8DJcy/EY03a1HdZ2HoNCeUSi/2blx/C3Ll4b/xNc0Z9XgtXt/qJwCvReFafdb/JPz0kyxlSjTPsslyvJk2g/r1FAvY90ls15MhwYvlGpontWm19Da6lGrhn/CBl+wUKJw0XtWu2KpGuZhBIvfBoVp84VQlrzm/DgM5llt6CnX2uqRV8M5KOTcb/GPLWKLFleUJQdjtemanBfm9FgMwwPwMnfSKW+Ewc58O/6D0AjyHT4/S83hQLe00Scja/3gt0TqzFFNELbAfvgUptGLoGfsApxKmTr6m/ADvJjyNDwCu+BbtiBbia6hvbz1KUm+bc4s+FfQhWumWUS75Jw4vm6aRXR9Q+2TZ2+0go2hbYHwCLozDyZuc04czxErTFdk/N57e1K6/i6tJYyGnssRww/wHcbLnlHG9j08aZPR2qAwA5ODJC+HWkPQGdqNZ1MLESPcYjxkXGUV5MehMAs3Qp3BKyicCeqqGGuusPIWI5igpnbdP5N3yiOqwRgUrsJzLitsI91lZqxNlOYIWiN7P2PNLFKoy2v/KWk8CXthjwZgHmrzJNyA8lRj0Nzsy2hNsiKT/vtGOPmjsxqaRmPtCnRb74X6nOkLI+g9rFfjCNRWf4xYEr8B20C9KjuOmsMAAAAASUVORK5CYII=) no-repeat 6px 5px;
	background-size: 12px 12px;
	box-sizing: border-box;
}

.LocaleSelector:hover {
	cursor: pointer;
	border-radius: 2px;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.29);
	color: #343434;
	background: #d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAABJxJREFUSA29ll1oHFUUx2d21yYt6EOEoAmku9IUK9ikkO8sFYn2QYlGJfVBq5U+iAqiYAX7UBeLoohPtX7ggzU0IqbagET8QMWyJZ9QK2igEU2CiVY0T4K7m92sv//k3snMZBP7Ug+cPR//c//n3rszd67rXIa0tbU1rays9FF6i+u6deVyuR5bJl7EX8R+G4vFhicmJi78F527WQGN+mj0EjW7NqsLYNM0PkLj4UAu5FZs2NXVtb1QKJyiMq1qVnMR8yl6gRW9jU2gkiLYo9gm9A6wnUoi2erq6gey2ez8arj2G1tzV72Ojo7u5eXlCaI0ZL+iB5jxjZOTk0+T24NuYRUnyQ/IV06YalSrMeTS+Xx+Ulz4IQmtUAXFYvErKqoY+F4ikXhsdHT0H41ge69lezXjq5j9DnYgzoouogUm0EDDv1TX2dm5FY43yT9MmIejZ2xs7Jwwib/CdDrdUCqVPiZXhR6H4BHbTIXIQ+g2JjKorQL/hfgj5QyGcRyN0Vjc42iVOMUtTOI3zOVy7zOrWnIDU1NTT0Ksp9AXVndQAfkTftJxTsq3mM1rrDiIB8QJ96DFvIZ6Gkl0U3iJ7XrKgta2trbegL8bfIbZT9l8Mpn8Ev83YabGQp4VlzgJ0qaH4/2HLS0tP5LcBfgu+kloFAGz7EGfAPsc1VPqC/nH0dvIn0D1/4cErBfVFk+z6ptcZtZM4nyo6goFTGhPgp8+GqrFOXw9CFHZAr5fSfAPMMVoAfE+amrBP8QvRHGwFLlu7N0u2/k1wa3xeHzf+Pi4/pOQtLe3N/Kk6cX/my25OgSagF06Ddl9cOyEYyZaA8ftcHxB/psYs6o3BbPRQhMnZambM3ElM2uSyUoguVnl1SvGzOrwyzU1NfNKRgV8u3LYDRvaydjaKIfh1v92vf8eRotszDumg0Czy9lc1NIor5ytjeLBWFuqz4u7tLTknwbBAnzvaMNujeSDocVsbRBzDLdLclFbumDQZKjKBJyTHgl1lrRSmYfZ2goFSZNb0FP6PEEG3ei1aKDZXvA/2Y3PsOsEfDdJnURnseueBXDvtQDL/K8vPjvQrH11LuNoe4VZNrKCZ9CfNSYgKR6W14h/gvDZQN5zGXcXepDAO9q8LzeFRxh0huSd6GEOaO/bhu+Jjj+cozSrARO5L2BHFYCdBhOHL/qGErylhHp4Vj8U6g6SZSa16Buot3JhRnRkeZ+h/v7+uE3KUntAllNGHL6Iw3Dpk5c1Pda+h7qDMMs/KNrPrN/JZDL+O8oV4gcGfY/Wzc3N3W9ZqevB34HO8+HVtcQTjRWHuMQpbov5pPqKM8t7AfQSHxoZGRnkDLzGFoIdkw/Jy729vduwWsGLyrFdL0Csk8TRGI3FPYTmxRm8TEW3ztG9RtcCyHT6/86gw6zwlBrwn5zHNpE/hr0E9jo6nUqlbh4aGiqxqgeJXwW7TitTs+B9Bmz1AywnKLqDmGuBvSbOQHIGkhL2OWwOu8IY3XH0BGPce7CNhmfDa+K6FQYb61rA03vlL8LBpvLZqmZWoOZ7sfWsRF8YvQq66i/wH57FDrP13ym/mfwLuZtBnZ5mqs0AAAAASUVORK5CYII=) no-repeat 6px 5px;
	background-size: 12px 12px
}

.LocaleSelector-locale:nth-child(1),
.LocaleSelector-locale:nth-child(1):hover {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAAXNSR0IArs4c6QAAAJxJREFUKBVj+P//fz4QfwLi7UAswEAEAKqzBuJ7UGwA1gLkgAyBgVNABl7DgPI2QPwZpgFIz4EZBHIJMsBpGFARuiEgfUkwgwSAHJBmZIBhGFASmyGtKCEBVITXMKIMgZkINew0kEYGIL4vECOHCUge1SUwQ2A0UAE2l4E0IgP8hqAZhu4ymEHEGULAMNIMQTMMlDRA6awKJo6LBgCuBWVaw2AcCwAAAABJRU5ErkJggg==) no-repeat 85px 9px;
	background-size: 9px 5px;
}

.LocaleSelector:hover .LocaleSelector-locale:nth-child(1) {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAAXNSR0IArs4c6QAAAPVJREFUKBV9kTsOgkAQhtlt0cQreAcJJFhQGWs772DiAewkIZ7CxkSPoNGGBguWwqPY0EHw/+Whxl0mmd15fswswnGctWVZITSxbXsZx/ETdq94nueXZXloihZKqYeEE1ZVNYTO8zy/BkEw6qO4rjstiuKC+nGjK9YTlLSNSDh9MEIwyRn1g7YH95225DpCCNUmTDAdREoZZVm2Z6/gwXU4CSH0KYTjIzO+mQmSpummrm5AdBrYDbBJlxQig71F7Ii7W4eTfENY/56IBkU3WZ35nDoIsz8gBnSTMU4xQZj7AzGog/VBjKAv2Am2jzfa4e9EjJvkBf2Olkists4AAAAAAElFTkSuQmCC) no-repeat 85px 9px;
	background-size: 9px 5px;
}

.LocaleSelector-locale {
	display: none;
	padding: 5px 27px;
	font-size: 10px;
}

.LocaleSelector-locale:hover {
	background-color: #fff;
}

.LocaleSelector:hover > .LocaleSelector-locale {
	display: block;
}

/** Bounce Animation **/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes peek {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(-75%, 0, 0);
            transform: translate3d(-75%, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(-87%,0,0);
  }
}

@keyframes peek {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(-75%, 0, 0);
            transform: translate3d(-75%, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(-87%,0,0);
  }
}

.peek {
  -webkit-animation-name: peek;
  animation-name: peek;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}




/*# sourceMappingURL=pro_walkthrough_bg.da5b53f2ea0eced7dfc0.css.map*/