/*
Theme Name: Ron Lavie
Theme URI: 
Description: 
Version: 1.0
Author: Goola
Author URI: http://www.goola-la.com
*/


/* Begin Typography & Colors */
* {
	margin:0;
	padding:0;
	border:none;
}

a {
	text-decoration:none;
	color:#3b3a3a;
}
a:hover {
	color:black;
}

ul {
	list-style-type:none;
}
ul li{
	float:right;
}

.text-left {
	text-align:left;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

ul {
	list-style-type:none;
}
	
/* End Images */


.hidden {
	display: none;
	}
	

.clear {
	clear: both;
}

hr {
	border: none;
	}

a img {
	border: none;
	}

	
body {
	direction:rtl;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	font-size:0px;
	font-family: Arial;
	color:#3b3a3a;
	}

	
	.first {
		margin-right:0;
	}
/* End Typography & Colors */



/* Begin Structure */
.site {
	font-size:13px;
	line-height:19px;
	width:998px;
	min-width:998px;
	max-width:998px;
	margin:0 auto;
	text-align:right;
	position:relative;
}

#header {
	background:#f0f0ed url(img/header-shadow.png) repeat-y top center;
	margin-bottom:40px;
	border-bottom:1px solid #cbcbcb;
}
.header-rap {
	max-width:1408px;
	max-width:100%;
	margin:0 auto;
	background:transparent url(img/header-back.png) repeat-y top center;
	position:relative;
	left:1px;
	min-height:91px;
}
.head {
	height:91px;
}

.head .logo {
	width:160px;
}
.head .logo ,
.head  .slash {
	display:block;
	float:right;
	margin-top:30px;
}
.head  .slash {
	background:transparent url(img/back.png) no-repeat -335px 0px;
	width:28px;
	height:44px;
	margin-right:8px;
}

.head .logo {
	color:black;
	font-size:33px;
	font-family:MeodedPashut_OERegular;
	font-weight:normal;
}
.head .logo span{
	font-family:MeodedPashut_OEBold;

}
.head h1{
	font-size:18px;
	font-family:MeodedPashut_OERegular;
	font-weight:normal;
	margin-top:6px;
}

.menu {
	color:black;
	font-size:15px;
	margin-left:40px;
	float:left;
	margin-top:58px;
	font-family:MeodedPashut_OERegular;
	font-size:17px;
	line-height:15px;
}
.menu li {
	padding-left:24px;
}
.menu li a:hover {
	color:black;
}
.menu li .sep {
    float: right;
    font-size: 18px;
    margin-left: 4px;
    width: 4px;
}
.menu .current_page_item, .menu li:hover {
    background-color: #ACB0AD;
}

.menu .icon{
	float:right;
	width:10px;
	height:16px;
	background:transparent url(img/back.png) -353px -52px no-repeat;
	position:relative;
	top:-3px;
	margin-left:5px;
	margin-right:5px;
}
.menu .with-icon .sep{
	display:none;
}
.menu .with-icon {
	padding-right:3px;
}
.head .flag {
	display:block;
	width:29px;
	height:122px;
	position:absolute;
	left:2px;
	background:transparent url(img/back.png) no-repeat -371px 0px;
	z-index:2;
}

#header .home-header {
	width:100%;
	height:360px;
	background:transparent url(img/home-header-back.png) no-repeat center top;
	position:relative;
	left:1px;
		
}

#header .scroll-rap {
	position:relative;
	right:-50000px;
	top:37px;
}

#header #scroll {
	color:white;
	font-size:14px;
	height:290px;
	right:50px;
	width:250px;
	font-family:MeodedPashut_OERegular;
	font-size:16px;
	line-height:17px;
}
#header .scroll-back {
	width:483px;
	height:359px;
	background-color:black;
	opacity:0.48;
	filter: alpha(opacity = 48);
	position:absolute;
	right:-206px;
	top:-37px;
}

#scroll p {
	margin-bottom:18px;
}


#page {
	overflow:hidden;
}
.home #content div {
	float:right;
	width:276px;
	border-top:black 6px solid;
	margin-left:84px;
	margin-top:19px;
	height:400px;
}

.home #content .candel .candel-light {
	border:0;
	margin:0;
	float:none;
	clear:both;
	background-color:#edeee7;
	margin-bottom:5px;
	height:90px;
	position:relative;
}
.home #content .candel p{
	margin:0 7px;
	padding:9px 0;
}
.home #content .candel .comment{
	max-height:32px;
	overflow:hidden;
}
.home #content .candel .comment-footer{
	border:0;
	text-align:left;
	border-top:#cacbc6 1px dashed;
	padding:0;
	line-height:32px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
