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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'PT Sans Narrow',sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; 
}
body {
	height: 100%;
	background: #191d1d;
/*	font-family: 'Open Sans', sans-serif;    */
    font-family: 'PT Sans Narrow',sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #AAA;
	position: relative;
    background-position: 50% 50%;
        background-image: url('noise1.png');
    background-repeat: repeat, ;



}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px;}
h2 { font-size: 35px; line-height: 40px;}
h3 { font-size: 28px; line-height: 34px; }
h4 { font-size: 21px; line-height: 30px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
label {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #777;
	padding: 0 0 8px 0;
	font-weight: bold;
}
input[type=text], input[type=password], input[type=email], textarea {
	display: block;
	margin: 0 0 10px 0;
	padding: 2%;
	width: 95%;
	border: 2px solid #ccc;
	border-radius: 3px;
	font-family: 'PT Sans Narrow',sans-serif;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
textarea {
	height: 10.4em;
	line-height: 1.5em;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
	border: 2px solid #F04343;
	outline: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input[type=submit], input[type=button] {
	font-family: 'PT Sans Narrow',sans-serif;
	border: none;
	background: #F04343;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
input[type=submit]:hover, input[type=button]:hover {background: #777;}
.clearfix { 
	clear: both;
}
ul, ol {
	padding:0; 
	margin:0; 
	list-style: none;
}
.right: {float: right; }
.left {float: left;}
p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
}
::selection {
	background: #288bf5;
	color: #fff;
	}
::-moz-selection {
	color: #fff;
	background: #288bf5;
}
a {
	color: #288bf5;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
a:hover {color: #646464;}
strong {font-weight: 700;}
a img {border: none;}

/** Customize styles **/
#row {

    background-position: 50% 50%;
	background-image: url('../../images/patterns/uj_back2.png');
    background-repeat: no-repeat;
}

#dlogo {
	vertical-align: middle;
	width: 269px;
	margin: 20px auto 1px auto;
    display: block;
    cursor: pointer
	background: none;
	height: 270px;
	position: relative;
}

#synanim {

	width: 250px;
	margin: 1px auto 0 auto;
	background: none;
	height: 83px;
    background-image: url(syniart.png);
    display: block;

}



#page {
	vertical-align: middle;
	width: 1180px;
	margin: 0 auto;
	background: #17171d;
	height: 410px;
	position: relative;

	box-shadow: 0 0 2px 1px #333333, 2px 2px 27px 4px #000000;

    background-image: url('noise1.png');
    background-repeat: repeat, ;
}

#page_3d {
	vertical-align: middle;
	width: 1180px;
	margin: 0 auto;
	background: #17171d;
	height: 410px;
	position: relative;

	box-shadow: 0 0 2px 1px #333333, 2px 2px 27px 4px #000000;

    background-image: url('../../images/noise1.png');
    background-repeat: repeat, no-repeat;
}

#page_k {
	vertical-align: middle;
	width: 1180px;
	margin: 0 auto;
	background: #17171d;
	height: 410px;
	position: relative;
	box-shadow: 0 0 2px 1px #333333, 2px 2px 27px 4px #000000;
}

#page_ar {
	vertical-align: middle;
	width: 1180px;
	margin: 0 auto;
	background: #17171d;
	height: 410px;
	position: relative;

	box-shadow: 0 0 2px 1px #333333, 2px 2px 27px 4px #000000;

    background-image: url('../../images/noise1.png');
    background-repeat: repeat, no-repeat;
}

#menu1 {
	vertical-align: middle;
	width: 1180px;
	margin: 30px auto;
	height: 120px;
	position: relative;
	text-align: center

}

#menu2 {
    display: none;
	vertical-align: middle;
	width: 1180px;
	margin: 30px auto;
	height: 120px;
	position: relative;
	text-align: center
}


#nav1 {
    display: inline-block;
}

#nav1 li {

float: left;
margin-left: -35px;
margin-right: -35px;
width: 225px;
height: 120px;
cursor: pointer;
}

#nav1 a *{
 display: none;
}

#nav1 a,
#nav1 a .hover {
  height: 120px;
  position: relative;
  display: block;
  background: url('../../images/menuk.png') 0 0 no-repeat;   }
#nav1 a.m1 {background-position: 0 0; width: 225px}
#nav1 a.m1 .hover {background-position: 0 -120px; width: 225px}

#nav1 a.m2 {background-position: -225px 0px; width: 225px}
#nav1 a.m2 .hover {background-position: -225px -120px; width: 225px}

#nav1 a.m3 {background-position: -450px 0px; width: 225px}
#nav1 a.m3 .hover {background-position: -450px -120px; width: 225px}

#nav1 a.m4 {background-position: -675px 0px; width: 225px}
#nav1 a.m4 .hover {background-position: -675px -120px; width: 225px}


#main {
	float: left;
	width: 240px;
	height: 400px;
    padding: 5px 10px 5px 15px;
}

#main_3d {
	float: left;
	width: 370px;
	height: 400px;
    padding: 5px 20px 5px 5px;

}

#main2 {
	float: right;
	width: 785px;
	height: 410px;
    display: block;
}

#main2_k{

	width: 1180px;
	height: 410px;
    display: block;
}

#main2_k{

	width: 1180px;
	height: 410px;
    display: block;
}


.flex-viewport  li img{

    height: 410px !important;
}

