a, input, select, textarea {
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
textarea {
	resize: none;
}
a {
	text-decoration:none;
	color:#c74852;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	text-decoration:none;
	color:#555;
}
::selection {
	background: #505050;
	color:#fff;
}
::-moz-selection {
	background: #505050; /* Firefox */
	color:#fff;
}
body {
	overflow-x:hidden;
	margin: 0;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background-image:url(../images/back1.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center center;
}
.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%;
}
.container {
	overflow:hidden;
	width:940px;
	height:715px;
	margin:0 auto;
}
#left_block {
	float:left;
	width:180px;
	padding:16px 20px 14px;
	background:#fff;
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	color:#fff;
}
h2.title {
	padding:15px 0;
	margin:0;
	text-transform:uppercase;
	font-weight:700;
	line-height:28px;
	font-size:26px;
	color:#fefefe;
	background:url(../images/h2_bg.png) repeat-x;
text-shadow: #191919 1px 1px 2px;
}

h3.title {
	margin:0 0 21px;
	padding:0;
	text-transform:uppercase;
	font-weight:700;
	line-height:20px;
	font-size:16px;
text-shadow: #191919 1px 1px 2px;
}


a.logo {
	display:block;
	padding:0 0 13px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	line-height:33px;
	font-size:26px;
	color:#362876;
	letter-spacing:-0.5px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
  text-align: center;
}

.author_foto {
	margin-bottom:14px;
}
.author_foto img {
	opacity:0.9;
	filter: alpha(opacity=90);
}

.author_descr_inf {
	margin-bottom:28px;
}
.left_descr {
	float:left;
	width:33%;
	padding-right:16px;
	text-transform:uppercase;
	font-weight:700;
	text-align:right;
	color:#555;
}
.right_descr {
	float:left;
	width:57%;
	color:#959595;
}
.right_descr a {color:#959595;
}


a.vcard {
	display:block;
	margin-bottom:20px;
	padding:9px 5px 8px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	color:#fff;
	background:#489da7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a.vcard:hover {
	background:#505050;
}

/* __________________________ Menu __________________________ */
.menu_block {
	margin-bottom:27px;
}
.mainmenu li a:focus,
.mainmenu li a {
	position:relative;
	z-index:10;
	display:block;
	margin-bottom:5px;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	line-height:38px;
	color:#555;
	background-color:#f5f5f5;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.mainmenu li a:before {
	content:'';
	position:absolute;
	z-index:-1;
	left:50%;
	right:50%;
	top:0;
	bottom:0;
	width:0;
	height:100%;
	background:#362876;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.mainmenu li.act a:before,
.mainmenu li a:hover:before {
	width:100%;
	left:0;
	right:0;
}
.mainmenu li a:hover,
.mainmenu li.act a {
	text-decoration:none;
	color:#EBECF4;
}


/* _________________________ //Menu _________________________ */


/* _______________________ Follow Us _______________________ */

.follow_us {
	margin:0 0 17px;
	padding:0;
	text-align:center;
}

.follow_us ul li {
	padding:0;
	margin:0 2px 5px 0px;
	display:inline-block;
}
.follow_us a {
	display:block;
	background-color:none;
	background-image:url(../images/top_socials.png);
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	transition: all 0.3s liner;
	-webkit-transition: all 0.3s liner;
}

.follow_us a.soc1 {background-position:0 0;
}
.follow_us a.soc1:hover {background-position:0 -25px;
}
.follow_us a.soc2 {background-position:-30px 0;
}
.follow_us a.soc2:hover {background-position:-30px -25px;
}
.follow_us a.soc3 {background-position:-60px 0;
}
.follow_us a.soc3:hover {background-position:-60px -25px;
}
.follow_us a.soc4 {background-position:-90px 0;
}
.follow_us a.soc4:hover {background-position:-90px -25px;
}
.follow_us a.soc5 {background-position:-120px 0;
}
.follow_us a.soc5:hover {background-position:-120px -25px;
}
.follow_us a.soc6 {background-position:-150px 0;
}
.follow_us a.soc6:hover {background-position:-150px -25px;
}

/* ______________________ //Follow Us ______________________ */


/* ________________________ Content ________________________ */
#content {
	position:relative;
	float:left;
	width:720px;
	height:100%;
}