.home #content .photos {
	border-color:#b29d70;
}

.home #content .music {
	border-color:#7d8d93;
	position:relative;
	right:-5px;
}
.home #content .music iframe {
	width:276px;
	height:170px;
}

.home #content .music p{
	width:279px;
	height:98px;
	background:transparent url(img/back.png) no-repeat top left;
	margin-top:20px;
}
.home #content  h2{
	border:0;
	margin:0;
	padding:0;
	border-bottom:1px solid;
	border-color:inherit;
	margin:14px 0 25px;
	padding:0 3px 11px 0;
	font-family:MeodedPashut_OERegular;
	font-size:24px;
	font-weight:normal;
}

.home #content  h2 span{
	font-family:MeodedPashut_OEBold;
}

.home #content .more {
	display:block;
	position:relative;
	bottom:auto;
	text-align:left;
	margin-top:20px;
}
.home #content .more span {
	float:left;
	margin-right:10px;
	margin-left:10px;
	display:none;
}
.home #content .photos img {
	width:82px;
	height:82px;
	padding:1px;
	border:1px #dfcfac solid;
	margin-right:9px;
	margin-bottom:9px;
}
.home #content .photos .first {
	margin-right:0;
}

.home #content .candel {
	margin-left:0;
}
.home #content .candel .c-icon{
	width:15px;
	height:23px;
	display:block;
	float:right;
	background:transparent url(img/back.png) -329px -53px no-repeat;
	margin-left:21px;
	position:relative;
	top:-5px;
	right:6px
}
.home #content .candel h2{
	padding-bottom:7px;
}

.with-sidebar #content,
#content .with-sidebar,
#content .content-head div,
#content .content-head p,
#content .content-head h3,
#content .content-head h4,
#content .content-head h5,
#content .content-head h3{
	width:640px;
	float:left;
}

#content .content-head {
	min-height:53px;
	position:relative;
}
#content .content-head h3,
#content .content-head ul,
#content .content-head #comments {
	font-size:22px;
	font-weight:normal;
	font-family:MeodedPashut_OEBold,arial;
}
#content .content-head h3{
	line-height:13px;
	margin-top:23px;
}

#content .content-head h4 {
	font-size:16px;
	font-weight:normal;
	font-family:MeodedPashut_OEBold,arial;
	margin-top:20px;
	margin-bottom:11px;
}
#content .content-head h5,
#content .comments-list {
	font-size:16px;
	font-weight:normal;
	font-family:MeodedPashut_OERegular,Arial;
}
#content .content-head h5{
    bottom: 12px;
    position: absolute;
    right: 357px;
}
#content .comments-list {
	margin-top:100px;
	line-height:22px;
}

#content .comments-list .comment-footer {
	font-size:13px;
	margin-top:7px;
	margin-bottom:20px;
	font-family:arial;
}

#content .content-head p
{
	height:100%;
	min-height:53px;
}
#content .content-head ul li{
	width:30%;
	padding-top:8px;
}

#content .content-head ul  a{
	padding-top: 10px;
    position: relative;
    top: 10px;
}

#content .content-head ul .curr-menu a,
#content .content-head ul li a:hover{
	border-top:6px solid;
}
#comment-back {
	display:none;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.7;
	filter: alpha(opacity = 70);
	z-index:5;
}

#content .add-comment {
}
#content .add-comment form{
	z-index:6;
	display:none;
	width:233px;
	height:198px;
	background:transparent url(img/light-candel-back.png) no-repeat;
	padding-top:31px;
	position:absolute;
	top:73px;
	right:485px;
}
#content .content-head form input, #content .content-head form textarea {
    background: none repeat scroll 0 0 transparent;
    height: 19px;
	line-height:19px;
    margin-bottom: 7px;
    margin-right: 16px;
    width: 190px;
	padding:0 3px;
	font-family:arial;
	font-size:12px;
}
 #content .content-head form textarea {
	height:94px;
	width:187px;
	font-family:arial;
}
#content .content-head form p {
    color: white;
    float: right;
    position: relative;
    right: 17px;
    top: 0px;
	width:auto;
	height:auto;
}

 #content .content-head form .button {
    height: 22px;
    margin-left: 25px;
    margin-top: 2px;
    width: 50px;
    cursor: pointer;
    float: left;
}
#content .content-head form #close, #footer #c-close {
    cursor: pointer;
    float: left;
    height: 25px;
    left: -7px;
    margin-left: 10px;
    position: absolute;
    top: 2px;
    width: 25px;
}
#content .comments #open-comment {
	width:96px;
	height:30px;
	background:transparent -108px -108px no-repeat url(img/back.png);
	cursor:pointer;
	float:none;
	display:inline-block;
	position:relative;
	top:9px;
}