#boxscroll {
	width: 100%;
	height: 100%;
}
#tab_section .block {
	display: block;

}
.title {
	display: block;
	position: relative;
	text-align: center;
	margin: 5px 0 10px;
}
.title:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;

}
.title span {
	position: relative;
	padding: 0 0px;
	background: none;
	font-size: 18px;
	line-height: normal;
	color: #2ec5ff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;

}
#aboutme, #services, #twitter, #skills, #employment, #education, #download, #portfolio, .contact, #feedback {
	padding: 5px 5px;
	position: relative;
	overflow: hidden;
}
#services, #services .title span, #employment, #employment .title span, #download  {background: #F7F7F7;}
#services .title:before, #employment .title:before {border-top: 1px solid #ccc;}
#tab_section > .tab_content {display: none;}
#tab_section {overflow: hidden;}

/** Header Styles  **/
#header {
	overflow: hidden;
	float: left;
	width: 395px;
}
#header #nav_tabs {
	overflow: hidden;
	float: left;
	width: 125px;

}
#header #nav_tabs li {
	float: left;
	list-style: none;
	cursor: pointer;
	width: 125px;
	height: 103px;
	font-size: 2em;
	text-align: center;
	line-height: 95px;
	color: #fff;
    background: url('../../images/divid1.png') repeat-x;
    background-position: bottom;

}
#header #nav_tabs li:last-child {background: none;}
#header #nav_tabs li a {
    font-family: 'PT Sans Narrow',sans-serif;
	display: block;
	-webkit-transition: color ease .4s, background ease .4s;
	-moz-transition: color ease .4s, background ease .4s;
	-ms-transition: color ease .4s, background ease .4s;
	-o-transition: color ease .4s, background ease .4s;
	transition: color ease .4s, background ease .4s;
	color: #FFF;
	text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}
#header #nav_tabs li a:hover, #header #nav_tabs li.current a {

	color: #4ABCDE;

}
#header #nav_tabs li:hover > ul {display: block; }
#header #nav_tabs li ul {
	display: none;
	position: absolute;
	bottom: 0;
	left: 95px;
	z-index: 888;
	padding: 0;
}
#header #nav_tabs li ul li {
	float: left;
	width: 125px;
	height: 95px;
	border: none;
	line-height: 95px;
	text-align: center;
}
#header #nav_tabs li ul li a {
	display: block;
	font-size: 30px;
}
#header #nav_tabs li ul li.facebook {background: #3b5998; }
#header #nav_tabs li ul li.twitter {background: #019ad2; }
#header #nav_tabs li ul li.flickr {background: #ff0084; }
#header #nav_tabs li ul li.gplus, #header #nav_tabs li ul li.youtube {background: #dd4b39; }
#header #nav_tabs li ul li.dribbble {background: #ea4c89; }
#header #nav_tabs li ul li.linkedin {background: #069; }
#header #nav_tabs li ul li.tumblr {background: #2c4762; }
#header #nav_tabs li ul li.vimeo {background: #62a0ad ; }
#header #nav_tabs li ul li.pinterest {background: #e3262e; }
#header #nav_tabs li ul li.soundcloud {background: #FA3219; }
#header #nav_tabs li ul li a:hover {
	background: #23282E;
	color: #fff;
}
#header #head {
	width: 270px;
	float: left;
	display: block;
    height: 410px;
}
#header #head #logo {
	background: #331C1C;
	display: block;
	padding: 19px 0 17px 25px;
	height: 61px;
}
#header #head #logo h3 {
	color: rgba(255, 255, 255, 0.75);
	text-transform: uppercase;
	font-weight: 600;
}
#header #head #logo h6 {color: rgba(255, 255, 255, 0.5);}



/** #Home Styles **/
#home #aboutme p {
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
}
#home #services .col3 {
	position: relative;
	min-height: 1px;
	width: 27.333333%;
	float: left;
	margin: 1% 3% 0 0;
	padding: 2%;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
#home #services .col3:hover {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
}
#home #services .alpha {margin: 1% 0 0 0;}
#home #services .service-icon {
	width: 92px;
	margin: 0 auto;
}
#home #services .service-icon i {
	display: block;
	width: 86px;
	height: 86px;
	border: 3px solid #aaa;
	border-radius: 50%;
	font-size: 40px;
	line-height: 86px;
	text-align: center;
	color: #999;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
#home #services .col3:hover .service-icon i {
	border: 3px solid #F04343;
	color: #F04343;
	background: #fff;
	transform: scale(1) rotate(360deg);
	-webkit-transform: scale(1) rotate(360deg);
	-moz-transform: scale(1) rotate(360deg);
	-o-transform: scale(1) rotate(360deg);
}
#home #services .service-detail h6 {
	text-transform: uppercase;
	font-weight: 700;
	margin: 10px 0 3px 0;
	text-align: center;
}
#home #services .service-detail p {text-align: center;}
#home #twitter .tweet {text-align: center;}
#home #twitter .tweet li:first-child {display: block;}
#home #twitter .tweet li {
	font-size: 17px;
	line-height: 26px;
	display: none;
	font-style: italic;
}
#home #twitter .tweet .date {
	color: rgba(0, 0, 0, .4);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: normal;
}

