@import"normalize.css";
@import"animation.css";
@import"jplayer.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Crushed|PT+Sans+Narrow:400,700|Oswald:400,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;
}
.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 {
	display:inline-block;
}
.center {
	text-align:center;
}
p {  color: #000;
	font-size:18px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:normal
}a {
	color:#000
}
.spinner {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url(../images/dark/spinner.gif) 50% 50% no-repeat #000;
}
.preloader {
	background:url(../images/dark/loader.gif) center center no-repeat #000;
}
.fright {
	float:right
}
.fleft {
	float:left
}

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

#menu-icon {
	display:none
}
ul.menu-portfolio {
	width:700px;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.menu {
	float:left;
	position:relative;
	z-index:5;
	width: 100%;
	height: 100%;
}
.top_menu,
.portfolio_menu {
	position: relative;
	height: 100%;
}
ul.portfolio_menu {
	left:-5000px;
}
.menu-portfolio-mobile {
	display:none;
}
ul.main-menu-portfolio {
	left:-2000px;
	margin-left:56px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}
.img_menu {
	position:relative;
	overflow:hidden;
	width:100%;
}
.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;
}
.menu-arrow-right {
	display: none;
	height: 100%;
	width: 40px;
	position: absolute;
	right: 0;
	background: url(../images/next-2.png) no-repeat 50% 50% #000000;
	z-index:10;
	cursor: pointer;
	opacity: 0.6;
}
.menu-arrow-right:hover {
	opacity: 1;
}
.menu-arrow-left {
	display: none;
	height: 100%;
	width: 40px;
	position: absolute;
	left: 238px;
	background: url(../images/prev-2.png) no-repeat 50% 50% #000000;
	z-index:10;
	cursor: pointer;
	opacity: 0.6;
}
.splash .menu-arrow-left {
	left: 306px;
}
#portfolio_page .menu-arrow-left {
	left: 294px;
}
.menu-arrow-left:hover {
	opacity: 1;
}
.top_menu >ul > li > a:hover, 
.active > a,
.sfHover>a, 
.menu-portfolio >li> a:hover, 
.menu-main >li> a:hover {
	color:#a63343;
	background:#fff
}
.top_menu ul, 
.portfolio_menu ul {
	list-style: none;
	position:absolute;
	z-index:5;
	top:0;
	margin:0;
	padding:0;
	background:url(../images/dark/bg-dark.png);
	float:left;
}
.top_menu ul li, 
.portfolio_menu ul li {
	margin:0;
	padding:0;
	z-index:50;
	float:left;
	display:inline;
	position: relative;
}
.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/dark/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
}
.drop_pholio li a.active .img_menu img {
	margin-top:0 !important
}
.drop_pholio ul {
	z-index:100!important;
	left: 100%!important;
	width: 100%;
	top: 0!important;
}
.sf-sub-indicator {
	width:12px;
	height:7px;
	position:absolute;
	bottom:24%;
	left:50%;
	margin-left:-6px;
	display:block;
	background:url(../images/dark/indicator.png) no-repeat 0 0;
}
.sub-menu-item .sf-sub-indicator {
	width: 11px;
	height: 21px;
	position: absolute;
	bottom: 38%;
	left: 90%;
	display: block;
	background: url(../images/dark/arrow-splash.png) no-repeat 0 0;
}
.box-profile p {
	font-size:19px;
	line-height:26px;
	padding-bottom:10px;
}
.splash-menu {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:5;
	overflow:hidden;
	height: 90px;
	margin:0;
	padding:0;
	background:url(../images/dark/bg-dark.png);
	float:left;
}
.splash-menu li {
	float:left;
	display:inline;
	list-style: none outside none;
}
.splash-menu a {
	font-size:20px;
	color:#000;
	text-decoration:none;
	padding:34px 34px;
	display:inline;
	line-height:23px;
	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;
	float:left;
}
.splash-menu a:hover {
	color:#a63343;
	background:#fff
}
/* splash menu elements */
.btn-logo {
	position:relative;
	cursor:default;
	display:block;
	width:422px
}
.enter {
	background:url(../images/dark/bg-dark.png);
	color:#000;
	font-size:30px;
	text-decoration:none;
	padding:0 30px;
	display:inline-block;
	line-height:90px;
	font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	font-weight:300;
	top:0;
	left:306px;
	z-index:2;
	height: 90px;
	overflow: hidden;
	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/dark/arrow-splash.png) no-repeat 0 0;
	width:11px;
	height:21px;
	margin:34px 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;
	width:56px;
}
.btn-back span {
	display:block;
	width:56px;
	height:70px;
	background:url(../images/dark/btn-back-arrow.png) no-repeat 50% 50%
}
.btn-back:hover {
	background:#a63343
}.btn-back.active span {
	background:url(../images/dark/btn-back-arrow-active.png) no-repeat 50% 50%
}
.btn-back.active:hover  span{
	background:url(../images/dark/btn-back-arrow-active-h.png) no-repeat 50% 50%	
}
.btn-back:hover span{
	background:url(../images/dark/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/dark/part-key.png) no-repeat 0 0;
}
#tools_icon:hover {
	background-position: right 0
}
.select-page,
.skin-type {
	padding-bottom:8px
}
.select-page,
.skin-type {
	text-transform:uppercase
}
.select-page a,
.skin-type a {
	font-size:16px;
	line-height:22px;
	margin-left:6px;
	text-decoration:none;
	text-transform:none
}
.select-page a,
.skin-type a {
	margin-left:0
}
.select-page span,
.skin-type span {
	display:inline-block;
	width:14px;
	height:14px;
	margin:4px 3px 0 0;
	background:url(../images/dark/radio-btn.png) no-repeat  0 0 
}
.select-page a.active,
.skin-type a.active {
	font-weight:bold
}
.select-page a:hover span, 
.skin-type a:hover span,
.select-page a.active span,
.skin-type a.active span {
	background-position: 0 bottom
}
.box-select{
	background:url(../images/dark/bg-dark.png);
	color:#000;
	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/dark/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;
	overflow: hidden;
}
header h1 > a {
	position:relative;	
	background-color:#a63343;
	display:block;
	margin:0;
	width:238px;
	text-align:center;
	z-index:100;
}
header.splash {
	box-shadow:none !important
}
header.splash h1 {
	float:none
}
.block-icons {
	position:absolute;
	top:0;
	right:0;
	background:#000000;
	z-index:100;
}
.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/dark/btn-soc.png) no-repeat 50% 50% ;
}
.btn-soc:hover span, .soc a:hover {
	background-color:#a63343
}
.soc {
	overflow:hidden;
	height:70px;
	position:absolute;
	top:0;
	right:34px;
	opacity:0;
	z-index:20;
	background:#000000;
}
.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 .Twitter {
	background:url(../images/w_social_twitter.png) no-repeat 50% 50%;
}
.soc .Facebook {
	background:url(../images/w_social_facebook.png) no-repeat 50% 50%;
}
.soc .linkedIN {
	background:url(../images/w_social_linkedin.png) no-repeat 50% 50%;
}
.soc .Deviantart {
	background:url(../images/w_social_devianart.png) no-repeat 50% 50%;
}
.soc .Pinterest {
	background:url(../images/w_social_pinterest.png) no-repeat 50% 50%;
}
.soc .Dribble {
	background:url(../images/w_social_dribble.png) no-repeat 50% 50%;
}
.soc .px500 {
	background:url(../images/w_social_500px.png) no-repeat 50% 50%;
}
.soc .Flickr {
	background:url(../images/w_social_flickr.png) no-repeat 50% 50%;
}
.soc .Behance {
	background:url(../images/w_social_behance.png) no-repeat 50% 50%;
}
.soc .GooglePlus {
	background:url(../images/w_social_google.png) no-repeat 50% 50%;
}
.soc .Vimeo {
	background:url(../images/w_social_vimeo.png) no-repeat 50% 50%;
}
.soc .Youtube {
	background:url(../images/w_social_youtube.png) no-repeat 50% 50%;
}
.soc .Twitter:hover {
	background:url(../images/w_social_twitter_hover.png) no-repeat 50% 50%;
}
.soc .Facebook:hover {
	background:url(../images/w_social_facebook_hover.png) no-repeat 50% 50%;
}
.soc .linkedIN:hover {
	background:url(../images/w_social_linkedin_hover.png) no-repeat 50% 50%;
}
.soc .Deviantart:hover {
	background:url(../images/w_social_devianart_hover.png) no-repeat 50% 50%;
}
.soc .Pinterest:hover {
	background:url(../images/w_social_pinterest_hover.png) no-repeat 50% 50%;
}
.soc .Dribble:hover {
	background:url(../images/w_social_dribble_hover.png) no-repeat 50% 50%;
}
.soc .px500:hover {
	background:url(../images/w_social_500px_hover.png) no-repeat 50% 50%;
}
.soc .Flickr:hover {
	background:url(../images/w_social_flickr_hover.png) no-repeat 50% 50%;
}
.soc .Behance:hover {
	background:url(../images/w_social_behance_hover.png) no-repeat 50% 50%;
}
.soc .GooglePlus:hover {
	background:url(../images/w_social_google_hover.png) no-repeat 50% 50%;
}
.soc .Vimeo:hover {
	background:url(../images/w_social_vimeo_hover.png) no-repeat 50% 50%;
}
.soc .Youtube:hover {
	background:url(../images/w_social_youtube_hover.png) no-repeat 50% 50%;
}
.box-profile {
	width:532px;
	padding:24px 40px;
	position:relative;
	top:70px;
	left:238px;
	z-index:2;
	 background:#fff
}
.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:#fff;  
}
.box-proofing p {
	padding-bottom:20px;
	color:#000
}
#error {
	position:absolute;
	bottom:30px;
	left:30px;
	width:180px;
	color:#000;
	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:#000
}
#proofing .button {
	float:right
}
.button {
	color:#fff;
	background:#000;
	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:#a63343;
	color:#fff
}
audio {
	display:none !important;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	top:-1000px;
	text-indent:-1000px
}

