a, input, select, textarea {
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
a,
input,
a:focus,
input:focus,
div:focus {
	outline:none !important;
	box-shadow: none !important; 
}
textarea {
	resize: none;
}
a {
	text-decoration:none;
	color:#8e8e8e;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	text-decoration:none;
	color:#990000;
}
::selection {
	background: #505050;
	color:#fff;
}
::-moz-selection {
	background: #505050; /* Firefox */
	color:#fff;
}
body {
	overflow-x:hidden;
	margin: 0;
	padding:0;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height: 20px;
	color: #8e8e8e;
	background:#fff;
}
.fleft {float:left;
}
.fright {float:right;
}
.clear {
	height:0;
	clear:both;
	font-size:0;
}
p {
	padding:0;
	margin-bottom:19px;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}
img {
	outline:0;
	vertical-align:top;
	opacity:1;
	filter: alpha(opacity=100);
	max-width:100%;
}
.wrap {padding:34px 0;}
.container {
	width:940px;
	margin:0 auto;
}

h2.title {
	padding:0;
	margin:0 0 20px;
	text-transform:uppercase;
	font-weight:400;
	line-height:20px;
	font-size:15px;
	color:#990000;
}

h3.title {
	position:relative;
	margin:0 0 9px;
	padding:0;
	text-transform:uppercase;
	font-weight:400;
	line-height:33px;
	font-size:16px;
	color:#161616;
}
h3.title:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:1px;
	background:#161616;
}

.logo_block {text-align:center;
}
a.logo {
	display:inline-block;
	padding:5px 0 0;
	text-align:center;
}
.site_description {
	position:relative;
	padding:14px 0 34px;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	color:#878787;
}
.site_description:before {
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-11px;
	width:22px;
	height:1px;
	background:#161616;
}


/* __________________________ Menu __________________________ */
.menu_block {
	margin:28px 0;
	text-align:center;
}
.menu_btn {text-align:center;}
.menu_btn a {
	display:none;
	text-transform:uppercase;
	font-size:20px;
	line-height:70px;
	color:#161616;
	background:url(../images/btn_load_more.png) no-repeat right center;
}
.menu_btn a:hover {
	color:#990000;
	background:url(../images/btn_load_more_h.png) no-repeat right center;
}
.mainmenu li {
	display:inline-block;
}
.mainmenu li a {
	display:block;
	margin:0;
	padding:0 37px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	line-height:33px;
	color:#161616;
}
.mainmenu li a:focus,
.mainmenu li a:hover,
.mainmenu li.act a {
	color:#990000;
}

/* _________________________ //Menu _________________________ */


.parallax-viewport {
	width:100%;
	height:419px;
	overflow:hidden;
	position:relative;
}
.parallax-viewport:before {
	content:'';
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	background:url(../images/index_img_bg.png);
	width:100%;
	height:100%;
}
.parallax-layer {
    position: absolute;
}

.index_author_info {
	position:relative;
	z-index:120;
	width:100%;
	height:100%;
	text-align:center;
}
.index_author_info h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:51px;
	margin:-25px 0 0;
	text-transform:uppercase;
	font-weight:300;
	line-height:51px;
	font-size:45px;
	color:#fff;
}

/* _______________________ Follow Us _______________________ */

