@charset "utf-8";
/*
Theme Name: Mobiler Developer Day
Theme URI:
Description: Шаблон сайта Mdday
Version: 1.1
Author: веб-студия sawtech
Author URI: http://sawtech.ru/
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
background: transparent; 
font-size: 100%; 
vertical-align: baseline; 
}
input, textarea{
	font-family: Georgia;
}
html, body{
	height: 100%;
}
body{
	font-family: Georgia;
	line-height: 1.4;
	color: #000
}
h1, h2, h3{
	font-family: 'Open Sans', sans-serif;
}
a{
	color: #000;
	-webkit-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}
a:hover{
	text-decoration: none;
}
img{
	border: 0;
}

.b_conteiner{
	width: 100%; 
	min-width: 960px;
	min-height: 100%;
	position: relative;
	overflow: hidden;
}
.b_last_events{
	border-bottom: 1px dotted #ccc;
	z-index: 10;
	background-color: #fff;
}
.b_band{
	width: 100%; 
	position: relative;
	margin: 0 auto; 
}


.all_shadow{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000;
	opacity: 0.75;
	z-index: 30;
	display: none;
}
.loader{
	width: 28px;
	height: 28px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -14px;
	background: url('images/loader.gif') no-repeat 0 0;
	z-index: 31;
	display: none;
}

/* HEADER */
.b_header{
	width: 100%; 
	height: 70px; 
	position: relative;
	z-index: 5;
}
.b_header_main{
	width: 960px; 
	height: 70px; 
	position: relative; 
	margin: 0 auto;
}
	.login_top_form{
		width: 240px;
		position: absolute;
		top: 29px;
		right: 50%;
		z-index: 10;
		margin: 0 -371px 0 0;
		padding: 25px 15px 15px;
		border: 1px dotted #ccc;
		border-top: 1px solid #fff;
		background-color: #fff;
		display: none;
	}
		.error_message_top{
			font-size: 0.875em;
			color: #f00;
			display: none;
		}
		.login_top_line{
			margin: 0 0 15px;
		}
		.login_top_input_title{ }
		.login_top_input{
			width: 96%;
			height: 24px;
			padding: 0 2%;
			border: 1px solid #ccc;
		}
		.login_top_btn{
			width: 100%;
			height: 24px;
			border: 1px solid #999;
			color: #999;
			display: inline-block;
			cursor: pointer;
		}
			.login_top_btn:hover{
				border-color: #27a8c2;
				color: #27a8c2;
			}

		.login_top_form a{
			color: #27a8c2;
		}
		
	.logo{
		position: absolute; 
		top: 15px; 
		left: 0px; 
		text-decoration: none;
	}
	
	/* menu begin */
	.b_menu{
		position: absolute; 
		bottom: 0px; 
		right: 0px;
	}

	.menu_itm{
		float: left;
	}
		.first_m{
			position: relative;
			padding: 10px 15px 17px;
			font: 700 1.25em 'Open Sans', sans-serif;
			letter-spacing: -2px;
			text-decoration: none;
			display: inline-block;
		}
		.first_m:after{
			content: '';
			width: 0px;
			height: 0px;
			position: absolute;
			bottom: -20px;
			left: 50%;
			z-index: 1;
			margin: 0 0 0 -10px;
			border: 10px solid transparent;
			border-top: 10px solid #fff;
			display: none;
		}
		.menu_itm:hover .first_m:after{
			display: block;
		}
		.first_m:first-child:last-child:after{
			border: none;
		}
		.b_menu a:hover{
			color: #27a8c2;
		}
		.menu_itm:last-child > a{
			background: url('images/ico_dev_all.png') no-repeat 102px 0px;
		}

		/*.menu_itm:hover .b_sub_menu{
			display: block;
		}*/

	.b_sub_menu{
		width: 950px;
		position: absolute;
		top: 50px;
		right: 0px;
		border: 5px solid #fff;
		background-color: #000;
		color: #fff;
		overflow: hidden;
		display: none;
		-webkit-transition: top 0.2s ease-out 0s;
		-o-transition: top 0.2s ease-out 0s;
		transition: top 0.2s ease-out 0s;
	}
		.b_sub_menu a{
			font: 700 1.125em 'Open Sans', sans-serif;
			font-size: 1.125em;
			color: #fff;
			letter-spacing: -1px;
			text-decoration: none;
		}
		.sub_menu_a{
			padding: 10px 5px;
			border-bottom: 1px dotted #fff;
		}
		.sub_menu_a:last-child{
			border: none;
		}
		.sub_menu_links{
			width: 630px;
			position: relative;
			float: left;
			margin: 10px 0;
			overflow: hidden;
		}
			.sub_menu_col{
				float: left;
				margin: 0 0 0 20px;
			}
		.menu_dsc{
			width: 220px;
			position: relative;
			margin: 20px 20px 20px 700px;
			color: #ccc;
		}
	

	.top_links{
		position: absolute;
		top: 0;
		right: 50%;
		z-index: 10;
		margin: 0 -480px 0 0;
	}
		.top_link_itm{
			color: #27a8c2;
			vertical-align: middle;
			display: inline-block;
		}
		.top_links_divide{
			width: 0px;
			height: 30px;
			margin: 0 10px;
			border-left: 1px dotted #ccc;
			vertical-align: middle;
			display: inline-block;
		}
		.top_links_divide:first-child{
			border: none;
		}
		.open_login{
			position: relative;
			top: 1px;
			border-bottom: 1px dotted #27a8c2;
			line-height: 1;
			cursor: pointer;
		}


.front_best{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}
	.front_best_img{
		width: 100%;
		position: relative;
	}
	.front_best_img img{
		min-width: 100%;
		min-height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.front_best_img_sd{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.6);
		-webkit-transition: all 0.1s linear 0s;
		-o-transition: all 0.1s linear 0s;
		transition: all 0.1s linear 0s;
	}
	.front_best_main{
		width: 960px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
		margin: 0 0 0 -480px;
	}
	.t_front_best{
		width: 580px;
		height: 100%;
		position: relative;
		border-collapse: collapse;
		color: #fff;
	}
	.t_front_best td{
		width: 100%;
		height: 100%;
		padding: 0px;
		vertical-align: middle;
	}
	.front_best_lbl{
		margin: 0 0 30px;
	}
	.front_best_title{
		font: 700 2.25em 'Open Sans', sans-serif;
		color: #fff;
		line-height: 1.1;
		letter-spacing: -2px;
		text-decoration: none;
	}
	.front_best_title:hover{
		color: #27a8c2;
	}
	.best_read_more{
		width: 270px;
		height: 25px;
		position: relative;
		margin: 20px 0 0;
		padding: 7px 0 0;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
	.best_read_more:hover{
		border-color: #27a8c2;
		color: #27a8c2;
	}
	.click_next_front{
		width: 33px;
		height: 33px;
		position: absolute;
		bottom: 20px;
		left: 50%;
		margin: 0 0 0 -17px;
		background: url('images/ico_down.png') no-repeat 0 0;
		cursor: pointer;
		-webkit-transition: all 0.7s linear 0;
		-o-transition: all 0.7s linear 0;
		transition: all 0.7s linear 0;
	}
		.click_next_front.top{
			bottom: 40px;
		}
	.head_soc_icos{
		position: absolute;
		bottom: 100px;
		right: 300px;
	}
	.link_vk{
		width: 34px;
		height: 34px;
		background: url('images/ico_vk.png') no-repeat 0 0;
		text-decoration: none;
		display: inline-block;
	}
	.link_fb{
		width: 34px;
		height: 34px;
		margin: 0 0 0 5px;
		background: url('images/ico_fb.png') no-repeat 0 0;
		text-decoration: none;
		display: inline-block;
	}
	.link_rss{
		width: 34px;
		height: 34px;
		margin: 0 0 0 5px;
		background: url('images/ico_rss.png') no-repeat 0 0;
		text-decoration: none;
		display: inline-block;
	}
	.link_fb:hover,.link_rss:hover,.link_vk:hover{
		background-position: 0 -34px;
	}
	.search_f{
		width: 290px;
		position: absolute;
		bottom: 100px;
		right: 0px;
		border-bottom: 1px solid #fff;
	}
	.search_f_input{
		width: 245px;
		height: 34px;
		padding: 0 5px;
		color: #fff;
	}
	.search_f_input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }
	.search_f_input::-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
	.search_f_input::placeholder {color: rgba(255, 255, 255, 0.8); }

	.search_f_btn{
		width: 34px;
		height: 34px;
		position: absolute;
		bottom: -1px;
		right: 0px;
		background: url('images/ico_src.png') no-repeat 0 0;
		-webkit-transition: all 0.1s linear 0s;
		-o-transition: all 0.1s linear 0s;
		transition: all 0.1s linear 0s;
	}
	.search_f_btn:hover, .search_f_btn:focus{
		background-position: 0 -34px;
		cursor: pointer;
	}