/***** 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/dark/bg-dark.png);
}
.share_block.post {
	float:none;
	margin:0
}
/*share_block */
.share_caption {
	color:#000;
	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/dark/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/dark/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/dark/social_icon1.png) no-repeat 50% 50%;
}
.social_icon2 {
	background:url(../images/dark/social_icon2.png) no-repeat 50% 50%;
}
.social_icon3 {
	background:url(../images/dark/social_icon6.png) no-repeat 50% 50%;
}
.social_icon4 {
	background:url(../images/dark/social_icon5.png) no-repeat 50% 50%;
}
.social_icon1:hover {
	background:url(../images/dark/social_icon1_hover.png) no-repeat 50% 50%;
}
.social_icon2:hover {
	background:url(../images/dark/social_icon2_hover.png) no-repeat 50% 50%;
}
.social_icon3:hover {
	background:url(../images/dark/social_icon6_hover.png) no-repeat 50% 50%;
}
.social_icon4:hover {
	background:url(../images/dark/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/dark/arrow-tooltip.png) no-repeat 0 0;
	width:9px;
	height:5px;
	display:block;
	content:""
}
.blog_page {
	position:relative;
	z-index:80;
	top:70px;
}
.page-template-home-template-php {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.page-template-home-template-php li {
	line-height:0px;
	font-size:0px
}
.blog_content {
	width:750px;
	position:relative;
	z-index:80;
	padding:30px 30px 30px 30px;
	overflow:hidden;
	background:#fff;
}
.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:#fff
}
.blog_items {
	overflow:hidden;
}
.date_com {
	float:right;
}
#wp-calendar td a:hover{
	color: #000000;
	background-color: #FFFFFF;
}
.txt-post {
	padding-top:16px
}
.blog_title {
	font-size:30px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:2px
}
.blog_locat a,
.blog_title{ 
	color:#000;	
}.blog_locat {
	color:#787878;
	font-size:16px;
	line-height:36px;
	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%;
}
div.date, .date_link {
	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/dark/count_icon.png) no-repeat 100% 3px;
	color:#000;
}
.comments_count:hover {
	color:#a63343;
}
.blog_items {
	padding-bottom:10px;
}
.item_title{
	float:left;
}
.intro_txt {
	padding:18px 0 20px;
	background:url(../images/dark/border.png) repeat-x 0% 100%;
	margin-bottom:30px;
	color:#000
}
.p0 {
	padding-top:0
}
.comment-controll {
	border-top:1px solid #121212;
	overflow:hidden;
	padding:12px 0 0 0;
	margin:4px 0 12px
}
.comment {
	font-size:16px;
	line-height:18px;
	padding-left:22px;
	text-decoration:none;
	color:#000;
background:url(../images/dark/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:#000;
background:url(../images/dark/twit_icon.png) no-repeat 0 0;
}
.sidebar_block {
	background:url(../images/dark/border.png) repeat-x 0% 100%;
	padding-bottom:20px;
	margin-bottom:30px;
	width:100%
}
.controll-post {
	float:right;
	overflow:hidden
}
.controll-post a {
	color:#000;
	float:left;
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	display:inline-block
}
.prev-post {
	padding-left:15px;
	background:url(../images/dark/marker-prev.png) no-repeat 0 4px;
}
.next-post {
	padding-right:15px;
	margin-left:20px;
	background:url(../images/dark/marker-next.png) no-repeat right 4px;
}
.block-comments {
	background:url(../images/dark/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:#000;
}
time {
	color:#787878;
	font-size:16px;
	line-height:18px;
	display:block;
	background:url(../images/dark/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/dark/marker-reply.png) no-repeat 0 4px;
color:#000;
}
.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/dark/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:#000;
	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/dark/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;
}
.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:#000;
}
#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:#000;
}
.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);
}
/******************** sorting ******************/
#options {
	position:fixed;
	left:0;
	top:188px;
	z-index:1000;
}
#options .filter-open {
	background:url(../images/dark/img-filter.png) no-repeat 0 0 #a63343;
	height:50px;
	width:50px;
	position:absolute;top:0;left:0;
	display:block;
	z-index:10
}
#options .filter-open:hover,
#options .filter-open:focus {
	background-color:#000
}
.filter{
	position:absolute;
	left:-1900px;
	top:0;
	overflow:hidden;
	width:370px;
	z-index:5
}
#options .filter-close
{
	background:url(../images/dark/img-filter.png) no-repeat 0 0 #000;
	height:50px;
	width:50px;
	float:left;
	display:block;
}
#options .filter-close:hover,
#options .filter-close:focus{
	background-color:#a63343
}
#filters { 
	background:url(../images/dark/bg-dark.png);
	overflow:hidden;
	float:left
}
#filters li {
	float: left; 
	list-style:none;
}
#filters li a {
	font-size:20px;
	line-height:22px;
	color: #FFFFFF;
	text-transform:uppercase;
	display:block;
	padding:14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	text-decoration:none;
}
#filters li a.selected,#filters li a:hover {
	color: #a63343;
	background:#fff;
	text-decoration:none;
}