#content .comments #open-comment:hover{
	background-position:-4px -108px;
}
#content .comments .sep {
	padding-right:7px;
	padding-left:3px;
}

#content .content-head form #close {
	cursor: pointer;
    width:20px;
	height:20px;
	float:left;
	margin-left:10px;
}

#content .entry {
	border-top:1px solid black;
	margin-bottom:75px;
	padding-top:4px;
	clear:left;
	position:relative;
}

#content .entry h4{
	font-size:17px;
	font-weight:normal;
	font-family:MeodedPashut_OEBold;
	margin-top:-7px;
	line-height:20px;
}
#content .entry h3{
	font-size:16px;
	margin-top:14px;
	font-family:MeodedPashut_OEBold;
}
#content .entry .text p{
	margin:11px 0 19px;
}
#content .entry .text img{
	max-width:640px;
	height:auto;
}
#content .comments-list .entry {
    background: url("img/comment-candel.png") no-repeat scroll calc(100% + 15px) 7px transparent;
    margin: 0;
	margin-bottom:20px;
    min-height: 125px;
    padding: 16px 176px 0 0;
	position:relative;
	border-top-style:dashed;
	border-top-color:#CBCBCB;
}

.thumb-view .list{
	width:1178px;
	margin-top:145px;
	
}

#page .thumb-view .content-head {
	font-family:arial;
	font-size:13px;
}
#page .thumb-view .list .entry {
	border:0;
	margin:0;
	border-top:6px solid black;
	float:right;
	width:276px;
	height:267px;
	margin-left:85px;
	margin-bottom:62px;
}
#page .thumb-view .list .entry h3,
#page .thumb-view .list .entry h4{
	font-family:arial;
	font-size:13px;
	line-height:13px;
	color:#3B3A3A;
	margin-top:8px;
}
#page .thumb-view .list .entry h4 {
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 17px;
    margin-top: -9px;
    padding-bottom: 14px;
}

#content .list .entry embed,
#content .list .entry iframe {
	margin-top:20px;
	height:500px;
	width:640px;
}

#page .thumb-view .list .entry iframe{
	width:276px;
	height:200px;
	margin-top:0px;
}


#content .more span {
	display:block;
	float:right;
	width:19px;
	height:19px;
	background:transparent url(img/back.png) no-repeat -344px -122px;
	margin-left:10px;
}
#content .more {
	font-size:14px;
	font-weight:normal;
	font-family:MeodedPashut_OEBold;
	line-height:19px;
	position:absolute;
	bottom:-61px;
}
.site #content .thumb {
	float:right;
	clear:both;
	margin-top:0;
	padding-bottom:41px;
	border-top:1px solid black;
}

#content .entry p{
	margin-top:15px;
}

#content h2, 
.sidebar h2 {
	border-top:6px solid;
	width:276px;
	border-bottom:1px solid;
	margin-bottom:20px;
	padding:14px 0;
	float:right;
	font-family:MeodedPashut_OERegular;
	font-size:27px;
	line-height:19px;
	font-weight:normal;
}

#content h2 span, 
.sidebar h2 span{
	font-family:MeodedPashut_OEBold;
}
#content h2 {
	border-bottom:0px;
	margin-bottom:0;
}

#content .header-underline h2,
#content .header-underline .head-text {
	border-bottom:1px solid;
}
.sidebar {
	width:276px;
	float:right;
	font-family:MeodedPashut_OEBold;
	font-size:22px;
	line-height:22px;
}

#content .thumb img,
#content .gallery img,
.sidebar img {
	width:272px;
	padding:1px;
	border:1px #b29d70 solid;
	margin-top:24px;
}

