html {height:100%;}
a, input, select, textarea {
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
textarea {
	resize: none;
}
a {
	color:red;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:hover {
	text-decoration:none;
	color:#ff9b43;
}
::selection {
	background: #505050;
	color:#fff;
}
::-moz-selection {
	background: #505050; /* Firefox */
	color:#fff;
}
body {
	overflow-x:hidden;
	height:100%;
	margin: 0;
	padding:0;
	font-family: 'Nunito', sans-serif;
	font-weight:300;
	font-size: 13px;
	line-height: 20px;
	color: #6a6a6a;
	background:#505050;
}
.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%;
}
#content {
	padding:40px 0 20px;
}
.wrap {
	background:#f7f7f7;
}
.container {
	width:940px;
	margin:0 auto;
}
[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
	margin-bottom:20px;
}
.row {margin-left:-20px;
}
.span12 {width: 940px;
}
.span11 {width: 860px;
}
.span10 {width: 780px;
}
.span9 {width: 700px;
}
.span8 {width: 620px;
}
.span7 {width: 540px;
}
.span6 {width: 460px;
}
.span5 {width: 380px;
}
.span4 {width: 300px;
}
.span3 {width: 220px;
}
.span2 {width: 140px;
}
.span1 {width: 60px;
}

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

h3.title {
	margin:0 0 20px;
	padding:0;
	text-transform:uppercase;
	font-weight:400;
	line-height:20px;
	font-size:16px;
	color:#505050;
	letter-spacing:-0.5px;
}
h3.education_title {
	text-indent:40px;
}
.top_block {
	padding:21px 0 26px;
	background:#505050;
}

a.logo h1 {
	float:left;
	display:block;
	padding:16px 0 14px 18px;
	text-transform:uppercase;
	font-weight:300;
	line-height:25px;
	font-size:24px;
	color:#fff;
}
a.logo h1 span {color:#a4a4a4;
}

.twitter_block a {
	display:inline-block;
	margin-top:18px;
	padding-left:45px;
	line-height:22px;
	font-size:22px;
	color:#ff9b43;
	background:url(../images/twitter_block.png) no-repeat;
}

.download_vcard {
	display:inline-block;
	margin:15px 0 15px;
	padding:6px 44px 4px 22px;
	text-transform:uppercase;
	color:#505050;
	background:url(../images/download_vcard_bg.png) no-repeat right center;
	border:2px solid #8e8e8e;
	border-radius:23px;
}
.download_vcard:hover {
	color:#ff9b43;
	border:2px solid #ff9b43;
	background:url(../images/download_vcard_bg_h.png) no-repeat right center;
}

/* __________________________ Menu __________________________ */
.menu_block {
	background:#f4f4f4;
	border-bottom:2px solid #e3e3e3;
}
.menu_btn a {
	display:none;
	text-transform:uppercase;
	font-size:26px;
	line-height:64px;
	color:#505050;
}
.menu_btn a:hover {
	color:#ff9b43;
}
.mainmenu li {
	float:left;
}
.mainmenu li a {
	display:block;
	margin:0;
	padding:39px 30px 5px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	line-height:20px;
	color:#505050;
	border-left:1px solid #e3e3e3;
	background-repeat:no-repeat;
	background-position: center top;
}
.mainmenu li.last a {
	border-right:1px solid #e3e3e3;
}
.mainmenu li a:focus,
.mainmenu li a:hover,
.mainmenu li.act a {
	background-color:#eee;
}
.mainmenu li a.icon1 {background-image:url(../images/icon1.png);
}
.mainmenu li a.icon2 {background-image:url(../images/icon2.png);
}
.mainmenu li a.icon3 {background-image:url(../images/icon3.png);
}
.mainmenu li a.icon4 {background-image:url(../images/icon4.png);
}

/* _________________________ //Menu _________________________ */


/* _______________________ Follow Us _______________________ */

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