.standart_block {
	overflow:hidden;
	float:left;
	position:relative;
	margin:0 0 5px 5px;
	padding:176px 20px 0;
	width:195px;
	height:59px;
	cursor:pointer;
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
-o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
	
}
.fullwidth_block {
	overflow:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:675px;
	height:619px;
	margin:0 0 5px 5px;
	padding:96px 20px 0;
	cursor:default;
	/*transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;*/
}
.standart_block.fullwidth_block section {display:block;
}

.close_btn {
	display:none;
	position:absolute;
	z-index:15;
	top:17px;
	right:17px;
	width:35px;
	height:35px;
	cursor:pointer;
	background:url(../images/close_btn.png) no-repeat;
}

/* _______________ About Me _______________ */
.aboutme_block {
	background-color:#94C849;
	background-image:url(../images/aboutme_block.png);
	background-repeat:no-repeat;
}
.aboutme_block.standart_block.raised.ripple.has-ripple:hover {
}
.aboutme_block_in .scroll-pane {width:100% !important;}
.aboutme_block_in .jspContainer {width:100% !important;height:541px !important;}

.aboutme_block .aboutme_block_in {display:none;
}
.aboutme_block.fullwidth_block .aboutme_block_in {display:block;
}
.aboutme_block .aboutme_block_in img {margin-bottom:25px;
}
ul.spsk {margin-left:20px;
}
ul.spsk li {
	float:left;
	width:43%;
	margin-bottom:7px;
	padding-left:37px;
}
ul.spsk li.icon1 {background:url(../images/icon1.png) no-repeat;	
}
ul.spsk li.icon2 {background:url(../images/icon2.png) no-repeat;	
}
ul.spsk li.icon3 {background:url(../images/icon3.png) no-repeat;	
}
ul.spsk li.icon4 {background:url(../images/icon4.png) no-repeat;	
}
ul.spsk li.icon5 {background:url(../images/icon5.png) no-repeat;	
}
ul.spsk li.icon6 {background:url(../images/icon6.png) no-repeat;	
}
ul.spsk li.icon7 {background:url(../images/icon7.png) no-repeat;	
}
ul.spsk li.icon8 {background:url(../images/icon8.png) no-repeat;	
}

/* ______________ //About Me ______________ */

/* _______________ Projects _______________ */
.projects_block {
	background-color:#C23916;
	background-image:url(../images/projects_block.png);
	background-repeat:no-repeat;
}
.projects_block .projects_block_in {
	display:none;
	margin-right:-25px;
}
.projects_block.fullwidth_block .projects_block_in {display:block;
}
#projects_filter {margin-bottom:20px;
}
#projects_filter a {
	cursor:pointer;
	display:inline-block;
	margin:0 0 5px 2px;
	padding:8px 10px 7px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	font-size:14px;
}
#projects_filter a.current,
#projects_filter a:hover {
	background:#e58c3f;
}

.projects_item {
	overflow:hidden;
	float:left;
	position:relative;
	width:212px;
	margin:0 20px 20px 0;
}
.projects_item img {max-width:100%;
}


.projects_item .zoom a {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	background:url(../images/zoom.png) no-repeat;
}