.gallery .img{
	float:right;
	font-family:MeodedPashut_OERegular;
}
.img{
	position:relative;
	margin:7px 0 16px;
}
.img span {
    background-color: black;
    bottom: 12px;
    color: white;
    display: block;
    font-size: 16px;
    margin-right:28px;
    opacity: 0.5;
	filter: alpha(opacity = 50);
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 208px;
	line-height:33px;
}
.gallery .img span {
	bottom:20px;
}
.thumb span {
	bottom:55px;
}

.gallery {
	clear:both;
	width:1135px;
	padding-top:40px;
}

#content .gallery img {
	height:264px;
	width:auto;
	margin:0 0 8px 31px;
}

.navigation {
	clear:both;
	line-height:30px;
}
 .navigation div{
	float:right;
}
.navigation .prev ,
.navigation .next {
	font-family:MeodedPashut_OEBold;
	font-size:14px;
}
.navigation .next {
	border-right:1px #8c8c88 dashed;
	padding-right:27px;
	margin-right:27px;
}
.navigation .prev {
	border-left:1px #8c8c88 dashed;
	padding-left:27px;
	margin-left:27px;
}
.navigation .count {
	font-size:15px;
}
.navigation  span{
	display:block;
	width:7px;
	height:15px;
	margin-top:6px;
}
.navigation .next span{
	float:left;
	margin-right:5px;
	background:transparent url(img/back.png) no-repeat -320px -120px;
}
.navigation .prev span{
	float:right;
	margin-left:5px;
	background:transparent url(img/back.png) no-repeat -310px -120px;
}

.player {
	width:1009px;
	height:41px;
	background:transparent url(img/player.png) no-repeat center top;
	margin:0 auto;
	clear:both;
	margin-top:77px;
}

.footer {
	background-color:#f0f0ed;
	clear:both;
	height:100px;
	padding-top:18px;
}
.footer-rap {
	border-top:1px solid #cbcbcb;
	padding-top:1px;
	clear:both;
	display:block;
	margin-top:32px;
}

.footer .credits {
	float:right;
}
.footer .goola i{
	font-size:11px;
}

.footer .links span {
	float:left;
	font-size:14px;
	color:#cacbc6;
}


.footer .links .button {
	display:block;
	width:77px;
	height:30px;
	background:transparent url(img/back.png) -125px -135px no-repeat;
	cursor:pointer;
	margin-left:12px;
	margin-top:-5px;
}
.footer .links .button:hover {
	background:transparent url(img/back.png) -20px -135px no-repeat;
}

.footer .contact {
    background: url("img/contact.png") no-repeat scroll center top transparent;
    float: left;
    height: 198px;
    left: 86px;
    padding-top: 30px;
    position: absolute;
    top: -200px;
    width: 242px;
	display:none;
}

.footer .contact input, .footer .contact textarea {
    height: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-right: 22px;
    width: 190px;
	font-family:arial;
	font-size:12px;
}
.footer .contact textarea {
    height: 90px;
}

.footer .contact p {
    color:white;
	margin-right:22px;
}
.footer .contact #co_button {
    background-color: transparent;
    float: left;
    left: 29px;
    position: relative;
    top: -2px;
    width: 50px;
	cursor:pointer;
	height:20px;
}

.mp3-player {
	height:35px;
	padding:5px;
    font-size: 12px;
	color:white;
	line-height:30px
}

.player .mp3-player a,.player .mp3-player div {
    position: relative;
	float:right;
    height: 30px;	
	display:block;
    font-size: 12px;
	color:white;
	line-height:30px;
	left:0 !important;
}

.player .now {
    line-height: 30px;
    padding-right: 10px;
    text-align: right;
}
.player .volume-bar {
    margin-right: 7px;
    width: 26px;
	cursor:pointer;
}

.player .prev, .player .next {
    text-align: right;
    text-indent: 11px;
    width: 115px;
}

.player .next {
    margin-right: 13px;
    text-align: right;
    text-indent: 45px;
}
.player .play,
.player .pause {
	width:30px;
	background:transparent url(img/back.png) -245px -102px no-repeat;
	margin-right:11px;
	padding-right:2px;
}
.player .pause {
	background-position:-210px -104px;
}

.player .mp3-player .volume-bar-value {
	background:transparent url(img/player-vol.png) no-repeat center left;
	left:0px;
	position:absolute;
}

.player .jp-progress {
    height: 13px;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 2px 2px;
    width: 250px;
	margin-right:20px;
}
.player .mp3-player .jp-load-bar {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    width: 0;
	left:0;
	position:absolute;
}

