@import"normalize.css";
@import"animation.css";
@import"jplayer.css";
@import"tooltip.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Crushed);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400);
@import url(http://fonts.googleapis.com/css?family=Oswald:700);
/* General Style */
body {
	font-family: 'PT Sans Narrow', sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-y: scroll;
	overflow-x: hidden;
	background:#000;
	color:#000
}
h1 {
	font-style:italic;
	}
.container {
	width: 100%;
	position:relative;
	z-index:20
}
.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
.main {
	position: relative;
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
#splash header, #splash-1 header {
	display:none;
	position: fixed;
	opacity:1 !important;
	top:-200px;
	background:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
header {
	width:100%;
	position:absolute;
	z-index: 1000;
	top: 0;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	margin:0;
	z-index:7000
}
header.splash h1 >a {
	padding:20px 0 21px;
}
header.splash h1 {
	display:inline-block
}
.center {
	text-align:center
}
p {
	color: #aaa;
	font-size:18px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:normal
}
a {
	color:#fff;
	text-decoration:none;
}
.spinner {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url(../images/spinner.gif) 50% 50% no-repeat #000;
}
.preloader {
	background:url(../images/loader.gif) center center no-repeat #000;
}
.fright {
	float:right
}
.fleft {
	float:left
}
/*
 ******************* menu styles
 */

.menu-main, .menu-portfolio {
	position:absolute;
	top:0;
	left:0;
	width:474px;
	z-index:10;
}
/* menu-portfolio */

#menu-icon {
	display:none
}
.menu-portfolio {
	width:700px;
	left:0;
	opacity:1;
	margin-left:56px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.menu {
	float:left;
	position:relative;
	z-index:5
}
.top_menu {
	top:0
}
.portfolio_menu {
	float:left;
	position:absolute;
	z-index:5;
	left:-5000px;
	top:0
}
.menu-portfolio-mobile {
	display:none;
	visibility:hidden
}
.main-menu-portfolio {
	left:-2000px;
	margin-left:56px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}
.drop_pholio {
	left:0;
	right:0
}
.drop_pholio li {
	display:block;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	float:none
}
.drop_pholio li a {
	background:url(../images/bg-dark.png);
	text-align:center;
	height:60px;
	line-height:53px;
	position:relative;
	overflow:hidden;
	float:none;
	margin:0;
	padding:0;
	display:block;
	font-weight:bold
}
.drop_pholio li span {
	display:block;
	height:70px;
	width:100%;
	line-height:61px;
	position:absolute;
	font-weight:300
}
.img_menu {
	position:relative;
	overflow:hidden;
	width:100%;
}
.img_menu img {
	width:100%;
	margin-top:70px;
}
.menu-portfolio li ul {
	position:absolute;
	left:0;
	top:70px;
	z-index:1000;
	display:none
}
.top_menu a, .portfolio_menu a {
	font-size:20px;
	text-decoration:none;
	padding:0 22px;
	display:block;
	float:left;
	height:70px;
	line-height:70px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	z-index:50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top_menu >ul > li > a:hover, .active > a, .sfHover>a, .menu-portfolio >li> a:hover, .menu-main >li> a:hover {
	color:#f6ac4a;
	background:#000
}
.top_menu ul, .portfolio_menu ul {
	list-style:none;
}
.top_menu ul li, .portfolio_menu ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:50;
}
.drop_pholio li a.active .img_menu img {
	margin-top:0 !important
}
.drop_pholio li a.active span {
	display:none
}
.box-profile p {
	font-size:19px;
	line-height:26px;
	padding-bottom:10px;
}
/* splash menu */

.splash-menu {
	position:absolute;
	top:0;
	left:-400px;
	z-index:10;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../images/bg-dark.png)
}
.splash-menu li {
	float:left
}
.splash-menu a {
	font-size:20px;
	color:#fff;
	text-decoration:none;
	padding:34px 34px;
	display:block;
	line-height:22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.splash-menu a:hover {
	color:#f6ac4a
}
/* splash menu elements */


.btn-logo {
	position:relative;
	cursor:default;
	display:block;
	width:422px;
}
.enter {
	background:url(../images/bg-dark.png);
	color:#fff;
	font-size:30px;
	text-decoration:none;
	padding:28px 30px 30px;
	display:inline-block;
	line-height:32px;
	font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	font-weight:300;
	top:0;
	left:248px;
	z-index:2;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.enter span {
	display:inline-block;
	background:url(../images/arrow-splash.png) no-repeat 0 0;
	width:11px;
	height:21px;
	margin:8px 0 0 14px;
}
.btn-back {
	background:#dadada;
	cursor:pointer;
	position:relative;
	z-index:50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-back span {
	display:block;
	width:56px;
	height:70px;
	background:url(../images/btn-back-arrow.png) no-repeat 50% 50%
}
.btn-back:hover {
	background:#f39313
}
.btn-back.active span {
	background:url(../images/btn-back-arrow-active.png) no-repeat 50% 50%
}
.btn-back.active:hover span {
	background:url(../images/btn-back-arrow-active-h.png) no-repeat 50% 50%
}
.btn-back:hover span {
	background:url(../images/btn-back-arrow-h.png) no-repeat 50% 50%
}
.control-panel {
	position:fixed;
	top:187px;
	right:-300px;
	z-index:11000;
}
#tools_icon {
	width: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
	position:absolute;
	top:0px;
	right:0;
	z-index:500;
	background:url(../images/part-key.png) no-repeat 0 0;
}
#tools_icon:hover {
	background-position: right 0
}
.select-page {
	padding-bottom:8px
}
.select-page {
	text-transform:uppercase
}
.select-page a {
	font-size:16px;
	line-height:22px;
	margin-left:6px;
	text-decoration:none;
	text-transform:none
}
.select-page a {
	margin-left:0
}
.select-page span {
	display:inline-block;
	width:14px;
	height:14px;
	margin:4px 3px 0 0;
	background:url(../images/radio-btn.png) no-repeat 0 0
}
.skin-type a.active, .select-page a.active {
	font-weight:bold
}
.select-page a:hover span, .select-page a.active span {
	background-position: 0 bottom
}
.box-select {
	background:url(../images/bg-dark.png);
	color:#fff;
	font-size: 16px;
	position: absolute;
	width: 198px;
	z-index:11000;
	top:0;
	right:-250px;
	padding:20px 10px 20px 20px;
}
/*
 ******************* header
 */
 header, #portfolio-page header {
	background:url(../images/bg-dark.png)
}
#portfolio-page header {
	background-color:#828282;
}
#portfolio-page header {
	position:fixed
}
#blog_page header {
	position:fixed;
	z-index:100
}
header h1 {
	float:left;
	margin:0;
}
header h1 > a {
	position:relative;
	background-color:#120e0f;
	display:block;
	margin:0;
	width:260px;
	height:49px;
	text-align:center;
	z-index:100;
}
header.splash {
	box-shadow:none !important
}
header.splash h1 {
	float:none
}
header h1 > a {
	padding:9px 0 11px;
}
/*
 ******************* header elements
 */