/** #resume Styles **/
#resume #skills .skills {
	list-style: none;
	margin: 0;
	position: relative;
}
#resume p {
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
}
#resume #skills .skills li {margin: 25px 0 0 0;}
#resume #skills .skills li h5 {
	color: #AAA;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
}
#resume #skills .bar-style {
	margin: 0 !important;
	height: 25px;
	background: #ddd;
}
#resume #skills .bar {
	height: 25px;
	position: absolute;
	text-align: right;
	background: #503D3D;
}
#resume #skills .skills li span span {
	display: inline-block;
	padding: 0 5px;
	background: #F04343;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2px;
	position: relative;
	top: -25px;
	color: #fff;
	left: 1px;
	line-height: 25px;
}
#resume #skills .skills li span span:after {
    content: "";  
    position: absolute;
    bottom: -8px;  
    right: 0;  
    border-right-width: 10px;
    border-right-style: solid;
    border-bottom: 10px solid transparent;  
    border-right-color: #F04343;
}
#resume #skills .graphic-design {
	width:75%; 
	-moz-animation:graphic-design 2s ease-out;
	-webkit-animation:graphic-design 2s ease-out;
}
#resume #skills .html-css {
	width:90%;
	-moz-animation:html-css 2s ease-out;
	-webkit-animation:html-css 2s ease-out;
}
#resume #skills .jquery {
	width:65%;
	-moz-animation:jquery 2s ease-out;
	-webkit-animation:jquery 2s ease-out;
}
#resume #skills .wordpress {
	width:80%;
	-moz-animation:wordpress 2s ease-out;
	-webkit-animation:wordpress 2s ease-out;
}
@-moz-keyframes graphic-design {0%  { width:0px;} 100%{ width:75%;}  }
@-moz-keyframes html-css	{ 0%  { width:0px;} 100%{ width:90%;}  }
@-moz-keyframes jquery	{ 0%  { width:0px;} 100%{ width:65%;}  }
@-moz-keyframes wordpress	{ 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes graphic-design	{ 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes html-css 	{ 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes jquery	{ 0%  { width:0px;} 100%{ width:65%;}  }
@-webkit-keyframes wordpress	{ 0%  { width:0px;} 100%{ width:80%;}  }
#resume #employment .list-block {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#resume #employment .last {margin-bottom: 0px;}
#resume #employment .list-head {
	float: left;
	margin-right: 5px;
	width: 75px;
}
#resume #employment .list-head .alt1 {
	display: block;
	position: relative;
	background: #F04343;
	font-size: 13px;
	border-radius: 1px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#resume #employment .list-head .alt2 {
	display: block;
	position: relative;
	background: #D83939;
	font-size: 13px;
	color: #fff;
	text-align: center;
	box-shadow: inset -3px 5px 0px -3px #C92F2F;
	line-height: 30px;
}
#resume #employment .emp {
	font-size: 13px;
	float: left;
	width: 575px;
}
#resume #employment .emp .emp-head {
	display: block;
	padding: 10px;
	position: relative;
	color: #474747;
}
#resume #employment .emp .emp-head h4 {
	line-height: 100%;
	font-size: 18px;
}
#resume #employment .emp .emp-head span {font-weight: 700;}
#resume #employment .emp .emp-content {padding: 0 10px;}
#resume #education .list-block {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#resume #education .last {margin-bottom: 0px;}
#resume #education .list-head-edu {
	float: left;
	margin-right: 5px;
	width: 75px;
}
#resume #education .list-head-edu .alt1 {
	display: block;
	position: relative;
	background: #bbb;
	font-size: 13px;
	border-radius: 1px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#resume #education .list-head-edu .alt2 {
	display: block;
	position: relative;
	background: #999;
	font-size: 13px;
	color: #fff;
	text-align: center;
	box-shadow: inset -3px 5px 0px -3px #888;
	line-height: 30px;
}
#resume #education .emp {
	font-size: 13px;
	float: left;
	width: 575px;
}
#resume #education .emp .emp-head {
	display: block;
	padding: 10px;
	position: relative;
	color: #474747;
}
#resume #education .emp .emp-head h4 {
	line-height: 100%;
	font-size: 18px;
}
#resume #education .emp .emp-head span {font-weight: 700;}
#resume #education .emp .emp-content {padding: 0 10px;}
#resume #download #buttons {
	overflow: hidden;
	text-align: center;
	padding: 0 37%;
}
#resume #download #buttons .button {
	background: #777;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0 5px;
}
#resume #download #buttons .button:hover {background: #777;}
#resume #download #buttons .download {background: #F04343;}
#resume #download #buttons .print {background: #777; }

/** #portfolio Styles **/
#portfolio .portfolio_items  {
	overflow: hidden;
	margin-bottom: 30px;
}
#portfolio p {
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
}
#portfolio #portfolio_iso_filters {
	overflow: hidden;
	padding: 0;
	background: #fff;
	margin: 0 auto 20px auto;
	width: 70%;
}
#portfolio #portfolio_iso_filters li {
	list-style: none;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin: 0 5px;
}
#portfolio #portfolio_iso_filters li a {
	text-decoration: none;
	color: #666;
	display: inline-block;
	padding: 5px 7px;
	border-radius: 2px;
}
#portfolio #portfolio_iso_filters li a:hover {color: #F04343;}
#portfolio #portfolio_iso_filters li a.current {
	background: #F04343;
	color: #fff;
	display: block;
	position: relative;
}
#portfolio .portfolio_items  {overflow: hidden;}
#portfolio .portfolio_items article.portfolio_post {
	float: left;
	width: 208px;
	background: #323232;
	overflow: hidden; margin: 5px;
}
#portfolio .portfolio_items article.portfolio_post.hidden {
	display: none;
}
#portfolio .portfolio_items article.portfolio_post .caption {
	position: absolute;
	left: 29px;
	top: -125px;
	-webkit-transition: all cubic-bezier(0, 0.35, .5, 0.3) .6s;
	-moz-transition: all cubic-bezier(0, 0.35, .5, 0.3) .6s;
	-ms-transition: all cubic-bezier(0, 0.35, .5, 0.3) .6s;
	-o-transition: all cubic-bezier(0, 0.35, .5, 0.3) .6s;
	transition: all cubic-bezier(0, 0.35, .5, 0.3) .6s;
}
#portfolio .portfolio_items article.portfolio_post .caption:hover {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
#portfolio .portfolio_items article.portfolio_post .caption h4 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 3px;
}
#portfolio .portfolio_items article.portfolio_post .caption h5 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 15px;
}
#portfolio .portfolio_items article.portfolio_post:hover .caption {top: 25px;}
#portfolio .portfolio_items article.portfolio_post a img {vertical-align: top;}
#portfolio .portfolio_items article.portfolio_post a .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(240, 67, 67, 0.65);
	opacity: 0;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-ms-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
