/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
	background: #D4D70A no-repeat top center;
}
.mod-languages {
	float: right;
}
.logo {
	float: left;
}
.slogan {
	float: right;
}
p {
	margin-bottom: 0;
}
.nav-pills > li > a {
	border-radius: 10px;
}
ul.nav li {
	background: #FFFFFF;
	margin: 10px;
	color: #02643B;
	text-align: center;
	border-radius: 10px;
}
ul.nav li a {
	color: #02643B;
}
ul.nav li .menu_icon {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
}
ul.nav li .menu_icon img{
	max-width: 90%;
	display: inline-block;
	vertical-align: middle;
}
ul.nav li .menu_text {
	background: url("../images/frontPage_line.png") repeat-x top;
	padding-top: 5px;
	text-align: center;
}
ul.nav li .menu_text span.image-title {
	display: inline-block;
	vertical-align: middle;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #FFF;
}

.nav > li > a:hover span.image-title, .nav > li > a:focus span.image-title {
	text-decoration: underline;
}
/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 419px) {
	.content {
		width: 260px;
		margin: 61px auto 0 auto;
	}
	.header {
		margin-bottom: 10px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.logo img {
		width: 95px;
	}
	.mod-languages {
		margin: 8px 10px 0;
	}
	.content div.mod-languages li {
		margin-left: 2px;
		margin-right: 2px;
	}
	.mod-languages img {
		width: 20px;
	}
	.slogan {
		margin-top: 7px;
	}
	.slogan img {
		width: 195px;
	}
	ul.nav li {
		width: 125px;
		height: 130px;
	}
	.nav > li > a {
		padding: 5px 16px;
	}
	ul.nav li .menu_icon {
		height: 70px;
		line-height: 70px;
	}
	ul.nav li .menu_icon img{
		max-height: 70px;
	}
	ul.nav li .menu_text {
		height: 40px;
		line-height: 40px;
		padding-top: 3px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 15px;
		line-height: 15px;
	}
}
/* Landscape phone to portrait tablet */
@media (min-width: 420px) and (max-width: 799px) {
	.content {
		width: 405px;
		margin: 61px auto 0 auto;
	}
	.header {
		margin-bottom: 10px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.logo img {
		width: 115px;
	}
	.mod-languages {
		margin: 8px 10px 0;
	}
	.content div.mod-languages li {
		margin-left: 2px;
		margin-right: 2px;
	}
	.mod-languages img {
		width: 20px;
	}
	.slogan {
		margin-top: 3px;
	}
	.slogan img {
		width: 320px;
	}
	ul.nav li {
		width: 125px;
		height: 130px;
	}
	.nav > li > a {
		padding: 5px 16px;
	}
	ul.nav li .menu_icon {
		height: 70px;
		line-height: 70px;
	}
	ul.nav li .menu_icon img{
		max-height: 70px;
	}
	ul.nav li .menu_text {
		height: 40px;
		line-height: 40px;
		padding-top: 3px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 15px;
		line-height: 15px;
	}
}
/* Landscape phone to portrait tablet */
@media (min-width: 800px) and (max-width: 1023px) {
	body {
		background-image: url('../images/frontPage_background_800.png');
	}
	.content {
		width: 405px;
		margin: 61px auto 0 auto;
	}
	.header {
		margin-bottom: 10px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.logo img {
		width: 115px;
	}
	.mod-languages {
		margin: 8px 10px 0;
	}
	.content div.mod-languages li {
		margin-left: 2px;
		margin-right: 2px;
	}
	.mod-languages img {
		width: 20px;
	}
	.slogan {
		margin-top: 3px;
	}
	.slogan img {
		width: 320px;
	}
	ul.nav li {
		width: 125px;
		height: 130px;
	}
	.nav > li > a {
		padding: 5px 16px;
	}
	ul.nav li .menu_icon {
		height: 70px;
		line-height: 70px;
	}
	ul.nav li .menu_icon img{
		max-height: 70px;
	}
	ul.nav li .menu_text {
		height: 40px;
		line-height: 40px;
		padding-top: 3px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 15px;
		line-height: 15px;
	}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	body {
		background-image: url('../images/frontPage_background_1024.png');
	}
	.content {
		width: 490px;
		margin: 87px auto 0 auto;
	}
	.header {
		margin-bottom: 10px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.logo img {
		width: 140px;
	}
	.mod-languages {
		margin: 7px 10px 0;
	}
	.content div.mod-languages li {
		margin-left: 2px;
		margin-right: 2px;
	}
	.mod-languages {
		margin-top: 5px;
	}
	.mod-languages img {
		width: 25px;
	}
	.slogan {
		margin-top: 12px;
	}
	.slogan img {
		width: 370px;
	}
	ul.nav li {
		width: 153px;
		height: 125px;
	}
	.nav > li > a {
		padding: 7px 16px;
	}
	ul.nav li .menu_icon {
		height: 60px;
		line-height: 60px;
	}
	ul.nav li .menu_icon img{
		max-height: 45px;
	}
	ul.nav li .menu_text {
		height: 40px;
		line-height: 40px;
		padding-top: 3px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 15px;
		line-height: 15px;
	}
}
@media (min-width: 1280px) and (max-width: 1365px) {
	body {
		background-image: url('../images/frontPage_background_1280.png');
	}
	.content {
		width: 710px;
		margin: 124px auto 0 auto;
	}
	.header {
		margin-bottom: 20px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.slogan {
		margin-top: 12px;
	}
	.slogan img {
		width: 540px;
	}
	.mod-languages {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.mod-languages img {
		width: 33px;
	}
	ul.nav li {
		width: 226px;
		height: 180px;
	}
	ul.nav li .menu_icon {
		height: 90px;
		line-height: 90px;
	}
	ul.nav li .menu_icon img {
		max-height: 60px;
	}
	ul.nav li .menu_text {
		height: 60px;
		line-height: 60px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 24px;
		line-height: 24px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 1366px) and (max-width: 1919px) {
	body {
		background-image: url('../images/frontPage_background_1366.png');
	}
	.content {
		width: 710px;
		margin: 43px auto 0 auto;
	}
	.header {
		margin-bottom: 20px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.slogan {
		margin-top: 12px;
	}
	.slogan img {
		width: 540px;
	}
	.mod-languages {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.mod-languages img {
		width: 33px;
	}
	ul.nav li {
		width: 226px;
		height: 180px;
	}
	ul.nav li .menu_icon {
		height: 90px;
		line-height: 90px;
	}
	ul.nav li .menu_icon img {
		max-height: 60px;
	}
	ul.nav li .menu_text {
		height: 60px;
		line-height: 60px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 24px;
		line-height: 24px;
	}
}
/* Large desktop */
@media (min-width: 1920px) {
	body {
		background-image: url('../images/frontPage_background_1920.png');
	}
	.content {
		width: 768px;
		margin: 87px auto 0 auto;
	}
	.header {
		margin-bottom: 30px;
	}
	.ru-ru .header, .en-gb .header {
		margin-bottom: 0;
	}
	.mod-languages {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.mod-languages img {
		width: 33px;
	}
	ul.nav li {
		width: 246px;
		height: 180px;
	}
	ul.nav li .menu_icon {
		height: 90px;
		line-height: 90px;
	}
	ul.nav li .menu_icon img {
		max-height: 60px;
	}
	ul.nav li .menu_text {
		height: 60px;
		line-height: 60px;
	}
	ul.nav li .menu_text span.image-title {
		font-size: 24px;
		line-height: 24px;
	}
}