/* blog 2 */

/* custom player skin */
.flowplayer { 
	width: 80%; 
	background-color: #222; 
	background-size: cover; 
	max-width: 800px; 
}
.flowplayer .fp-controls { 
	background-color: rgba(17, 17, 17, 1)
}
.flowplayer .fp-timeline { 
	background-color: rgba(204, 204, 204, 1)
}
.flowplayer .fp-progress { 
	background-color: rgba(166, 51, 67, 1)
}
.flowplayer .fp-buffer { 
	background-color: rgba(249, 249, 249, 1)
}
.flowplayer .fp-progress {
	background-color:#a63343 !important;
}
#blog { 
	overflow:hidden;
	position:relative;
	padding:20px 15px 30px
}
#blog .button {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-80px;
	font-size:20px;
	line-height:22px
}
.item-coll_1{
	width:260px
}
.item-coll_2{
	width:530px
}
.post-inner{
	padding:10px 10px 12px;
	margin:0 5px 10px;
	background:#fff
}
.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:6px;
	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:#fff;
}
.box-contact p strong {
	color:#000
}
.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:#000
}
#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:#000
}
#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:#000
}


/* max styles */
header h1 > a {	
	position:relative;	
	font-size:36px;	
	color:#FFF;	
	text-decoration:none;	
	background-color:#a63343;	
	font-weight:bold;	
	display:block;	
	line-height:50px;	
	font-family: 'Oswald', sans-serif;	
	text-transform:uppercase;	
	font-weight:normal;	
	margin:0;	
	width:238px;	
	text-align:center;
}