.cx-postgrid-hover li {
	  position: relative;
	  overflow: hidden;
	  list-style: none;
	  float: left;
	  padding: 0;
	  perspective: 500px;
	}
	.cx-postgrid-hover li a {
	  display: inline-block;
	  vertical-align: top;
	  text-decoration: none;
	}
	.cx-postgrid-hover li h2 {
	  margin-top: 40px;
	  text-align: center;
	}
	.cx-postgrid-hover li p {
	  margin-top: 10px;
	  text-align: center;
	}
	.cx-postgrid-hover li .normal {
	  width: 100%;
	  height: 100%;
	  text-align: center;
	}

	.cx-postgrid-hover li .zoom {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	  transform: rotate3d(1, 0, 0, 90deg);
	  -webkit-transform: rotate3d(1, 0, 0, 90deg);
	  background:url(../images/zoom_bg.png);
	}
	
	.cx-postgrid-hover .in-top .zoom { transform-origin: 50% 0%; animation: in-top 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .in-right .zoom { transform-origin: 100% 0%; animation: in-right 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .in-bottom .zoom { transform-origin: 50% 100%; animation: in-bottom 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .in-left .zoom { transform-origin: 0% 0%; animation: in-left 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .out-top .zoom { transform-origin: 50% 0%; animation: out-top 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .out-right .zoom { transform-origin: 100% 50%; animation: out-right 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .out-bottom .zoom { transform-origin: 50% 100%; animation: out-bottom 300ms ease 0ms 1 forwards; }
	.cx-postgrid-hover .out-left .zoom { transform-origin: 0% 0%; animation: out-left 300ms ease 0ms 1 forwards; }

	#content .in-top .zoom { transform-origin: 50% 0%; animation: in-top 300ms ease 0ms 1 forwards; }
	#content .in-right .zoom { transform-origin: 100% 0%; animation: in-right 300ms ease 0ms 1 forwards; }
	#content .in-bottom .zoom { transform-origin: 50% 100%; animation: in-bottom 300ms ease 0ms 1 forwards; }
	#content .in-left .zoom { transform-origin: 0% 0%; animation: in-left 300ms ease 0ms 1 forwards; }
	#content .out-top .zoom { transform-origin: 50% 0%; animation: out-top 300ms ease 0ms 1 forwards; }
	#content .out-right .zoom { transform-origin: 100% 50%; animation: out-right 300ms ease 0ms 1 forwards; }
	#content .out-bottom .zoom { transform-origin: 50% 100%; animation: out-bottom 300ms ease 0ms 1 forwards; }
	#content .out-left .zoom { transform-origin: 0% 0%; animation: out-left 300ms ease 0ms 1 forwards; }

	
	@-webkit-keyframes in-top {from { transform: rotate3d(-1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-moz-keyframes in-top {from { transform: rotate3d(-1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-ms-keyframes in-top {from { transform: rotate3d(-1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@keyframes in-top {from { transform: rotate3d(-1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	
	@-webkit-keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-moz-keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-ms-keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	
	@-webkit-keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-moz-keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-ms-keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	
	@-webkit-keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-moz-keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@-ms-keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	@keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}
	
	@-webkit-keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(-1, 0, 0, 102deg); }}
	@-moz-keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(-1, 0, 0, 102deg); }}
	@-ms-keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(-1, 0, 0, 102deg); }}
	@keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(-1, 0, 0, 102deg); }}
	
	@-webkit-keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, -1, 0, 112deg); }}
	@-moz-keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, -1, 0, 112deg); }}
	@-ms-keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, -1, 0, 112deg); }}
	@keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, -1, 0, 112deg); }}
	
	@-webkit-keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(1, 0, 0, 101deg); }}
	@-moz-keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(1, 0, 0, 101deg); }}
	@-ms-keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(1, 0, 0, 101deg); }}
	@keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(1, 0, 0, 101deg); }}
	
	@-webkit-keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, 1, 0, 112deg); }}
	@-moz-keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, 1, 0, 112deg); }}
	@-ms-keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, 1, 0, 112deg); }}
	@keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, 1, 0, 112deg); }}

/* ______________ //Projects ______________ */



/* ________________ Resume ________________ */
.resume_block {
	background-color:#6FA014;
	background-image:url(../images/resume_block.png);
	background-repeat:no-repeat;
}
.resume_block_in {
	height:537px;
}
.resume_block_in .scroll-pane {width:675px !important;}
.resume_block_in .jspContainer {width:100% !important;}

.resume_item {
	margin:0 33px 10px 12px;
	padding:0 0 0 28px;
	background:url(../images/resume_item.png) no-repeat;
}
.resume_item p {
	float:left;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:700;
	font-style:italic;
	font-size:14px;
}
.resume_item span {
	float:right;
	font-weight:700;
	font-size:14px;
}

/* _______________ //Resume _______________ */



/* _________________ Video _________________ */
.video_block {
	background-color:#BE213E;
	background-image:url(../images/video_block.png);
	background-repeat:no-repeat;
}

.video_block .video_block_in {
	display:none;
	margin-right:-25px;
}
.video_block.fullwidth_block .video_block_in {display:block;
}
#video_filter {margin-bottom:20px;
}
#video_filter a {
	cursor:pointer;
	display:inline-block;
	margin:0 0 5px 2px;
	padding:8px 10px 7px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	font-size:14px;
}
#video_filter a.current,
#video_filter a:hover {
	background:#e58c3f;
}