/* main begin */
.b_maincontent{
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}
	.bg_white{
		background-color: #fff;
	}
	.main_itm_290{
		width: 290px;
		position: relative;
		margin: 50px 0 0 40px;
		vertical-align: top;
		display: inline-block;
	}
	.main_itm_290:nth-child(4n+1){
		margin: 50px 0 0;
	}
	.main_itm_620{
		width: 620px;
		position: relative;
		margin: 50px 0 0 40px;
		vertical-align: top;
		overflow: hidden;
		display: inline-block;
	}
	.main_itm_620:nth-child(3n+1){
		margin: 50px 0 0;
	}
	.main_itm_960{
		width: 960px;
		position: relative;
		margin: 50px 0 0;
		vertical-align: top;
		display: inline-block;
	}
		.main_itm_960_img{
			width: 290px;
			position: relative;
			float: right;
			margin: 0 0 0 40px;
			text-align: right;
		}
		.main_itm_960_img img{
			max-width: 100%;
		}
		.main_itm_960_cont{
			width: 620px;
			margin: 0 330px 0 0;
		}
		.main_itm_960:nth-child(8n) .main_itm_960_img{
			float: left;
			margin: 0 40px 0 0;
			text-align: left;
		}
		.main_itm_960:nth-child(8n) .main_itm_960_cont{
			margin: 0 0 0 330px;
		}
		.post_itm_title{
			font-size: 1.5em;
			line-height: 1.1;
			letter-spacing: -2px;
		}
		.main_itm_620 .post_itm_title{
			font-size: 2.4em;
		}
		.post_itm_620_title{
			font-size: 2.4em;
			line-height: 1.1;
			letter-spacing: -2px;
		}

		.post_itm_excerpt{
			margin: 20px 0 0;
			color: #666;
		}
		.post_itm_attr{
			position: relative;
			margin: 20px 0 0;
			font-size: 0.875em;
			color: #999;
			overflow: hidden;
		}
		.post_itm_author{
			color: #666;
		}
		.post_itm_date{
			margin: 0 20px 0 0;
		}
		.post_itm_counters{
			position: relative;
			white-space: nowrap;
		}
			.post_itm_count_view{
				padding: 0 0 0 30px;
				background: url('images/ico_view_count.png') no-repeat left 5px;
				color: #666;
				display: inline-block;
			}
			.post_itm_count_comment{
				margin: 0 0 0 10px;
				padding: 0 0 0 20px;
				background: url('images/ico_comment_count.png') no-repeat left 5px;
				color: #666;
				display: inline-block;
			}

		.b_banner{
			position: relative;
			padding: 23px;
			border: 1px solid #ccc;
		}
			.banner_link_blank{
				width: 240px;
				height: 400px;
				position: absolute;
				top: 23px;
				left: 23px;
				z-index: 5; 
				background: transparent;
				text-decoration: none;
				display: block;
			}
			.banner_link{
				position: absolute;
				top: -10px;
				left: 13px;
				padding: 0 10px;
				background-color: #fff;
				color: #999;
				display: inline-block;
			}


	.b_mainwidget{
		width: 242px;
		position: relative;
		margin: 50px 0 0 44px;
		padding: 23px;
		border: 1px solid #27a8c2;
		vertical-align: top;
		display: inline-block;
	}
	.b_mainwidget:first-child{
		margin: 50px 0 0;
	}
		.widget_events_title{
			color: #000;
			font: 700 2.25em 'Open Sans', sans-serif;
			letter-spacing: -3px;
			text-decoration: none;
		}
		.widget_events_title img{
			vertical-align: middle;
		}
		.b_event_wdg_itm{
			margin: 15px 0 0;
			padding: 0 0 20px;
			border-bottom: 1px solid #ccc;
		}
		.b_event_wdg_itm:last-child{
			padding: 0px;
			border: none;
		}
		.event_wdg_itm_date{
			color: #999;
		}
		.event_itm_title{
			font: 700 1.25em 'Open Sans', sans-serif;
			letter-spacing: -1px;
		}

	.b_soc_widget{
		position: relative;
		padding: 23px;
		border: 1px solid #27a8c2;
	}

.b_middle_banner{
	width: 100%;
	position: relative;
	background-color: #fff;
}
	.middle_banner_img{
		width: 100%;
		position: relative;
	}
	.middle_banner_img img{
		width: 100%;
	}
	.middle_banner_img object{
		position: relative;
		margin: 0 auto;
		display: block;
	}
	.middle_banner_link{
		position: absolute;
		top: -13px;
		left: 50%;
		margin: 0 0 0 -480px;
		padding: 3px 10px;
		background-color: #fff;
		color: #999;
		display: inline-block;
	}



