@import url(/lib/styles/fancybox.css);

/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, var, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li,
article, aside, details, dialog, figure, footer, header, main, mark, nav, section, summary, time,
input[type="text"], input[type="password"], input[type="submit"], textarea, select
	{
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		line-height: inherit;
		vertical-align: baseline;
	}

:focus
	{
		outline: none;
	}

body, input
	{
		font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
		line-height: 1.2em;
		color: #000;
		background-color: #f4f6fc;
	}

table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}

caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}

input[type="text"], input[type="password"], input[type="submit"], textarea, select
	{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		resize: none;
	}

html *
	{
		-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
		-moz-tap-highlight-color: transparent;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
		max-height: 1000000px;
	}

/* STYLES */

article table
	{
		width: 100%;
	}

article td, article th
	{
		border-width: 1px;
		border-style: solid;
		padding: .2em .4em;
	}

article th
	{
		font-weight: bold;
	}

article img, article hr, article .hr
	{
		border: none;
		max-width: 100%;
	}

article iframe, article object, article embed
	{
		position: relative;
		z-index: 1;
	}

article hr, article .hr
	{
		display: block;
		border-top-width: 1px;
		border-top-style: solid;
	}

article ol, article ul, article blockquote
	{
		padding-left: 3em;
	}

article address, article cite
	{
		font-style: italic;
	}

article strong, article b
	{
		font-weight: bold;
	}

article p
	{
		z-index: 1;
	}

article h1 {margin: 1.2em 0 0 0;}
article h2 {margin: 1.2em 0 0 0;}
article h3 {margin: 1.2em 0 0 0;}
article h4 {margin: 1.2em 0 -1em 0;}

article p, article pre, article blockquote, article address, article ol, article ul, article dl,
article table, article form, article fieldset, article div, article hr, article .hr, article object,
article embed, article iframe
	{
		margin-top: 1.2em;
	}

article :first-child, article ol ul, article ul ol, article ul ul, article ol ol, article div div,
article table table
	{
		margin-top: 0;
	}

article pre
	{
		border-width: 1px;
		border-style: dashed;
		padding: .2em .4em;
	}

/* COLORS */