.player .bullet {
    background: url("img/back.png") no-repeat scroll -317px -100px transparent;
    height: 16px;
    left: 9px;
    top: -7px;
    width: 16px;
}

.player .mp3-player .jp-play-bar {
    background: url("img/player-progress.png") repeat-x scroll 0 4px transparent;
    height: 10px;
    left: 6px;
    overflow: hidden;
    padding-right: 5px;
    padding-top: 5px;
    position: absolute;
    top: 10px;
}
.player .jp-total-time {
	width:30px;
}
.player .sep {
	width:15px;
	text-align:center;
}
.player .jp-play-time {
	width:30px;
}

/* mobile */
@media (max-width: 800px) {
	.site {
		width: 90%;
		min-width: unset;
		padding:0 5%;
		font-size:15px;
		line-height:21px;
	}
	#page .thumb-view .content-head {
		font-size:15px;
		line-height:21px;
	}
	.player {
		width: 100%;
	}
	.site.head {
		overflow:hidden;
		padding-top:12px;
	}
	.header-rap {
		height: 68px;
		min-height: unset;
	}
	.head .slash {
		margin-top: 0;
		margin-right: 4px;
	}
	.head .logo {
	    margin-top: 0;
	}
	.head .flag {
		left: calc(5vw + 40px);
		top:-24px;
	}
	.menu li .sep {
		display:none;
	}
	.menu li {
		padding: 12px 12px 12px 48px;
		border-bottom: 1px solid white;
		float:none;
	}
	.menu .icon {
		top: 9px;
		margin-left: 12px;
	}
	.menu a {
		color:white;
		display:block;
	}
	.head.opened .menu {
		left:0;
	}
	.menu {
		position: fixed;
		background: #7d8d93;
		color: white;
		top: 0;
		z-index: 99;
		padding: 85px 5.5vw 35px;
		margin: 0;
		width: auto;
		right:auto;
		left: -100%;
		transition:left 0.5s;
	}
	.head.opened .hamburger:before,
	.hamburger:after {
		content:"";
		height:2px;
		width:calc(100% - 4px);
		background:black;
		position:absolute;
		margin:auto;
		top:0;
		bottom:0;
		left:0;
		z-index:999;
	}
	.head.opened .hamburger:before {
		background:white;
		transform:rotate(-45deg);
	}
	.head.opened .hamburger:after {
		background:white;
		transform:rotate(45deg);
	}
	.head.opened .hamburger {
		border-color:transparent;
	}
	.hamburger {
		display: block;
		position: absolute;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
		width: 24px;
		height: 20px;
		left: 5vw;
		cursor:pointer;
	}
	#content .content-head h3 {
		line-height: 27px;
	}
	#page .thumb-view .list .entry {
		width:90vw;
		float:none;
		margin-left:0;
	}
	#page .thumb-view .list .entry iframe {
		width: 100%;
		height: 56vw;
	}
	.site #content .thumb,
	.sidebar,
	.with-sidebar #content, 
	#content .with-sidebar, 
	#content .content-head div, 
	#content .content-head p, 
	#content .content-head h3, 
	#content .content-head h4, 
	#content .content-head h5, 
	#content .content-head h3,
	#content h2, 
	.sidebar h2 {
		width: auto;
		float: none;
	}
	#content .comments-list .entry {
		background-position:calc(100% + 30px) 7px;
		padding-right:120px;
	}
	.gallery {
		width:auto;
	}
	.gallery .img span {
		display:none;
	}
	#content .gallery img {
		margin-left:12px;
		height:auto;
		max-width:100%;
	}
	#content .list .entry embed, #content .list .entry iframe {
		height:56vw;
	}
	#content .list .entry embed, #content .list .entry iframe,
	#content .entry .text img {
		max-width: 100%;
	}
	.home #content div,
	.home #content .music,
	.home #content .photos {
		width: auto;
		float: none;
		margin-left: 0;
		height:auto;
	}
	.home #content .music iframe {
		width: 100%;
		height: 52vw;
	}
	.player {
		margin-top:24px;
	    background: #3b3a3a;
		height: 100px;	
		border-bottom:1px solid gray;
		position:relative;
	}
	.player .mp3-player .jp-controls li a#jplayer_next:after {
		left:auto;
		right:10px;
	}
	.player .mp3-player .jp-controls li #jplayer_next:after ,
	.player .mp3-player .jp-controls li #jplayer_previous:before {
		content:"";
		width:2px;
		height:12px;
		background:white;
		position:absolute;
		top:9px;
		left:10px;
	}
	.player .mp3-player .jp-controls li a#jplayer_next:before {
		border-left: 11px solid white;
		border-right: 0;
	}
	.player .mp3-player .jp-controls li #jplayer_next:before ,
	.player .mp3-player .jp-controls li #jplayer_previous:after {
		content:"";
		display: inline-block;
		border-right: 11px solid white;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		margin: 0 12px;
		vertical-align: middle;
	}
	.player .mp3-player .jp-controls li #jplayer_previous {
		text-align:left;
	}
	.player .mp3-player .jp-controls li #jplayer_previous,
	.player .mp3-player .jp-controls li #jplayer_next {
		width:calc(50% - 28px);
		position:relative;
		text-indent:0;
	}
	.player .mp3-player .jp-controls li {
		position: static;
		float:none;
	}
	.player .mp3-player .jp-controls {
		position: absolute;
		top: 30px;
		right: 0;
		left: 0;
	}
	.player .mp3-player .jp-progress:before {
		content:"";
		position: absolute;
		height: 4px;
		right: 0;
		left: 0;
		background: #AAAAAA;
		top: 14px;
	}
	.player .mp3-player .jp-progress {
		position:absolute;
		right:0;
		top:60px;
		margin-right:24px;
		padding:0;
		width:calc(100% - 120px - 24px);
	}
	.player .mp3-player #jplayer_total_time {
		left:16px !important;
	}
	.player .mp3-player .sep {
		left:48px !important;
	}
	.player .mp3-player .jp-play-time {
		left:70px !important;
	}
	.player .mp3-player .sep,
	.player .mp3-player #jplayer_total_time,
	.player .mp3-player .jp-play-time {
		position:absolute;
		top:60px;
		font-size:14px;
	}
	.player .mp3-player .volume-bar {
		display:none;
	}
	.player .mp3-player .now {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		text-align: center;
		padding: 0 20px;
		font-size: 14px;
	}
	.jScrollPaneContainer {
		overflow: auto !important;
		width: auto !important;
	}
	#header .scroll-rap {
		right: 0px;
		top: 250px;
		width: auto;
		height: calc(290px - 10vw);
		padding-top:5vw;
		padding-bottom:5vw;
	}
	#header .home-header {
		height: 250px;
		margin-bottom: calc(290px + 37px);
	}
	#header .scroll-back {
		top: 0;
		height: auto;
		bottom: -37px;
		width: auto;
		left: 0;
		right: 0;
		opacity:0.9;
	}
	.home #content .photos img {
		width: calc(33.333% - 10px);
		height: auto;
	}
	.thumb-view .list {
		margin-top:30px;
	}
}
/* mobile */
@media (max-width: 1024px) and (min-width: 800px) {
	.site {
		max-width:90vw;
		min-width:unset;
	}
	.with-sidebar #content, 
	#content .with-sidebar, 
	#content .content-head div, 
	#content .content-head p, 
	#content .content-head h3, 
	#content .content-head h4, 
	#content .content-head h5, 
	#content .content-head h3 {
		max-width:calc(90vw - 320px);
	}
	.player {
	    max-width: 90vw;
		background-position:100% top;
	}
	.player .mp3-player .now {
		color:black;
		float: none;
		clear: both;
		display: block;
		text-align: center;
	}
	.menu {
		max-width: calc(100% - 281px);
		margin-top:30px;
	}
	.menu li {
		margin-bottom: 12px;
	}
	
	#header .home-header {
		background-position: right top;
	}
	.home #content div.candel {
		margin-left:0;
	}
	.home #content .candel,
	.home #content .music,
	.home #content .photos {
		width: calc(33.333% - 16px);
		margin-left: 24px;
		height:auto;
	}
	.home #content .photos .first,
	.home #content .photos img {
		width: calc(50% - 8px);
		margin-right: 4px;
		margin-bottom: 4px;
		height: auto;
	}
	.home #content .music iframe {
	    width: 100%;
		height: 136px;
	}
	.home #content .music p {
		width: 230px;
		background-size: 325px;
		height: 80px;
		margin: 20px auto;
	}
	#content h2, .sidebar h2 {
		width:auto;
		float:none;
	}
	.home #content div {
		width: auto;
	}
	.gallery {
		width:auto;
	}
}