#portfolio .portfolio_items article.portfolio_post a:hover .overlay {
	opacity: 1;
}
#portfolio .portfolio_items article.portfolio_post a .overlay i {
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	position: absolute;
	top: 50%;
	bottom: 50%;
	right: 0;
	left: 0;
	font-size: 50px;
	height: 30%;
	margin-top: -20px;
	margin-bottom: -25px;
}
#portfolio .portfolio_items article.portfolio_post a:hover .link-icon {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	-webkit-transform: rotate(0deg) scale(1);
}
#portfolio .portfolio_items article.portfolio_post.even {background: #4d4d4d;}
#portfolio .portfolio_items article.portfolio_post .img-wrap img {
	width: 100%;
	height: auto;
}
#portfolio #more_results {
	background: #F04343;
	border-radius: 3px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	line-height: 40px;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0 5px;
}
#portfolio #more_results:hover {background: #777;}
#portfolio #more_results span {
	display: inline-block;
	height: 37px;
	border-radius: 3px;
}
#portfolio #more_results.no_results {background: #bbb;}
#portfolio #portfolio_load_more {
	text-align: center;
	width: 24%;
	margin: 0 auto;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	z-index: 1;
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.pp_play, .pp_pause {
	display: none !important;
}
.pp_content {position: relative;}
.pp_content .pp_nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -25px 0 0 0;
}
.pp_content_container .pp_content {
	padding-left: 0;
}
div.light_rounded .pp_nav a.pp_arrow_previous, 
div.light_rounded .pp_nav a.pp_arrow_next {
	position: absolute;
	display: block;
	width: 51px;
	height: 51px;
	background: #f5f5f5;
	right: 0;
}
div.light_rounded .pp_nav a.pp_arrow_previous span, 
div.light_rounded .pp_nav a.pp_arrow_next span {
	display: block;
	position: absolute;
	width: 15px;
	height: 25px;
	background: url(../../images/popup_controls_s.png) 0 0 no-repeat;
	top: 13px;
	left: 18px;
}
div.light_rounded .pp_nav a.pp_arrow_next span {
	background-position: right 0;
}
div.light_rounded .pp_nav a:hover {
	background: #fff;
}
.pp_nav a.pp_arrow_previous {
	right: auto;
	left: 0;
} 
.pp_pic_holder.light_rounded .pp_expand {
	right: 53px;
	top: 0;
	background: #f7f7f7;
	width: 51px;
	height: 51px;
	text-align: center;
	text-indent: 0;
}
.pp_pic_holder.light_rounded .pp_expand span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../../images/lightbox_buttons_small.png) -25px 0 no-repeat;
	margin-top: 13px;
}
.pp_pic_holder.light_rounded .pp_expand:hover {
	background: #fff;
}
.pp_pic_holder .pp_content_container .pp_details {
	margin: 0;
	height: 51px;
}
.pp_overlay {cursor: pointer;}
.pp_pic_holder #pp_full_res {
	line-height: 0 !important;
}
.pp_pic_holder .pp_content_container .pp_fade {
	padding-bottom: 51px;
	background: #fff;
}
.pp_pic_holder.light_rounded .pp_close,
.pp_pic_holder.light_rounded .pp_contract {
	top: 0;
	right: 1px;
	width: 51px;
	height: 51px;
	background: #f7f7f7;
	text-align: center;
	text-indent: 0;
}
.pp_pic_holder.light_rounded .pp_contract {
	right: 53px;
}
.pp_pic_holder.light_rounded .pp_contract:hover {
	background: #fff;
}
.pp_pic_holder.light_rounded .pp_contract span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../../images/lightbox_buttons_small.png) 0 0 no-repeat;
	margin-top: 13px;
}
.pp_pic_holder.light_rounded .pp_close:hover {background: #fff;}
.pp_pic_holder.light_rounded .pp_close span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../../images/lightbox_buttons_small.png) right 0 no-repeat;
	margin-top: 13px;
}
div.light_rounded .pp_description {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	padding: 15px 20px 0 20px;
}

/** #contacts Styles **/
#contacts .map_wrap {
	position: relative;
	-webkit-filter: saturate(0%);
}
#contacts p {
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
}
#contacts .map_wrap .map_overlay {
	z-index: 999;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../../images/loader.gif) center center no-repeat #fff;
}
#contacts .col3 {
	position: relative;
	min-height: 1px;
	width: 31.3333333%;
	float: left;
	margin: 0 3% 0 0;
	padding: 2% 0;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}
#contacts .col3 p {
	font-size: 14px;
	font-style: italic;
	margin: 0;
	line-height: 21px;
}
#contacts .last {margin: 0;}