.block-icons {
	position:absolute;
	top:0;
	right:10px
}
.btn-soc {
	height:70px;
	position:relative;
	width:35px;
	float:right;
	cursor:default
}
.btn-soc span {
	height:70px;
	position:absolute;
	display:inline-block;
	width:35px;
	top:0px;
	right:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: url(../images/btn-soc.png) no-repeat 50% 50%;
}
.btn-soc:hover span, .soc a:hover {
	background-color:#f39313
}
.soc {
	overflow:hidden;
	height:70px;
	position:absolute;
	top:0;
	right:34px;
	opacity:0;
}
.soc a {
	display:inline-block;
	float:left;
	width:35px;
	height:70px;
	position:relative;
	overflow:hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:0
}
.soc a {
	background:url(../images/social_icon1.png) no-repeat 50% 50%;
}
.soc a+a {
	background-image:url(../images/social_icon2.png);
}
.soc a+a+a {
	background-image:url(../images/social_icon3.png);
}
.soc a+a+a+a {
	background-image:url(../images/social_icon4.png);
}
.soc a+a+a+a+a {
	background-image:url(../images/social_icon5.png);
}
.box-profile {
	width:532px;
	padding:24px 40px;
	position:relative;
	top:70px;
	left:238px;
	z-index:2;
	background:#000
}
.gallery_page {
	margin-top:70px
}
.gallery_wrap {
	display:none
}
.box-proofing {
	width:312px;
	padding:24px 28px 20px 30px;
	position:absolute;
	top:70px;
	left:471px;
	background:#000;
}
.box-proofing p {
	padding-bottom:20px;
	color:#fff
}
#error {
	position:absolute;
	bottom:30px;
	left:30px;
	width:180px;
	color:#fff;
	display:none
}
#proofing input {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:20px;
	margin:0;
	outline:none;
	resize:none;
	position:relative;
	-webkit-background-clip:padding-box;
	border:1px solid #232323;
	box-shadow: none;
	background:none;
	padding:4px 10px 5px;
	display:block;
	width:290px;
	height:25px;
	color:#aaa
}
#proofing .button {
	float:right
}
.button {
	color:#000;
	background:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	line-height:18px;
	display:inline-block;
	padding:6px 14px;
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	margin-top:10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none
}
.button:hover {
	background:#f39313;
	color:#000
}
audio {
	display:none !important;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	top:-1000px;
	text-indent:-1000px
}
/***** 17. ISOTOPE FILTERING *****/