header h1 span {	
	display:block;	
	text-transform:uppercase;	
	font-size:15px;	
	line-height:18px;	
	font-family: 'Open Sans Condensed', sans-serif;	
	margin-top:-6px;	
	letter-spacing:1px
}

header {	
	position:fixed;
}

.span-button {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans Condensed',sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 6px 14px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}

/* end of max styles */

.comment-reply-link .fn .avatar-32 {
	padding:5px;
}

.slides li,
.flex-direction-nav li {
	list-style: none outside none;
}
.flex-direction-nav li .flex-next {
    background: url(../images/next-2.png) no-repeat 50% 50% #000
}

.flex-direction-nav li .flex-prev {
    background: url(../images/prev-2.png) no-repeat 50% 50% #000
}
/* DARK: flex-slider */

.counter a, 
#slidecounter,
#tray-button,
#thumb-back, 
#thumb-forward {
	background: url(../images/dark/bg-dark.png);
}
#slidecounter {
	color: #000;
}
ul#thumb-list li.current-thumb,
ul#thumb-list li:hover {
	background: #000;
}

/* DARK: main */

p,
a,
#proofing input,
.intro_txt,
#search input,
.tweet_list li,
#contact-form-1 p span, 
#contact-form-1 input, 
#contact-form-1 textarea,
.captcha_exp
{
	color: #fff;
}

