html {height:100%;}
a, input, select, textarea {
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
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:#58b4dd;
}
::selection {
	background: #505050;
	color:#fff;
}
::-moz-selection {
	background: #505050; /* Firefox */
	color:#fff;
}
body {
	overflow-x:hidden;
	height:100%;
	margin: 0;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height: 20px;
	color: #6a6a6a;
	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%;
}

.container {
	width:940px;
	margin:0 auto;
	padding:11px 0 30px;
}

h2.title {
	display:inline-block;
	padding:49px 0 48px 40px;
	margin:0;
	text-transform:uppercase;
	font-weight:400;
	line-height:33px;
	font-size:26px;
	color:#58b4dd;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.toggle:hover h2.title {
	padding-left:70px;
}

h3.title {
	margin:0 0 20px;
	padding:0;
	text-transform:uppercase;
	font-weight:400;
	line-height:20px;
	font-size:16px;
	color:#505050;
}

a.logo {
	position:relative;
	display:block;
	padding:98px 20px;
	text-align:center;
	background-image:url(../images/logo_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
a.logo:before {
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/logo_opacity.png);
}
.logo h1 {
	position:relative;
	z-index:2;
	text-transform:uppercase;
	font-weight:400;
	line-height:38px;
	font-size:39px;
	color:#fff;
}

.site_description {
	position:relative;
	z-index:2;
	text-transform:uppercase;
	text-align:center;
	font-size:18px;
    font-weight:bold;
	color:#c2c2c2;
}


.toggle {
	cursor:pointer;
	border-bottom:1px solid #ececec;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.toggle:hover {
	background:#f7f7f7;
}

.toggle.current .menu_arrow {
    transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.hidden {
	padding:35px 0 30px;
	border-bottom:1px solid #ececec;
}

/* _______________________ Follow Us _______________________ */

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

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

.follow_us a.soc1 {background-position:0 0;
}
.follow_us a.soc1:hover {background-position:0 -16px;
}
.follow_us a.soc2 {background-position:-26px 0;
}
.follow_us a.soc2:hover {background-position:-26px -16px;
}
.follow_us a.soc3 {background-position:-52px 0;
}
.follow_us a.soc3:hover {background-position:-52px -16px;
}
.follow_us a.soc4 {background-position:-78px 0;
}
.follow_us a.soc4:hover {background-position:-78px -16px;
}
.follow_us a.soc5 {background-position:-104px 0;
}
.follow_us a.soc5:hover {background-position:-104px -16px;
}
.follow_us a.soc6 {background-position:-130px 0;
}
.follow_us a.soc6:hover {background-position:-130px -16px;
}
.follow_us a.soc7 {background-position:-156px 0;
}
.follow_us a.soc7:hover {background-position:-156px -16px;
}

/* ______________________ //Follow Us ______________________ */

.menu_icon {
	display:inline-block;
	width:149px;
	height:130px;
	background-color:#f7f7f7;
	background-repeat:no-repeat;
	background-position:center center;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.toggle:hover .menu_icon {
	background-color:#58b4dd;
}

#about_page .menu_icon {
	background-image:url(../images/menu_icon1.png);
}
#about_page:hover .menu_icon {
	background-image:url(../images/menu_icon1_h.png);
}
#resume_page .menu_icon {
	background-image:url(../images/menu_icon2.png);
}
#resume_page:hover .menu_icon {
	background-image:url(../images/menu_icon2_h.png);
}
#portfolio_page .menu_icon {
	background-image:url(../images/menu_icon3.png);
}
#portfolio_page:hover .menu_icon {
	background-image:url(../images/menu_icon3_h.png);
}
#contact_page .menu_icon {
	background-image:url(../images/menu_icon4.png);
}
#contact_page:hover .menu_icon {
	background-image:url(../images/menu_icon4_h.png);
}

.menu_arrow {
	margin-top:30px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}



/* __________________________ About __________________________ */
.about_img {
	float:right;
	margin:-36px 0 10px 20px;
}

ul.spsk li {
	display:inline-block;
	margin-bottom:7px;
	width:33%;
}
ul.spsk li i {padding-right:40px;
}
ul.spsk li i.icon1 {background:url(../images/icon1.png) no-repeat;
}
ul.spsk li i.icon2 {background:url(../images/icon2.png) no-repeat;
}
ul.spsk li i.icon3 {background:url(../images/icon3.png) no-repeat;
}
ul.spsk li i.icon4 {background:url(../images/icon4.png) no-repeat;
}
ul.spsk li i.icon5 {background:url(../images/icon5.png) no-repeat;
}
ul.spsk li i.icon6 {background:url(../images/icon6.png) no-repeat;
}
ul.spsk li i.icon7 {background:url(../images/icon7.png) no-repeat;
}
ul.spsk li i.icon8 {background:url(../images/icon8.png) no-repeat;
}
ul.spsk li i.icon9 {background:url(../images/icon9.png) no-repeat;
}
ul.spsk li i.icon10 {background:url(../images/icon10.png) no-repeat;
}
ul.spsk li i.icon11 {background:url(../images/icon11.png) no-repeat;
}
ul.spsk li i.icon12 {background:url(../images/icon12.png) no-repeat;
}