.video_item {
	overflow:hidden;
	float:left;
	position:relative;
	width:212px;
	margin:0 20px 20px 0;
}
.video_item img {max-width:100%;
}

.video_item .zoom {
	background:url(../images/video_bg.png) repeat !important;
}
.video_item .zoom a {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	background:url(../images/video.png) no-repeat;
}

/* _______________ //Video _______________ */



/* _______________ My Skills _______________ */
.myskills_block {
	background-color:#91009B;
	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:20px;
	width:29%;
	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:20px;
	line-height:84px;
	color:#fefefe;
	margin:0 auto;
	text-align:center;
	width:88px;
	height:88px;
	position:relative;
	padding-left:1px;
	margin-bottom:21px;
}
.module_diagramm .chart span {
	display:inline-block;
	padding-top:31px;
	font-size:15px;
	line-height:84px;
}
.module_diagramm p {
	margin-bottom:12px;
	padding:0 20px;
	text-transform:uppercase;
	font-weight:700;
	font-size:17px;
	color:#fefefe;
}
.module_diagramm .skill_descr {
	padding:0 20px;
}


/* ______________ //My Skills ______________ */



/* ________________ Contact ________________ */
.contact_block {
	margin-top:-240px;
	background-color:#F29500;
	background-image:url(../images/contact_block.png);
	background-repeat:no-repeat;
}
.contact_block.fullwidth_block {margin-top:0;
}

/* _______________ //Contact _______________ */



/* _______________ Services _______________ */
.services_block {
	margin:-240px 0 0 245px;
	background-color:#0097AA;
	background-image:url(../images/services_block.png);
	background-repeat:no-repeat;
}