.follow_us {
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

.follow_us ul li {
	padding:0;
	margin:0 4px 9px 3px;
	display:inline-block;
}
.follow_us a {
	display:block;
	background-color:none;
	background-image:url(../images/top_socials.png);
	background-repeat:no-repeat;
	height:30px;
	width:26px;
	transition: none;
	-webkit-transition: none;
}

.follow_us a.soc1 {background-position:0 0;
}
.follow_us a.soc1:hover {background-position:0 -30px;
}
.follow_us a.soc2 {background-position:-34px 0;
}
.follow_us a.soc2:hover {background-position:-34px -30px;
}
.follow_us a.soc3 {background-position:-68px 0;
}
.follow_us a.soc3:hover {background-position:-68px -30px;
}
.follow_us a.soc4 {background-position:-102px 0;
}
.follow_us a.soc4:hover {background-position:-102px -30px;
}
.follow_us a.soc5 {background-position:-136px 0;
}
.follow_us a.soc5:hover {background-position:-136px -30px;
}

/* ______________________ //Follow Us ______________________ */


/* _________________________ Index _________________________ */


/* ________________________ //Index ________________________ */



/* ______________________ Breadcrumb _______________________ */
.breadcrumb {
	position:relative;
	width:auto;
	margin-bottom:36px;
	padding:30px 20px 31px;
	text-align:center;
	background-image:url(../images/breadcrumb_img.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.breadcrumb:before {
	content:'';
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	background:url(../images/index_img_bg.png);
	width:100%;
	height:100%;
}
.breadcrumb h1 {
	position:static;
	margin:0 0 5px;
}
.breadcrumb .follow_us {
	position:static;
}


/* _____________________ //Breadcrumb ______________________ */




/* ________________________ About _________________________ */
.about_block section .author_descr_inf {
	float:left;
	width:260px;
	margin:0 20px 30px 0;
	padding:16px 20px 29px;
	background:#f7f7f7;
}
.about_block section .author_descr_inf li {
	padding:10px 0;
	border-bottom:1px solid #f1f1f1;
}
.about_block section .author_descr_inf li .left_descr {
	float:left;
	width:35%;
	text-transform:uppercase;
	color:#161616;
}
.about_block section .author_descr_inf li .right_descr {
	float:left;
	width:64%;
	color:#878787:
}
.about_block section .author_descr_inf li .right_descr a {
	color:#878787;
}
.about_block section .author_descr_inf:hover li .right_descr a {
	color:#990000;
}
a.download_vcard {
	display:inline-block;
	margin-top:15px;
	padding-right:42px;
	text-transform:uppercase;
	color:#990000;
	background:url(../images/download_vcard.png) no-repeat bottom right;
}

.whoiam_block {
	float:left;
	width: 65.95744680851064%;
	margin-bottom:30px;
}

ul.spsk {padding-top:9px;
}
ul.spsk li {
	display:inline-block;
	width:42%;
	margin:0 20px 4px 0;
	padding:0 0 0 27px;
	background-repeat:no-repeat;
	background-position:0 0;
}
ul.spsk li.icon1 {background-image:url(../images/icon1.png);
}
ul.spsk li.icon2 {background-image:url(../images/icon2.png);
}
ul.spsk li.icon3 {background-image:url(../images/icon3.png);
}
ul.spsk li.icon4 {background-image:url(../images/icon4.png);
}
ul.spsk li.icon5 {background-image:url(../images/icon5.png);
}
ul.spsk li.icon6 {background-image:url(../images/icon6.png);
}

/* _______________ My Skills _______________ */
.myskills_block {
	background-color:#489da7;
	background-image:url(../images/myskills_block.png);
	background-repeat:no-repeat;
}
.skills_block_in {
	height:541px;
}

.skills_block_in .scroll-pane {width:100% !important;}
.skills_block_in .jspContainer {width:675px !important;height:541px !important;}

.module_diagramm ul.skills_list {
	margin-top:70px;
	padding:0;
	overflow:hidden;
}
.module_diagramm ul.skills_list li {
	margin-right:17px;
	width:140px;
	padding:0;
	display:inline-block;
	text-align:center;
}
.module_diagramm ul.skills_list li:last-child {margin-right:0;
}
.module_diagramm ul.skills_list li canvas {
	position:absolute;
	left:0;
	top:0;
}
.module_diagramm .chart {
	font-size:16px;
	line-height:84px;
	color:#161616;
	margin:0 auto;
	text-align:center;
	width:88px;
	height:88px;
	position:relative;
	margin-bottom:29px;
	border:5px solid #990000;
	border-radius:50%;
}
.module_diagramm .chart span {
	display:inline-block;
	font-size:16px;
	line-height:130px;
}
.module_diagramm p {
	color:#878787;
}

/* ______________ //My Skills ______________ */

/* _______________________ //About ________________________ */



/* _______________________ Resume ________________________ */
.employmant_block {
	float:left;
	width:48.5%;
}
.employmant_block.margin_right {margin-right:20px;
}

.employmant_item {
	position:relative;
	margin-left:9px;
	padding:0 0 20px 30px;
	border-left:3px solid #eee;
}
.employmant_item:before {
	content:'';
	position:absolute;
	left:-11px;
	top:0;
	width:19px;
	height:19px;
	background:url(../images/employmant_item.png) no-repeat;
}
.employmant_item:last-child {padding-bottom:0;
}
.employmant_item p {
	margin-bottom:1px;
	text-transform:uppercase;
	color:#161616;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.employmant_item:hover p.title {
	color:#990000;
}
.employmant_item span {
	display:block;
	margin-bottom:7px;
	font-size:12px;
	color:#a4a4a4;
}

/* ______________________ //Resume _______________________ */




/* _______________________ Portfolio ________________________ */
.gallery_block .projects {
	margin-right:-25px;
	margin-bottom:79px;
	text-align:center;
}
.element {
	display:inline-block;
	margin:0 19px -6px 0;
}
.gallery_item {
	overflow:hidden;
	position:relative;
	width:220px;
	height:256px;
	background:#990000;
}
.gallery_item img {
	max-width:100%;
	max-height:100%;
}
.gallery_item img.gallery_img {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}
.element:hover .gallery_item img.gallery_img {
	opacity:0.35;
	filter: alpha(opacity=35);
	transform: scale(2);
	-webkit-transform: scale(2);
}
.element .gallery_item_bord {
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:220px;
	height:256px;

}

.zoom,
.link {
	position:absolute;
	z-index:10;
	left:50%;
	top:50%;
	margin:-17px 0 0 4px;
	width:41px;
	height:46px;
	background-image:url(../images/zoom.png);
	background-position:0 0;
	background-repeat:no-repeat;
	opacity:0;
	filter: alpha(opacity=0);
	transform: scale(0);
	-webkit-transform: scale(0);

	transition: transform 0.7s, opacity 0.7s;
	-webkit-transition: -webkit-transform 0.7s, opacity 0.7s;
}
.link {
	background-image:url(../images/link.png);
	margin-left:-42px;
}
.zoom:hover, .link:hover {background-position:0 -46px;
}
.gallery_item:hover .zoom,
.gallery_item:hover .link {
	opacity:1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
}

/* __________ Filter __________ */
#filter {
	margin:-11px 0 34px;
	text-align:center;
}
#filter li {
	display:inline-block;
}
#filter li a {
	display:block;
	padding:0 13px;
	text-transform:uppercase;
	color:#161616;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#filter li a:hover,
#filter li a.selected {
	color:#990000;
}