.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.box img {
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
#work_container {
	position:relative;
}
.share_block {
	float:left;
	margin:20px 0 0 0;
	position:relative;
	overflow:hidden;
	width:91px;
	background:url(../images/bg-dark.png);
}
.share_block.post {
	float:none;
	margin:0
}
/*share_block */


.share_caption {
	color:#fff;
	width:91px;
	height:40px;
	font-size:16px;
	line-height:40px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	float:left;
	cursor:default;
}
.share_caption span {
	display:inline-block;
	width:14px;
	height:14px;
	margin:13px 10px 0 10px;
	background:url(../images/btn-soc1.png) no-repeat 0 0;
}
.share_block:hover .share_caption {
	background:#fff;
	color:#000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.share_block:hover span {
	background:url(../images/btn-soc1_hover.png) no-repeat 0 0;
}
.icons_share {
	position:relative;
	overflow:hidden;
	float:left;
}
.share_expan {
	height:40px;
	padding:0;
	width:140px;
	position:absolute;
	left:91px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}
.share_expan a {
	width:35px;
	height:40px;
	display:block;
	float:left;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.share_expan a:hover {
	background-color:#fff
}
.social_icon1 {
	background:url(../images/social_icon1.png) no-repeat 50% 50%;
}
.social_icon2 {
	background:url(../images/social_icon2.png) no-repeat 50% 50%;
}
.social_icon3 {
	background:url(../images/social_icon6.png) no-repeat 50% 50%;
}
.social_icon4 {
	background:url(../images/social_icon5.png) no-repeat 50% 50%;
}
.social_icon1:hover {
	background:url(../images/social_icon1_hover.png) no-repeat 50% 50%;
}
.social_icon2:hover {
	background:url(../images/social_icon2_hover.png) no-repeat 50% 50%;
}
.social_icon3:hover {
	background:url(../images/social_icon6_hover.png) no-repeat 50% 50%;
}
.social_icon4:hover {
	background:url(../images/social_icon5_hover.png) no-repeat 50% 50%;
}
#easyTooltip {
	background: #ebebeb;
	font-size:15px;
	color:#000;
	line-height:18px;
	padding:3px 8px;
	text-transform:none;
	position:absolute;
	z-index:10000;
}
#easyTooltip:before {
	position: absolute;
	top: -5px;
	right: 0;
	background:url(../images/arrow-tooltip.png) no-repeat 0 0;
	width:9px;
	height:5px;
	display:block;
	content:""
}
.blog_page {
	position:relative;
	z-index:80;
	top:70px;
}
.blog {
	margin:0;
	padding:0;
	position:fixed;
	width:100%;
	height:100%;
}
.blog li {
	line-height:0px;
	font-size:0px
}
.blog_content {
	width:750px;
	position:relative;
	z-index:80;
	padding:30px 30px 30px 30px;
	overflow:hidden;
	background:#000;
}
.blog_singl .blog_item {
	display:block
}
.blog_box {
	float:left;
	width:490px;
	margin-right:20px;
}
.blog_box .button {
	margin-top:0
}
.blog_content .sidebar {
	position:relative;
	float:right;
	top:0;
	width:240px;
	background:#000
}
.blog_items {
	overflow:hidden;
}
.date_com {
	float:right;
}
.txt-post {
	padding-top:16px
}
.blog_title {
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	margin-bottom:2px
}
.blog_locat a, .blog_title {
	color:#fff;
}
.blog_locat {
	color:#787878;
	font-size:16px;
	line-height:16px;
	text-decoration:none
}
.blog_locat a {
	text-decoration:none;
}
.blog_locat a:hover, .blog_locat a.active_blog, .blog_title:hover {
	color:#a63343
}
video {
	width: 100%;
	height: auto;
}
.fluid-width-video-wrapper {
	padding: 0;
	position: relative;
	width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.date {
	color:#a63343;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-bottom:7px;
}
.comments_count {
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	float:right;
	padding:0 22px 0 0;
	background:url(../images/count_icon.png) no-repeat 100% 3px;
	color:#fff;
}
.comments_count:hover {
	color:#a63343;
}
.blog_items {
	padding-bottom:18px;
}
.item_title {
	float:left;
	width:74%
}
.intro_txt {
	padding:18px 0 20px;
	background:url(../images/border.png) repeat-x 0% 100%;
	margin-bottom:30px;
	color:#aaa
}
.p0 {
	padding-top:0
}
.comment-controll {
	border-top:1px solid #121212;
	overflow:hidden;
	padding:12px 0 0 0;
	margin:4px 0 12px
}
.comment {
	float:left;
	font-size:16px;
	line-height:18px;
	padding-left:22px;
	text-decoration:none;
	color:#fff;
	background:url(../images/marker-1.png) no-repeat 0 2px;
}
.follow_link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	line-height:18px;
	padding-left:34px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:url(../images/twit_icon.png) no-repeat 0 0;
}
.follow_link:hover, .comment:hover, .controll-post a:hover, .btn-reply:hover, .name-author:hover {
	color:#a63343;
}
.sidebar_block {
	background:url(../images/border.png) repeat-x 0% 100%;
	padding-bottom:20px;
	margin-bottom:30px;
	width:100%
}
.controll-post {
	float:right;
	overflow:hidden
}
.controll-post a {
	color:#fff;
	float:left;
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	display:inline-block
}
.prev-post {
	padding-left:15px;
	background:url(../images/marker-prev.png) no-repeat 0 4px;
}
.next-post {
	padding-right:15px;
	margin-left:20px;
	background:url(../images/marker-next.png) no-repeat right 4px;
}
.block-comments {
	background:url(../images/border.png) repeat-x 0 0;
	margin-top:4px
}
.block-comments p {
	font-size:16px;
	line-height:22px
}
.name-author {
	font-size:18px;
	line-height:20px;
	padding-bottom:4px;
	text-decoration:none;
	color:#fff;
}
time {
	color:#787878;
	font-size:16px;
	line-height:18px;
	display:block;
	background:url(../images/img-date.png) no-repeat 0 4px;
	padding-left:23px;
}
.btn-reply {
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	padding-left:22px;
	background:url(../images/marker-reply.png) no-repeat 0 4px;
	color:#fff;
}
.box-comment1 {
	padding-left:30px;
}
.box-comment {
	border-top:1px solid #121212;
	padding-top:20px;
	margin-top:4px
}
.box-comment figure {
	float:left;
	margin:1px 15px 10px 0;
	width:50px;
	height:50px;
	display:block;
	background:url(../images/img-author.gif) no-repeat 0 0
}
.box-comment.first {
	border:none;
	padding:0;
	margin:0
}
#search {
	width:100%;
	position:relative;
	border:1px solid #232323;
	height:38px;
}
#search input {
	color:#aaa;
	border:none;
	background:none;
	box-shadow:none;
	height:38px;
	line-height:38px;
	padding:0 9px;
	font-size:16px;
	font-family: 'PT Sans Narrow', sans-serif;
	width:185px;
	outline:none
}
#search .submit_button {
	background:url(../images/input_icon.png) no-repeat 50% 50%;
	width:38px;
	height:38px;
	position:absolute;
	top:0;
	right:0;
	left:inherit;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#search .submit_button:hover {
	background-color:#a63343
}
h3 {
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	margin:0 0 20px 0;
	padding-top:28px;
	color:#fff;
}
.sidebar_block h4 {
	font-size:20px;
	color:#a63343;
	font-weight:bold;
	margin:0 0 20px 0
}
.category_list {
	list-style:none;
	margin:0;
	padding:0
}
.category_list li {
	padding:7px 0 8px;
	border-bottom:1px solid #121212
}
.category_list li a, .tweet_list li a {
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	color:#fff;
}
#follow {
	width:240px;
	height:auto
}
.tweet_list li a:hover, .category_list li a:hover {
	color:#a63343
}
.firstItem, .tweet_first {
	padding-top:0 !important
}
.lastItem {
	border-bottom:none !important;
	padding-bottom:0 !important
}
.tweet_list {
	margin:0;
	padding-bottom:18px;
	list-style:none
}
.tweet_list li {
	padding:12px 0;
	border-top:1px solid #121212;
	color:#aaa;
}
.tweet_first {
	border-top:none !important;
	padding-top:0 !important
}
#basicuse.thumbs {
	margin:0 0 0 -15px;
	padding:0;
	list-style:none;
	overflow:hidden
}
#basicuse.thumbs li {
	float:left;
	margin:0 0 15px 15px;
}
#basicuse.thumbs li img {
	width:70px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