.follow_us ul li {
	padding:0;
	margin:0 0 0 2px;
	display:inline-block;
}
.follow_us a {
	display:block;
	background-color:none;
	background-image:url(../images/top_socials.png);
	background-repeat:no-repeat;
	height:26px;
	width:26px;
	transition: none;
	-webkit-transition: none;
}
 .follow_us a.soc1 {background-position:0 0;
}
.follow_us a.soc1:hover {background-position:0 -26px;
}
.follow_us a.soc2 {background-position:-31px 0;
}
.follow_us a.soc2:hover {background-position:-31px -26px;
}
.follow_us a.soc3 {background-position:-63px 0;
}
.follow_us a.soc3:hover {background-position:-63px -26px;
}
.follow_us a.soc4 {background-position:-94px 0;
}
.follow_us a.soc4:hover {background-position:-94px -26px;
}
.follow_us a.soc5 {background-position:-125px 0;
}
.follow_us a.soc5:hover {background-position:-125px -26px;
}

/* ______________________ //Follow Us ______________________ */


/* _________________________ Index _________________________ */
.author_foto {position:relative;
}
.author_foto:before {
	content:'';
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/opacity.png);
}

.author_descr_inf {
	margin:-15px 0 0;
}
.author_descr_inf li {
	padding:9px 0 9px;
	border-bottom:1px solid #eee;
}
.author_descr_inf li:last-child {
	border-bottom:0;
	padding-bottom:0;
}
.author_descr_inf li .left_descr {
	float:left;
	width:35%;
	text-transform:uppercase;
	color:#505050;
}
.author_descr_inf li .right_descr {
	float:left;
	width:64%;
	color:#a1a1a1;
}
.author_descr_inf li .right_descr a {
	color:#a1a1a1;
}
.author_descr_inf:hover li .right_descr a {
	color:#ff9b43;
}

.testim_block {
	margin-top:-5px;
	padding:5px 0 26px;
	background:url(../images/testim_block.png) no-repeat #f7f7f7;
	color:#959595;
}
.testim_block.last_testim {padding-bottom:0;
}
.testim_block p {margin-bottom:7px;
}
.author_testim {
	padding-right:3px;
	text-transform:uppercase;
	line-height:17px;
	color:#ff9b43;
}
.author_testim_descr {
	font-size:12px;
	color:#ababab;
}

/* ________________________ //Index ________________________ */




/* ________________________ Resume ________________________ */
/* __________ Skills __________ */
.our-skills {
	margin:0 -20px 26px 0;
	padding-bottom:18px;
	border-bottom:1px solid #eee;
}
.skill_in {
	clear:both;
	display:inline-block;
	width:460px;
	margin-right:17px;
	margin-bottom:13px;
}
.skill-bar {
	float:left;
	width:345px;
	height:20px;
	position: relative;
	z-index:10;
	background: url(../images/skill_dot.png) repeat-x;
}
p.skill-title {
	float:left;
	margin:0 15px 0 0;
	width:100px;
	text-align:right;
	line-height:13px;
	color:#505050;
}
.skill-bar-value {
	display: block;
	height:100%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background: url(../images/skill_dot_act.png) repeat-x;
}

/* _________ //Skills _________ */
.employment_block {position:relative;
}
.employment_block:before {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	bottom:130px;
	margin-left:-1px;
	width:3px;
	background:#eee;
}
.employment_item {
	position:relative;
	width:440px;
	padding-bottom:15px;
}
.employment_item.right:before {
	content:'';
	position:absolute;
	right:-20px;
	top:0;
	width:19px;
	height:19px;
	background:url(../images/employment_item.png) no-repeat;
}
.employment_item.left:before {
	content:'';
	position:absolute;
	left:-19px;
	top:0;
	width:19px;
	height:19px;
	background:url(../images/employment_item.png) no-repeat;
}
.employment_item .emp_date {
	margin-bottom:10px;
	color:#505050;
}
.employment_item p {
	margin-bottom:1px;
	text-transform:uppercase;
	color:#505050;
}
.employment_item span {
	margin-bottom:7px;
	display:block;
	font-size:12px;
	color:#a4a4a4;
}
.employment_item.right .employment_txt {padding-left:10px;
}

.employment_item.right {
	text-align:right;
	padding-right:20px;
}
.employment_item.left {
	margin-left:480px;
	text-align:left;
	padding-left:20px;
}




/* _______________________ //Resume _______________________ */