/* __________ Filter __________ */

/* ______________________ //Portfolio _______________________ */




/* _________________________ Contact _________________________ */
.contact_block_sidebar .author_descr_inf {
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
.contact_block_sidebar .author_descr_inf li {
	margin-bottom:10px;
}
.contact_block_sidebar .author_descr_inf li .left_descr {
	float:left;
	width:35%;
	text-transform:uppercase;
	color:#161616;
}
.contact_block_sidebar .author_descr_inf li .right_descr {
	float:left;
	width:64%;
	color:#878787:
}
.contact_block_sidebar .author_descr_inf li .right_descr a {
	color:#878787;
	word-wrap: break-word;
}
.contact_block_sidebar .author_descr_inf:hover li .right_descr a {
	color:#990000;
}


.contact_form_block {
	width: 65.95744680851064%;
}
.contact_block_sidebar {
	width: 31.914893617021278%;
	margin-right:20px;
}

textarea,
input[type="text"] {
	margin:0 0 11px 0;
	padding: 3px 10px 15px;
	width: 45%;
	text-transform:none;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #878787;
	font-style:normal;
	border-radius: 0;	
	background: #fff;
	border: 2px solid #f3f3f3;
	box-shadow: none;		  
}
input[type="text"].first {margin-right:11px;
}
textarea {
	min-height:90px;
	width: 96%;
	overflow:hidden;
	resize: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	border: 2px solid #f3f3f3;
}

.contact_btn {
	display:inline-block;
	cursor:pointer;
	padding:3px 15px 2px;
	background: none;
	border: 2px solid #990000;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	line-height:20px;
	font-size:13px;
	color:#990000;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn:hover {
	background:#990000;
	color:#fff;
}

.notification_error {
	color:#f00;
}

/* ________________________ //Contact ________________________ */





#footer {
	position:relative;
	margin-top:40px;
	padding:34px 0 0;
	line-height:20px;
	font-size:12px;
	color:#8c8c8c;
}
#footer:before {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	margin-left:-11px;
	width:22px;
	height:1px;
	background:#161616;
}
#footer a {
	color:#990000;
}
#footer a:hover {
	text-decoration:underline;
}
#copyright {
	text-transform:uppercase;
	text-align:center;
}