#basicuse.thumbs li a:hover img {
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}
/******************** blog 2 ******************/
 
#blog {
	overflow:hidden;
	position:relative;
	padding:20px 15px 90px
}
#blog .button {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-80px;
	font-size:20px;
	line-height:22px
}
.post-item {
}
.item-coll_1 {
	width:260px
}
.item-coll_2 {
	width:530px
}
.post-inner {
	padding:10px 10px 12px;
	margin:0 5px 10px;
	background:#000
}
.post-item .blog_title {
	font-size:20px;
	line-height:26px
}
.post-item .item_title {
	float:none;
	width:auto
}
.post-item p {
	font-size:16px;
	line-height:22px;
	padding-bottom:12px
}
.post-item .intro_txt {
	padding:17px 0 18px;
	margin-bottom:11px;
	line-height:22px
}
.post-item .date_com {
	float:none;
	overflow:hidden
}
.post-item .date_com .date {
	float:left
}
.post-item section {
	padding:0 10px 0
}
.post-item figure {
	margin-bottom:14px
}
.post-item figure img {
	width:100%
}
/******************** contact-form ******************/

#contact-form {
	display:block;
	position:relative;
	padding:0;
}
#contact-form p {
	color:#787878;
	font-size:17px;
	line-height:20px;
	padding-bottom:20px
}
#contact-form fieldset {
	display:block;
}
#contact-form label {
	display:block;
	position:relative;
	min-height:48px;
	overflow:hidden;
}
#contact-form.label {
	display:block;
	overflow:hidden;
}
#contact-form label.message {
	height:auto;
	margin:0;
	min-height:176px
}
#contact-form .message .label {
	width:auto;
}
#contact-form input, #contact-form textarea {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:17px;
	margin:0;
	outline:none;
	resize:none;
	position:reative;
	-webkit-background-clip:padding-box;
	border:1px solid #232323;
	box-shadow: none;
	background:none;
	padding:4px 10px 7px;
	width:95%;
	float:left;
	color:#aaa
}
#contact-form input {
	height:26px
}
#contact-form textarea {
	height: 156px;
	overflow:auto;
}
.btns {
	margin-right:2px;
	text-align:right
}
.btns a {
	margin-left:18px;
	cursor:pointer;
	padding: 9px 16px;
	margin-top:0
}
/******************** map ******************/