.top_menu >ul > li > a:hover, 
.active > a, 
.sfHover>a, 
.menu-portfolio >li> a:hover, 
.menu-main >li> a:hover,
.box-profile,
.box-proofing,
.box-contact
{
	background: #000;
	color: #fff;	 
}

.splash-menu a,
.enter,
.box-select,
.box-proofing p,
#error,
.share_caption,
.blog_locat a, 
.blog_title,
.comments_count,
.comment,
.follow_link,
.controll-post a,
.name-author,
.btn-reply,
.category_list li a, 
.tweet_list li a,
.box-contact p strong,
#contact-form-1 .empty, 
#contact-form-1 .error
{
	color: #fff;
}

.splash-menu a:hover,
.blog_content,
.blog_content .sidebar {
	background: #000;
}

.button,
#contact-form-1 .success
{
	color: #000;
	background: #fff;
}

#reply-title
{
	width:500px;	
	color: #FFFFFF;
}
.comment-reply-link .fn .avatar-32 {
	padding:5px;
}

.widget_archive {
	font-size:20px;
	list-style-type:none;
	width:100%;
	font-family: 'PT Sans Narrow', sans-serif;
}

.widget_calendar
{
	list-style-type:none;
	font-size:20px;
	width:100%;
	font-family: 'PT Sans Narrow', sans-serif;
}

.slides li,
.flex-direction-nav li {
	list-style: none outside none;
}


/* STD. WIDGETS */

.sidebar {
	font-family: 'PT Sans Narrow',sans-serif;
}

.sidebar li {
	list-style: none outside none;	
}

.sidebar a {
    color: #AAA;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}

.sidebar h2, 
.sidebar h3, 
.sidebar h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 10px 0;
	font-family: 'PT Sans Narrow',sans-serif !important;	
}

.sidebar table td {
	padding: 3px;
}

#searchsubmit {
	margin-top:5px
}

#calendar_wrap {
    color: #AAA !important;
}

/* Supersized gallery */

#slidecounter {
	color: #FFF !important;
}

#tray-button span {
	background: url("../images/dark/thumbnail_bg.png") no-repeat scroll 0 0 transparent !important;
}

#thumb-back span {
    background: url(../images/dark/arrow_prev_hover.png) no-repeat scroll 50% 50% !important;
}
#thumb-forward span {
    background: url(../images/dark/arrow_next_hover.png) no-repeat scroll 50% 50% !important;
}
#thumb-forward:hover span,
#thumb-back:hover span {
    background-color: #fff !important;
}

#prevslide span {
    background: url(../images/dark/arrow_prev.png) no-repeat 50% 50% !important;
}
#nextslide span {
    background: url(../images/dark/arrow_next.png) no-repeat 50% 50% !important;
}
#prevslide span:hover {
    background: url(../images/dark/arrow_prev_hover.png) no-repeat 50% 50% !important;
	background-color: #fff !important;	
}
#nextslide span:hover {
    background: url(../images/dark/arrow_next_hover.png) no-repeat 50% 50% !important;
	background-color: #fff !important;
}