.b_front_itm{
	width: 100%;
	min-height: 180px;
	position: relative;
	overflow: hidden;
}
/* FRONT VIDEOS */
.b_front_videos{
	width: 100%;
	position: relative;
	background-color: #000;
	overflow: hidden;
}
	.b_front_videos_main{
		width: 960px;
		position: relative;
		margin: 0 auto;
		padding: 30px 0;
		overflow: hidden;
	}
	.front_videos_title{ }
	.all_video_link{
		width: 270px;
		height: 25px;
		position: absolute;
		top: 17px;
		right: 0px;
		margin: 20px 0 0;
		padding: 7px 0 0;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
	.all_video_link:hover{
		border-color: #27a8c2;
		color: #27a8c2;
	}

	.b_front_video_big{
		width: 960px;
		position: relative;
		margin: 0 0 40px;
	}
	.b_front_video_ltl{
		width: 290px;
		position: relative;
		float: left;
		margin: 0 0 0 45px;
		vertical-align: top;
	}
		.b_front_video_ltl:nth-child(3n+1){
			margin: 0;
		}
		.this_video_img{
			width: 100%;
			height: 0px;
			position: relative;
			padding: 75% 0 0;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.this_video{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: rgba(0, 0, 0, 0.5);
		}
		.start_this_video{
			width: 183px;
			height: 183px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -91px 0 0 -91px;
			background: url('images/play.png') no-repeat 0 0;
		}
		.start_this_video:hover{
			background-position: 0 -191px;
			cursor: pointer;
		}

		.start_this_video_big{
			margin: -91px 0 0 -340px;
		}
		.front_video_itm_title{
			font: 700 1.5em 'Open Sans', sans-serif;
			color: #fff;
			line-height: 1.1;
			letter-spacing: -1px;
		}
		
		.front_video_itm_title_big{
			width: 550px;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 370px;
		}
			.front_video_itm_title_big td{
				width: 100%;
				height: 100%;
				vertical-align: middle;
			}

		.front_video_itm_title_big_txt{
			font: 700 2.4em 'Open Sans', sans-serif;
			color: #fff;
			line-height: 1.1;
		}



.get_more_posts{
	width: 180px;
	position: relative;
	margin: 50px auto;
	color: #666;
	text-align: center;
	cursor: pointer;

}
	.get_more_posts_img{
		width: 68px;
		height: 68px;
		background: url('images/more_posts.png') no-repeat 0 0;
		display: inline-block;
		-webkit-transition: all 5s linear 0s;
		-moz-transition: all 5s linear 0s;
		-ms-transition: all 5s linear 0s;
		-o-transition: all 5s linear 0s;
		transition: all 5s linear 0s;
		
	}
	.get_more_posts_img.active{
		-webkit-transform: rotate(-1440deg);
		-moz-transform: rotate(-1440deg);
		-ms-transform: rotate(-1440deg);
		-o-transform: rotate(-1440deg);
		transform: rotate(-1440deg);
	}
	.get_more_posts_txt{
		font-style: italic;
		text-decoration: underline;
	}


.b_clear{
	height: 330px;
	clear: both;
}

/* SINGLE */
.b_single_top{
	width: 100%;
	height: 360px;
	position: relative;
}
	.single_top_img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		overflow: hidden;
	}
	.single_top_img img{
		width: 100%;
	}
	.single_top_img_sd{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.t_single_top{
		width: 960px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
		margin: 0 0 0 -480px;
	}
	.t_single_top td{
		vertical-align: middle;
	}
	.single_top_title{
		width: 620px;
		font: 700 2.25em 'Open Sans', sans-serif;
		color: #fff;
		line-height: 1.1;
	}
	
	.single_top_attr{
		position: relative;
		margin: 30px 0 0;
		color: #fff;
	}
	.single_top_author{
		color: #fff;
	}
	.single_top_date{ }
	.single_top_counters{
		margin: 0 0 0 20px;
		white-space: nowrap;
	}
	.single_top_count_view{
		padding: 0 0 0 30px;
		background: url('images/ico_view_count_w.png') no-repeat left 5px;
		color: #fff;
		display: inline-block;
	}
	.single_top_count_comment{
		margin: 0 0 0 10px;
		padding: 0 0 0 20px;
		background: url('images/ico_comment_count_w.png') no-repeat left 5px;
		color: #fff;
		display: inline-block;
	}


	.single_title{
		width: 620px;
		font: 700 2.25em 'Open Sans', sans-serif;
		color: #000;
		line-height: 1.1;
	}
	.single_attr{
		position: relative;
		margin: 20px 0 0;
		color: #000;
	}
	.single_author{
		color: #000;
	}
	.single_date{ }
	.single_counters{
		margin: 0 0 0 20px;
		white-space: nowrap;
	}
	.single_count_view{
		padding: 0 0 0 30px;
		background: url('images/ico_view_count_b.png') no-repeat left 5px;
		color: #000;
		display: inline-block;
	}
	.single_count_comment{
		margin: 0 0 0 10px;
		padding: 0 0 0 20px;
		background: url('images/ico_comment_count_b.png') no-repeat left 5px;
		color: #000;
		display: inline-block;
	}

	.single_video_main{
		width: 100%;
		position: relative;
	}

	.b_search_excerpt{
		margin: 15px 0 0;
		color: #666;
	}

.single_main{
	width: 620px;
	position: relative;
	float: left;
	margin: 50px 0 0;
}
.b_single_txt{
	position: relative;
	color: #333;
}
	.b_single_txt p, .b_single_txt div{
		width: 620px !important;
		margin: 20px 0 0;
	}

	.b_single_txt h3{
		margin: 20px 0 0;
		padding: 0 0 0 20px;
		border-left: 5px solid #27a8c2;
		font-size: 1.25em;
		color: #000;
	}

	.b_single_txt blockquote{
		min-height: 40px;
		margin: 20px 0 0;
		padding: 0 0 0 70px;
		font-style: italic;
		background: url('./images/quote.png') 0 0 no-repeat;
	}

	.b_single_txt img{
		max-width: 100%;
	}

.after_post_subscrube{
	width: 260px;
	position: absolute;
	bottom: 40px;
	left: 380px;
	color: #666;
}
	.after_post_subscrube_title{
		font: 400 1.25em 'Open Sans', sans-serif;
		margin: 0 0 10px;
	}

	.after_post_subscrube label{
		display: none;
	}

	.after_post_subscrube ul{
		list-style: none;
	}
	.after_post_subscrube .error{
		color: #f00;
	}

	.after_post_subscrube form{
			width: 260px;
			margin: 20px 0 0;
			border-bottom: 1px solid #000;
		}
		.after_post_subscrube input[type="text"]{
			width: 215px;
			height: 34px;
			padding: 0 5px;
			color: #666;
		}
			.after_post_subscrube input[type="text"]::-webkit-input-placeholder{
				font-style: italic;
				color: rgba(102, 102, 102, 0.8); 
			}
			.after_post_subscrube input[type="text"]::-moz-placeholder{ 
				font-style: italic;
				color: rgba(102, 102, 102, 0.8); 
			}
			.after_post_subscrube input[type="text"]::placeholder{
				font-style: italic;
				color: rgba(102, 102, 102, 0.8); 
			}
		.after_post_subscrube input[type="submit"]{
			width: 34px;
			height: 34px;
			position: absolute;
			bottom: 0px;
			right: 0px;
			background: url('images/ico_subscribe_black.png') no-repeat 0 0;
			-webkit-transition: all 0.1s linear 0s;
			-o-transition: all 0.1s linear 0s;
			transition: all 0.1s linear 0s;
		}
			.after_post_subscrube input[type="submit"]:hover, .after_post_subscrube input[type="submit"]:focus{
				background-position: 0 -34px;
				cursor: pointer;
			}

.single_sidebar{
	position: relative;
	margin: 0 0 50px 670px;
}
.single_sidebar > div{
	margin: 50px 0 0;
}


.commentstitle{
	margin: 50px 0 0;
	font: 700 2.25em 'Open Sans', sans-serif;
	color: #999;
	letter-spacing: -2px;
}
.b_comments{
	position: relative;
	overflow: hidden;
}
	.b_comments ul{
		list-style: none;
	}
	.b_comments li{
		position: relative;
	}
	.b_comments li ul{
		padding: 0 0 0 80px;
	}
	.comment_itm{
		position: relative;
		margin: 30px 0 0;
	}
	.comment_author_img{
		width: 55px;
		height: 55px;
		position: relative;
		float: left;
		-webkit-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.comment_txt{
		position: relative;
		margin: 0 0 0 80px;
		padding: 20px;
		border: 1px solid #ccc;
		color: #666;
	}
	.comment_txt:before{
		content: '';
		width: 0px;
		height: 0px;
		position: absolute;
		top: 10px;
		left: -24px;
		border: 10px solid transparent;
		border-right: 14px solid #ccc;
		display: block;
	}
	.comment_txt:after{
		content: '';
		width: 0px;
		height: 0px;
		position: absolute;
		top: 10px;
		left: -22px;
		border: 10px solid transparent;
		border-right: 14px solid #fff;
		display: block;
	}
	.comment_attr{
		position: relative;
		margin: 10px 0 0 80px;
		padding: 0 0 2px;
		color: #999;
	}
	.comment_author{
		margin: 0 10px 0 0;
		color: #333;
	}
	.comment_date{
		margin: 0 0 0 10px;
	}
	#reply-title{
		margin: 0 0 10px;
	}
	.comment_answer, .comment-reply-link{
		position: absolute;
		top: 0px;
		right: 0px;
		border-bottom: 1px dotted #27a8c2;
		color: #27a8c2;
		text-decoration: none;
		cursor: pointer;
	}



.b_add_comment{
	position: relative;
	margin: 40px 0 160px;
}
	.comment_form_title{
		position: relative;
		z-index: 1;
		border-bottom: 1px dashed #27a8c2;
		font: 400 2em 'Open Sans', sans-serif;
		color: #27a8c2;
		letter-spacing: -2px;
		display: inline-block;
		cursor: pointer;
	}

	.add_comment_form{
		position: relative;
		margin: 30px 0 0;
		padding: 20px;
		background-color: #eee;
		display: none;
	}
		.add_comment_form:after{
			content: '';
			width: 0px;
			height: 0px;
			position: absolute;
			top: -46px;
			left: 20px;
			border: 20px solid transparent;
			border-bottom: 26px solid #eee;
		}
		#f_add_comment{ }
		.comment_input{
			width: 560px;
			height: 40px;
			margin: 0 0 10px;
			padding: 0 10px;
			border: 1px solid #999;
			background-color: #fff;
			font-size: 1.25em;
			color: #000;
		}
		.comment_textarea{
			width: 560px;
			height: 100px;
			margin: 0 0 10px;
			padding: 5px 10px;
			border: 1px solid #999;
			background-color: #fff;
			font-size: 1.25em;
			color: #000;
			resize: none;
		}
		#submit{
			height: 40px;
			padding: 0 15px;
			border: 0 none;
			background: none repeat scroll 0 0 #27a8c2;
			font-size: 1.2em;
			color: #FFFFFF;
			cursor: pointer;
		}



.similar_posts_title{
	width: 960px;
	margin: 20px auto;
	position: relative;
}
	.similar_posts_title_txt{
		font: 700 2.5em 'Open Sans', sans-serif;
		letter-spacing: -2px;
		color: #999;
	}
	.similar_posts_all_link{
		position: absolute;
		bottom: 7px;
		right: 0px;
		color: #666;
		text-decoration: underline;
	}
.similar_posts{
	width: 100%;
	position: relative;
	background-color: #eee;
}
	.similar_posts_main{
		width: 960px;
		position: relative;
		margin: 0 auto;
		padding: 40px 0 90px;
		overflow: hidden;
	}





/* LIKES */
.b_likes{
	margin: 30px 0 0;
	padding: 15px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
.b_likes:first-child{
	margin: 0;
	padding: 0 0 15px;
	border-top: none;
}
.b_likes_itm{
	margin: 0 10px;
	display: inline-block;
}


/* CATALOG */
.catalog_title{
	width: 620px;
	margin: -50px 0 0;
	font: 700 2.25em 'Open Sans', sans-serif;
	color: #000;
	line-height: 1.1;
	letter-spacing: -2px;
}
.catalog_title img{
	margin: 0 0 -15px;
	display: inline-block;
}
.b_cat_filters{
	margin: 20px 0 0;
	padding: 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;

}
	.b_filter_select{
		float: left;
		color: #666;
	}
	.b_filter_select .b_style_select{
		top: -1px;
		color: #000;
		vertical-align: middle;
	}

.b_filter_type{
	float: right;
	margin: 3px 0 0;
	color: #666;
}
	.filter_type_list{
		width: 22px;
		height: 22px;
		margin: 0 0 0 5px;
		background: url('images/ico_cat_type_list.png') no-repeat 0 0;
		vertical-align: middle;
		display: inline-block;
		cursor: pointer;
	}
	.filter_type_tile{
		width: 22px;
		height: 22px;
		margin: 0 5px;
		background: url('images/ico_cat_type_tile.png') no-repeat 0 0;
		vertical-align: middle;
		display: inline-block;
		cursor: pointer;
	}

	.filter_type_list.active, .filter_type_tile.active{
		background-position: 0 -27px;
		cursor: default;
	}

.b_catalog_main{
	position: relative;
	margin: 25px 0 0;
	padding: 0 0 50px;
}
	.catalog_tile_main{
		position: relative;
		overflow: hidden;
	}
	.catalog_tile_itm{
		width: 285px;
		display: inline-block;
		vertical-align: top;
	}
	.catalog_tile_itm:nth-child(2n){
		margin: 0 0 0 50px;
	}
	.catalog_country_name{
		margin: 40px 0 0;
		padding: 0 0 10px;
		border-bottom: 1px dotted #ccc;
		font: 700 1.5em 'Open Sans', sans-serif;
		color: #27a8c2;
		letter-spacing: -2px;
	}
	.catalog_city_name{
		margin: 20px 0 0;
		padding: 0 0 10px;
		border-bottom: 1px dotted #ccc;
		font: 700 1.25em 'Open Sans', sans-serif;
		color: #27a8c2;
		letter-spacing: -1px;
	}
	.b_catalog_itm{
		position: relative;
		margin: 20px 0 0;
	}
	.b_catalog_itm:first-child{
		margin: 0;
	}
	
	.catalog_itm_top{
		width: 100%;
		height: 230px;
		position: relative;
		-webkit-background-size: cover;
		background-size: cover;
		color: #fff;
	}
	.catalog_itm_top a{
		color: #fff;
	}
	.catalog_itm_top:before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.75);
	}
	.catalog_itm_top_no_img{
		width: 100%;
		padding: 45px 0 15px;
		position: relative;
		-webkit-background-size: cover;
		background-size: cover;
		color: #666;
	}
	.catalog_itm_top_no_img:before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	.catalog_itm_top_no_img a{
		color: #000;
	}

	.catalog_itm_ava{
		width: 110px;
		height: 110px;
		position: absolute;
		bottom: -45px;
		left: 20px;
		border: 5px solid #fff;
		outline: 1px solid #ccc;
		background-color: #fff;
		background-position: center center;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		overflow: hidden;
	}
	.catalog_itm_name{
		width: 280px;
		position: absolute;
		bottom: 15px;
		left: 160px;
		font: 700 1.75em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}
	.catalog_itm_top_no_img .catalog_itm_name{
		position: relative;
		left: 0px;
		bottom: 0px;
		margin: 0 0 0 160px;
		display: inline-block;
	}
	.catalog_till_itm_name{
		font: 700 1.25em 'Open Sans', sans-serif;
		letter-spacing: -1px;
		color: #000;
		line-height: 1.7;
	}
	.catalog_itm_count_works{
		position: absolute;
		bottom: 15px;
		right: 20px;
	}
		.catalog_itm_count_works span{
			font-size: 1.75em;
		}
	.catalog_itm_platforms{
		height: 25px;
		margin: 20px 160px 0;
		color: #999;
	}
		.catalog_itm_platforms img{
			margin: 0 5px 0 0;
			vertical-align: middle;
		}
		.catalog_itm_platforms span{
			vertical-align: middle;
		}
	.f_like{
		float: right;
		margin: 20px 20px 0;
	}