#map iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:70px;
	bottom:0;
	left:0;
	right:0
}
/******************** contact-form-1 ******************/

.box-contact {
	width:536px;
	padding:24px 30px 20px 30px;
	position:relative;
	top:70px;
	left:238px;
	z-index:1000;
	background:#000;
}
.box-contact p strong {
	color:#fff
}
.box-contact p {
	padding-bottom:20px;
	font-size:19px;
}
.coll-left, .coll-right {
	width:262px;
	float:left;
}
.coll-left {
	margin-right:8px
}
#contact-form-1 {
	display:block;
	position:relative;
	padding:0;
}
#contact-form-1 p {
	font-size:17px;
	line-height:20px;
	color:#787878;
	padding:8px 0 0;
	display:inline-block
}
#contact-form-1 p span, #contact-form-1 input, #contact-form-1 textarea {
	color:#aaa
}
#contact-form-1 fieldset {
	display:block;
}
#contact-form-1 label {
	display:block;
	position:relative;
	min-height:48px;
	overflow:hidden;
}
#contact-form-1.label {
	display:block;
	overflow:hidden;
}
#contact-form-1 label.message {
	height:auto;
	margin:0;
	min-height:129px
}
#contact-form-1 .message .label {
	width:auto;
}
#contact-form-1 input, #contact-form-1 textarea {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	margin:0;
	outline:none;
	resize:none;
	position:relative;
	-webkit-background-clip:padding-box;
	border:1px solid #232323;
	box-shadow: none;
	background:none;
	padding:4px 10px 7px;
	width:91%;
	float:left
}
#contact-form-1 input {
	height:26px
}
#contact-form-1 textarea {
	height: 107px;
	overflow:auto;
	width:95%
}
#contact-form-1 .empty, #contact-form-1 .error {
	display:none;
	font-size:14px;
	line-height:16px;
	position:relative;
	float:left;
	font-weight:bold;
	padding:2px 0 10px;
	display:block;
	color:#fff
}
#contact-form-1 label.message .empty, #contact-form-1 label.message .error {
	position:relative;
	width:100%;
}
#contact-form-1 .success {
	display:none;
	font-size:18px;
	line-height:20px;
	padding:10px;
	position:relative;
	box-shadow:none;
	-pie-background: none;
	border:1px solid #232323;
	margin-bottom:10px;
	color:#000;
	background:#fff;
	width:95%;
}
.capthca {
	float:right;
	margin-bottom:6px
}
#contact-form-1 .capthca input {
	width:126px
}
.captcha_exp {
	float:left;
	width:82px;
	padding-top:6px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
	color:#aaa
}
.btns {
	margin-right:2px;
	text-align:right
}
.btns a {
	margin-left:10px;
	cursor:pointer;
	padding: 9px 16px;
	margin-top:0;
	float:right
}