#diag p {
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#diag ul{
  list-style: square;
}
#diag li{
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	font-style: normal;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}



/** #feedback Styles **/
#loading, #success{display: none;}
#success {
	display: none;
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #C5DBB2;
	padding: 15px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
}
#loading {
	display: none;
	color: #466388;
	background-color: #D8E8F0;
	border: 1px solid #B2C4DB;
	padding: 15px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
}
#belep {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 50px;
    text-align: center;
    color: #0abcf9;
    position: relative;
    background: none ;
    display: block;
    width: 200px;
    margin: 0 auto;
    margin-top: -230px;
    overflow: hidden;
    padding: 30px;

    cursor: pointer;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

#belep:hover {
	background: none ;
    font-size: 60px;
    color: #03326B;
}
#anim {
   width: 350 px;
   height: 59 px;
   	vertical-align: middle;
	margin: 25px auto 0px auto;

	position: relative;
}

.slide-text {
     background-color: transparent;
     position: relative;
     margin-top: -385px;
     width: 100%;
     height: 300px;
     zoom: 1;
}

.slide-text_e {
     background-color: transparent;
     position: relative;
     margin-top: 0px;
     width: 100%;
     height: 300px;
     zoom: 1;
}

.slide-text h2{
        font-family: 'Alegreya Sans', sans-serif;
        color: #b29570;
        text-align: center;
        font-weight: 100;
        font-size: 45px;
        text-shadow: 1px 1px 2px #000000;
        line-height: 45px;
        letter-spacing: -1px;

}
.slide-text_e h2{
        font-family: 'Alegreya Sans', sans-serif;
        color: #b29570;
        text-align: center;
        font-weight: 100;
        font-size: 45px;
        text-shadow: 1px 1px 2px #000000;
        line-height: 45px;
        letter-spacing: -1px;

}

.slide-text p{
        color: #f5e1be;
        text-align: center;
        text-shadow: 1px 1px 2px #000000;
        letter-spacing: 0px;
        font-size: 18px;
        font-weight: lighter;

}

.slide-text_e p{
        font-family: 'Alegreya Sans', sans-serif;
        color: #f5e1be;
        text-align: left;
        text-shadow: 1px 1px 2px #000000;
        letter-spacing: 0px;
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;

}

.eset_szov {
     margin-top: 260px;
     background-color: transparent;
     position: relative;
     width: 33.33%;
     float: left;
     zoom: 1;

}
.eset_szov2h {
     margin-top: 260px;
     background-color: transparent;
     position: relative;
     width: 66.66%;
     float: left;
     zoom: 1;
}

.arlist_szov {

     background-color: transparent;
     position: relative;
     width: 15%;
     float: left;
     zoom: 1;
     margin-right: 5%;


}
.arlist_szov2h {
     margin-left: 5%;
     background-color: transparent;
     position: relative;
     width: 75%;
     float: left;
     zoom: 1;
}

.slide-text_ar {
     background-color: transparent;
     position: relative;
     margin-top: 25px;
     width: 100%;
     height: 300px;
     zoom: 1;
}
.slide-text_ar p{
        font-family: 'Alegreya Sans', sans-serif;
        color: #b29570;
        text-align: left;
        text-shadow: 1px 1px 2px #000000;
        letter-spacing: 0px;
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;

}
.arlist_szov p{
        font-family: 'Alegreya Sans', sans-serif;
        color: #b29570;
        text-align: right;
        text-shadow: 1px 1px 2px #000000;
        letter-spacing: 0px;
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;

}
.slide-text_ar h2{
        font-family: 'Alegreya Sans', sans-serif;
        color: #b29570;
        text-align: center;
        font-weight: 100;
        font-size: 65px;
        text-shadow: 1px 1px 2px #000000;
        line-height: 45px;
        letter-spacing: -1px;
        margin-bottom: 25px;
}
.slide-text_ar h3{
        font-family: 'Alegreya Sans', sans-serif;
        color: #EDEEEE;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        text-shadow: 1px 1px 2px #000000;
        letter-spacing: 3px;
        border-top: thin solid #858E8E;
        border-bottom: thin solid #858E8E;
        margin-left: 60px;
        margin-right: 60px;
        margin-bottom: 25px;
        line-height: 25px;
}
#main2_k .flex-direction-nav a
{
	top:170px;
	width:24px;
	height:38px;
	margin:0; display: block; cursor: pointer; text-indent: -9999px;  -webkit-transition: all .3s ease;
}
#main2_k .flex-direction-nav .flex-next
{
    background:url(../../images/kov.png); background-repeat: no-repeat;
}
#main2_k .flex-direction-nav .flex-prev
{

	background:url(../../images/vis.png); background-repeat: no-repeat;
}