/* ________________________ Portfolio ________________________ */
#filter {
	text-align:right;
	margin-bottom
}
#filter li {
	display:inline-block;
	margin:0 0 20px 7px;
}
#filter li a {
	padding:0 10px;
	text-transform:uppercase;
	border:2px solid #f7f7f7;
	border-radius:23px;
	line-height:19px;
}
#filter li a.selected {
	border:2px solid #ff9b43;
	color:#ff9b43;
}
.gallery_item {
	overflow:hidden;
	position:relative;
	background:#505050;
}
.gallery_item img {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.gallery_item:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
}
.gallery_item:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/opacity.png);
}

.project_descr {
	position:absolute;
	left:0;
	right:0;
	bottom:-100px;
	height:33px;
	padding:29px 0 5px;
	background:url(../images/project_descr.png);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.project_descr p {
	text-transform:uppercase;
	text-align:center;
	font-size:16px;
	color:#fff;
}
.image-grid .element:hover .project_descr {
	bottom:0;
}
.zoom {
	position:absolute;
	left:50%;
	top:-22px;
	margin-left:-20px;
	width:39px;
	height:39px;
	background:url(../images/zoom.png) no-repeat;
}

.block_load_more {
	text-align:center;
	margin-bottom:14px;
}
.btn_load_more {
	padding:0 10px;
	border-radius:23px;
	border:2px solid #909090;
	text-transform:uppercase;
	color:#505050;
}
.btn_load_more:hover {
	border:2px solid #ff9b43;
}

/* _______________________ //Portfolio _______________________ */




/* _________________________ Contact _________________________ */
.contact_inf {
	margin-bottom:20px;
	word-wrap: break-word;
}
.contact_inf.last_item {margin-right:0;
}

textarea,
input[type="text"] {
	float:left;
	margin:0 0 20px 0;
	padding: 10px 13px 11px;
	width: 310px;
	text-transform:none;
	font-family: 'Nunito', sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #000;
	font-style:normal;
	border-radius: 23px;	
	background: #f7f7f7;
	border: 2px solid #ddd;
	box-shadow: none;		  
}
input[type="text"].first {margin-right:20px;
}
textarea {
	min-height:130px;
	width:671px;
	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 #eee;
}

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

.notification_error {
	color:#f00;
}

/* ________________________ //Contact ________________________ */



ul.check{
	list-style-image:url(../images/checked21.png); padding:5px 22px;}



#footer {
	padding:14px 0;
	background:#505050;
	line-height:20px;
	font-size:12px;
	color:#8c8c8c;
}
#footer a {
	color:#ff9b43;
}
#footer a:hover {
	text-decoration:underline;
}
#copyright {
	text-transform:uppercase;
}



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

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -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) {
	
}

@media (min-width: 768px) and (max-width: 979px) {
	.container {width:724px;}
	
/* __________ Index __________ */
	.gallery_carousel {width:404px;}
	.jcarousel-skin-tango2 .jcarousel-container-horizontal {width:404px;}
	.jcarousel-skin-tango2 .jcarousel-item {width:404px;}
	
	.caption_carousel {height:186px;}
	.caption_carousel div {padding-top:30px;padding-bottom:19px;}
	.caption_carousel div p {padding-bottom:35px;font-size:36px;line-height:36px;}
	
	.jcarousel-skin-tango .jcarousel-container-vertical {height:146px;}
	.jcarousel-skin-tango .jcarousel-clip-vertical {height:106px;}
	.car_pagination {line-height:34px;}
	

/* _________ //Index _________ */

/* __________ Resume __________ */
	.skill_in {width:353px;}
	.skill-bar {width:220px;}
	
	.employment_item {width:332px;}
	.employment_item.left {margin-left:372px;}

/* _________ //Resume _________ */

/* _________ Portfolio _________ */
	

/* ________ //Portfolio ________ */


/* __________ Contact __________ */	
	textarea {width:510px;}
	
	input[type="text"] {width:228px;}

/* _________ //Contact _________ */
	
	.span12 {width: 724px;}
	.span11 {width: 662px;}
	.span10 {width: 600px;}
	.span9 {width: 538px;}
	.span8 {width: 476px;}
	.span7 {width: 414px;}
	.span6 {width: 352px;}
	.span5 {width: 290px;}
	.span4 {width: 228px;}
	.span3 {width: 166px;}
	.span2 {width: 104px;}
	.span1 {width: 42px;}
	
}