/*
-------------------responsive layouts
*/



@media only screen and (min-width: 1200px) {
.top_menu a, .portfolio_menu a {
	padding: 0 38px
}
.menu-main {
	width:600px
}
.menu-portfolio {
	width:700px
}
.block-icons {
	right:20px
}
.box-proofing {
	left:601px
}
}
 @media only screen and (max-width: 1024px) {
.menu-portfolio {
	width:495px
}
.sf-sub-indicator {
	width:12px;
	height:7px;
	position:absolute;
	bottom:24%;
	left:50%;
	margin-left:-6px;
	display:block;
	background:url(../images/indicator.png) no-repeat 0 0;
}
.colorpicker {
	padding: 12px 26px 8px 20px;
}
#picker, .controls label, .controls input, #jp_container_1, .btn-reset {
	display:none
}
.controls {
	padding:0
}
.top_menu a, .portfolio_menu a {
	padding: 0 18px
}
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
/****** menu ******/
 .top_menu a, .portfolio_menu a {
	padding: 0 8px;
	font-size:17px;
	height:70px;
	line-height:70px
}
.menu-main {
	width: 306px;
}
.drop_pholio {
	top:70px !important;
}
.box-proofing {
	left:223px
}
.menu-portfolio {
	width:370px
}
/****** header ******/
 header.header h1 > a {
}
/****** header-elements ******/

 .btn-soc span, .soc, .soc a, a.jp-play, a.jp-pause, .btn-soc, .btn-back span {
	height:70px
}
/****** box-profile ******/

 .box-profile {
	left: 190px;
	padding:20px;
	top: 70px;
	width: 450px;
}
.gallery_page {
	margin-top:70px
}
.blog_page, #map iframe, .box-proofing {
	top:70px;
}
.box-contact {
	left:0;
	top:70px
}
}
 @media only screen and (max-width: 845px) and (min-width: 768px) {
.blog_content {
	width:660px
}
.blog_box {
	width:400px
}
.video-js {
	width:400px !important;
	height:216px !important
}
}
 @media only screen and (max-width: 767px) and (min-width:559px) {
/****** splash-menu ******/	
.splash-menu a {
	padding-left:28px;
	padding-right:28px;
}
}
#contact-form input, #contact-form textarea {
	width:94%
}
 @media only screen and (max-width: 767px) {
header h1, header.splash h1 {
	float: left;
	padding:0
}
header.splash h1 > a {
	padding:5px 0
}
header.splash h1 {
	display:inline-block
}
header, #splash header, #splash-1 header {
	background:url(../images/bg-dark.png)
}
header h1 > a {
	margin: 0;
	width: 177px;
	z-index: 100;
	padding: 5px 0;
}
header h1 span {
	display:none
}
.btn-soc span, .soc, .soc a, a.jp-play, a.jp-pause, .btn-soc, .btn-back span {
	height:62px
}
.btn-logo {
	width:100%
}
.menu-portfolio-mobile {
	display:block
}
.menu-portfolio {
	display:none
}
.btn-back {
	display:none
}
.menu-mobile {
	display:none !important
}
.select-menu {
	display:block !important;
	float:left;
	width:240px;
	margin:17px 20px;
	height:28px;
	line-height:28px;
	padding:4px 6px;
	font-size:14px;
	background-color:#000;
	border:1px solid #000;
	color:#fff;
}
.enter {
	display:none
}
.control-panel {
	top: 144px;
}
.controll-post {
	float:none;
	padding-top:4px
}
.comment {
	float:none
}
.box-contact {
	left:0px;
	width:460px;
	top:62px
}
.coll-left, .coll-right {
	float:none;
	width:100%;
	margin:0
}
#contact-form-1 input {
	width:95%
}
}
 @media only screen and (max-width: 767px) and (min-width: 600px) {
.blog_content {
	width:508px
}
.blog_box {
	width:245px
}
.video-js {
	width:100% !important;
	height:150px !important
}
#contact-form input, #contact-form textarea {
	width:91%
}
}
 @media only screen and (max-width: 767px) and (min-width: 480px) {
.box-profile {
	left: 177px;
	top: 62px;
	width: 350px;
}
.blog_page, #map iframe {
	top:62px;
}
}
 @media only screen and (max-width: 767px) and (min-width: 740px) {
.gallery_page {
	margin-top:62px
}
}
 @media only screen and (max-width: 740px) and (min-width: 480px) {
.box-profile {
	left:0;
	width:370px;
	padding:20px;
	top:101px
}
.box-profile p, p {
	font-size:18px;
	line-height:20px
}
}
 @media only screen and (max-width: 740px) {
/****** header ******/	
header h1 a {
	padding: 5px 0;
	width:100%;
	text-align:center;
}
header.splash h1>a {
	padding:5px 0
}
header.splash h1, header h1 {
	float:none
}
header.splash .select-menu {
	width:94%
}
.select-menu {
	width:180px;
	margin:6px
}
.block-icons {
	top:60px
}
.btn-soc span, .soc, .soc a, a.jp-play, a.jp-pause, .btn-soc, .btn-back span {
	height:40px
}
.box-proofing, .blog_page, .box-contact {
	left: 0;
	top: 100px;
}
}
 @media only screen and (max-width: 600px) and (min-width: 480px) {
.blog_box {
	width:245px
}
.video-js {
	width:100% !important;
	height:185px !important
}
.blog_content .sidebar, .blog_box {
	float:none;
	width:400px;
	margin:0
}
.blog_content {
	width:400px;
	padding:20px
}
#basicuse.thumbs li img {
	width:68px
}
.controll-post {
	float:right;
	padding-top:0
}
.comment {
	float:left
}
.box-contact {
	width:330px
}
#contact-form-1 input, #contact-form-1 textarea {
	width:93%
}
}
 @media only screen and (max-width: 480px) {
.menu {
	float:none
}
.select-menu {
	width:97%
}
.btn-soc {
	display:none
}
.box-profile {
	left:0;
	width:230px;
	padding:20px;
	top:88px
}
.gallery_page {
	margin-top:100px
}
.blog_page, #map iframe {
	top:100px;
}
.box-proofing {
	width:212px
}
#proofing input {
	width:190px
}
.blog_box {
	width:245px
}
.video-js {
	width:100% !important;
	height:180px !important
}
.blog_content .sidebar, .blog_box {
	float:none;
	width:280px;
	margin:0
}
.blog_content {
	width:280px;
	padding:20px
}
#basicuse.thumbs li img {
	width:58px
}
.box-contact {
	width:330px
}
#contact-form-1 input, #contact-form-1 textarea {
	width:93%
}
#contact-form-1 input {
	height:20px
}
.box-contact {
	padding:10px 20px 20px
}
#contact-form-1 label {
	min-height:36px
}
.box-contact p {
	font-size: 18px;
	padding-bottom: 10px;
}
#contact-form-1 textarea {
	height:87px
}
#contact-form-1 label.message {
	min-height: 109px;
}
}
 @media only screen and (max-width: 320px) {
.box-profile {
	top:88px
}
#contact-form input, #contact-form textarea {
	width:92%
}
.box-contact {
	width:230px;
	padding-left:16px;
	padding-right:16px;
}
#contact-form-1 input, #contact-form-1 textarea {
	width:90%
}
}