@import url(font-awesome/css/font-awesome.min.css); 
@import url(prettyPhoto.css);
.blue,
#blog_page_link,
#blog_page_link .icon,
#blog_page_link span.label,
.section_header .section_title a span.icon { 
	background-color: #327ea3; 
}
.aqua,
.section_header.about_section_header .section_title .section_name,
.section_header.about_section_header .section_title a span.icon,
#project_iso_filters li a.current ,
#project_iso_filters li a.current:hover  {
	background-color: #4ca5d0;
	border-color: #4ca5d0;
}
.green,
.section_header .section_title.cv_section_title a span.icon,
#cv_link,
#cv_link span.label,
#cv_link span.icon {
	background-color: #6ca338;
}
.purple,
.section_header .section_title.publications_section_title a span.icon,
#cv_link,
#cv_link span.label,
#cv_link span.icon {
	background-color: #a354b7;
}
.yellow,
.section_header .section_title.project_section_title a span.icon {
	background-color: #ffbc38;
}
.red,
#main_wrap .section_header.msg_section_header a span.icon,
.sc_msg_form .title:after {
	background-color: #e82c0c;
}
#cv_link_download,
#cv_link_download  span.label,
#cv_link_download  span.icon {
	background: #019875;
}
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: inherit; 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 { background: #d5d5d5; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 20px; color: #646464;}

a img { border: none;}

code { display: block; padding: 10px; font-family: 'Courier New', monospace;}

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1 { font-size: 20px; line-height: 24px;}
h2 { font-size: 18px; line-height: 21px;}
h3 { font-size: 17px; line-height: 21px;}
h4 { font-size: 16px; line-height: 20px;}
h5 { font-size: 15px; line-height: 20px;}
h6 { font-size: 14px; line-height: 17px;}
input[type="text"],
textarea { line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 10px 8px; border: 2px solid #e5e5e5; background: #f5f5f5; outline:none;}
button, button:active, 
button:focus {outline: none; border: none;}
button::-moz-focus-inner { border: 0;}

input[type="submit"] { background: #fff; border: 2px solid #e5e5e5; color: #b1b1b1; font-weight: 700; text-transform: uppercase; font-family: "Lato", sans-serif; cursor: pointer; font-size: 12px; height: 27px; padding: 0 7px 2px; line-height: 29px; -moz-box-sizing: content-box; box-sizing: content-box; border-radius: 3px;}
input[type="submit"]:hover { background: #e5e5e5; color: #b1b1b1;}
form label { cursor: pointer; }
form label.required { position: relative;}
form label.required:after { content: "*"; position: absolute; top: -2px; right: -12px; color: #bc3a3a; font-size: 18px; line-height: 22px; font-weight: 400;}
textarea { overflow: auto; resize: none;}

::selection { background: #4ca5d0;  color: #fff; }
::-moz-selection { color: #fff; background: #4ca5d0; }

a {color: #4ca5d0;}
a:hover {color: #646464;}
strong { font-weight: 700;}
.single article .content_text p {margin-bottom: 15px;}

input[type="text"],
.section_header .section_title .section_icon,
.section_header .section_title a span.icon:before,
.section_header .section_title strong span.icon:before,
#about_photo,
#project_iso_filters li a,
#googlemap_data .add_info,
article.post .more-link,
article.post .tags_section #post_tags li a,
.single .blog_section article.post.format-link .link,
#post_author,
#post_author div.photo,
.sc_msg_form .enter,
#project_iso_pages li a,
.sc_tooltip,
.sc_dropcaps.sc_dropcaps_style_1 span,
.sc_dropcaps.sc_dropcaps_style_2 span,
.sc_toggles h5 a span
  { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.alignleft { display: inline; float: left; margin-right: 1.5em;}
.alignright { display: inline; float: right; margin-left: 1.5em;}
.aligncenter { clear: both; display: block; margin: 0 auto;}
.extra_wrap { overflow: hidden;}
.right_sidebar #primary { float: left; width: 571px; background: url(../images/v_line.gif) right 0 repeat-y;}
article .content_text ul li { background: url(../images/list_marker.png) 0 5px no-repeat; list-style: none; font-size: 12px; line-height: 20px; margin-bottom: 10px; padding: 0 0 0 16px;}
article .content_text ul li { font-weight: 700;}
article ul,
article ol { margin:0 0 20px 20px;}
article li ul,
article li ol { margin-bottom: 0;}
article .content_text ul { margin: 21px 0 20px;}
.allocation_white{ color:#9b9b9b; background-color:#f5f5f5; }
.allocation_dark{ color:#fff; background-color:#373737; }
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; 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;
}
#page { overflow: hidden; width: 940px; margin: 0 auto; /*padding-top: 37px;*/}

#header { overflow: hidden; margin-bottom: 21px;}                      
#header .language_select {padding-top: 20px; float: left; margin-left: 57px; overflow: hidden; }
#header .language_select li {display:inline; }                                              
#header .social_links { padding-top: 20px; float: right; margin-right: 57px; overflow: hidden; }
#header .social_links li { list-style: none; float: left; margin-left: 13px; }
#header .social_links li a { display: block; width: 22px; height: 22px; overflow:hidden; text-indent:999px; white-space:nowrap; background-image: url(../images/social_ico.png); background-repeat:no-repeat;}
#header .social_links li.fb a:hover{ background-position: -22px -22px; }
#header .social_links li.tw a:hover{ background-position: -44px -22px; }
#header .social_links li.gplus a:hover{ background-position: -66px -22px; }
#header .social_links li.lnkd a:hover{ background-position: -88px -22px; }
#header .social_links li.fb a{ background-position: -22px 0; }
#header .social_links li.tw a{ background-position: -44px 0; }
#header .social_links li.gplus a{ background-position: -66px 0; }
#header .social_links li.lnkd a{ background-position: -88px 0; }

#cv { position: relative;}
#cv.printable { margin-bottom: 50px;}
#cv_link,
#cv_link_download { height: 60px; background-color: #fff; text-decoration: none; display: block; cursor:pointer;}
#cv_buttons { display: none; position: absolute; top: 0px; right: -60px; width: 60px; margin: 0 0 60px;}

.open #cv_buttons {display: block;}
#cv_link_download { margin-top: 1px;}
#cv_link span.icon,
#cv_link_download span.icon { font-size: 28px; line-height: 32px; display: block; text-align: center; color: #fff; padding: 13px 0 0 0; height:47px; z-index: 50; position: relative;}
#cv_link span.label,
#cv_link_download span.label { width: 0; position: absolute; height: 60px; right: 0; opacity: 0;  font-size: 19px; font-weight: 700; color: #fff; line-height: 59px; padding: 0 15px; z-index: 49; text-transform: uppercase;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
 
#cv_link:hover span.label { width: auto; opacity: 1; margin-right: 60px;}
#cv_link_download:hover span.label { width: auto; opacity: 1; margin-right: 60px;}

#main { width: 820px; margin-left: 60px; background: #fff;}
#main:after { clear: both; display: block; content: ""; width: 100%;}
.section_header { border-top: 1px solid #e5e5e5;}
section#about { position: relative;}
#blog_page_link,
#about_page_link { position: absolute; top: 0; right: -60px; display: block; width: 60px; height: 60px; color: #fff; text-decoration: none;}
#blog_page_link span.icon,
#about_page_link span.icon { width: 60px; height: 60px;  display: block; text-align: center; font-size: 28px; line-height: normal; position: relative; z-index: 444;}
#blog_page_link span:before,
#about_page_link span:before { padding-top: 16px; display: inline-block;}
#blog_page_link span.label,
#about_page_link span.label { display: block; position: absolute; right: -999px; z-index: 333; height: 60px; padding: 0 30px; line-height: 59px; font-size: 19px; text-transform: uppercase; font-weight: 700; top: 0px; opacity: 0;
 -webkit-transition: all ease 1.5s;
 -moz-transition: all ease 1.5s;
 -ms-transition: all ease 1.5s;
 -o-transition: all ease 1.5s;
 transition: all ease 1.5s;}
#blog_page_link:hover span.label,
#about_page_link:hover span.label { top: 0; right: 60px; opacity: 1;
 -webkit-transition: all ease .6s;
 -moz-transition: all ease .6s;
 -ms-transition: all ease .6s;
 -o-transition: all ease .6s;
 transition: all ease .6s;}
.section_header.about_section_header {border-top: none; min-height: 155px;}
.section_header .section_title a,
.section_header .section_title strong { float: left; position: relative; height: 30px; display: block; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700;
 -webkit-transition: height ease .2s;
 -moz-transition: height ease .2s;
 -ms-transition: height ease .2s;
 -o-transition: height ease .2s;
 transition: height ease .2s;}
.section_header.opened .section_title:after { clear: both; width: 100%; content: ""; display: block;}
.section_header .section_title .section_icon { margin: 10px 10px 0 0; background: #fff; border: solid #e5e5e5 3px; width: 34px; height: 34px; position: absolute; right: 0; background: #ffffff; z-index: 40; cursor: pointer;
 -webkit-transition: all linear .2s;
 -moz-transition: all linear .2s;
 -ms-transition: all linear .2s;
 -o-transition: all linear .2s;
 transition: all linear .2s;}
.section_header .section_title span.section_icon:hover { background: #e5e5e5;}
.section_header .section_title span.section_icon:hover:after { background-position: 0 bottom;}
.section_header.opened .section_title span.section_icon:hover:after { background-position: 0 0;}
.section_header .section_title .section_icon:after { display: block; position: absolute; top: 9px; left: 4px; background: url(../images/header_controls.png) right bottom no-repeat; width: 26px; height: 16px; content: "";}
.section_header.opened .section_title .section_icon:after,
.section_header .section_title.current .section_icon:after { background-position: right 0;}
.section_header .section_title.current .section_icon:hover:after { background-position: 0 0;}
.section_header .section_title { height: 60px; position: relative; margin-bottom: 0;}
.section_header.about_section_header .section_title { height: 30px;}
.section_header.opened .section_title a { height: 60px;}
.section_header .section_title .section_name { font-size: 19px;}
.section_header .section_title .section_name a {}
.blog_section .section_header .section_title .section_name { position: relative; display: block; width: 103px; height: 60px; line-height: 59px; padding-left: 30px; background-image: url(../images/title_divider.html) 0 0 repeat-y;}
.section_header .section_title a span.icon,
.section_header .section_title strong span.icon { position: absolute; top: 0; left: -60px; display: block; width: 60px; height: 60px; font-weight: normal;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
.section_header .section_title.current a span.icon { width: 100%; padding-right: 60px;}
.section_header.about_section_header .section_title a span.icon { width: 60px;}
.section_header .section_title a span.icon:before,
.section_header .section_title strong span.icon:before { font-size: 28px; color: #fff; width: 60px; height: 41px; padding-top: 13px; text-align: center; line-height: normal; text-indent: 1px; display: block; top: 3px; left: 0; position: absolute; z-index: 999; vertical-align: baseline;}
.section_header.gallery .section_title strong span.section_name
.section_header.gallery .section_title strong span.icon:before { line-height: 32px;}
.section_header.audio .section_title strong span.icon:before { line-height: 28px;}
.section_header.video .section_title strong span.icon:before { line-height: 28px;}
.section_header.link .section_title strong span.icon:before { text-indent: -1px;}
.section_header .section_title.cv_section_title a span.icon:before,
.section_header .section_title.cv_section_title strong span.icon:before { padding-top: 14px; height: 40px;}
.section_header .section_title.project_section_title a span.icon:before { padding-top: 15px; height: 39px;}
.section_header .section_title.msg_section_title a span.icon:before { padding-top: 12px; height: 42px;}
#main_wrap .section_header { height: 60px;}
#main_wrap .section_header .section_title:hover { background: #fafafa; cursor: pointer;}
#main_wrap .section_header .section_title.current:hover { background: none; cursor: default;}
#main_wrap .section_header .section_name { position: relative; z-index: 999; height: 60px; line-height: 59px; display: block; padding: 0 29px; text-align: center; color: #646464;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
#main_wrap .post_header .post_title a { color:#373737;}
#main_wrap .post_header .post_title a:hover { color:#646464;}
#main_wrap .category_header .category_title a,
#main_wrap .post_header .post_title a { text-decoration:none;}
#main_wrap .category_header .category_title a:hover { color: #878787;}
#main_wrap .post_header .post_title a,
#main_wrap .category_header .category_title a {
 -webkit-transition: color ease .2s;
 -moz-transition: color ease .2s;
 -ms-transition: color ease .2s;
 -o-transition: color ease .2s;
 transition: color ease .2s;}
#main_wrap .section_header .current .section_name { color: #fff;}
.section_header.about_section_header .section_title .section_name { display: block; height: 60px; overflow: hidden; position: relative; line-height: 59px; text-align: center; width: 135px;}
.section_header .section_title .section_name:after { position: absolute; left: 0; top: 0; bottom: 0; background: url(../images/title_divider.png) -1px 0 repeat-y; content: ""; display: block; width: 1px;}
.blog_section .section_header .section_title .section_name:after { background-position: 0 0 }
.section_header .section_title.current .section_name:after,
.section_header.opened .section_title .section_name:after { background-position: 0 0;}
#about_header { clear: both; padding: 0 30px; overflow: hidden;}
.opened #about_header {padding-top: 30px;}
#about_data { opacity: 0; position: relative; right: -30px; padding: 2px 10px 0 0; overflow: hidden;  float: right; width: 310px; font-size: 12px; line-height: 20px;
 -webkit-transition: all ease .4s;
 -moz-transition: all ease .4s;
 -ms-transition: all ease .4s;
 -o-transition: all ease .4s;
 transition: all ease .4s;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 -webkit-transform-origin:100% 100%;
 transform-origin:100% 100%;}
.opened #about_data {	height:auto; right: 0; opacity: 1;
 -webkit-transform: rotate(0);
 -webkit-transform-origin:100% 100%;
 transform: rotate(0);
 transform-origin:100% 100%;}
#about_data .th { font-weight: 700; width: 90px; margin-right: 10px; text-align: right; display: block; float: left; color: #373737;}
#about_data .td { overflow: hidden; display: block;}
#about_data .about_row { overflow: hidden; display:none; }
#about_data .about_row a { text-decoration: none; color: #4ca5d0;}
#about_data .about_row a:hover{color: #646464;}
#about_data .show{ display:block;}

.section_header.opened #about_data { margin-top: 0;}

#about_user { overflow: hidden; float: left; width: 100%; max-width: 425px;}
#about_photo { margin-right: 20px; border: 4px solid #e5e5e5; float: left; width: 87px;
 -webkit-transition: all ease .4s;
 -moz-transition: all ease .4s;
 -ms-transition: all ease .4s;
 -o-transition: all ease .4s;
 transition: all ease .4s;}
.opened #about_photo {width: 117px;}
#about_photo img { width: 100%; vertical-align: top; height: auto;}
#about_name_area { overflow: hidden;}
.opened #about_name_area { padding-top: 15px;}
h1#about_title { text-transform: uppercase; font-size: 30px; line-height: 35px; font-weight: 700; color: #373737; margin-bottom: 0;}
h1#about_title .firstname { text-transform: uppercase;}
#about_position { font-size: 18px; line-height: 20px; color: #4ca5d0;}
.opened #about_position {display: block;}
.about_section_body { padding: 24px 30px 56px;}

.sidebar.cv_sidebar { padding-top: 1px; float: right; width: 190px; margin-left: 60px;}
.wrapper.cv_wrapper { padding-top: 5px; overflow: hidden;}
.wrapper.cv_wrapper > .category { margin-top: 56px;}
.wrapper.cv_wrapper > .category.first { margin-top: 0;}
#main_wrap .category_header { margin-bottom: 32px;}
#main_wrap .section_body { padding: 25px 30px 56px;}
#main_wrap .section_body.msg_section_body { padding-bottom: 30px;}
#main_wrap .section_body .post_header { overflow: hidden; margin-bottom: 11px;}
#main_wrap .section_body article.post { margin-top: 26px; padding-top: 27px; background: url(../images/line_hor.png) center 0 repeat-x;}
#main_wrap .section_body article.post.first { padding-top: 0; margin-top: 0; background: none;}
#main_wrap .post_header .cv_period { float: right; font-size: 18px; line-height: 22px; color: #9b9b9b;}
#main_wrap .post_header .cv_period .period_present { font-size: 14px;}
#main_wrap .post_header .post_title { overflow: hidden; font-size: 18px; line-height: 22px; color: #373737; font-weight: 700; padding-left: 22px; margin-bottom: 1px; position: relative;}
#main_wrap .post_header .post_title .post_title_icon { position: absolute; width: 15px; height: 15px; background-image: url(../images/post_title_icon.png); background-repeat: no-repeat; background-position: 5px 3px; top: 4px; left: 0; border-radius: 15px;}
#main_wrap .post_header .post_subtitle { font-size: 14px; line-height: 18px; color: #9b9b9b; padding-left: 23px; text-transform: capitalize; margin-bottom: 0;}

h3.category_title { position: relative; background: #373737; font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; padding: 5px 10px 7px 39px; font-weight: 700; border-radius: 4px 0 0 4px;}
h3.category_title a { color:#ffffff; text-decoration:none;}
h3.category_title .category_title_icon { border-radius: 3px; position: absolute; display: block; width: 30px; height: 30px; background-image: url(../images/section_marker.png); background-position: 9px 11px; background-repeat: no-repeat; content: ""; top: 0; left: 0;}
.project_wrapper { width: 100%; height:auto;}
.project_wrapper .project_items { margin: 0 -10px 0 -2px; overflow: hidden;}
#main_wrap .section_body { display: none; position:relative; overflow:hidden;}
.about_section .section_body { display: block;}
#main_wrap .project_items article.project_post { float: left; width:252px; padding-top: 0;  height:auto; overflow:hidden; margin: 0 0 2px 2px;
 background: none;
 -webkit-transition: transform,​ opacity ease .5s;
 -moz-transition: transform,​ opacity ease .5s;
 -ms-transition: transform,​ opacity ease .5s;
 -o-transition: transform,​ opacity ease .5s;
 transition: transform,​ opacity ease .5s;
 height: 174px;}
#main_wrap .project_items article.project_post:hover { border-color: #e5e5e5;}
.project_items article a.w_hover { position: relative; overflow: hidden; display: block;}
.project_items article a.w_hover .overlay { position: absolute; display: block; bottom: 50%; left: 0; right: 0; top: 50%; opacity: 0; background-color: rgba(0,0,0,0.5);  z-index: 99;
 -webkit-transition: all linear .2s;
 -moz-transition: all linear .2s;
 -ms-transition: all linear .2s;
 -o-transition: all linear .2s;
 transition: all linear .2s;}
 
.project_items article:hover a.w_hover .overlay { opacity: 1; top: 0; bottom: 0;}
.project_items article img { width:100%; height:auto; vertical-align: top;}
.project_items article h4 { font-weight: 700; position: absolute; top: -20px; left: 20px;  z-index: 9999;
 font-size: 14px; line-height: 18px; margin-bottom: 0;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
.project_items article h4 a { color: #fff; text-decoration: none;}
.project_items article h4 a:hover { color: #4ca5d0;}
.project_items article .post_content { position: absolute; left: 0; right: 0; bottom: 10px; padding: 0 20px 5px; z-index: 999; margin-bottom: -200px;  font-size: 12px; line-height: 15px;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;
}
.project_items article .post_content a { text-decoration: none; color: #dadada;}
.project_items article .post_content a .arr { margin-left: 2px; font-size: 16px; color: #4CA5D0;}
.project_items article .post_content a:hover { color: #4CA5D0;}
.project_items article:hover .post_content { margin-bottom: 0;}
.project_items article h5 { margin-bottom: 0; pointer-events: none; z-index: 9999; color: #4ca5d0; font-size: 12px; line-height: 15px; bottom: -20px; left: 20px; position: absolute; opacity: 0;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
.project_items article:hover h4 { top: 15px;}
.project_items article:hover h5 { bottom: 123px; opacity: 1;}
.project_items article .overlay 
.section_body.blog_section_body,
.section_body.post_section_body { display:block; position:relative; overflow:hidden;}
#project_iso_filters { padding-top: 5px; overflow: hidden; margin-bottom: 25px;}
#project_iso_filters li { list-style: none; float: left;}
#project_iso_filters li a { display: block; border: 2px solid #e5e5e5; margin-right: 3px; padding: 5px 10px 7px; text-decoration: none; background: #FFF; color: #373737;  font-size: 14px; line-height: 18px; font-weight: 700;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
#project_iso_filters li a:hover { background-color: #e5e5e5;}
#project_iso_filters li a.current { color: #fff; cursor:default;}

#googlemap_data { margin-top: 5px; margin-bottom: 30px; position: relative;}
#googlemap_data .add_info { position: absolute; width: 190px; top: 30px; right: 30px; background: #fff; padding: 26px 30px 20px;}
#googlemap_data .add_info .about_row { overflow: hidden; margin-bottom: 10px; display: none ; }
#googlemap_data .add_info .about_row .th { float: left; width: 26px; height: 26px; background: url(../images/contact_icons.png) no-repeat; margin-right: 10px; overflow:hidden; text-indent:100%; white-space:nowrap;}
#googlemap_data .add_info .about_row .td { display: block; overflow: hidden; font-size: 12px; line-height: 15px; padding-top: 5px; }
#googlemap_data .add_info .about_row.address .th  { background-position: 0 0;}
#googlemap_data .add_info .about_row.phone .th 	{ background-position: 0 -36px;}
#googlemap_data .add_info .about_row.email .th 	{ background-position: 0 -72px;}
#googlemap_data .add_info .about_row.website .th  { background-position: 0 -108px;}
#googlemap_data .about_row.header { font-size: 14px; line-height: 17px; height:26px; text-transform: uppercase; font-weight: 700; color: #000; padding-bottom: 7px; margin-bottom: 19px; border-bottom: 1px solid #e5e5e5; display:block;}

article img { width: 100%; height: auto;}
article.post .pic { margin-bottom: 20px;}
article.post .more-link { display: inline-block; border: 2px solid #e5e5e5; background: #fff; padding: 7px 9px 7px; margin-top: 25px; text-decoration: none; color: #b1b1b1; font-size: 12px; line-height: 15px; font-weight: 700; text-transform: uppercase;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
article.post .more-link:hover { background: #e5e5e5; color: #b1b1b1;}
article.post .tags_section { overflow: hidden; clear: both; padding-top: 26px;}
article.post .tags_section .tags_label { float: left; font-size: 12px; letter-spacing: 1px; line-height: 15px; font-weight: 700; color: #373737; margin-right: 7px; padding-top: 8px;}
article.post .tags_section #post_tags { overflow: hidden; margin-bottom: 0;}
article.post .tags_section #post_tags li { list-style: none; float: left; margin: 0 3px 3px 0;}
article.post .tags_section #post_tags li a { display: inline-block; border: 1px solid #e5e5e5; background: #fff; font-size: 12px; line-height: 15px; text-decoration: none; padding: 7px 10px 7px; color: #646464; font-weight: 700;}
article.post .tags_section #post_tags li a:hover { background: #f5f5f5; border-color: #f5f5f5;}
.slider_container,
.post_gallery { position: relative; overflow: hidden; margin-bottom: 24px;}
.slider_container .flex-direction-nav li,
.post_gallery .flex-direction-nav li { list-style: none; position: absolute; top: 0; bottom: 0; width: 40px; right: -40px;
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
.slider_container .flex-direction-nav li:first-child,
.post_gallery .flex-direction-nav li:first-child { right: auto; left: -40px;}
.slider_container:hover .flex-direction-nav li,
.post_gallery:hover .flex-direction-nav li { right: 0;}
.slider_container:hover .flex-direction-nav li:first-child,
.post_gallery:hover .flex-direction-nav li:first-child { left: 0;}
.slider_container .flex-direction-nav a,
.post_gallery .flex-direction-nav a { position: absolute; width: 40px; top: 0; bottom: 0; font-size: 0; line-height: 0;}
.slider_container .flex-direction-nav a:after,
.post_gallery .flex-direction-nav a:after { display: block; position: absolute; content: ""; width: 16px; height: 26px; background: url(../images/slider_controls.png) 0 bottom no-repeat; top: 50%; margin-top: -13px; left: 12px;}
.slider_container .flex-direction-nav a.flex-next:after,
.post_gallery .flex-direction-nav a.flex-next:after { left: auto; right: 12px; background-position: right bottom;}
.slider_container .flex-direction-nav a:hover,
.post_gallery .flex-direction-nav a:hover { background: url(../images/slider_controls_bg.png) 0 0 repeat;}
.slider_container .flex-direction-nav a:hover:after,
.post_gallery .flex-direction-nav a:hover:after { background-position: 0 0;}
.slider_container .flex-direction-nav a.flex-next,
.post_gallery .flex-direction-nav a.flex-next { right: 0; left: auto;}
.slider_container .flex-direction-nav a.flex-next:hover:after,
.post_gallery .flex-direction-nav a.flex-next:hover:after { background-position: right 0;}
.slider_container ul.slides li,
.post_gallery ul.slides li { list-style: none; display: none;}
.slider_container ul.slides,
.post_gallery ul.slides { height: 250px; overflow: hidden; margin: 0;}
.slider_container .flex-direction-nav,
.post_gallery .flex-direction-nav { margin: 0;}
.without_sidebar .slider_container ul.slides,
.without_sidebar .post_gallery ul.slides { height: 450px;}


.cv_sidebar .widget { margin-top: 55px;}
.cv_sidebar .widget:first-child { margin-top: 0;}
.widget .widget_title { font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: 700; color: #373737; margin-bottom: 23px;}
.widget_skills .caption { font-size: 12px; line-height: 15px; margin-bottom: 2px; color: #646464;}
.widget_skills .style_1 .sk_rw { margin-top: 10px;}
.widget_skills .style_1 .caption { color: #646464; display: block; font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 4px;}
.widget_skills .style_1 .progressbar { background-color: #E5E5E5; display: block; height: 15px; width: 100%;}
.widget_skills .style_1 .progress { display: block; height: 15px; overflow: hidden; position: relative; text-align: right; width: 0;}
.widget_skills .style_1 .value { color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: bold; line-height: 14px; margin-right: 2px; overflow: hidden; position: relative; vertical-align: top;}
.widget_skills .style_2 { margin-top: -3px;}
.widget_skills .style_2 .sk_rw { overflow: hidden;}
.widget_skills .style_2 .sk_rw .legend { display: inline-block; height: 9px; margin-right: 7px; width: 9px;}
.widget_skills .style_2 .sk_rw .caption { font-weight: 700;}                 

.sidebar.msg_sidebar { float: right; width: 220px; margin-left: 30px;}
.msg_form { overflow: hidden;}
.sc_msg_form form .field { margin-bottom: 17px; float: left; width: 240px;}
.sc_msg_form form .result { margin: 10px 0;}
.sc_msg_form form .field.message { margin-bottom: 19px;}
.sc_msg_form form .field:first-child { margin-right: 30px;}
.sc_msg_form form .field input[type="text"],
.sc_msg_form form .field textarea { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0;}
.sc_msg_form form .field label { display: table; color: #191919; font-weight: 700; padding-bottom: 7px; font-size: 12px; line-height: 15px;}
.sc_msg_form form .field.message { float: none; clear: both; width: 100%;}
.sc_msg_form h3.title { position: relative; background: #373737; font-size: 14px; line-height: 17px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 6px 20px 7px 40px; border-radius: 4px 3px 3px 4px;}
.msg_section_body .sc_msg_form h3.title { margin-bottom: 27px;}

.sc_msg_form .title:after { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; border-radius: 3px; background-image: url(../images/section_marker.png); background-position: 9px 11px; background-repeat: no-repeat;}
.sc_msg_form textarea { height: 104px;}
.sc_msg_form .enter { display: inline-block; padding: 5px 12px 6px; background: #fff; color: #373737; font-size: 14px;line-height: 17px; text-decoration: none; font-weight: 700; border: 2px solid #e5e5e5;}
.sc_msg_form .enter:hover { background: #e5e5e5;}

div.sc_infobox {
 text-align: center;
 padding: 9px 10px 9px;
 text-transform: capitalize;
 font-size: 12px;
 line-height: 15px;
 margin: 15px 0 15px 0;
 font-weight:bold;
 position:relative;
}
div.sc_infobox_style_error {
 color: #d29898;
 border: 1px solid #edcece;
 background: rgb(255,250,250); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(255,250,250,1) 0%, rgba(255,233,233,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,250,1)), color-stop(100%,rgba(255,233,233,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffafa', endColorstr='#ffe9e9',GradientType=0 ); /* IE6-9 */
}
div.sc_infobox_closeable:after { content: ""; text-transform: none; display: block; position: absolute; top: 12px; right: 10px; width: 9px; height: 9px; background: url(../images/close_message_button.html) 0 0 no-repeat;}
article.post .video_container { overflow: hidden; margin-bottom: 20px; position: relative;}
footer#footer { width: 824px; margin: 0 auto; padding: 22px 0;}
#toTop { display: none; width: 50px; height: 50px; background: url(../images/to_top.png) 0 0 no-repeat #f4f4f4; position: absolute; bottom: 57px; right:50%; margin-right: -500px; position: fixed; z-index: 999;}
#toTop:after { display: block; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; content: "";}
#toTop:hover:after { background: url(../images/to_top.png) center center no-repeat #373737;}

#blog_author { padding-top: 30px; border-top: 1px solid #e8e8e8;}


.project_iso_pages { overflow: hidden; padding: 28px 0 4px;}
#project_iso_pages li { float: left; list-style: none; margin-right: 3px; }
#project_iso_pages li a { display: inline-block; font-size: 14px; line-height: 17px; color: #9b9b9b; text-decoration: none; padding: 6px 11px 7px; border: 2px solid #e5e5e5;
 -webkit-transition: all ease .2s; 
 -moz-transition: all ease .2s; 
 -ms-transition: all ease .2s; 
 -o-transition: all ease .2s; 
 transition: all ease .2s; }
#project_iso_pages li a:hover,
#project_iso_pages li a.current { background: #e5e5e5; color: #9b9b9b;}
#project_iso_pages_2 { float: right; color: #b1b1b1; padding-top: 6px;}

/*colored*/
.colored { width: 100%; height:4px; overflow:hidden; position: absolute; top:0px; left:0px ;}
.colored div{ height:4px; width:20%; float:left;}

/*black & white custom*/
.global_wrapper{   margin: 0 auto ; max-width: 940px; height:40px; position:relative;}
 
div.sc_line { border-top: 1px solid #ededed; padding:0; margin:15px auto 24px;}

/* -- Infoboxes  */
div.sc_infobox { text-align: center; padding: 9px 10px 9px; text-transform: capitalize; font-size: 12px; line-height: 15px; margin: 0 0 15px 0; font-weight:bold; position:relative;}
div.sc_infobox_style_regular { color: #727272; border: 1px solid #ddd;
 background: rgb(255,255,255); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); }
div.sc_infobox_style_info { color: #bdae45; border: 1px solid #efda72;
 background: rgb(254,254,253); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(254,254,253,1) 0%, rgba(251,246,226,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,253,1)), color-stop(100%,rgba(251,246,226,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(251,246,226,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(251,246,226,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(251,246,226,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(254,254,253,1) 0%,rgba(251,246,226,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#fbf6e2',GradientType=0 ); }
div.sc_infobox_style_success { color: #94aa5f; border: 1px solid #c8dc88;
 background: rgb(252,255,243); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(252,255,243,1) 0%, rgba(230,239,196,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,243,1)), color-stop(100%,rgba(230,239,196,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(252,255,243,1) 0%,rgba(230,239,196,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(252,255,243,1) 0%,rgba(230,239,196,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(252,255,243,1) 0%,rgba(230,239,196,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(252,255,243,1) 0%,rgba(230,239,196,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff3', endColorstr='#e6efc4',GradientType=0 ); }
div.sc_infobox_style_error { color: #d29898; border: 1px solid #edcece;
 background: rgb(255,250,250); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(255,250,250,1) 0%, rgba(255,233,233,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,250,1)), color-stop(100%,rgba(255,233,233,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffafa', endColorstr='#ffe9e9',GradientType=0 ); }
div.sc_infobox_style_result { color: #94adb9; border: 1px solid #ccdae0;
 background: rgb(247,251,252); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(247,251,252,1) 0%, rgba(233,247,254,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,251,252,1)), color-stop(100%,rgba(233,247,254,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(247,251,252,1) 0%,rgba(233,247,254,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(247,251,252,1) 0%,rgba(233,247,254,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(247,251,252,1) 0%,rgba(233,247,254,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(247,251,252,1) 0%,rgba(233,247,254,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#e9f7fe',GradientType=0 ); }
div.sc_infobox_closeable:after { content: ""; text-transform: none; display: block; position: absolute; top: 12px; right: 10px; width: 9px; height: 9px; background: url(../images/close_message_button.html) 0 0 no-repeat;}
div.sc_infobox_style_regular:after { background-position: 0 0;}
div.sc_infobox_style_info:after { background-position: 0 -9px;}
div.sc_infobox_style_success:after { background-position: 0 -18px;}
div.sc_infobox_style_error:after { background-position: 0 -27px;}
div.sc_infobox_style_result:after { background-position: 0 -36px;}


/* -- Image - */
article figure.sc_image { margin:6px 0;}
article figure.sc_image.sc_image_align_left { float: left; margin-right: 19px;}
article figure.sc_image.sc_image_align_right { float: right; margin-left: 19px;}
article figure { overflow: hidden; position: relative;}
article figure img {vertical-align: top;}
article figure figcaption { position: absolute; bottom: 0; right: 0; left: 0; background: url(../images/slider-caption1.png) 0 0 repeat; font-size: 13px; line-height: 19px; color: #fff; padding: 5px 9px 4px; 
 -webkit-transition: all ease .2s;
 -moz-transition: all ease .2s;
 -ms-transition: all ease .2s;
 -o-transition: all ease .2s;
 transition: all ease .2s;}
article figure:hover figcaption {margin-bottom: -30px;}

div.sc_msg_form h3.title { margin-bottom:0; color:#fff; font-size:14px; line-height:17px;}
div.sc_msg_form .description { display:block; margin:14px 0;}
div.sc_googlemap .map-canvas { min-width:100px; min-height:100px;}
#jr_overlay { top: 0; left: 0; padding: 0; margin: 0; z-index: 2147483646; position: absolute; }
#jr_wrap { position: absolute; text-align: center; width: 100%; z-index: 2147483647; padding: 0; margin: 0; }
#jr_inner { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; background: #FFF; border: 1px solid #CCC; color: #4F4F4F; margin: 0 auto; height: auto; padding: 20px; position: relative; }
#jr_header { display: block; color: #333; padding: 5px; padding-bottom: 0; margin: 0; font-family: Helvetica,Arial,sans-serif; font-weight: bold; text-align: left; font-size: 1.3em; margin-bottom: 0.5em; }
#jr_inner p { text-align: left; padding: 5px; margin: 0; }
#jr_inner ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#jr_inner ul li { cursor: pointer; float: left; width: 120px; height: 122px; margin: 0 10px 10px 10px; padding: 0; text-align: center; }
#jr_inner li a { color: #333; font-size: 0.8em; text-decoration: none; padding: 0; margin: 0; }
#jr_inner li a:hover { text-decoration: underline; }
#jr_inner .jr_icon { width: 100px; height: 100px; margin: 1px auto; padding: 0; background: transparent no-repeat scroll left top; cursor: pointer; }
#jr_close { margin: 0 0 0 50px; clear: both; text-align: left; padding: 0; margin: 0; }
#jr_close a { color: #000; display: block; width: auto; margin: 0; padding: 0; text-decoration: underline; }
#jr_close p { padding: 10px 0 0 0; margin: 0; }
@media (max-width: 949px) {
	#page{ width:750px; }
	#about_data{ padding-right:0; width:215px; }
	#about_header{ padding:0 15px; }
	#about_user{ max-width:385px; }
	h1#about_title{ font-size:25px; line-height:30px; }
	.opened #about_photo{ width:95px; }
	.sidebar.cv_sidebar{ margin-left:30px; width:150px; }
	#main_wrap .project_items article.project_post{ width:190px; height:131px; }
.project_items article:hover h5{ bottom:75px; }
.switherHead { max-width:750px; }
	#main,
	footer#footer{ width:630px; }	
}
@media (max-width: 767px) { 
	#about_header{ padding:0 30px; }
	#page{ width:460px; }
	.switherHead { max-width:460px; }
	#about_data{ float:none; width:auto; margin-bottom:25px; display:none; }
	.opened #about_data{ display:block; clear:both; padding-top:20px; }
	#blog_page_link { right:0; top:-61px; }
	#header .social_links{ margin-right:78px; }
	.sidebar.cv_sidebar{ width:auto; float:none; margin:0 0 30px; }
	#main_wrap .project_items article.project_post{ width:165px; height:114px; }
	#googlemap_data .add_info{ display:none; }
	.project_items article:hover h5{ bottom:65px; }
	#main,
	footer#footer{ width:400px; }
}
@media (max-width: 479px) { 
	#page{  width:310px; }
	.switherHead { max-width:310px; }
	#main{ width:310px; margin-left:0; }
	.sc_msg_form form .field{ width:100%; }
	#main_wrap .project_items article.project_post{ width:240px; height:145px; }
	#project_iso_filters li a{ margin-bottom:2px; }
	.section_header.about_section_header .section_title{ height:60px; }
	#about_photo{ display:none; }
	.opened #about_header{ padding:0 15px; }
	#blog_page_link { top:-61px; right:0; left:auto; }
	footer#footer{ width:240px; }
	#about_data{ float:none; clear:both; }
	#header .social_links{ margin-right:125px; }
	#header .social_links li{ margin-left:2px!important; }
	.project_items article:hover h5{ bottom:90px; }
}