.b_side_job{
	position: relative;
}
	.side_job_title{
		margin: 0 0 10px;
		font: 700 2.25em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}
	.side_job_all{
		position: absolute;
		top: 20px;
		right: 0px;
		color: #27a8c2;
	}
	.side_job_itm{
		margin:  0 0 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #ccc;
		color: #666;
	}
	.side_job_itm:last-child{
		margin: 0px;
		padding: 0px;
		border: none;
	}
		.side_job_itm_title{
			font: 700 1.25em 'Open Sans', sans-serif;
			color: #000;
			line-height: 1.1;
			letter-spacing: -1px;
		}
		.side_job_itm_company{
			margin: 10px 0 0;
		}
		.side_job_itm_company a{
			color: #27a8c2;
		}


.b_side_cloud{
	min-height: 80px;
	position: relative;
	padding: 0 0 0 50px;
	background: url('images/ico_teg_cloud.png') 0 0 no-repeat;
}
.b_side_cloud a{
	color: #fff;
	margin: 0 10px 0 0;
	white-space: nowrap;
}

.b_side_works, .b_side_news{
	position: relative;
}
	.side_works_title, .side_news_title{
		margin: 0 0 10px;
		font: 700 1.75em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}

	.side_work_itm, .side_news_itm{
		position: relative;
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}
		.side_work_itm:last-child{
			border: none;
		}
		.side_work_itm_logo{
			width: 60px;
			height: 60px;
			position: relative;
			float: left;
		}
		.side_work_itm_logo img{
			width: 100%;
		}
		.side_work_itm_title{
			margin: 0 0 0 75px;
			font: 700 1.25em 'Open Sans', sans-serif;
			letter-spacing: -1px;
		}

		.side_news_itm_title{
			font: 700 1.25em 'Open Sans', sans-serif;
			letter-spacing: -1px;
		}
		.side_news_itm_date{
			margin: 5px 0 0;
			color: #666;
		}