/* _________________________ //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:#505050;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.employmant_item:hover p.title {
	color:#58b4dd;
}
.employmant_item span {
	display:block;
	margin-bottom:7px;
	font-size:12px;
	color:#a4a4a4;
}

/* _________________________ //Resume _________________________ */



/* _________________________ Portfolio _________________________ */
#filter {margin-bottom:20px;
}
#filter li {
	display:inline-block;
	margin:0 23px 5px 0;
}
#filter li a {
	text-transform:uppercase;
	font-size:14px;
	color:#505050;
}
#filter li a:hover,
#filter li a.selected {color:#58b4dd;
}


.projects .element {
	position: relative;
	width: 235px;
	height: 214px;
	overflow: hidden;
	backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover_img:hover span[class*="span"]:before {
	content:'';
	position:absolute;
	z-index:22;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/hover_img.png);
}
.descr_title {
	position:absolute;
	z-index:30;
	top:39px;
	left:0;
	width:100%;
	margin: 0;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	font-size:15px;
	color:#fff;
	transform: scale(2);
	-webkit-transform: scale(2);
	opacity:0;
	filter: alpha(opacity=0);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.descr_txt {
	position:absolute;
	z-index:30;
	bottom:28px;
	left:0;
	width:100%;
	margin: 0;
	text-align:center;
	line-height:20px;
	font-size:14px;
	color:#fff;
	transform: scale(2);
	-webkit-transform: scale(2);
	opacity:0;
	filter: alpha(opacity=0);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.hover_img:hover .descr_title,
.hover_img:hover .descr_txt {
	opacity:1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
}
.hover_img .links_in { 
	position: absolute; 
	top: 50%;
	width: 100%;
	height: 37px;
	margin-top: -18px;
	z-index: 20;
	background:#58b4dd;
	text-align:center;
}

.zoom,
.link {
	display:inline-block;
	width:56px;
	height:37px;
	margin-right:-3px;
	background-image:url(../images/zoom.png);
}
.link {
	background-image:url(../images/link.png);
}
.zoom:hover,
.link:hover {
	background-color:#4d9dc1;
}

.hover_img span[class*="span"] {
	display: block;
	width: 100%;
	height: 50%;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 21;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
}

.hover_img span.top-span { top: 0; margin: 0;}
.hover_img span.btm-span { bottom: 0; margin: 0;}

.hover_img:hover span.top-span { 
 -webkit-transform: translate(0,-18px);
  -moz-transform: translate(0,-18px);
  transform: translate(0,-18px);

}

.hover_img:hover > span.btm-span { 
  -webkit-transform: translate(0,19px);
  -moz-transform: translate(0,19px);
  transform: translate(0,19px);
}

/* ________________________ //Portfolio ________________________ */



/* _________________________ Contact _________________________ */
.contact_form_block {
	width: 74.46808510638297%;
	margin-right:20px;
}
.contact_block_sidebar {
	width: 23.404255319148934%;
}

textarea,
input[type="text"] {
	margin:0 0 20px 0;
	padding: 10px 13px 11px;
	width: 44.5%;
	text-transform:none;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #bfbfbf;
	font-style:normal;
	border-radius: 0;	
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	box-shadow: none;		  
}
input[type="text"].first {margin-right:17px;
}
textarea {
	min-height:130px;
	width: 94%;
	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 #f7f7f7;
}

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

.notification_error {
	color:#f00;
}

/* ________________________ //Contact ________________________ */





#footer {
	padding:6px 0 0;
	line-height:20px;
	font-size:12px;
	color:#8c8c8c;
}
#footer a {
	color:#58b4dd;
}
#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;}
	
/* __________ Portfolio __________ */
	.projects .element {width:241px;}

/* _________ //Portfolio _________ */



/* _________ Contact _________ */
	.contact_form_block {width:64%;}
	
	input[type="text"] {width:41%;}

/* _________ //Contact _________ */

	
}

@media (max-width: 767px) {
	.container {width:470px;}
	
	.menu_icon {height:70px;width:70px;}
	h2.title {padding:18px 0 19px 30px;}
	.menu_arrow {margin-top:0;}
	
/* __________ About __________ */
	.about_img {margin:4px 0 10px 0;float:none;}
	
	ul.spsk li {width:47%;margin-right:10px;}

/* _________ //About _________ */

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

/* _________ //Resume _________ */

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

/* _________ //Contact _________ */


}

@media (max-width: 479px) {	
	.container {width:310px;}
	
	.top_block .fleft, .top_block .fright {float:none;}
	
	a.logo {padding:45px 20px;}
	.logo h1 {font-size:24px;line-height:20px;}
	
	
	h2.title {padding-left:20px !important;}
	
	
	ul.spsk li {margin-right:0;width:100%;}
	
	
	.projects {width:235px;margin:0 auto;}
	


/* __________ 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) {
	
}