@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700,300,400italic,900italic,700italic,500,500italic,300italic,100italic,100&subset=latin,cyrillic);

html, body { height: 100%; margin: 0; padding: 0; }
html>body #page { height: auto; min-height: 100%; position: relative;}


body {
	background-color: #cbae83;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-image: url(../images/bg_front.jpg);
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	min-width: 1110px;
}

body.frontpage {
	background-image: url(../images/bg_front.jpg);
	
}

body.page_login {
	background-image: url(../images/bg_login.jpg);
}

body.page_rules {
	background-image: url(../images/bg_rules.jpg);
}

body.page_profile {
	background-image: url(../images/bg_profile.jpg);
}

body.page_prizes {
	background-image: url(../images/bg_prizes.jpg);
}

body.page_profile_white {
	background-image: url(../images/bg_profile_white.jpg);
}

body.page_race, body.page_activity {
	background-image: url(../images/bg_race.jpg);
}

body.page_news {
	background-image: url(../images/bg_news.jpg);
}

body.page_activity {
	background-image: url(../images/bg_activity.jpg);
}

body.page_edu {
	background-image: url(../images/bg_edu.jpg);
}

a , a:visited{

}

a:hover {

}

p {

}

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

.wrap {
	width: 1090px; /* SITE WIDTH */
	margin-left: auto;
	margin-right: auto;
}

.grid {
	float: left;

	min-height: 1px;
}

.grid_row {margin-bottom: 30px;}
.nomargin {margin: 0;}
.m_alpha {margin-left: 0 !important;}
.m_omega {margin-right: 0 !important;}

.top_panel {
	position: fixed;
	top: 0;
	width: 100%;
	height: 75px;
	background: #101414 url(../images/bg_carbon.png) repeat;
	z-index: 100;
}

.guest .topbar_user {
	width: 0px;
	display: none;
}

.topbar_user {
	position: relative;
	width: 220px;
	height: 75px;
	padding: 10px 0px 0px 0px;
	cursor: pointer;
}

.user_avatar, .upload_btn  {
	float: left;
	display: block;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #e9570c;
}

.no_avatar .user_avatar {
	border: 2px solid #ffffff;
}

.no_avatar .user_avatar:hover {
	border: 2px solid #e9570c;
}

.user_name {
	float: left;
	display: block;
	width: 165px;
	font-family:'DINPro-Medium';
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	padding-left: 10px;
}

.user_role {
	float: left;
	display: block;
	width: 165px;
	color: #6B6969;
	padding-left: 10px;
	line-height: 18px;
	font-family: 'DINPro-Medium';
	font-size: 12px;
}

.profile_dropdown {
	display: none;
	position: absolute;
	left: 65px;
}

.topbar_user:hover .profile_dropdown {
	display: block;
}

.profile_dropdown a {
	display: block;
	width: 150px;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	background: #292e30;
	color: #ffffff;
	text-decoration: none;
	font-family:'DINPro-Medium';
	font-size: 14px;
}

.profile_dropdown a:hover {
	background: #ed650b;
}

.guest .topbar_menu {
	width: 840px;
	text-align: left;
}

.topbar_menu {
	width: 620px;
	text-align: center;
}

.topbar_menu li {
	display: inline-block;
	margin: 0 5px;
	padding: 20px 0;
}

.topbar_menu li:last-child {
	
}