/* SINGLE USER */
.b_user_profile_top{
	width: 100%;
	padding: 25px 0;
	position: relative;
	z-index: 1;
	background-color: #000;
}
	.profile_user_name{
		width: 820px;
		position: relative;
		margin: 0px auto;
		padding: 0 0 0 140px;
		font: 700 2.5em 'Open Sans', sans-serif;
		letter-spacing: -2px;
		color: #fff;
	}

.profile_user_main{
	position: relative;
	margin: 0 auto;
	padding: 15px 0 50px 140px;
	color: #666;
}
	.profile_user_main a{
		color: #666;
	}

	.profile_user_main_line{
		margin: 20px 0 0;
	}
	.edit_prof_back_link_user{
		height: 27px;
		position: relative;
		left: 50%;
		margin: 0 0 20px -390px;
		padding: 8px 0 0 50px;
		color: #fff;
		background: url('images/arr_left.png') no-repeat 0 0;
		font-weight: 700;
		display: inline-block;
	}


/* SINGLE COMPANY */
.b_single_author_top{
	width: 100%;
	height: 360px;
	position: relative;
	z-index: 1;
}
	.t_single_company_top{
		width: 960px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
		margin: 0 0 0 -480px;
		color: #fff;
	}
	.t_single_company_top td{
		vertical-align: middle;
	}
	.t_single_company_top_title{
		width: 620px;
		font: 700 2.5em 'Open Sans', sans-serif;
		color: #fff;
		line-height: 1.1;
		letter-spacing: -2px;
	}
	.t_single_company_phone{
		float: right;
		font: 700 2.5em 'Open Sans', sans-serif;
		color: #fff;
		line-height: 1.1;
		letter-spacing: -2px;
	}
	.single_author_open_send{
		width: 460px;
		height: 25px;
		position: absolute;
		bottom: 50px;
		right: 50%;
		margin: 0 -480px 0 0;
		padding: 7px 0 0;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		}
		.single_author_open_send:hover{
			border-color: #27a8c2;
			color: #27a8c2;
			cursor: pointer;
		}
	.single_author_ava{
		width: 110px;
		height: 110px;
		position: absolute;
		bottom: -55px;
		left: 50%;
		margin: 0 0 0 -480px;
		border: 5px solid #fff;
		outline: 1px solid #ccc;
		background-color: #fff;
		background-position: center center;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	.send_for_company{
		width: 960px;
		position: absolute;
		left: 50%;
		bottom: 50px;
		margin: 0 0 0 -480px;
		display: none;
	}
		.send_for_company_close{
			width: 21px;
			height: 21px;
			position: absolute;
			top: -25px;
			right: 0px;
			background:  url('images/close.png') no-repeat 0 0;
			cursor: pointer;
		}

		.send_for_company_close:hover{
			background-position: 0 -21px;
		}

		.send_for_company_col{
			width: 460px;
			float: left;
		}
		.send_for_company_col:nth-child(2){
			margin: 0 0 0 40px;
		}
		
		.send_for_company_line{
			position: relative;
			margin: 10px 0 0;
		}

		.send_for_company_input{
			width: 100%;
			height: 32px;
			border-bottom: 1px solid #e6e6e6;
			color: #e6e6e6;
		}
		.send_for_company_input::-webkit-input-placeholder { color:#e6e6e6; opacity: 0.8; }
		.send_for_company_input::-moz-placeholder { color:#e6e6e6; opacity: 0.8; }
		.send_for_company_input::placeholder { color:#e6e6e6; opacity: 0.8; }
		
		.send_for_company_textarea{
			width: 438px;
			height: 100px;
			padding: 10px;
			color: #e6e6e6;
			border: 1px solid #e6e6e6;
			resize: none;
		}

		.send_for_company_submit{
			width: 460px;
			height: 34px;
			border: 1px solid #fff;
			color: #fff;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			}
			.send_for_company_submit:hover, .send_for_company_submit:focus{
				border-color: #27a8c2;
				color: #27a8c2;
				cursor: pointer;
			}


	.author_platforms{
		width: 820px;
		height: 25px;
		position: relative;
		margin: 20px auto ;
		padding: 0 0 0 140px; 
		color: #999;
		z-index: 1;
	}
		.author_platforms img{
			margin: 0 5px 0 0;
			vertical-align: middle;
		}
		.author_platforms span{
			vertical-align: middle;
		}

	.author_count_works{
		position: absolute;
		top: 0;
		right: 20px;
	}
		.author_count_works span{
			font-size: 1.75em;
			vertical-align: sub;
		}

	.author_dsc{
		padding: 50px 0;
		color: #666;
	}

.b_likes_auth{
	width: 960px;
	margin: 30px auto 0;
	padding: 25px 0;
	border-top: 1px dotted #ccc;
	/*border-bottom: 1px dotted #ccc;*/
	text-align: center;
}
.b_likes_auth_itm{
	margin: 0 30px;
	display: inline-block;
	vertical-align: top;
}

.b_auth_mid{
	width: 100%;
	position: relative;
	background-color: #e6e6e6;
}
.b_auth_mid:before{
	content: '';
	width: 50%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #27a8c2;
}
.b_auth_mid.gray_before:before{
	background-color: #e6e6e6;
}

.b_auth_job{
	width: 420px;
	float: left;
	margin: 50px 0;
	color: #fff;
}
.b_auth_job:last-child{
	width: 960px;
	float: none;
}
	.b_auth_job a{
		color: #fff;
	}
	.auth_job_title{
		font: 700 2.25em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}
	.auth_job_itm_title{
		font: 700 1.5em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}


.b_auth_news{
	width: 420px;
	margin: 50px 0 50px 540px;
	color: #000;
}
	.b_auth_news:first-child{
		width: 960px;
		margin: 50px 0;
	}
	.b_auth_news a{
		color: #000;
	}
	.auth_news_title{
		font: 700 2.25em 'Open Sans', sans-serif;
		letter-spacing: -2px;
	}


.b_slider{
	width: 100%;
	height: 150px;
	position: relative;
	margin: 20px 0 0;
}
	.b_slider_wrap{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		overflow: hidden;
	}
		.b_slider_itm{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
		}

		#auth_job .b_slider_itm{
			background-color: #27a8c2;
		}
		#auth_news .b_slider_itm{
			background-color: #e6e6e6;
		}

	.b_slider_nav{
		width: 100%;
		position: absolute;
		bottom: -20px;
		left: 0px;
		text-align: center;
	}
		.slider_nav_itm{
			width: 15px;
			height: 15px;
			border-radius: 15px;
			display: inline-block;
			margin: 0 10px;
			opacity: 0.5;
			cursor: pointer;
		}

		.slider_nav_itm.active{
			opacity: 1;
			cursor: default;
		}

		#auth_job .slider_nav_itm{
			background-color: #fff;
		}
		#auth_news .slider_nav_itm{
			background-color: #000;
		}


.auth_proj_title{
	padding: 50px 0;
	font: 700 2.25em 'Open Sans', sans-serif;
	letter-spacing: -2px;
}
.b_proj_main{
	position: relative;
	overflow: hidden;
}
	.proj_itm{
		width: 420px;
		position: relative;
		margin: 0 0 70px;
		vertical-align: top;
		overflow: hidden;
		display: inline-block;
	}
	.proj_itm:nth-child(2n){
		margin: 0 0 70px 70px;
	}
		.proj_itm_logo{
			width: 110px;
			height: 110px;
			position: relative;
			float: left;
			overflow: hidden;
		}
		.proj_itm_logo img{
			width: 100%;
		}

		.proj_itm_title{
			margin: 0 0 0 130px;
			font: 700 1.5em 'Open Sans', sans-serif;
			letter-spacing: -2px;
			line-height: 1.1;
		}
		.proj_itm_type_dev{
			margin: 10px 0 5px 130px;
			color: #666;
		}
		.proj_itm_itm_platforms{
			margin: 0 0 0 130px;
		}
		.proj_itm_itm_platforms img{
			margin: 0 5px 0 0;
		}

/* SINGLE DEV WORK */
.single_work_dev_link{
	height: 27px;
	margin: 0 0 0 75px;
	padding: 8px 0 0 55px;
	color: #666;
	background: url('images/arr_left.png') no-repeat 0 0;
}
	.single_work_dev_link a{
		color: #666;
	}

.single_work_top{
	position: relative;
	margin: 20px 0 0;
	overflow: hidden;
}
	.single_work_title{
		margin: 0 0 0 130px;
		font: 700 2.25em 'Open Sans', sans-serif;
		color: #000;
		line-height: 1.1;
	}
	.single_work_type_dev{
		margin: 10px 0 5px 130px;
		color: #666;
	}
	.single_work_platforms{
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
		.single_work_platforms img{
			margin: 0 5px 0 0;
		}

/* SINGLE DEV NEWS ITM */
.single_news_dev_link{
	height: 27px;
	margin: 0 0 10px;
	padding: 8px 0 0 55px;
	color: #666;
	background: url('images/arr_left_gray.png') no-repeat 0 0;
}
	.single_news_dev_link a{
		color: #666;
	}



/* ARCHIVE */
.archiv_title{
	margin: 0 0 40px;
	font: 700 2.5em 'Open Sans', sans-serif;
	line-height: 1.1;
	letter-spacing: -3px;
}
.archive_itm{
	margin: 0 0 20px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #ccc;
}
	.archive_itm_title{
		font: 700 2em 'Open Sans', sans-serif;
		color: #000;
		line-height: 1.2;
		letter-spacing: -2px;
		/*text-decoration: none;*/
	}


/* PAGE VIDEO */
.bg_black{
	background-color: #000;
}

.bg_black .b_header
,.bg_black .b_last_events{
	background-color: #000;
}

.bg_black .b_menu a{
	color: #fff;
}

.bg_black .b_menu a:hover{
	color: #27a8c2;
}

.bg_black .widget_events_title
,.bg_black .side_job_title
,.bg_black .side_job_itm_title
,.bg_black .event_itm_title{
	color: #fff;
}

.bg_black .banner_link{
	background-color: #000;
}

.b_sidebar_video{
	width: 290px;
	position: relative;
	float: right;
	margin: 0 0 50px;
	z-index: 1;
}
.b_sidebar_video > div{
	margin: 50px 0 0;
}

.video_main{
	margin: 50px 0 0;
	color: #fff;
}
	.video_main_title{
		font: 700 5em 'Arial', sans-serif;
		letter-spacing: -5px;
	}

	.b_video_big{
		width: 625px;
		position: relative;
		display: inline-block;
		margin: 0 0;
		vertical-align: top;
	}

	.b_video_ltl{
		width: 290px;
		position: relative;
		display: inline-block;
		margin: 50px -5px 0 45px;
		vertical-align: top;
	}
	.b_vedeo_top, .b_vedeo_bot{
		position: relative;
	}
	.b_vedeo_bot{
		clear: both;
	}
	.b_vedeo_top .b_video_ltl:nth-child(2n){
		margin: 50px -2px 0 0;
	}

	.b_vedeo_bot .b_video_ltl:nth-child(3n+1){
		margin: 50px -2px 0 0;
	}

	.b_video_big_title{
		width: 330px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 260px;
	}
		.b_video_big_title td{
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}

		.b_video_big_title_txt{
			font: 700 1.5em 'Open Sans', sans-serif;
			color: #fff;
			line-height: 1.1;
		}
		.start_this_video_mid{
			margin: -91px 0 0 -280px;
		}


/* PROFILE */
.profle_author_dsc{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	color: #666;
}
	.edit_prof_link{
		width: 390px;
		height: 25px;
		position: absolute;
		top: 295px;
		left: 50%;
		margin: 0 0 0 -340px;
		padding: 7px 0 0;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
		.edit_prof_link:hover{
			border-color: #27a8c2;
			color: #27a8c2;
		}
.b_prof_links{
	width: 820px;
	margin: 0 auto;
	padding: 0 0 0 140px;
}
	.prof_link_itm{
		height: 25px;
		position: relative;
		margin: 20px 20px 0 0;
		padding: 7px 35px 0;
		border: 1px solid #27a8c2;
		color: #27a8c2;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
	.prof_link_itm:hover{
		border-color: #27a8c2;
		background-color: #27a8c2;
		color: #fff;
	}


.edit_prof_back_link{
	height: 27px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -480px;
	padding: 8px 0 0 50px;
	color: #fff;
	background: url('images/arr_left.png') no-repeat 0 0;
	font-weight: 700;
}


.edit_bgimg_form{
	width: 820px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin: 0 0 0 -340px;
	color: #fff;
}
	.edit_profile_file_inp{
		width: 390px;
		position: relative;
	}

	.edit_bg_img_input_filename{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: 0;
		display: block;
		cursor: pointer;
	}

	.edit_profile_file_inp_txt{
		width: 390px;
		height: 25px;
		padding: 7px 0 0;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
	.edit_profile_file_inp:hover .edit_profile_file_inp_txt{
		border-color: #27a8c2;
		color: #27a8c2;
	}

	.edit_profile_img_name{
		margin: 5px 0 0;
		display: inline-block;
	}

	.edit_bg_img_update{
		height: 32px;
		margin: 5px 20px 0 0;
		padding: 0 35px;
		border: 1px solid #fff;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		display: none;
	}
		.edit_bg_img_update:hover{
			border-color: #27a8c2;
			color: #27a8c2;
			cursor: pointer;
		}


.status_update_profile{
	width: 820px;
	margin: 0 auto;
	padding: 20px 0 20px 140px;
}
	

.edit_avatar_form{
	width: 120px;
	position: relative;
	margin: 70px 0 0;
	float: left;
	overflow: hidden;
}
	.edit_profile_avatar_inp{
		width: 100%;
		position: relative;
	}
	.edit_profile_avatar_txt{
		font: italic 400 1em Georgia;
		color: #333;
		text-decoration: underline;
	}

	.edit_avatar_input_filename{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: 0;
		display: block;
		cursor: pointer;
	}

	.edit_profile_avatar_name{
		margin: 10px 0;
		color: #666;
	}

	.edit_avatar_update{
		width: 120px;
		height: 32px;
		margin: 5px 20px 0 0;
		border: 1px solid #27a8c2;
		color: #27a8c2;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		display: none;
	}
		.edit_avatar_update:hover{
			background-color: #27a8c2;
			color: #fff;
			cursor: pointer;
		}

.f_edit_profile_dev{
	position: relative;
	margin: 35px 0 50px 140px;
	color: #666;
}
	.profile_dev_line{
		position: relative;
		margin: 20px 0 0;
	}

	.profile_dev_line .edit_profile_input:nth-child(2n+1)
	,.profile_dev_line .b_style_select_form:nth-child(2n+1){
		margin: 0 40px 0 0;
	}

	.profile_dev_line input[type="checkbox"]{
		vertical-align: middle;
		cursor: pointer;
	}
	.profile_dev_line label{
		margin: 5px 10px 0 0;
		cursor: pointer;
		display: inline-block;
	}

	.edit_profile_dev_title{
		margin: 0 0 20px;
		font-size: 1.125em;
	}
	.edit_profile_input{
		width: 385px;
		height: 32px;
		border-bottom: 1px solid #ccc;
		font-size: 1.125em;
		color: #666;
	}

	.hide_input{
		display: none;
	}

	.edit_profile_text{
		width: 790px;
		height: 100px;
		padding: 10px;
		border: 1px solid #ccc;
		font-size: 1.125em;
		resize: none;
		color: #666;
	}

	.edit_profile_btn{
		width: 385px;
		height: 32px;
		border: 1px solid #27a8c2;
		color: #27a8c2;
		vertical-align: middle;
	}
		.edit_profile_btn:hover, .edit_profile_btn:focus{
			background-color: #27a8c2;
			color: #fff;
			cursor: pointer;
		}



/* PAGE REGISTRATION LOGIN */
.b_reg{
	width: 100%;
	position: relative;
	padding: 40px 0 90px;
	background-color: #e6e6e6;
}
.b_reg:before{
	content: '';
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #27a8c2;
	display: block;
}
.b_reg_main{
	width: 960px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
	.b_reg_company{
		width: 430px;
		float: left;
		color: #fff;
	}
	.b_reg_user{
		width: 400px;
		margin: 0 0 0 530px;
		color: #000;
	}
	.reg_title{
		font: 700 2.25em 'Open Sans', sans-serif;
		line-height: 0.9;
		letter-spacing: -2px;
	}
	.reg_error{
		padding: 10px 0;
		position: relative;
	}

	.reg_line{
		position: relative;
		margin: 20px 0 0;
	}
		.reg_input_company{
			width: 100%;
			height: 32px;
			border-bottom: 1px solid #fff;
			font-size: 1.125em;
			color: #fff;
		}
		.reg_input_company::-webkit-input-placeholder { color:#fff; opacity: 1; }
		.reg_input_company::-moz-placeholder { color:#fff; opacity: 1; }
		.reg_input_company::placeholder { color:#fff; opacity: 1; }

		.reg_textarea_company{
			width: 96%;
			height: 200px;
			padding: 2%;
			border: 1px solid #fff;
			color: #fff;
		}
		.reg_line_dsc{
			opacity: 0.8;
			font-style: italic;
			font-size: 0.875em;
		}

		.reg_submit_company{
			width: 100%;
			height: 32px;
			background-color: #fff;
			border: 1px solid #fff;
			color: #27a8c2;
		}
			.reg_submit_company:hover,.reg_submit_company:focus{
				background-color: #27a8c2;
				color: #fff;
				cursor: pointer;
			}

		.reg_input_user{
			width: 100%;
			height: 32px;
			border-bottom: 1px solid #666;
			font-size: 1.125em;
			color: #666;
		}
		.reg_input_user::-webkit-input-placeholder { color:#666; opacity: 1; }
		.reg_input_user::-moz-placeholder { color:#666; opacity: 1; }
		.reg_input_user::placeholder { color:#666; opacity: 1; }

		.reg_textarea_user{
			width: 96%;
			height: 200px;
			padding: 2%;
			border: 1px solid #666;
		}

		.reg_submit_user{
			width: 100%;
			height: 32px;
			background-color: #808080;
			border: 1px solid #808080;
			color: #e6e6e6;
		}
			.reg_submit_user:hover,.reg_submit_user:focus{
				background-color: #e6e6e6;
				color: #808080;
				cursor: pointer;
			}



.f_login_main{
	position: relative;
	color: #666;
}
	.f_login_main a{
		color: #666;
	}

	.main_link_to_reg{
		position: relative;
		margin: 10px 0 0;
		overflow: hidden;
	}
	.main_login_fogot{
		float: right;
	}

	.login_submit{
		width: 100%;
		height: 32px;
		border: 1px solid #808080;
		color: #808080;
	}
		.login_submit:hover,.login_submit:focus{
			border: #27a8c2;
			background-color: #27a8c2;
			color: #fff;
			cursor: pointer;
		}
	.error_message_login{
		margin: 15px 0 0;
		color: #f00;
		display: none;
	}


/* RESET PASSWORD */
.error_reset_title{
	font: 700 2em 'Open Sans', sans-serif;
	color: #27a8c2;
	letter-spacing: -2px;
}
.error_reset{
	padding: 10px 0;
	color: #666;
}


.b_single_job{
	position: relative;
	overflow: hidden;
}
	.single_job_ava{
		width: 110px;
		height: 110px;
		margin: 1px 10px 10px 1px;
		float: left;
		overflow: hidden;
		outline: 1px solid #ccc;
		border: 5px solid #fff;
		background-position: center center;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.single_job_dev_link{
		height: 27px;
		margin: 0 0 10px 125px;
		color: #666;
	}
		.single_job_dev_link a{
			color: #666;
		}

	.single_job_title{
		margin: 0 0 0 125px;
		color: #000;
		font: 700 2.25em 'Open Sans', sans-serif;
		line-height: 1.1;
		letter-spacing: -2px;
	}

.answer_job{
	position: relative;
	margin: 50px 0;
}
	.f_answer_job{}

	.answer_job_title{
		color: #000;
		font: 700 2.25em 'Open Sans', sans-serif;
		line-height: 1.1;
		letter-spacing: -2px;
	}

	.answer_job_line{
		position: relative;
		margin: 20px 0 0;
	}

	.answer_job_input{
		width: 100%;
		height: 24px;
		border-bottom: 1px solid #ccc;
	}

	.answer_job_textarea{
		width: 96%;
		height: 100px;
		padding: 2%;
		border: 1px solid #ccc;
		resize: none;
	}

	.answer_job_submit{
		width: 100%;
		height: 32px;
		background-color: #fff;
		border: 1px solid #27a8c2;
		color: #27a8c2;
	}
		.answer_job_submit:hover,.answer_job_submit:focus{
			background-color: #27a8c2;
			color: #fff;
			cursor: pointer;
		}

	.send_job_res{
		color: #27a8c2;
		letter-spacing: -2px;
		font: 700 2.25em 'Open Sans', sans-serif;
		line-height: 1.1;
	}




/* FOOTER */
.b_footer{
	width: 100%; 
	height: 330px;
	position: relative; 
	margin: -330px 0 0;
	background-color: #000;
}
.b_footer_main{
	width: 960px; 
	height: 330px;
	position: relative; 
	margin: 0 auto;
	color: #fff;
}
.b_footer_main a{
	color: #fff;
}
	.foot_menu{
		position: absolute;
		top: 50px;
		left: 0px;
	}
		.foot_menu ul{
			list-style: none;
		}
		.foot_menu > ul > li{
			position: relative;
			float: left;
			margin: 0 0 0 110px;
		}
		.foot_menu > ul > li:first-child{
			margin: 0px;
		}
		.foot_menu > ul > li > a{
			padding: 12px 0 0;
			font: 700 1.25em 'Open Sans', sans-serif;
			letter-spacing: -2px;
			text-decoration: none;
			display: inline-block;
		}
		.foot_menu > ul > li:last-child > a{
			background: url('images/ico_dev_foot.png') no-repeat 88px 0px;
		}
		.foot_menu li ul{
			position: absolute;
			top: 40px;
			left: 0px;
		}
		.foot_menu li ul li{
			float: none;
		}
		.foot_menu li ul a{
			white-space: nowrap;
		}

	.foot_subscribe{
		width: 290px;
		position: absolute;
		bottom: 50px;
		left: 0px;
	}

		.foot_subscribe label, .foot_subscribe h2{
			display: none;
		}

		.foot_subscribe ul{
			list-style: none;
		}

		.foot_subscribe form{
			width: 290px;
			border-bottom: 1px solid #fff;
		}
		.foot_subscribe input[type="text"]{
			width: 245px;
			height: 34px;
			padding: 0 5px;
			color: #fff;
		}
			.foot_subscribe input[type="text"]::-webkit-input-placeholder{
				font-style: italic;
				color: rgba(255, 255, 255, 0.8); 
			}
			.foot_subscribe input[type="text"]::-moz-placeholder{ 
				font-style: italic;
				color: rgba(255, 255, 255, 0.8); 
			}
			.foot_subscribe input[type="text"]::placeholder{
				font-style: italic;
				color: rgba(255, 255, 255, 0.8); 
			}
		.foot_subscribe input[type="submit"]{
			width: 34px;
			height: 34px;
			position: absolute;
			bottom: 0px;
			right: 0px;
			background: url('images/ico_subscribe.png') no-repeat 0 0;
			-webkit-transition: all 0.1s linear 0s;
			-o-transition: all 0.1s linear 0s;
			transition: all 0.1s linear 0s;
		}
			.foot_subscribe input[type="submit"]:hover, .foot_subscribe input[type="submit"]:focus{
				background-position: 0 -34px;
				cursor: pointer;
			}

		.foot_search{
			width: 290px;
			position: absolute;
			bottom: 50px;
			left: 340px;
			border-bottom: 1px solid #fff;
		}
			.foot_search_input{
				width: 245px;
				height: 34px;
				padding: 0 5px;
				color: #fff;
			}
				.foot_search_input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }
				.foot_search_input::-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
				.foot_search_input::placeholder {color: rgba(255, 255, 255, 0.8); }
			.foot_search_btn{width: 34px;
				height: 34px;
				position: absolute;
				bottom: -1px;
				right: 0px;
				background: url('images/ico_src.png') no-repeat 0 0;
				-webkit-transition: all 0.1s linear 0s;
				-o-transition: all 0.1s linear 0s;
				transition: all 0.1s linear 0s;
			}
			.foot_search_btn:hover, .foot_search_btn:focus{
				background-position: 0 -34px;
				cursor: pointer;
			}

	.foot_icons{
		position: absolute;
		bottom: 120px;
		left: 340px;
	}

	.copyright{
		position: absolute;
		bottom: 80px;
		left: 680px;
	}
	.foot_developer{
		position: absolute;
		bottom: 50px;
		left: 680px;
	}



/* ************************************************************* */
/* ********************** STYLE SELECT ************************* */
.b_style_select{
	position: relative;
	background-color: #fff;
	display: inline-block;
}
	.selecttitle{
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 4px 0 0 5px;
 
	}
	.b_style_select:before{
		content: '';
		width: 0px;
		height: 0px;
		position: absolute;
		top: 12px;
		right: 10px;
		border: 5px solid transparent;
		border-top: 5px solid #999;
		font-size: 0.9em;
	}
	.b_style_select select{
		width: 100%;
		position: relative;
		padding: 0 30px 0 0;
		font-size: 1em;
		opacity: 0;
		cursor: pointer;
	}

/* ************************************************************* */
/* ******************** STYLE SELECT FORM ********************** */
.b_style_select_form{
	width: 385px;
	height: 26px;
	position: relative;
	padding: 3px 0;
	font-size: 1.125em;
	display: inline-block;
	border-bottom: 1px solid #ccc;
}
	.selecttitle_form{
		width: 100%;
		height: 26px;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 6px 0 0 0;
 
	}
	.b_style_select_form:before{
		content: '';
		width: 0px;
		height: 0px;
		position: absolute;
		top: 15px;
		right: 10px;
		border: 8px solid transparent;
		border-top: 8px solid #999;
		font-size: 0.9em;
	}
	.b_style_select_form select{
		width: 100%;
		height: 32px;
		line-height: 32px;
		position: relative;
		padding: 0 30px 0 0;
		font-size: 1em;
		opacity: 0;
		cursor: pointer;
	}

	.b_reg_company .b_style_select_form{
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	.b_reg_company .b_style_select_form:before{
		border-top: 8px solid #fff;
	}

	.b_reg_user .b_style_select_form{
		width: 100%;
		border-bottom: 1px solid #666;
	}

	.b_reg_user .b_style_select_form:before{
		border-top: 8px solid #666;
	}

	.b_reg_user .selecttitle_form{
		color: #666;
	}



:focus::-webkit-input-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; }
:focus::placeholder { color:transparent; }