/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  overflow:visible !important;
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

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



/* ________________________ Responsive Style ________________________ */

@media (max-width: 1024px) {
	.module_diagramm ul.skills_list li {width:139px;}
	
	.gallery_item {width:219px;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.container {width:724px;}
	
/* __________ Index __________ */
	.parallax-viewport {height:350px;}

/* _________ //Index _________ */

/* __________ About __________ */
	.about_block section .author_descr_inf {width:200px;}
	.whoiam_block {width:460px;}
	ul.spsk li {width:39%;}
	
	.module_diagramm ul.skills_list li {width:220px;}

/* _________ //About _________ */

/* _________ Portfolio _________ */
	.gallery_item {width:160px; height:186px;}

/* ________ //Portfolio ________ */



/* __________ Contact __________ */
	.contact_form_block {width:65%;}
	
	input[type="text"] {width:43.3%;}
	textarea {width:95%;}

/* _________ //Contact _________ */

	
}

@media (max-width: 767px) {
	.container {width:470px;}
	
	.mainmenu li a {padding:0 25px;}
	
/* __________ Index __________ */
	.parallax-viewport {height:250px;}

/* _________ //Index _________ */

/* __________ About __________ */
	.about_block section .author_descr_inf {width:91.3%; margin-right:0;}
	.whoiam_block {float:none; width:100%;}
	ul.spsk li {width:39%;}
	
	.module_diagramm ul.skills_list li {width:136px;}

/* _________ //About _________ */

/* __________ Resume __________ */
	.employmant_block {float:none; margin:0 0 30px; width:100%;}

/* _________ //Resume _________ */

/* _________ Portfolio _________ */
	#filter li a {padding:0 6px;}
	
	.element {margin-bottom:20px;}

/* ________ //Portfolio ________ */



/* __________ Contact __________ */
	.contact_form_block, .contact_block_sidebar {width:100%; margin:0 0 30px;}	
	input[type="text"] {width:43.3%;}
	textarea {width:95%;}

/* _________ //Contact _________ */


}

@media (max-width: 479px) {
/* __________ Menu __________ */
	.menu_btn a {display:inline-block;}
	.mainmenu {display:none;padding-bottom:20px;}
	
	.mainmenu li {float:none;text-align:center;width:100% !important;}
	.mainmenu li a {padding:3px 10px;}
	.mainmenu li a i {display:none;}

/* _________ //Menu _________ */
	
	.container {width:310px;}
	
	
	
/* __________ Index __________ */
	.index_author_info h1 {font-size:38px;}

/* _________ //Index _________ */

/* __________ About __________ */
	.about_block section .author_descr_inf {width:87%;}
	
	ul.spsk li {width:100%;}

/* _________ //About _________ */

/* _________ Portfolio _________ */
	

/* ________ //Portfolio ________ */



/* __________ Contact __________ */
	.contact_form_block, .contact_block_sidebar {width:100%;margin-bottom:30px;}	
	textarea, input[type="text"] {width:90%;margin-right:0;}

/* _________ //Contact _________ */
	
	
}

@media (max-width: 400px) {
	
}