#main2_k .flex-direction-nav .flex-next:hover
{
	opacity:0.6;
}
#main2_k .flex-direction-nav .flex-prev:hover
{
	opacity:0.6;
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

#page {width: 960px; margin: 0 auto; height: 345px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_3d {width: 960px; margin: 0 auto; height: 345px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#menu1 {width: 960px; margin: 20px auto; height: 120px;	text-align: center;}
#nav1 { margin: 1px auto; 	text-align: center; }

#page_k {width: 960px; margin: 0 auto; height: 334px;}
#main2_k {width: 960px; margin: 0 auto; height: 334px;}

#belep {font-size: 40px; width: 180px; margin-top: -200px; padding: 25px;}
#belep:hover {font-size: 50px; color: #03326B;}

.slide-text {margin-top: -315px;}
.slide-text h2 {font-size: 38px;        line-height: 38px; }
.slide-text p {font-size: 17px;        line-height: 17px; }
.eset_szov {margin-top: 210px;}
.eset_szov2h {margin-top: 210px;}

#main2_k .flex-direction-nav a {top:130px;}
.slide-text_ar p{font-size: 16px; line-height: 33px;}
.arlist_szov p{font-size: 16px; line-height: 33px; }
.slide-text_ar h2{font-size: 55px; line-height: 35px; margin-bottom: 20px;}
.slide-text_ar h3{font-size: 15px; margin-left: 50px; margin-right: 50px; margin-bottom: 15px; line-height: 20px;}

#header {width: 300px; height: 345px }
#header #nav_tabs {float: none; width: 100%; }
#header #nav_tabs li {width: 75px; height: 75px; font-size: 20px; line-height: 25px;  background: url('../../images/divid1.png'), url('../../images/divid_h3.png'); background-repeat: repeat-x, no-repeat; background-position: bottom, right; }
#header #nav_tabs li a {font-size: 14px; line-height: 16px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px;}
#header #nav_tabs li:last-child {  background: url('../../images/divid1.png') repeat-x; background-position: bottom;}
#header #head {width: 100%; height: 345px;}
#main {width: 280px; height: 260px; padding:5px 10px 5px 5px; }
#main2 {width: 660px; height: 345px; }
#main_3d { width: 280px; height: 335px;}
#resume #download #buttons {padding: 0 34%;}
#resume #employment .list-head, #resume #education .list-head-edu {width: 65px;}
#resume #employment .emp, #resume #education .emp {width: 462px;}
#portfolio #portfolio_iso_filters {width: 86%;}
#portfolio #portfolio_load_more {width: 29%;}
#portfolio .portfolio_items article.portfolio_post {width: 250px;}
#header #nav_tabs li ul {top: 0; left: 348px; width: 60px;}
#header #nav_tabs li ul li {float: none; width: 60px; height: 60px; line-height: 60px; }
#header #nav_tabs li ul li a {font-size: 16px;}
textarea {height: 12.4em;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

#page {width: 768px; margin: 0 auto; height: 650px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_3d {width: 768px; margin: 0 auto; height: 650px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_k {width: 768px; margin: 0 auto; height: 267px;}
#main2_k {width: 768px; margin: 0 auto; height: 267px;}

#main_3d { width: 753px; height: 257px;}
#belep {font-size: 30px; width: 150px; margin-top: -150px; padding: 20px;}
#belep:hover {font-size: 40px; color: #03326B;}
#menu1 {width: 768px; margin: 20px auto; height: 120px;	text-align: center;}
.slide-text {margin-top: -255px; height: 267px;}
.slide-text h2 {font-size: 32px;        line-height: 33px; }
.slide-text p {font-size: 14px;        line-height: 14px; }
.eset_szov {margin-top: 170px;}
.eset_szov2h {margin-top: 170px;}

#header {width: 100%; height: 250px;}
#header #nav_tabs {float: none; width: 100%; }
#header #nav_tabs li {width: 192px; height: 90px; font-size: 32px; line-height: 100px; background: url('../../images/divid1.png'), url('../../images/divid_h3.png'); background-repeat: repeat-x, no-repeat; background-position: bottom, right;}
#header #nav_tabs li:last-child {   background: url('../../images/divid1.png') repeat-x;   background-position: bottom;}
#header #nav_tabs li a {font-size: 18px; line-height: 20px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px;}
#header #head {width: 100%; height: 160px;}

#main {width: 753px; height: 150px; padding:5px 10px 5px 5px;}
#main2 {width: 768px; height: 400px;}

#main2_k .flex-direction-nav a {top:110px;}
#main2_k .flex-direction-nav .flex-next  { background-size: 75%;}
#main2_k .flex-direction-nav .flex-prev  { background-size: 75%;}
.slide-text_ar {margin-top: 15px; height: 252px;}
.slide-text_ar p{font-size: 16px; line-height: 25px;}
.arlist_szov p{font-size: 16px; line-height: 25px; }
.slide-text_ar h2{font-size: 45px; line-height: 35px; margin-bottom: 10px;}
.slide-text_ar h3{font-size: 15px; margin-left: 40px; margin-right: 40px; margin-bottom: 10px; line-height: 20px;}

#resume #download #buttons {padding: 0 37%;}
#resume #employment .list-head, #resume #education .list-head-edu {width: 65px;}
#resume #employment .emp, #resume #education .emp {width: 570px;}
#portfolio #portfolio_iso_filters {width: 86%;}
#portfolio #portfolio_load_more {width: 29%;}
#portfolio .portfolio_items article.portfolio_post {width: 219.3333333px;}
#header #nav_tabs li ul {top: 100px; left: auto; width: 720px; right: 0; height: 60px;}
#header #nav_tabs li ul li {float: right; width: 60px; height: 60px; line-height: 60px; } 
#header #nav_tabs li ul li a {font-size: 16px;}
textarea {height: 12.4em;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

#page {width: 480px; margin: 0 auto; height: 523px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_3d {width: 480px; margin: 0 auto; height: 460px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_k {width: 480px; height: 167px;}
#main2_k {width: 480px; height: 167px;}

#main_3d { width: 465px; height: 200px;}
#belep {font-size: 25px; width: 110px; margin-top: -90px; padding: 15px;}
#belep:hover {font-size: 30px; color: #03326B;}
#menu1 {width: 480px; margin: 20px auto; height: 120px;	text-align: center;}
.slide-text {margin-top: -160px; height: 167px;}
.slide-text h2 {font-size: 23px;        line-height: 23px; }
.slide-text p {font-size: 10px;        line-height: 10px; }
.eset_szov {margin-top: 100px;}
.eset_szov2h {margin-top: 100px;}

#main2_k .flex-direction-nav a {top:70px;}
#main2_k .flex-direction-nav .flex-next  { background-size: 75%;}
#main2_k .flex-direction-nav .flex-prev  { background-size: 75%;}

.slide-text_ar {margin-top: 5px; height: 162px;}
.slide-text_ar p{font-size: 12px; line-height: 18px;}
.arlist_szov p{font-size: 12px; line-height: 18px; }
.slide-text_ar h2{font-size: 30px; line-height: 25px; margin-bottom: 5px;}
.slide-text_ar h3{font-size: 12px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; line-height: 13px;}

#aboutme, #services, #twitter, #skills, #employment, #education, #download, #portfolio, .contact, #feedback {padding: 40px 20px;}
#header {width: 100%;}
#header #nav_tabs {float: none; width: 100%; }
#header #nav_tabs li {width: 120px; height: 72px; font-size: 26px; line-height: 76px; background: url('../../images/divid1.png'), url('../../images/divid_h3.png'); background-repeat: repeat-x, no-repeat; background-position: bottom, right; }
#header #nav_tabs li:last-child {   background: url('../../images/divid1.png') repeat-x;   background-position: bottom;}
#header #nav_tabs li a {font-size: 14px; line-height: 16px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px;}
#header #head {width: 100%; height: 200px;}
#main {width: 465px; height: 190px; padding:5px 10px 5px 5px;}
#main2 {width: 480px; height: 251px;}
#nav1 { width: 70%; padding-left: 20px;}
#nav1 li {margin-bottom: -30px; }


#resume #download #buttons {padding: 0 30%;}
#resume #employment .list-head, #resume #education .list-head-edu {width: 65px;}
#resume #employment .emp, #resume #education .emp {width: 340px;}
#resume #employment .emp .emp-head, #resume #education .emp .emp-head {padding: 1px 10px 5px 10px;}
#portfolio #portfolio_iso_filters {width: 100%; padding: 0 14px;}
#portfolio #portfolio_iso_filters li {margin: 0 1px;}
#portfolio #portfolio_load_more {width: 37%;}
#portfolio .portfolio_items article.portfolio_post {width: 210px;}
#header #nav_tabs li ul {top: 75px; left: auto; right: 0px; width: 450px; height: 50px;}
#header #nav_tabs li ul li {float: right; width: 50px; height: 50px; line-height: 50px; } 
#header #nav_tabs li ul li a {font-size: 16px;}
textarea {height: 12.4em;}
#home #services .col3 {width: 94%; margin: 0 0 10px 0; padding: 4% 3%;}
#home #services .alpha {margin: 0;}
#contacts .col3 {width: 100%; font-weight: 700;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {


#page {width: 320px; margin: 0 auto; height: 427px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_3d {width: 320px; margin: 0 auto; height: 330px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_k {width: 320px; height: 111px;}
#page_ar {width: 320px; height: 190px;}
#main2_k {width: 320px; height: 111px;}
#main2_ar {width: 320px; height: 190px;}
#main_3d { width: 305px; height: 155px;}
#belep {font-size: 25px; width: 110px; margin-top: -80px; padding: 15px;}
#belep:hover {font-size: 30px; color: #03326B;}
#dreamlogo img {width: 100%; height: 100%;}

#aboutme, #services, #twitter, #skills, #employment, #education, #download, #portfolio, .contact, #feedback {padding: 40px 20px;}
#header {width: 100%;}
#header #head {width: 100%; height: 200px;}
#header #nav_tabs {float: none; width: 100%; }
#header #nav_tabs li {width: 80px; height: 60px; font-size: 18px; line-height: 52px; background: url('../../images/divid1.png'), url('../../images/divid_h3.png'); background-repeat: repeat-x, no-repeat; background-position: bottom, right;}
#header #nav_tabs li:last-child {   background: url('../../images/divid1.png') repeat-x;   background-position: bottom;}
#header #nav_tabs li a {font-size: 12px; line-height: 14px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px;}

#menu1 {display: none;}
#menu2 {display: block; width: 320px; height: 50px; }

.slide-text {margin-top: -110px; height: 111px;}
.slide-text h2 {font-size: 18px;        line-height: 18px; }
.slide-text p {font-size: 8px;        line-height: 8px; }
.eset_szov {margin-top: 65px;}
.eset_szov2h {margin-top: 65px;}


#main2_k .flex-direction-nav a {top:40px;}
#main2_k .flex-direction-nav .flex-next  { background-size: 50%;}
#main2_k .flex-direction-nav .flex-prev  { background-size: 50%;}

.slide-text_ar {margin-top: 5px; height: 111px;}
.slide-text_ar p{font-size: 11px; line-height: 18px;}
.arlist_szov p{font-size: 11px; line-height: 18px; }
.slide-text_ar h2{font-size: 30px; line-height: 25px; margin-bottom: 5px;}
.slide-text_ar h3{font-size: 12px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; line-height: 13px;}

#header #head {width: 100%;}
#main {width: 305px; height: 190px; padding:5px 10px 5px 5px;}
#main2 {width: 320px; height: 166px;}

#nav1  { width: 50%; padding-left: 0px;}
#resume #download #buttons {padding: 0 20%;}
#resume #skills .skills li span span {display: none;}
#resume #employment .list-head, #resume #education .list-head-edu {float: none; margin-right: 0; width: auto;}
#resume #employment .emp, #resume #education .emp {float: none; width: auto;}
#resume #employment .emp .emp-head, #resume #education .emp .emp-head {padding: 15px 10px 5px 10px;}
#portfolio #portfolio_iso_filters {width: 100%;}
#portfolio #portfolio_iso_filters li {margin: 3px 0; font-size: 13px;line-height: 16px;}
#portfolio #portfolio_iso_filters li a {padding: 5px 6px;}
#portfolio #portfolio_load_more {width: 56%;}
#portfolio .portfolio_items article.portfolio_post {width: 270px;}
#header #nav_tabs li ul {top: 52px; left: auto; right: 0px; width: 46px; height: auto;}
#header #nav_tabs li ul li {float: right; width: 46px; height: 46px; line-height: 46px; }
#header #nav_tabs li ul li a {font-size: 10px;}
textarea {height: 12.4em;}
#home #services .col3 {width: 94%; margin: 0 0 10px 0; padding: 4% 3%;}
#home #services .alpha {margin: 0;}
#contacts .col3 {width: 100%; font-weight: 700;}
#success {padding: 7px;}
}
@media only screen and (min-width: 240px) and (max-width: 319px) {

#page {width: 240px; margin: 0 auto; height: 303px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_3d {width: 240px; margin: 0 auto; height: 303px; background-image: url('../../images/noise1.png'); background-repeat: repeat;}
#page_k {width: 240px; height: 84px;}
#main2_k {width: 240px; height: 84px;}
#main_3d { width: 225px; height: 169px;}
#page_ar {width: 225px; height: 204px;}
#belep {font-size: 20px; width: 80px; margin-top: -60px; padding: 10px; }
#belep:hover {font-size: 25px; color: #03326B;}

#dreamlogo img {width: 100%; height: 100%;}

.slide-text {margin-top: -85px;}
.slide-text h2 {font-size: 17px;        line-height: 17px; }
.slide-text p {font-size: 6px;        line-height:6px; }
.eset_szov {margin-top: 45px;}
.eset_szov2h {margin-top: 45px;}

.flex-direction-nav a {top:40px;}
.flex-direction-nav .flex-next  { background-size: 50%;}
.flex-direction-nav .flex-prev  { background-size: 50%;}

.slide-text_ar {margin-top: 5px; height: 199px;}
.slide-text_ar p {font-size: 10px; line-height: 16px;}
.arlist_szov p {font-size: 10px; line-height: 16px; }
.slide-text_ar h2{font-size: 30px; line-height: 25px; margin-bottom: 5px;}
.slide-text_ar h3{font-size: 12px; margin-left: 20px; margin-right: 20px; margin-bottom: 5px; line-height: 13px;}
.arlist_szov2h {margin-left: 3px; width: 80%; }
.arlist_szov {margin-right: 3px; width: 17%; }

#aboutme, #services, #twitter, #skills, #employment, #education, #download, #portfolio, .contact, #feedback {padding: 30px 10px;}
#header {width: 100%;}
#header #nav_tabs {float: none; width: 100%; }
#header #nav_tabs li {width: 60px; height: 52px; font-size: 14px; line-height: 39px; background: url('../../images/divid1.png'), url('../../images/divid_h3.png'); background-repeat: repeat-x, no-repeat; background-position: bottom, right;}
#header #nav_tabs li:last-child {   background: url('../../images/divid1.png') repeat-x;   background-position: bottom;}
#header #nav_tabs li a {font-size: 10px; line-height: 12px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px;}
#header #head {width: 100%; height: 125px;}

#menu2 {display: block; width: 240px; height: 100px;}
#menu1 {display: none;}

#main {width: 225px; height: 115px; padding:5px 10px 5px 5px;}
#main2 {width: 240px; height: 126px;}
#home #aboutme p {font-size: 12px; line-height: 16px; }
.tab_content .title span {font-size: 14px;}

#resume #download #buttons {padding: 0 12%;}
#resume #skills .skills li span span {display: none;}
#resume #employment .list-head, #resume #education .list-head-edu {float: none; margin-right: 0; width: auto;}
#resume #employment .emp, #resume #education .emp {float: none; width: auto;}
#resume #employment .emp .emp-head, #resume #education .emp .emp-head {padding: 15px 10px 5px 10px;}
#resume #employment .emp .emp-head h4, #resume #education .emp .emp-head h4 {font-size: 16px; line-height: 120%;}
#portfolio #portfolio_iso_filters {width: 100%;}
#portfolio #portfolio_iso_filters li {margin: 3px 0; font-size: 13px;line-height: 16px;}
#portfolio #portfolio_iso_filters li a {padding: 5px 6px;}
#portfolio #portfolio_load_more {width: 56%;}
#portfolio .portfolio_items article.portfolio_post {width: 210px;}
#header #nav_tabs li ul {top: 39px; left: auto; right: 0px; width: 240px; height: 24px;}
#header #nav_tabs li ul li {float: right; width: 24px; height: 24px; line-height: 24px; }
#header #nav_tabs li ul li a {font-size: 10px;}
textarea {height: 12.4em;}
#home #services .col3 {width: 94%; margin: 0 0 10px 0; padding: 4% 3%;}
#home #services .alpha {margin: 0;}
#contacts .col3 {width: 100%; font-weight: 700;}
#success {padding: 7px;}
}