@media (max-width: 767px) {
	.container {width:470px;}
	
	
	.mainmenu li a {padding-left:8px;padding-right:8px;}
	
	.download_vcard {width:70px;margin:5px 0;}
	
/* __________ Index __________ */	
	.gallery_carousel {width:274px;}
	.jcarousel-skin-tango2 .jcarousel-container-horizontal {width:274px;}
	.jcarousel-skin-tango2 .jcarousel-item {width:274px;}
	
	.caption_carousel {height:126px;width:140px;}
	.caption_carousel div {padding:10px 5px;font-size:11px;line-height:16px;}
	.caption_carousel div p {padding-bottom:30px;font-size:20px;line-height:24px;}
	
	.jcarousel-skin-tango .jcarousel-container-vertical {height:86px;}
	.jcarousel-skin-tango .jcarousel-clip-vertical {height:46px;}
	.car_pagination {line-height:22px;}
	
	
	.author_foto {float:left !important;width:225px !important;}
	.author_description {float:left !important;width:225px !important;margin-left:20px !important;}

/* _________ //Index _________ */

/* __________ Resume __________ */
	.employment_tree .span6 {width:220px;float:left;}
	.employment_block:before {bottom:155px;}	
	.employment_item {width:205px;}
	.employment_item.left {margin-left:245px;}

/* _________ //Resume _________ */

/* _________ Gallery _________ */
	

/* ________ //Gallery ________ */



/* __________ Contact __________ */
	.contact_inf {float:left;width:234px;}
	
	textarea, input[type="text"] {width:442px;}

/* _________ //Contact _________ */

	.row {margin-left:0;}
	[class*="span"] {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
	}


}

@media (max-width: 479px) {
	.container {width:310px;}


/* __________ Menu __________ */
	.menu_btn a {display:inline-block;}
	.mainmenu {display:none;padding-bottom:20px;}
	
	.mainmenu li {float:none;text-align:left;width:100% !important;}
	.mainmenu li a {padding:3px 10px 3px 0;text-align:left;border:0;}
	.mainmenu li.last a {border:0;}
	.mainmenu li.act a, .mainmenu li a:hover {color:#ff9b43;background:none;}
	
	.mainmenu li a.icon1, .mainmenu li a.icon2, .mainmenu li a.icon3, .mainmenu li a.icon4 {background-image:none;}

/* _________ //Menu _________ */
		
	a.logo h1 {padding-left:10px;}
	
	
	.download_vcard {width:auto;margin:15px 0;}
	
	
	.follow_us {margin-top:10px;float:none !important;}
	#copyright {float:none !important;}
	
/* __________ Index __________ */
	.recent_projects_block {height:294px;}
	
	.gallery_carousel {margin-left:0;}
	
	.gallery_carousel {width:310px;}
	.jcarousel-skin-tango2 .jcarousel-container-horizontal {width:310px;}
	.jcarousel-skin-tango2 .jcarousel-item {width:310px;}
	
	.caption_carousel {height:146px;width:274px;margin-bottom:10px;}
	.caption_carousel div {padding-top:30px;padding-bottom:19px;}
	.caption_carousel div p {padding-bottom:35px;font-size:36px;line-height:36px;}
	
	.jcarousel-skin-tango .jcarousel-container-vertical {height:106px;}
	.jcarousel-skin-tango .jcarousel-clip-vertical {height:66px;}
	.car_pagination {line-height:21px;}
	
	
	.author_foto {float:none !important;width:100% !important;}
	.author_foto img {width:100%;}
	.author_description {float:none !important;width:100% !important;margin:0 0 20px !important;}

/* _________ //Index _________ */


/* _________ Resume _________ */
	.skill_in {width:315px;}
	.skill-bar {width:200px;}
	
	
	.employment_tree .span6 {width:145px;float:left;}
	h3.education_title {text-indent:30px;}
	.employment_block:before {bottom:180px;}
	.employment_item.right {padding-right:10px;}
	.employment_item {width:135px;}
	.employment_item.left {margin-left:165px;padding-left:10px;}

/* ________ //Resume ________ */



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

/* _________ //Contact _________ */
	
	
}