.services_block.fullwidth_block {
	margin:0 0 5px 5px;
	padding-top:116px;
}
.services_block .services_block_in {
	display:none;
	margin-right:-22px;
}
.services_block.fullwidth_block .services_block_in {display:block;
}
.service_item {
	overflow:hidden;
	float:left;
	width:174px;
	margin:0 20px 20px 0;
	padding:19px;
	background-color:#22575E;
	background-repeat:no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
.service_item.icon1 {
	background-image:url(../images/servc_icon1.png);
}
.service_item.icon2 {
	background-image:url(../images/servc_icon2.png);
}
.service_item.icon3 {
	background-image:url(../images/servc_icon3.png);
}
.service_item.icon4 {
	background-image:url(../images/servc_icon4.png);
}
.service_item.icon5 {
	background-image:url(../images/servc_icon5.png);
}
.service_item.icon6 {
	background-image:url(../images/servc_icon6.png);
}

.service_item p {
	margin-bottom:23px;
	text-transform:uppercase;
	font-weight:700;
	font-size:23px;
}
.service_item:hover p {
	-webkit-animation: moveFromTop 700ms ease;
	animation: moveFromTop 700ms ease;
}
.service_item span {
	overflow:hidden;
	display:block;
	height:125px;
}
.service_item:hover span {
	-webkit-animation: moveFromTop2 700ms ease;
	animation: moveFromTop2 700ms ease;
}
.service_item a {
	display:block;
	margin-top:5px;
	padding-top:24px;
	text-transform:uppercase;
	font-weight:700;
	line-height:15px;
	color:#fff;
	background:url(../images/serv_bord.png) repeat-x;
}
.service_item:hover a {
	-webkit-animation: moveFromTop3 700ms ease;
	animation: moveFromTop3 700ms ease;
}


@-webkit-keyframes moveFromTop{from {-webkit-transform: translateY(-900px);}to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop{from {-moz-transform: translateY(-900px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop{from {-ms-transform: translateY(-900px);}to {-ms-transform: translateY(0);}}

@-webkit-keyframes moveFromTop2{from {-webkit-transform: translateY(-600px);}to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop2{from {-moz-transform: translateY(-600px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop2{from {-ms-transform: translateY(-600px);}to {-ms-transform: translateY(0);}}

@-webkit-keyframes moveFromTop3{from {-webkit-transform: translateY(-300px);}to {-webkit-transform: translateY(0);}}
@-moz-keyframes moveFromTop3{from {-moz-transform: translateY(-300px);}to {-moz-transform: translateY(0);}}
@-ms-keyframes moveFromTop3{from {-ms-transform: translateY(-300px);}to {-ms-transform: translateY(0);}}


/* ______________ //Services ______________ */



/* _____________ Testimonials _____________ */
span.testim_block {
	overflow:hidden;
	display:block;
	float:left;
	width:195px;
	height:397px;
	margin:0 0 5px 5px;
	padding:43px 20px 35px;
	background-color:none;
	background-image:url(../images/testim_block.png);
	background-repeat:no-repeat;
}

span.testim_block p {
	padding-top:51px;
	background:url(../images/testim_block_bg.png) no-repeat;
	text-transform:uppercase;
	font-weight:700;
	line-height:48px;
	font-size:34px;
	color:#fefefe;
}

/* ____________ //Testimonials ____________ */

/* _______________________ //Content _______________________ */


/* _________________________ Contact _________________________ */
#contact_block {
	min-height:721px;
	padding:25px 20px 0;
}

textarea,input[type="email"],
input[type="text"] {
	margin:0 0 16px 0;
	padding: 14px;
	width:95%;
	text-transform:uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 13px;
	color: #3D3C3C;
	font-style:normal;
	border-radius: 0;	
	background: #FAE5D3;
	border: 1px solid #ca7a35;
	box-shadow: none;		  
}

input[type="text"].email_input {margin-right:0;
}
textarea {
	min-height:188px !important;
	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: 1px solid #ca7a35;
}

.contact_form label {
	display:block;
	margin-bottom:6px;
	text-transform:uppercase;
	font-weight:700;
	font-size:15px;
}

.contact_btn {
	display:inline-block;
	cursor:pointer;
	padding:8px 20px 9px;
	background: #5E3506;
	border-radius: 0;
        border: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	line-height:20px;
	font-size:15px;
	color:#fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn:hover {
	background:#ca7a35;
	color:#fff;
}

.notification_error {
	color:#f00;
}

/* ________________________ //Contact ________________________ */





#footer {
	height:20px;
	padding:6px 0;
	background:#000;
	color:#8c8c8c;
}
#footer a {
	color:#00b99d;
}
#footer a:hover {
	text-decoration:underline;
}
#copyright {
	padding:0 20px 0 0;
	text-transform:uppercase;
	line-height:15px;
	color:#959595;
}



/* ________________________ Responsive Style ________________________ */

@media (max-width: 1024px) {
	a.logo {font-size:25px;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.container {width:724px;}
	#content {width:504px;}
	
	
	.standart_block {width:143px;padding-left:10px;padding-right:10px;}
	.services_block {margin-left:174px;}
	
	span.testim_block {padding:20px;width:123px;height:435px;}
	span.testim_block p {font-size:21px;}
	
	
	.fullwidth_block {width:479px;}
	
	
	a.logo {font-size:25px;}
	
	
/* __________ About Me __________ */
	ul.spsk li {width:40%;}
	.aboutme_block_in .jspPane {width:100% !important;}
	
/* _________ //About Me _________ */


/* __________ Resume __________ */
	.resume_block_in .scroll-pane {width: 471px !important;}

/* _________ //Resume _________ */


/* __________ Projects __________ */
	#projects_filter a {margin-left:0;padding:4px 6px;font-size:13px;}
	
	.projects_item {width:153px;margin:0 10px 10px 0;}

/* _________ //Projects _________ */


/* __________ Video __________ */
	#video_filter a {margin-left:0;padding:4px 6px;font-size:13px;}
	
	.video_item {width:153px;margin:0 10px 10px 0;}

/* _________ //Video _________ */


/* ________ My Skills ________ */
	.module_diagramm ul.skills_list {margin-top:30px;}
	.module_diagramm .skill_descr {padding:0;}
	.module_diagramm p {font-size:15px;}
	
	.skills_block_in .jspContainer {height: 541px !important;width: 489px !important;}
	
/* _______ //My Skills _______ */


/* __________ Contact __________ */
	textarea, input[type="text"] {width:93%;padding:12px;}

/* _________ //Contact _________ */


/* __________ Services __________ */
	.service_item {margin:0 10px 10px 0;width:115px;}
	.service_item p {font-size:20px;}

/* __________ Services __________ */
  
}

@media (min-width: 600px) and (max-width: 767px) {
	.container {width:590px;height:100%;}
	
	#left_block {float:none;width:570px;padding:15px 10px;}
	
	.author_foto {float:left;}
	.author_descr_inf {float:left;width:380px;margin-top:40px;}
	
	#copyright {text-align:center;}
	
	#content {margin:3px -3px 2px -2px;width:594px;}
	
	.standart_block {margin:2px 3px 3px 2px;padding:134px 10px 0;width:173px;}
	
	.fullwidth_block {width:570px;}
	
	span.testim_block {margin:2px 3px 3px 2px;padding:20px;width:152px;height:351px;}
	span.testim_block p {font-size:21px;line-height:43px;}
	
/* __________ About Me __________ */
	.aboutme_block .aboutme_block_in {display:block;width:504px;}
	.aboutme_block.fullwidth_block .aboutme_block_in {width:544px;}
	.aboutme_block_in {height:381px;}
	.aboutme_block_in .jspTrack {height:100% !important;}
	.aboutme_block_in .jspPane {width:544px !important;}
	.aboutme_block_in .jspContainer {width:544px !important;padding-right:15px !important;}
	
	.projects_block .projects_block_in {margin-right:0;}
	
	ul.spsk li {width:40%;}
	
/* _________ //About Me _________ */
	

/* __________ Projects __________ */
	.projects_item {width:151px;margin:0 10px 10px 0;}

/* _________ //Projects _________ */


/* __________ Resume __________ */
	.resume_block_in .scroll-pane {width:562px !important;height:392px !important;}

/* _________ //Resume _________ */


/* __________ Video __________ */
	.video_item {width:151px;margin:0 10px 10px 0;}

/* _________ //Video _________ */


/* ________ My Skills ________ */
	.skills_block_in .jspContainer {width:569px !important;}
	.skills_block_in .scroll-pane {width:562px !important;height:392px !important;}
	.skills_block_in .jspPane {padding-right:15px !important;}
	
/* _______ //My Skills _______ */


/* __________ Contact __________ */
	.contact_block {margin-top:-196px !important;}
	
	.contact_block.fullwidth_block {margin-top:2px !important;}
	
	textarea, input[type="text"] {width:93%;padding:7px 12px;}
	textarea {min-height:85px !important;}

/* _________ //Contact _________ */


/* __________ Services __________ */
	.services_block {margin:-196px 0 0 200px !important;}
	.services_block.fullwidth_block {margin:2px 0 0 2px !important;}
	
	.service_item {margin:0 10px 10px 0;width:145px;}
	.service_item span {height:75px;}

/* __________ Services __________ */


}

@media (min-width: 481px) and (max-width: 599px) {
	.container {width:470px;height:100%;}
	
	#left_block {float:none;width:450px;padding:15px 10px;}
	
	.author_foto {float:left;}
	.author_descr_inf {float:left;width:270px;margin-top:40px;}
	
	#copyright {text-align:center;}
	
	#content {margin:3px -3px 2px -2px;width:477px;}
	
	.standart_block {margin:2px 3px 3px 2px;padding:134px 10px 0;width:134px;}
	
	.fullwidth_block {width:450px;padding-top:95px;}
	
	span.testim_block {margin:2px 3px 3px 2px;padding:20px;width:112px;height:351px;}
	span.testim_block p {font-size:19px;line-height:44px;}
	
/* __________ About Me __________ */
	.aboutme_block .aboutme_block_in {display:block;width:460px;}
	.aboutme_block.fullwidth_block .aboutme_block_in {width:460px;}
	.aboutme_block_in {height:431px;}
	.aboutme_block_in .jspTrack {height:100% !important;}
	.aboutme_block_in .jspPane {width:435px !important;}
	.aboutme_block_in .jspContainer {width:435px !important;padding-right:15px !important;}
	
	.projects_block .projects_block_in {margin-right:0;}
	
	ul.spsk li {width:40%;}
	
/* _________ //About Me _________ */
	

/* __________ Projects __________ */
	.projects_item {width:140px;margin:0 10px 10px 0;}
	#projects_filter a {padding:3px 5px;font-size:13px;}

/* _________ //Projects _________ */


/* __________ Resume __________ */
	.resume_block_in .scroll-pane {width:448px !important;height:431px !important;}

/* _________ //Resume _________ */


/* __________ Video __________ */
	.video_item {width:140px;margin:0 10px 10px 0;}
	#video_filter a {padding:3px 5px;font-size:13px;}

/* _________ //Video _________ */


/* ________ My Skills ________ */
	.skills_block_in .jspContainer {width:450px !important;}
	.skills_block_in .scroll-pane {width:442px !important;height:431px !important;}
	.skills_block_in .jspPane {padding-right:15px !important;}
	
/* _______ //My Skills _______ */


/* __________ Contact __________ */
	.contact_block {margin-top:-196px !important;}
	
	.contact_block.fullwidth_block {margin-top:2px !important;}
	
	textarea, input[type="text"] {width:93%;padding:7px 12px;}
	textarea {min-height:85px !important;}

/* _________ //Contact _________ */


/* __________ Services __________ */
	.services_block {margin:-196px 0 0 161px !important;}
	.services_block.fullwidth_block {margin:2px 0 0 2px !important;}
	
	.service_item {margin:0 5px 5px 0;padding:5px;width:136px;}
	.service_item p {margin-bottom:5px;}
	.service_item span {height:120px;}

/* __________ Services __________ */


}

@media (max-width: 480px) {
	.container {width:310px;height:100%;}
	
	#left_block {float:none;width:290px;padding:15px 10px;}
	
	.author_foto {float:left;}
	.author_descr_inf {float:left;width:100%;margin-top:10px;}
	
	#copyright {text-align:center;}
	
	#content {margin:3px -3px 2px -2px;width:318px;height:790px;}
	
	.standart_block {margin:2px 3px 3px 2px;padding:134px 10px 0;width:134px;}
	
	.fullwidth_block {width:290px;height:100%;padding-top:95px;}
	
	span.testim_block {margin:2px 3px 3px 2px;padding:10px;width:132px;height:173px;}
	span.testim_block p {font-size:18px;line-height:30px;padding-top:30px;}
	
/* __________ About Me __________ */
	.aboutme_block.fullwidth_block .aboutme_block_in .jspPane {width:inherit !important;}
	
	.projects_block .projects_block_in {margin-right:0;}
	
	ul.spsk li {width:90%;}
	
/* _________ //About Me _________ */
	

/* __________ Projects __________ */
	.projects_item {width:135px;margin:0 10px 10px 0;}
	#projects_filter a {padding:3px 5px;font-size:13px;}

/* _________ //Projects _________ */


/* __________ Resume __________ */
	.resume_block_in .jspContainer {height:627px !important;}
	.resume_block_in .scroll-pane {width:inherit !important;height:627px !important;}
	

/* _________ //Resume _________ */


/* __________ Video __________ */
	.video_item {width:135px;margin:0 10px 10px 0;}
	#video_filter a {padding:3px 5px;font-size:13px;}

/* _________ //Video _________ */


/* ________ My Skills ________ */
	.skills_block_in .jspContainer {width:inherit !important;height:627px !important;}
	.skills_block_in .scroll-pane {height:627px !important;}
	.skills_block_in .jspPane {padding-right:5px !important;}
	
	.module_diagramm ul.skills_list li {display:block;width:93%;margin-bottom:30px;}
	
/* _______ //My Skills _______ */


/* __________ Contact __________ */
	.contact_block {margin-top:2px !important;}
	
	.contact_block.fullwidth_block {margin-top:2px !important;}
	
	textarea, input[type="text"] {width:90%;padding:7px 12px;}
	textarea {min-height:85px !important;}

/* _________ //Contact _________ */


/* __________ Services __________ */
	.services_block {margin:-196px 0 0 161px !important;}
	.services_block.fullwidth_block {margin:2px 0 0 2px !important;}
	
	.service_item {margin:0 5px 5px 0;padding:5px;width:136px;}
	.service_item p {margin-bottom:5px;}
	.service_item span {height:120px;}

/* __________ Services __________ */
}

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




.aboutme_block:hover:not(.fullwidth_block){
        background-color: #507914;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.projects_block:hover:not(.fullwidth_block){
        background-color: #9D100E;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.resume_block:hover:not(.fullwidth_block){
        background-color: #507914;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.myskills_block:hover:not(.fullwidth_block){
        background-color: #C538CF;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.contact_block:hover:not(.fullwidth_block){
        background-color: #A16A14;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.services_block:hover:not(.fullwidth_block){
        background-color: #126974;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.standart_block{
-webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}