.topbar_menu li a {
	display: inline-block;
	font-family:'DINPro-Bold';
	font-size: 15px;
	line-height: 35px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.topbar_menu li.active a {
	color: #ed650b;
}

.topbar_menu li a:hover {
	color: #d25705;
}

.topbar_logo {
	width: 250px;
}

.topbar_logo a {
	display: block;
	width: 250px;
	height: 75px;
	background: url(../images/top_logo.png) no-repeat;
	overflow: hidden;
	text-indent: -2000px;
}

.empty { height: 75px; }

.bottom_panel {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 75px;
	background: #101414 url(../images/bg_orange.png) repeat;
	color: #ffffff;
	z-index: 100;
}

.botbar_links {
	width: 250px;
}

.gp_logo {
	float: left;
	width: 83px;
	height: 40px;
	background: url(../images/gazprom_logo.png);
	margin-top: 17px;
}

.social_icons {
	float: left;
	padding: 30px 0 0 35px;
}

.social_icon {
	display: inline-block;
	color: #ffffff;
	font-size: 24px;
	line-height: 25px;
	text-decoration: none;
	margin-right: 18px;
}

.social_icon:hover {
	text-shadow: 0 0 5px #7E4300;
	-moz-text-shadow: 0 0 5px #7E4300;
	-webkit-text-shadow: 0 0 5px #7E4300;
}

.social_icon:last-child {
	margin-right: 0px;
}

.botbar_copyrights {
	width: 590px;
	text-align: center;
	font-family:'DINPro-Medium';
	font-size: 14px;
	line-height: 75px;
	text-transform: uppercase;
}

.botbar_hotline {
	width: 250px;
	text-align: right;
	font-family:'DINPro-Medium';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	padding-top: 17px;
}

.botbar_hotline .big {
	font-size: 18px;
}

.page_content {
	/* position: relative; */
	padding: 95px 0 30px 0;
	z-index: 40;
}

.img_slogan {
	position: fixed;
	top: 115px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}

.page_content .wrap {
	min-height: 300px;
	z-index: 50;
}

.form_login {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 480px;
	height: 295px;
	background: rgba(0, 0, 0, 0.6);
	padding: 24px;
	color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	z-index: 90;
}

.form_login .form_title {
	font-family:'DINPro-Medium';
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 26px;
}

.form_login .form_row {
	margin-bottom: 12px;
}

.form_row.error {
	height: 0;
	position: relative;
	top: -20px;
	color: red;
}

.form_login .form_row.pad {
	padding: 10px 0;
}

.form_login .form_row:last-child {
	margin-bottom: 0px;
}

.form_login .form_row .inputbox {
	background: #ffffff;
	border: 1px solid #000000;
	width: 100%;
	height: 42px;
	font-family:'DINPro-Regular';
	font-size: 18px;
	color: #bbc3c6;
	padding: 0 22px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.form_login .form_row .inputbox:focus {
	color: #000000;
}

.form_login .form_row label {
	font-family:'DINPro-Regular';
	font-size: 14px;
}

.form_login .form_row .submit {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 0 10px;
	width: 178px;
	height: 32px;
	color: #ffffff;
	background: #ee6611;
	border: none;
	text-decoration: none;
	font-family:'DINPro-Regular';
	font-size: 14px;
	line-height: 32px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.form_login .form_row .inputbox:focus, .form_login .form_row .submit:focus {
	outline: none;
}

.rules_wrap {
	width: 750px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.6);
	padding: 40px 50px;
	color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.rules_title {
	color: #fc5703;
	font-family:'DINPro-BoldItalic';
	font-size: 55px;
	line-height: 55px;
	margin-bottom: 40px;
}

ul.numeric {
	margin-bottom: 30px;
}

ul.numeric li {
	margin-bottom: 10px;
}

ul.numeric li:last-child {
	margin-bottom: 0px;
}

ul.numeric li ul {
	margin: 10px 0 10px 20px;
}

ul.numeric li ul li {
	
}

ul.numeric li ul li:last-child {
	margin-bottom: 0px;
}

a.rules_pdf {
	color: #fc5703;
	font-size: 20px;
	text-decoration: none;
}

a.rules_pdf i {
	font-weight: bold;
}

a.rules_pdf span {
	text-decoration: underline;
	margin-left: 5px;
}

a.rules_pdf:hover span {
	text-decoration: none;
}

.profile_header {
	margin-bottom: 15px;
}

.profile_league {
	float: left;
	width: 113px;
	height: 97px;
	background: url(../images/bg_league.png) no-repeat;
	color: #ffffff;
	font-family:'DINPro-Bold';
	text-align: center;
	padding-top: 24px;
	font-size: 40px;
	line-height: 40px;
	margin-right: 28px;
}

.label_team {
	font-family: 'DINPro-Light';
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 13px;
	padding-top: 10px;
}

.label_team_name {
	font-size: 30px;
	font-family: 'DINPro-Bold';
	color: #ffffff;
	margin-bottom: 15px;
	line-height: 30px;
}

.label_members {
	font-family: 'DINPro-Light';
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
}

.profile_column {
	float: left;
	width: 735px;
	min-height: 300px;
	margin-right: 35px;
	color: #ffffff;
}

.profile_sidebar {
	float: left;
	width: 320px;
	min-height: 320px; /* TEMP */
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

.profile_stats {
	position: relative;
	height: 152px;
	margin-bottom: 35px;
	padding: 25px 16px 0 16px;
}

.stats_bg {
	position: absolute;
	top: 0px;
	left: -28px;
}

.stats_ratio {
	float: left;
	width: 370px;
	position: relative;
	z-index: 10;
}

.stats_prizes {
	float: left;
	position: relative;
	z-index: 10;
}

.stats_ratio .title, .stats_prizes .title {
	font-size: 18px;
	line-height: 18px;
	font-family: 'DINPro-Bold';
	text-transform: uppercase;
	margin-bottom: 20px;
}

.profile_table {
	padding: 16px;
	background: rgba(0, 0, 0, 0.6);
}

.profile_stats .points {
	font-family:'DINPro-Black';
	font-size: 34px;
	line-height: 34px;
}

.points .relative {
	position: relative;
}

.points .points_descr {
	position: absolute;
	left: 0;
	top: 48px;
	width: 200px;
	font-family:'DINPro-Medium';
	font-size: 11px;
	line-height: 12px;
}

.profile_table .title {
	font-family:'DINPro-Bold';
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 24px;
}

.profile_table .item.star {
	font-family: 'DINPro-Bold';
	font-size: 15px;
	line-height: 20px;
	background: url(../images/li_star.png) left top no-repeat;
	padding-left: 30px;
	margin-bottom: 40px; /* I FIX IT! */
}

.profile_table .item.ok {
	font-family: 'DINPro-Bold';
	font-size: 15px;
	line-height: 20px;
	background: url(../images/li_ok.png) left top no-repeat;
	padding-left: 30px;
	margin-bottom: 20px;
}

.sidebar_block .block_ratio {
	margin-bottom: 40px;
}

.block_header {
	position: relative;
	padding: 16px;
}

.block_header .title {
	font-family:'DINPro-BoldItalic', serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
}

.sidebar_block.block_ratio .title.ratio {
	background: url(../images/icon_helmet.png) left center no-repeat;
	padding-left: 35px;
	font-family:'DINPro-BoldItalic', serif;
}

.sidebar_block.block_events .title.points {
	background: url(../images/icon_rule.png) left center no-repeat;
	padding-left: 35px;
	font-family:'DINPro-BoldItalic', serif;
}

.current_ratio {
	position: absolute;
	top: 16px;
	right: 16px;
	height: 30px;
	line-height: 30px;
	font-family:'DINPro-Black';
	font-size: 34px;
	vertical-align: middle;
}

.current_ratio .change {
	font-size: 12px;
	vertical-align: middle;
}

.current_ratio .change.up i {
	color: #ee650d;
}

.current_ratio .change.down i {
	color: red;
}

.teams_stats {
	width: 100%;
	color: #ffffff;
	border: 0px;
	padding: 0;
	
}

.teams_stats tr th, .teams_stats tr td {
	padding: 4px 0 4px 16px;
}

.teams_stats tr th {
	font-family:'DINPro-Medium';
	font-size: 13px;
	text-transform: uppercase;
	text-align: left;
}

.teams_stats tr td {
	font-family:'DINPro-Medium';
	font-size: 16px;
	line-height: 20px;
}

.teams_stats tr.current_team td {
	background: #ee650d;
}

.teams_stats tr.delimiter td {
	padding: 0px;
	height: 10px;
	line-height: 10px;
}

.events_list {
	margin-bottom: 10px;
}

.events_list li {
	padding: 4px 16px;
	font-family:'DINPro-Medium';
	font-size: 16px;
	line-height: 20px;
}

.events_list li .date {
	float: left;
	width: 84px;
}

.events_list li .value {
	float: left;
	width: 204px;
}

.show_events {
	display: inline-block;
	padding: 0 16px;
	font-family:'DINPro-Medium';
	font-size: 16px;
	color: #4893e8;
	padding-bottom: 16px;
}

.show_events:hover {
	text-decoration: none;
}

.users_table {
	padding-top: 50px;
}

.users_table_sidebar {
	float: left;
	width: 185px;
}

.users_table_wrap {
	float: left;
	width: 515px;
	overflow: hidden;
}

.users_table_sidebar table {
	width: 100%;
	color: #ffffff;
}

.users_table_sidebar table th {
	font-family:'DINPro-Medium';
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.users_table_sidebar table td {
	font-family:'DINPro-Medium';
	font-size: 14px;
	line-height: 28px;
	padding: 5px 0;
	
}

.users_table_wrap table th {
	text-align: left;
	font-family:'DINPro-Medium';
	font-size: 12px;
	line-height: 15px;
	padding: 0 10px 10px 10px;
}

.users_table_wrap table {
	color: #ffffff;
}

.users_table_wrap table td {
	vertical-align: middle;
	padding: 5px 0;
	text-align: center;
	min-height: 38px;
	height: 38px;
}







/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		display: none;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
		cursor: -moz-grab;
		cursor: -webkit-grab;
		cursor: grab;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

.prizes_img_list {
	margin-bottom: 50px;
}

.prizes_img_list li {
	float: left;
	display: block;
	width: 108px;
	margin-right: 10px;
}

.prizes_img_list li img {
	max-width: 100%;
}

.prizes_img_list li:last-child {
	margin-right: 0px;
}

.teams_stats tr th {
	font-family: 'DINPro-Medium';
	font-size: 13px;
	text-transform: uppercase;
	text-align: left;
}

.teams_stats tr td {
	font-family: 'DINPro-Medium';
	font-size: 16px;
	line-height: 20px;
}

.page_header {
	margin-bottom: 25px;
}

.page_header .title.race {
	font-family:'DINPro-Bold';
	font-size: 36px;
	line-height: 36px;
	background: url(../images/icon_race.png) left center no-repeat;
	color: #ffffff;
	padding-left: 40px;
}

.page_column {
	float: left;
	width: 735px;
	min-height: 300px;
	margin-right: 35px;
	color: #ffffff;
}

.page_column.bg_black {
	background: rgba(0, 0, 0, 0.6);
}

.page_column.table_padding {
	padding: 15px 0;
}

.page_sidebar {
	float: left;
	width: 320px;
	min-height: 320px;
	color: #ffffff;
}

table.race_table {
	width: 100%;
	color: #ffffff;
}

table.race_table tr th {
	font-family: 'DINPro-Medium';
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	line-height: 20px;
	padding: 4px 16px;
}

table.race_table tr td {
	font-family: 'DINPro-Medium';
	font-size: 16px;
	line-height: 20px;
	line-height: 20px;
	padding: 4px 16px;
}

table.race_table tr.active td {
	background: #ee650d;
}

.sidebar_block.block_orange {
	background: rgba(238, 101, 13, 0.7);
	width: 320px;
	height: 320px;
}

.sidebar_block.block_black {
	background: rgba(0, 0, 0, 0.6);
	width: 320px;
	height: 320px;
}

.sidebar_block.race_ratio {
	color: #ffffff;
	text-align: center;
}

.sidebar_block.race_ratio .wrapper {
	padding-top: 80px;
}

.your_ratio {
	font-family:'DINPro-Medium';
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 10px;
}

.your_ratio_title {
	font-family:'DINPro-Medium';
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.your_ratio_descr {
	font-family:'DINPro-Medium';
	font-size: 14px;
	line-height: 18px;
	padding: 0 34px;
}

.column_title {
	font-family:'DINPro-Bold';
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 22px;
	color: #ffffff;
	text-transform: uppercase;
}

.activity_row {
	margin-bottom: 12px;
}

.activity_row .activity_item {
	float: left;
	width: 236px;
	height: 268px;
	margin-right: 12px;
	padding: 18px 12px;
}

.activity_row .activity_item.item_black {
	background: rgba(0, 0, 0, 0.6);
}

.activity_row .activity_item.last {
	margin-right: 0px;
}

.activity_row .activity_item .title {
	font-family:'DINPro-Bold';
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 22px;
}

.activity_row .activity_item .text {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

.activity_row .activity_item .readmore a {
	color: #5ea7e3;
}

.activity_row .activity_item .readmore a:hover {
	text-decoration: none;
}

.training_item {
	margin-bottom: 12px;
	padding: 18px 12px;
}

.training_item .title {
	font-family:'DINPro-Bold';
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 22px;
}

.training_item .author {
	line-height: 36px;
	vertical-align: top;
	line-height: 36px;
}

.training_item .author img {
	width: 36px;
	border: 2px solid #e9570c; 
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: 6px;
}

.training_item .text {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 22px;
}

.training_item .invite {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 22px;
}

.training_item .invite a {
	color: #ffffff;
}

.training_item .invite a:hover {
	text-decoration: none;
}

.training_item .date {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

.sidebar_block.training_item.last {
	margin-bottom: 30px;
}

.activity_main {
	
}

.activity_main .item {
	margin-bottom: 28px;
}

.activity_main .title.photo {
	font-family:'DINPro-Bold';
	font-size: 36px;
	line-height: 40px;
	background: url(../images/icon_photo.png) left center no-repeat;
	margin-bottom: 20px;
	padding-left: 60px;
}

.activity_main .title.games {
	font-family:'DINPro-Bold';
	font-size: 36px;
	line-height: 40px;
	background: url(../images/icon_games.png) left center no-repeat;
	margin-bottom: 20px;
	padding-left: 60px;
}

.activity_main .title.tests {
	font-family:'DINPro-Bold';
	font-size: 36px;
	line-height: 40px;
	background: url(../images/icon_tests.png) left center no-repeat;
	margin-bottom: 20px;
	padding-left: 60px;
}

.activity_main .photo_wrap {
	background: rgba(0, 0, 0, 0.6);
}

.games_wrap .item_wrap, .tests_wrap .item_wrap {
	background: rgba(0, 0, 0, 0.6);
}

.games_wrap li {
	float: left;
	width: 237px;
	margin-right: 12px;
}

.games_wrap li:last-child {
	margin-right: 0px;
}

.tests_wrap li {
	float: left;
	width: 237px;
	margin-right: 12px;
}

.tests_wrap li:last-child {
	margin-right: 0px;
}

.games_wrap .descr, .tests_wrap .descr {
	padding: 14px 12px;
}

.games_wrap .descr a, .tests_wrap .descr a {
	color: #5ea7e3;
}

.games_wrap .descr a:hover, .tests_wrap .descr a:hover {
	text-decoration: none;
}

.fb_block {
	padding-top: 60px;	
}

.photo_img {
	float: left;
	margin-right: 12px;
}

.photo_wrap .img {
	float: left;
	width: 237px;
}

.photo_wrap .descr {
	float: left;
	width: 498px;
	padding: 12px;
}

.photo_wrap .descr .title {
	font-family:'DINPro-Bold';
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px;

}

.photo_wrap .descr .date {
	margin-bottom: 15px;
}

.photo_wrap .descr a {
	color: #5ea7e3;
}

.photo_wrap .descr a:hover {
	text-decoration: none;
}

.left_column {
	float: left;
	width: 502px;
	margin-right: 14px;
}

.right_column {
	float: left;
	width: 574px;
}

.left_column .title {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 22px;
	color: #ffffff;
	text-transform: uppercase;
	padding-left: 18px;
}

.right_column .title {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 22px;
	color: #ffffff;
	text-transform: uppercase;
}

.left_column .news_list {
	
}

.left_column .news_list .item {
	background: rgba(0, 0, 0, 0.6);
	padding: 18px;
	color: #ffffff;
	margin-bottom: 14px;
}

.left_column .news_list .item.last {
	margin-bottom: 40px;
}

.news_list .date {
	margin-bottom: 6px;
}

.news_list .title {
	font-family:'DINPro-Medium';
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 14px;
	text-transform: none;
	padding-left: 0px;
}

.galleries_list {
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	height: 167px;
}

.galleries_list ul li {
	position: absolute;
	overflow: hidden;
}

.galleries_list ul li:hover {
	border: 3px solid #ed650b;
}

.galleries_list ul li a {
	display: block;
	text-decoration: none;
}

.galleries_list ul li:nth-child(1) {
	height: 167px;
	width: 237px;
}

.galleries_list ul li:nth-child(2) {
	left: 247px;
	width: 158px;
	height: 78px;	
}

.galleries_list ul li:nth-child(3) {
	right: 0px;
	width: 158px;
	height: 78px;
}

.galleries_list ul li:nth-child(4) {
	left: 247px;
	bottom: 0px;
	height: 78px;
	width: 158px;	
}

.galleries_list ul li:nth-child(5) {
	right: 0px;
	bottom: 0px;
	width: 158px;
	height: 78px;
}

.galleries_list ul li img {
	max-width: 100%;
	max-height: 100%;
}

.galleries_descr {
	background: rgba(0, 0, 0, 0.6);
	padding: 18px;
	color: #ffffff;
	margin-bottom: 40px;
}

.galleries_descr .title {
	font-family: 'DINPro-Medium';
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 14px;
	text-transform: none;
	padding-left: 0px;
}

.galleries_descr .text {
	margin-bottom: 18px;
}

.block_intresting {
	  background: rgba(238, 101, 13, 0.7);
	  padding: 18px 18px 22px 18px;
	  color: #ffffff;
}

.block_intresting .title {
	font-family: 'DINPro-Medium';
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 14px;
	text-transform: none;
	padding-left: 0px;
}

.block_intresting .quote {
	background: url(../images/icon-quote.png) left 10px no-repeat;
	padding-left: 40px;
	line-height: 30px;
}

.prizes_body {
	margin-bottom: 30px;
}

.prizes_header .title {
	font-family: 'DINPro-Bold';
	font-size: 36px;
	line-height: 40px;
	background: url(../images/icon_flags.png) left center no-repeat;
	margin-bottom: 20px;
	padding-left: 60px;
	text-transform: uppercase;
	color: #ffffff;
}

.prizes_column {
	float: left;
	margin-right: 12px;
	width: 758px;
}

.prizes_columns .col {
	float: left;
	width: 244px;
	margin-right: 12px;
}

.prizes_columns .col.last {
	margin-right: 0px;
}

.prizes_columns .col li {
	margin-bottom: 12px;
}

.prizes_columns .col li .descr {
	background: rgba(0, 0, 0, 0.6);
	padding: 16px 12px;
	color: #ffffff;
	font-family:'DINPro-Bold';
	font-size: 15px;
}

.prizes_columns .col li .descr .name, .prizes_sidebar .descr .name {
	margin-bottom: 36px;
}

.prizes_pagination {
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
}

.prizes_pagination li {
	display: inline-block;
	margin: 0 5px;
	font-family:'DINPro-Bold';
	font-size: 15px;
	color: #ffffff;
}

.prizes_pagination li a {
	color: #ffffff;
	text-decoration: none;
	
}

.prizes_pagination li.active a {
	  color: #ed650b;
}

.prizes_sidebar {
	float: left;
	width: 320px;
}

.prizes_sidebar .descr {
	background: rgba(0, 0, 0, 0.6);
	padding: 16px 12px;
	color: #ffffff;
	font-family:'DINPro-Bold';
	font-size: 15px;
}

.last_points {
	float: left;
	width: 500px;
	margin-right: 12px;
	background: rgba(0, 0, 0, 0.6);
	padding: 16px 12px;
	color: #ffffff;
}

.points_history {
	float: left;
	width: 578px;
	background: rgba(0, 0, 0, 0.6);
	padding: 16px 12px;
	color: #ffffff;
}

.prizes_bottom .title {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.prizes_bottom table {
	width: 100%;
}

.prizes_bottom table tr th {
	color: #ffffff;
	font-family:'DINPro-Bold';
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 0px;
}

.prizes_bottom table tr td {
	color: #ffffff;
	font-family: 'DINPro-Medium';
	font-size: 16px;
	line-height: 20px;
	padding: 6px 0px;
}

.like_modal {
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	padding: 75px 55px 75px 55px;
	color: #ffffff;
	margin-top: -20px;
}

.like_modal.single {
	padding-right: 230px;
}

.like_modal a.close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #e76a50;
	font-size: 40px;
}

.like_modal .title {
	color: #ffffff;
	font-family:'DINPro-Bold';
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 24px;
}

.like_modal .toolbar {
	margin-bottom: 24px;
}

.like_modal .toolbar span {
	display: inline-block;
	line-height: 24px;
	margin-right: 20px;
	vertical-align: top;
}

.like_modal .toolbar span i {
	color: #e76a50;
	font-size: 24px;
	margin-right: 6px;
}

.like_modal .toolbar span a {
	color: #ffffff;
	vertical-align: top;
}

.like_modal .toolbar span a:hover {
	text-decoration: none;
}

.like_modal .text {
	margin-bottom: 24px;
}

.like_modal .text iframe {
	margin-bottom: 18px;
}

.like_modal .text p {
	margin-bottom: 18px;
}

.like_modal .btn_orange, .avatar_form_wrap .btn_orange {
	display: inline-block;
	width: 190px;
	height: 32px;
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	line-height: 32px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: #ee6611;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	padding: 0px;
	cursor: pointer;
	vertical-align: top;
}

.like_modal .btn_orange:hover, .avatar_form_wrap .btn_orange:hover {
	background: #F5823A;
}

.like_modal .btn_orange:active, .chat_input_wrap .inputbox:focus, .avatar_form_wrap .btn_orange:focus {
	outline: none;
}

.like_modal .column {
	float: left;
	width: 680px;
	margin-right: 40px;
}

.like_modal .sidebar {
	float: left;
	width: 260px;
}

.trainer_info {
	margin-bottom: 24px;
}

.trainer_info span {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 22px;
	padding-top: 26px;
	display: inline-block;

}

.trainer_photo {
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #e9570c;
	margin-right: 20px;
}

.training_descr .descr_title {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}

.training_descr .descr_p {
	margin-bottom: 40px;
}

.chat_wrap {
	border: 1px solid #ffffff;
	padding: 14px;
	height: 262px;
	overflow-y: auto;
	margin-bottom: 14px;
}

.chat_input_wrap {
	
}

.chat_input_wrap .inputbox {
	height: 32px;
	vertical-align: top;
	background: transparent;
	border: 1px solid #ffffff;
	padding: 0 14px;
	width: 480px;
	margin-right: 5px;
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	color: #ffffff;
}

.chat_total {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	margin-bottom: 20px;
}

.test_pagination {
	font-family: 'DINPro-Medium';
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 24px;
}

.test_title {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 24px;
}

.test_form .form_row {
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 10px;
}

.test_form .form_row.submit {
	margin-bottom: 0px;
	padding-top: 24px;
}

.test_form input.radio {
	vertical-align: top;
}

.test_form label {
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}

.test_again {
	margin-bottom: 14px;
}

.test_again .btn_orange {
	width: 270px;
}

.test_main a {
	color: #ffffff;
}

.test_main a:hover {
	text-decoration: none;
}

.file_upload div {
  display: none;
}

.file_upload input[type=file] {
  position: absolute;
  top: 0;
  visibility: hidden;
}

.work_upload .form_row {
	margin-bottom: 16px;
}

.work_upload .inputbox {
	height: 32px;
	vertical-align: top;
	background: transparent;
	border: 1px solid #ffffff;
	padding: 0 14px;
	width: 100%;
	margin-right: 5px;
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	color: #ffffff;
}

.work_upload .file_button, .avatar_form_wrap .file_button {
	border: 1px solid #ffffff;
	background: transparent;
	color: #ffffff;
	height: 32px;
	padding: 0 14px;
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	cursor: pointer;
}

.work_upload .textarea {
	height: 128px;
	vertical-align: top;
	background: transparent;
	border: 1px solid #ffffff;
	padding: 18px 14px;
	width: 100%;
	margin-right: 5px;
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 15px;
	color: #ffffff;
}

.work_upload .inputbox:focus, .work_upload .textarea:focus, .work_upload .file_button:focus, .avatar_form_wrap .file_button:focus {
	outline: none;
}

.work_file {
	display: inline-block;
	text-align: center;
}

.work_file img {
	max-width: 300px;
	display: block;
}

.work_file a {
	  color: #e76a50;
}

.work_file a:hover {
	text-decoration: none;
}

.gallery_wrap {
	position: relative;
	width: 750px;
	margin: 0 auto;
}

.slide_img img {
	display: block;
	max-width: 100%;
	height: auto;
}

.slide_descr {
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	padding: 18px 14px;
	color: #ffffff;
}

.slide_title {
	font-family: 'DINPro-Bold';
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 20px;
}

.slide_likes {
	position: absolute;
	right: 14px;
	top: 18px;
}

.slide_likes i {
	color: #e76a50;
}

.slide_text {
	margin-bottom: 20px;
}

.slide_author {
	
}

.slide_author i {
	color: #e76a50;
}

.slick-list {
	width: 750px;
	overflow: hidden;
}

.slick-slide {
	float: left;
	width: 750px;
}

a.slick-prev, a.slick-next {
	display: block;
	color: #e76a50;
	font-size: 80px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	cursor: pointer;
}

a.slick-prev {
	left: -100px;
}

a.slick-next {
	right: -100px;
}

a.slick-disabled {
	color: #cccccc !important;
	cursor: default;
}

.konkurs_wrap {
	background: rgba(0, 0, 0, 0.6);
	padding: 18px 14px;
}

.konrurs_item .item {
	margin-bottom: 12px;
}

.konrurs_item .item ul li {
	margin-bottom: 12px;
}

.konrurs_item .title {
	font-family: 'DINPro-Medium';
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 14px;
}

.konrurs_item .name {
	font-family: 'DINPro-Bold';
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 14px;
}

.konrurs_item .date {
	margin-bottom: 14px;
}

.konrurs_item .descr a {
	color: #5ea7e3;
}

.konrurs_item .item_wrap .descr {
	position: relative;
}

.konrurs_item .item_wrap .title {
	font-family: 'DINPro-Bold';
	font-size: 14px;
}

.konrurs_item .item_wrap .like {
	position: absolute;
	right: 12px;
	top: 14px;
}

.konrurs_item .item_wrap .like i {
	color: #e76a50;
}

.konkusr_leader {
	
}

.konkusr_leader .descr {
	position: relative;
	background: rgba(0, 0, 0, 0.6);
	padding: 18px 14px;
}

.konkusr_leader .leader_img {
	position: relative;
}

.konkusr_leader .leader_title {
	position: absolute;
	width: 100%;
	height: 30px;
	background: #ed650b;
	color: #ffffff;
	bottom: 30px;
	padding: 0 14px;
	line-height: 30px;
	font-size: 16px;
}

.konkusr_leader .title {
	font-family: 'DINPro-Bold';
	font-size: 14px;
	margin-bottom: 14px;
}

.konkusr_leader .like {
	position: absolute;
	right: 12px;
	top: 14px;
}

.konkusr_leader .like i {
	color: #e76a50;
}

.konkusr_leader .author {
	
}

#simplemodal-overlay {
	background: #000000;
}

.simplemodal-container .form_wrap, .avatar_form_wrap {
	background: #353a3c;
	padding: 50px;
}

.prize_form.form_wrap, .avatar_form_wrap {
	width: 480px;
}

.prize_form.form_wrap .title {
	font-family: 'DINPro-Medium';
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 14px;
	color: #ffffff;
}

.prize_form.form_wrap .form_row {
	height: 30px;
	width: 100%;
	margin-bottom: 14px;
}

.prize_form.form_wrap .inputbox {
	background: #ffffff;
	border: 1px solid #000000;
	width: 100%;
	height: 30px;
	font-family: 'DINPro-Regular';
	font-size: 14px;
	color: #bbc3c6;
	padding: 0 22px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.prize_form.form_wrap .submit {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 0 10px;
	width: 178px;
	height: 32px;
	color: #ffffff;
	background: #ee6611;
	border: none;
	text-decoration: none;
	font-family: 'DINPro-Regular';
	font-size: 14px;
	line-height: 32px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.avatar_form_wrap .form_title {
	font-family: 'DINPro-Medium';
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 14px;
	color: #ffffff;
}

.avatar_form_wrap .form_descr {
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 24px;
}

.avatar_form_wrap .file_upload {
	margin-bottom: 30px;
}

.modalCloseImg {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/btn_close.png);
	cursor: pointer;
}