article h1, article h2, article h3, article h4 {color: #000; font-weight: bold;}
article h1 a, article h2 a, article h3 a, article h4 a {color: #0056a0;}
article a, a {color: #0056a0;}
article a:hover {color: #00aeef;}
article small {color: #777;}
article th {color: #fff; background-color: #000;}
article td, article th {border-color: #000;}
article hr, article .hr {border-color: #000;}
article pre {background-color: #fff; border-color: #777;}
article .e-gray {color: #777;}
article .e-img-descr-box span {color: #777;}

/* FONTS */

article h1 {font-size: 200%; line-height: 1.2em;}
article h2 {font-size: 150%; line-height: 1.2em;}
article h3 {font-size: 125%; line-height: 1.2em;}
article h4 {font-size: 115%; line-height: 1.2em;}
article p {font-size: 100%; line-height: 1.2em;}
article small {font-size: 90%; line-height: 1.2em;}
article big {font-size: 110%; line-height: 1.2em;}
article pre {font-size: 90%; line-height: 1.2em;}
article code {font-size: 90%; line-height: 1.2em;}
article table {font-size: 95%; line-height: 1.2em;}
article .img-descr-box span {font-size: 75%; line-height: 1.4em;}

/* SELECT */

header, footer, nav, .pages
	{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		cursor: default;
	}

/* TRANSITIONS */

.main-menu li ul li a, .langs li a, .submenu a, article a
	{
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

/* BORDERS */

input[type="text"], input[type="password"], input[type="submit"], textarea, select,
article img, .social a, .pages a, .pages span, .langs li a, .langs li span
	{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

/* WRAPPER */

main, header .wrapper, footer .wrapper, .breadcrumbs .wrapper, .main-menu .menu
	{
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		width: 944px;
	}

/* MAIN */

main
	{
		padding: 40px 0;
		clear: both;
	}

/* HEADER */

header
	{
		clear: both;
		background-color: #00aeef;
		height: 340px;
		position: relative;
	}

header .wrapper
	{
		height: 50px;
		z-index: 10;
	}

/* LOGO */

header .logo
	{
		position: absolute;
		width: 230px;
		height: 164px;
		top: 50%;
		left: 50%;
		margin-left: -115px;
		margin-top: -82px;
		z-index: 100;
	}

header .logo a, header .logo span
	{
		display: block;
		overflow: hidden;
		height: 0;
		width: 230px;
		padding-top: 164px;
		background: url(/lib/media/logo.png) left top no-repeat;
	}

header .title
	{
		background: url(/lib/media/title.png) center center no-repeat;
		position: absolute;
		width: 740px;
		height: 164px;
		left: 50%;
		top: 50%;
		margin-left: -370px;
		margin-top: -82px;
		z-index: 50;
	}

.uk header .title
	{
		background-image: url(/lib/media/title-uk.png);
	}

header .mobile-title
	{
		display: none;
	}

/* FOOTER */

footer
	{
		clear: both;
		background-color: #f4f6fc;
	}

footer .wrapper
	{
		padding: 40px 0;
	}

/* SOCIAL */

.social
	{
		float: right;
		overflow: hidden;
	}

.social a
	{
		display: inline-block;
		float: left;
		width: 32px;
		height: 0;
		padding-top: 32px;
		overflow: hidden;
		margin-left: 7px;
		background-image: url(/lib/media/social.png);
		background-repeat: no-repeat;
	}

.social .facebook {background-position: 0 0;}
.social .twitter {background-position: -32px 0;}
.social .google {background-position: -64px 0;}
.social .youtube {background-position: -96px 0;}
.social .instagram {background-position: -128px 0;}
.social .vk {background-position: -160px 0;}
.social .rss {background-position: -192px 0;}
.social .storify {background-position: -224px 0;}

/* COPYRIGHTS */

.copyrights
	{
		font-size: 75%;
		line-height: 1.4em;
		color: #777;
	}

.copyrights small
	{
		display: block;
	}

.copyrights a
	{
		color: #777;
		text-decoration: none;
	}

.copyrights a:hover
	{
		text-decoration: underline;
	}

/* BREADCRUMBS */

.breadcrumbs
	{
		overflow: hidden;
		clear: both;
		font-size: 75%;
		height: 32px;		
		background-color: #e7ecf0;
	}

.breadcrumbs .wrapper *
	{
		display: block;
		overflow: hidden;
		float: left;
		max-width: 250px;
		padding: 0 .25em;
		line-height: 32px;
		font-style: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.breadcrumbs .home, .breadcrumbs .sitemap
	{
		width: 15px;
		height: 0;
		padding: 32px 0 0 0 !important;
		background-image: url(/lib/media/ui.png);
		background-repeat: no-repeat;
	}

.breadcrumbs .home
	{
		margin-right: .25em;
		background-position: -40px -4px;
	}

.breadcrumbs .sitemap
	{
		background-position: -55px -4px;
	}

.breadcrumbs .wrapper div
	{
		opacity: .35;
	}

.breadcrumbs .wrapper p
	{
		float: right;
		padding: 0;
	}

.breadcrumbs span
	{
		color: #777;
	}

.breadcrumbs i
	{
		color: #777;
	}

.breadcrumbs a
	{
		color: #333;
	}

.breadcrumbs a:hover
	{
		color: #00aeef;
	}

.breadcrumbs a.home:hover
	{
		background-position: -40px -44px;
	}

.breadcrumbs .sitemap:hover
	{
		background-position: -55px -44px;
	}

/* MENU */

.main-menu
	{
		clear: both;
		float: left;
		width: 100%;
		background: url(/lib/media/menu.png) center bottom repeat-x;
		margin-top: -40px;
		font-size: 110%;
		position: relative;
		z-index: 200;
		-webkit-font-smoothing: subpixel-antialiased;
	}

.main-menu .menu
	{
		overflow: visible;
		list-style: none;
		text-align: center;
		height: 40px;
	}

.main-menu li
	{
		display: inline-block;
		position: relative;
		margin: 0;
	}

.main-menu li a
	{
		display: block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		color: #fff;
		line-height: 40px;
		padding: 0 15px;
		font-weight: bold;
		margin: 0;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
	}

.main-menu>ul>li.active>a
	{
		background-color: #f4f6fc;
		color: #000;
		text-shadow: none;
	}

.main-menu>ul>li.one.active>a
	{
		background-color: #f4f6fc !important;
		color: #000 !important;
		cursor: default;
	}

.main-menu>ul>li>a
	{
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

.main-menu>ul>li:hover>a
	{
		background-color: #0056a0;
		color: #fff;		
	}

.main-menu li ul
	{
		display: none;
		position: absolute;
		z-index: 100;
		background-color: #0056a0;
		padding: 5px 0;
		left: 0;
		top: 40px;
		font-size: 90%;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

.main-menu li:hover ul
	{
		display: block;
	}

.main-menu li ul li
	{
		text-align: left;
		display: block;
		float: none;
		white-space: nowrap;
	}

.main-menu li ul li a
	{
		padding-right: 20px;
		line-height: 32px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		font-weight: normal;
	}

.main-menu li ul li.active>a
	{
		color: #ffc20e;
		background-color: #0056a0;
	}

.main-menu li ul li:hover>a
	{
		background-color: rgba(0, 0, 0, .25);
	}

/* LANGS */

.langs
	{
		list-style: none;
		position: absolute;
		right: 0;
		top: 20px;
	}

.langs li
	{
		float: left;
		margin-left: 7px;
	}

.langs li a, .langs li span
	{
		text-decoration: none;
		font-size: 75%;
		color: #fff;
		padding: 0 .2em;
		-webkit-font-smoothing: subpixel-antialiased;
	}

.langs li span
	{
		background-color: #fff;
		color: #00aeef;
	}

.langs li a:hover
	{
		background-color: rgba(255, 255, 255, .25);
	}

/* PAGES */

.pages
	{
		text-align: center;
		margin-top: 40px;
	}

.pages a, .pages span
	{
		display: inline-block;
		border: 1px solid #e5e5e5;
		color: #0056a0;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin: 0 .1em;
		text-decoration: none;
		vertical-align: top;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.pages span
	{
		border: 1px solid #00aeef;
		background-color: #00aeef;
		color: #fff;
	}

.pages a:hover
	{

	}

/* TIMELINE */

.timeline
	{
		display: block;
		position: relative;
		margin-top: -38px !important;
		text-align: right;
	}

.timeline .years a, .timeline .months a
	{
		display: inline-block;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		font-size: 18px;
		line-height: 36px;
		padding: 0 10px;
		margin-left: 4px;
		text-decoration: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		vertical-align: top;
	}

.timeline a.active
	{
		background: #00aeef !important;
		border: 1px solid #00aeef;
		color: #fff !important;
	}

.timeline .separator
	{
		display: none;
	}

.timeline .months, .timeline .years
	{
		display: block;
		overflow: hidden;
	}

.timeline .months
	{
		margin: 8px 0 20px 0;
	}

.timeline .months a
	{
		font-size: 14px;
		line-height: 28px;
		padding: 0 10px;
	}

.timeline a:hover
	{

	}

/* NEWS */

.news
	{
		margin-bottom: -30px;
	}

.news>div
	{
		display: inline-block;
		margin: 0 0 30px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: relative;
		vertical-align: top;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 320px;
	}

.news h3
	{
		padding: 0 20px;
		margin: 0;
		font-size: 18px;
		padding-top: 16px;
		position: relative;
		z-index: 4;
	}

.news h3 a
	{
		text-decoration: none;
	}

.news time
	{
		padding: 0 20px;
		z-index: 4;
	}

.news p
	{
		color: #222;
		padding: 0 20px;
		margin: 0;
		font-size: 14px;
		z-index: 4;
		position: relative;
		padding-bottom: 16px;
	}

.news img
	{
		display: block;
		width: 320px;
		height: 213px;
		-webkit-border-radius: 5px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		z-index: 1;
	}

.news .overlay
	{
		display: block;
		border: 1px solid #000;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		opacity: .1;
		z-index: 3;
	}

.news span
	{
		display: block;
		position: relative;
	}

.news .video, .top-news .video
	{
		position: absolute;
		display: block;
		width: 60px;
		height: 60px;
		top: 50%;
		left: 50%;
		margin-left: -30px;
		margin-top: -30px;
		background: url(/lib/media/ui.png) -101px -10px no-repeat;
		opacity: .85;
		z-index: 1;
	}

.top-news .video
	{
		width: 100px;
		height: 100px;
		margin-left: -50px;
		margin-top: -50px;
		background: url(/lib/media/play.png) left top no-repeat;
	}

.news-date
	{
		margin-bottom: -.6em;
	}

.news.last
	{
		margin-top: 30px;
	}

.news.related time
	{
		padding-bottom: 10px;
	}

article time
	{
		position: relative;
		display: block;
		font-size: 75%;
		color: #777;
		line-height: 2.5em;
	}

.article-image
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 320px;
		float: right;
		margin: 1.2em 0 1em 1em !important;
	}

article img
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.video-player
	{
		height: 377px;
	}

#home-page .video-player
	{
		margin-top: 30px !important;
		display: block;
	}

.fancybox-skin
	{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

.fancybox-image
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

/* TAGS */

.tags
	{
		font-size: 85%;
		color: #777;
		clear: both;
	}

.tags a
	{
		color: #777;
	}

.tags:before
	{
		content: "";
		width: 15px;
		height: 12px;
		display: inline-block;
		background: url(/lib/media/ui.png) -78px -54px no-repeat;
		vertical-align: middle;
		margin-right: .5em;
		opacity: .5;
	}

/* ANIMATION */

.anim
	{
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

.anim .image
	{
		width: 1024px;
		height: 1024px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -512px;
		margin-left: -512px;
		z-index: 2;
	}

.anim .image img
	{
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

.anim .image .world
	{
		z-index: 1;
	}

header .branch
	{
		background: url(/lib/media/branch.png) center center no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
	}

.start .main-menu,
.start header .langs,
.start header .title,
.start header .mobile-title,
.start header .branch,
.start header .logo,
.start header .image
	{
		opacity: 0;
	}

.start header .image
	{
		-webkit-transform: scale(10) rotate(360deg);
		-moz-transform: scale(10) rotate(360deg);
		-ms-transform: scale(10) rotate(360deg);
		-o-transform: scale(10) rotate(360deg);
		transform: scale(10) rotate(360deg);
	}

.run header .image
	{
		-webkit-transition: all 3s ease-out;
		-moz-transition: all 3s ease-out;
		-ms-transition: all 3s ease-out;
		-o-transition: all 3s ease-out;
		transition: all 3s ease-out;
		-webkit-transform: scale(1) rotate(0deg);
		-moz-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		-o-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}

.run header .title,
.run header .mobile-title,
.run header .logo
	{
		-webkit-transition: opacity 1s ease-out 3s;
		-moz-transition: opacity 1s ease-out 3s;
		-ms-transition: opacity 1s ease-out 3s;
		-o-transition: opacity 1s ease-out 3s;
		transition: opacity 1s ease-out 3s;
		opacity: 1;
	}

.run header
	{
		-webkit-transition: height 1s ease-out 5s;
		-moz-transition: height 1s ease-out 5s;
		-ms-transition: height 1s ease-out 5s;
		-o-transition: height 1s ease-out 5s;

		transition: height 1s ease-out 5s;
		height: 340px !important;
	}

.run .main-menu,
.run header .langs
	{
		-webkit-transition: opacity 1s ease-out 6s;
		-moz-transition: opacity 1s ease-out 6s;
		-ms-transition: opacity 1s ease-out 6s;
		-o-transition: opacity 1s ease-out 6s;

		transition: opacity 1s ease-out 6s;
		opacity: 1;
	}

.run header .branch
	{
		-webkit-transition: opacity 1s ease-out 6s;
		-moz-transition: opacity 1s ease-out 6s;
		-ms-transition: opacity 1s ease-out 6s;
		-o-transition: opacity 1s ease-out 6s;
		transition: opacity 1s ease-out 6s;
		opacity: 1;
	}

.play header .image .world
	{
		-webkit-transition: all 1800s linear 2.5s;
		-moz-transition: all 1800s linear 2.5s;
		-ms-transition: all 1800s linear 2.5s;
		-o-transition: all 1800s linear 2.5s;
		transition: all 1800s linear 2.5s;
		-webkit-transform: rotate(-1080deg);
		-moz-transform: rotate(-1080deg);
		-ms-transform: rotate(-1080deg);
		-o-transform: rotate(-1080deg);
		transform: rotate(-1080deg);
	}

/* SLIDESHOW */

.top-news
	{
		position: relative;
		z-index: 1;
	}

.top-news .overlay
	{
		z-index: 1;
	}

.top-news .pager
	{
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 200;
	}

.top-news .pager span
	{
		display: block;
		overflow: hidden;
		float: left;
		margin-left: 10px;
		width: 10px;
		height: 0;
		padding-top: 10px;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}

.top-news .pager .cycle-pager-active
	{
		background-color: #ffc20e;
	}

.cycle-slideshow 
	{
		overflow: hidden;
		margin-top: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		z-index: 100;
	}

.cycle-slideshow img
	{
		width: 100%;
		display: block;
	}

.cycle-slideshow .cycle-slide
	{
		width: 100%;
	}

.cycle-slideshow .overlay
	{
		position: absolute;
		bottom: 0;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75) 75%);
		left: 0;
		right: 0;
		padding: 20px;
		-webkit-transition: padding-bottom .25s;
		-moz-transition: padding-bottom .25s;
		-ms-transition: padding-bottom .25s;
		-o-transition: padding-bottom .25s;
		transition: padding-bottom .25s;
	}

.cycle-slideshow a
	{
		text-decoration: none;
		color: #fff;
	}

.cycle-slideshow time
	{
		color: #fff;
		font-size: 14px;
		color: #ccc;
		line-height: 1.2em;
	}

.cycle-slideshow small
	{
		padding-top: 18px;
		padding-right: 20px;
		font-size: 16px;
		color: #fff;
		line-height: 1.2em;
		position: absolute;
	}

.cycle-slideshow big
	{
		display: block;
		font-weight: bold;
		font-size: 24px;
		line-height: 1.2em;
	}

.cycle-slideshow a:hover
	{
		color: #ffc20e;
		text-shadow: 0px 1px 0px black;
	}

/* ARTICLE */

article
	{
		float: left;
		width: 670px;
	}

#custom-page article
	{
		width: 100%;
	}

/* SIDEBAR */

aside
	{
		float: right;
		width: 244px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor: default;
	}

aside h3
	{
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #e5e5e5;
		padding: 8px 20px;
		line-height: 1.2em;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

aside .box
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		border: 1px solid #e5e5e5;
	}

aside .submenu
	{
		list-style: none;
		padding: 10px 0;
	}

aside .submenu a
	{
		display: block;
		padding: 7px 20px 6px 20px;
		text-decoration: none;
		line-height: 1.2em;
	}

aside .submenu a:hover
	{
		background-color: #eef2f4;
		color: #00aeef;
	}

aside .submenu li.active>a
	{
		color: #00aeef;
	}

/* BANNERS */

.banners
	{
		padding-top: 17px;
	}

.banners a
	{
		display: block;
		margin-top: 13px;
		position: relative;
	}

.banners a:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: 1px solid rgba(0, 0, 0, .1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.banners img
	{
		display: block;
		max-width: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

/* TWITTER */

.twitter-timeline
	{
		display: block !important;
	}

/* GOOGLE MAP */

#google-map
	{
		width: 100%;
		height: 400px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 1px solid #ccc;
	}

#google-map img
	{
		max-width: inherit !important;
	}

/* ERROR */

#error-page
	{
		text-align: center;
		padding-top: 100px;
		font-size: 500%;
	}

/* MOBILE */

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

		main, header .wrapper, footer .wrapper, .breadcrumbs .wrapper
			{
				width: auto;
				padding-left: 40px;
				padding-right: 40px;
			}

		main
			{
				width: 670px;
			}

		article
			{
				float: none;
			}

		aside
			{
				width: auto;
				margin-top: 30px !important;
				float: none;
				clear: both;
			}

		.banners
			{
				display: none;
			}

		.main-menu .menu
			{
				width: auto;
				height: auto;
				background: #0056a0;
				position: absolute;
				left: 0;
				top: 36px;
				overflow: hidden;
				text-align: left;
				padding: 12px 0;
				display: none;
				-webkit-border-radius: 5px;
				-webkit-border-top-left-radius: 0;
				-moz-border-radius: 5px;
				-moz-border-radius-topleft: 0;
				border-radius: 5px;
				border-top-left-radius: 0;
			}

		.main-menu .menu li
			{
				float: none;
				display: block;
			}

		.main-menu li a
			{
				background: none !important;
				color: #fff !important;
				line-height: 30px;
				padding: 0 30px 0 20px !important;
			}

		.main-menu li.active.one>a, .main-menu>ul>li.one.active>a
			{
				color: #ffc20e !important;
				background: none !important;
			}

		.main-menu li ul a
			{
				padding-left: 30px !important;
			}

		.main-menu .menu ul
			{
				display: block;
				position: relative;
				top: 0;
				padding: 0;
			}

		.main-menu
			{
				background: url(/lib/media/ui.png) left top no-repeat;
				width: 40px;
				height: 40px;
				position: absolute;
				left: 10px;
				top: 10px;
				margin-top: 0;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}

		.main-menu:hover
			{
				background-color: #0056a0;
			}

		.main-menu:hover .menu
			{
				display: block;
			}

		.langs
			{
				right: 40px;
			}

		.twitter-timeline
			{
				margin: 0 auto;
			}

	}

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

		main, article
			{
				width: auto;
			}

		.news
			{
				height: auto !important;
			}

		.news>div
			{
				width: 100%;
				position: relative !important;
				top: 0 !important;
				left: 0 !important;
			}

		.news img
			{
				width: auto;
				height: auto;
			}

		.top-news
			{
				display: none;
			}

		.news.last
			{
				margin-top: 0 !important;
			}

		header
			{
				height: 180px;
			}

		.run header
			{
				-webkit-transition: height 1s ease-out 5s;
				-moz-transition: height 1s ease-out 5s;
				-ms-transition: height 1s ease-out 5s;
				-o-transition: height 1s ease-out 5s;
				transition: height 1s ease-out 5s;
				height: 180px !important;
			}

		.anim .image
			{
				-webkit-transition: all 0s;
				-moz-transition: all 0s;
				-ms-transition: all 0s;
				-o-transition: all 0s;
				transition: all 0s;
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
				width: 512px;
				height: 512px;
				margin-top: -256px;	
				margin-left: -256px;
			}

		header .branch
			{
				display: none;
			}

		header .logo
			{
				width: 115px;
				height: 82px;
				margin-left: -57px;
				margin-top: -41px;
			}

		header .logo a, header .logo span
			{
				width: 115px;
				padding-top: 82px;
				background: url(/lib/media/logo.png) left top no-repeat !important;
				-webkit-background-size: 115px 82px !important;
				-moz-background-size: 115px 82px !important;
				background-size: 115px 82px !important;
			}

		header .title
			{
				background: url(/lib/media/title.png) center center no-repeat !important;
				-webkit-background-size: 370px 82px !important;
				-moz-background-size: 370px 82px !important;
				background-size: 370px 82px !important;
				width: 370px;
				height: 82px;
				margin-left: -185px;
				margin-top: -41px;
			}

		.uk header .title
			{
				background-image: url(/lib/media/title-uk.png) !important;
			}

	}

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

		main, header .wrapper, footer .wrapper, .breadcrumbs .wrapper
			{
				padding-left: 20px;
				padding-right: 20px;
			}

		main
			{
				padding: 20px;
			}

		aside
			{
				margin-top: 20px !important;
			}

		.langs
			{
				right: 20px;
			}

		.copyrights
			{
				text-align: center;
			}

		.social, .social a
			{
				float: none;
				text-align: center;
				margin: 0 .1em .3em .1em;
			}
		
		.pages .larr, .pages .rarr
			{
				display: none;
			}
		
		.article-image
			{
				float: none;
				width: 100%;
				margin-left: 0 !important;
			}

		.news
			{
				margin-bottom: -20px;
			}

		.news>div
			{
				margin-bottom: 20px;
			}

		.timeline
			{
				margin-top: -26px !important;
			}

		article h1 {font-size: 135%; line-height: 1.2em;}
		article h2 {font-size: 125%; line-height: 1.2em;}
		article h3 {font-size: 115%; line-height: 1.2em;}
		article h4 {font-size: 105%; line-height: 1.2em;}

	}

@media only screen and (max-width: 400px)
	{
		header .title
			{
				display: none;
			}

		header .mobile-title
			{
				display: block;
				position: absolute;
				width: 104px;
				height: 82px;
				left: 50%;
				top: 50%;
				margin-top: -41px;
				margin-left: 40px;
				background: url(/lib/media/mobile-title.png) left top no-repeat;
				-webkit-background-size: 104px 82px !important;
				-moz-background-size: 104px 82px !important;
				background-size: 104px 82px !important;
				z-index: 10;
			}

		.uk header .mobile-title
			{
				background-image: url(/lib/media/mobile-title-uk.png);
			}

	}

/* RETINA */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)
	{

		header .logo a, header .logo span
			{
				background-image: url(/lib/media/logo-2x.png);
				-webkit-background-size: 230px 164px;
				-moz-background-size: 230px 164px;
				background-size: 230px 164px;
			}

		header .title
			{
				background-image: url(/lib/media/title-2x.png);
				-webkit-background-size: 740px 164px;
				-moz-background-size: 740px 164px;
				background-size: 740px 164px;
			}

		.uk header .title
			{
				background-image: url(/lib/media/title-uk-2x.png);
			}

		header .branch
			{
				background-image: url(/lib/media/branch-2x.png);
				-webkit-background-size: 1340px 340px;
				-moz-background-size: 1340px 340px;
				background-size: 1340px 340px;
			}

		.breadcrumbs .home, .breadcrumbs .sitemap, .tags:before, .news .video
			{
				background-image: url(/lib/media/ui-2x.png);
				-webkit-background-size: 200px 80px;
				-moz-background-size: 200px 80px;
				background-size: 200px 80px;
			}		

		.social a
			{
				background-image: url(/lib/media/social-2x.png);
				-webkit-background-size: 256px 48px;
				-moz-background-size: 256px 48px;
				background-size: 256px 48px;
			}

		.top-news .video
			{
				background-image: url(/lib/media/play-2x.png);
				-webkit-background-size: 100px 100px;
				-moz-background-size: 100px 100px;
				background-size: 100px 100px;
			}

		@media only screen and (max-width: 1020px)
			{
				.main-menu
					{
						background-image: url(/lib/media/ui-2x.png);
						-webkit-background-size: 200px 80px;
						-moz-background-size: 200px 80px;
						background-size: 200px 80px;
					}
			}

	}

/* PRINT */

@media print
	{

		aside, nav, header, footer, .tags, .timeline, .top-news, .twitter-timeline, .news .video
			{
				display: none !important;
			}

		main
			{
				width: 670px;
			}

		body, article *
			{
				color: #000 !important;
				background: none !important;
			}

	}