#play-button img {
	top:0 !important;
}
#play-button img:hover {
	top:-40px !important;
}

#jp_container_1 a.jp-play {
    background: url("../images/dark/speaker_mute.png") no-repeat scroll 50% 50% transparent;
}

#jp_container_1 a.jp-pause {
    background: url("../images/dark/speaker.png") no-repeat scroll 50% 50% transparent;
}

ul.menu-main, ul.menu-portfolio {
	min-width: 550px;	
	max-width: 1900px;
}

.post-inner {
    background: none repeat scroll 0 0 #000;
}

/* SINGLE POST */

.form-allowed-tags {
	display: none;
}

.intro_txt,
#search input,
.recentcommentsp, 
.intro_txt,
.widget,
.textwidget
{
    color: #AAAAAA;
}

#searchsubmit {
	float: right;
	margin-right: 24px;
}

.sidebar a {
	color: #FFF;
}
.sidebar a:hover {
	color: #a63343;
}

/* COMMENTS */

.form-allowed-tags {
	display: none;
}

#comment-form p {
	color: #AAA;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 25px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #232323;
    box-shadow: none;
    color: #AAAAAA;
    float: left;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 17px;
    margin: 0;
    outline: medium none;
    padding: 4px 10px 7px;
    resize: none;
	width: 95%;
	margin-bottom:10px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	height: 26px;
}

.form-submit #submit {
    cursor: pointer;
    float: right;
    margin-left: 10px;
    padding: 9px 16px;
    background: none repeat scroll 0 0 #FFF;
    border: medium none;
    color: #000;
    display: inline-block;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
	margin-top: 15px;	
}

.intro_txt {
	font-size: 18px;
}

.comment-author img {
	display: block;
	float: left;
	height: 50px;
	margin: 1px 15px 10px 0;
	width: 50px;
}

.comment-meta a {
	background: url("../images/img-date.png") no-repeat scroll 0 4px transparent;
    color: #FFF;
    display: block;
    font-size: 16px;
    line-height: 18px;
    padding-left: 23px;
	padding-top: 2px;	
	text-decoration: none;	
}
.comment-meta a:hover {
	color: #a63343;
}

.comment-reply-link {
	background: url("../images/dark/marker-reply.png") no-repeat scroll 0 4px transparent;
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    padding-left: 22px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 16px;
}

.comment {
	position: relative;	
	background-image: none;
	list-style: none outside none;
}

.commentlist p {
    font-size: 16px;
    line-height: 22px;
	padding-top:25px;
	color: #AAA;
}

h3#comments {
	padding-top: 0;
	color: #FFFFFF;
}

.commentlist li {
	border-top: 1px solid #121212;
	padding-top: 18px;
}

.intro_txt h3 {
	color:#AAAAAA !important;
}

.follow_link:hover, 
.controll-post a:hover, 
.btn-reply:hover, 
.name-author:hover {
	color:#a63343;
}

.empty {
	color: #222222;
}

#wp-calendar td a {
	background-color: #222222;
	color: #AAAAAA;
}

.current-menu-item,
.current-menu-parent,
.current-menu-ancestor {
	background: #000;
}



/* -responsive layouts- */
@media only screen and (max-width: 995px) {
	.share_block {
		margin:0 !important;
	}	
}
	
@media only screen and (max-width: 740px) {

	#jp_container_1 a.jp-play, #jp_container_1 a.jp-pause {
		height: 40px !important;
		margin-top: 0 !important;
	}

}
@media only screen and (min-width: 1200px) {
	.top_menu a, .portfolio_menu a {
		padding: 0 38px
	}
	.menu-main {
		width:600px
	}
	.menu-portfolio {
		width:700px
	}
	.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/dark/indicator.png) no-repeat 0 0;
	}
	.colorpicker {
		padding: 12px 26px 8px 20px;
	}
	#picker, 
	.controls label,
	.controls input, 
	.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/dark/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;
		height:26px;
		line-height:28px;
		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:216px;
		margin:3px 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%
	}
	.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%
	}
}