.header,.middle,.footer{
	position:relative;
	width:100%;
}

.fullContainer{
	position:relative;
	width:100%;
}

/*******************************************/

.popup{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:99999;
	overflow-y:scroll;
	background:rgba(0,0,0,0.7);
}
.popup .closeBtn{
	position: absolute;
	top:30px;
	right:30px;
	width:30px;
	height:30px;	
	background:url("../../../static/images/close.png") center no-repeat;
	background-size:30px 30px;
}
.popup .popupContent{
	position:relative;
	margin:0px auto;
	margin-top:100px;
	width:80%;
}
/*******************************************/

@media(min-width:900px){
	.content{
		position:relative;
		margin:0px auto;
		width:1200px;
	}
}
@media(max-width:800px){
	.content{
		position:relative;
		margin:0px auto;
		width:340px;
		overflow:hidden;
	}
}

/*******************************************/

@media(min-width:900px){
	.logo{
		width:250px;
	}
	.navDesktop{
		width:485px;
	}
	.navDesktop .donateBtn{
		padding:2px 15px;
		outline:none;
		color:#FFF;
		border:1px solid #E8A500;
		background:#E8A500; 
	}
	.navDesktop .donateBtn:hover{
		color:#E8A500;
		background:#FFF; 
	}
	.navMobile{
		display:none;
	}
	.menuMobile{
		display:none;
	}
}
@media(max-width:800px){
	.logo{
		width:120px;
	}
	.navDesktop{
		display:none;
	}
	.navMobile{
		display:block;
	} 
	.navMobile .burgerMenu{
		width:30px;
		height:20px;
		background:url("../../../static/images/burger-blue.png");
		background-size:cover;
	}
	.navMobile .burgerMenu:hover{
		background:url("../../../static/images/burger-orange.png");
		background-size:cover;
	}
	.menuMobile{
		position:fixed;
		top:0px;
		right:0px;
		padding-top:100px;
		width:100%;
		height:100%;
		z-index:1;
		overflow:scroll;
		display:none;
		background:rgba(186,229,249,0.95);
		
	}
	.menuMobileClose{
		position:absolute;
		top:20px;
		left:20px;
		width:30px;
		height:30px;
		background:url("../../../static/images/close.png") center no-repeat;
		z-index:9999;
	}
	.menuMobileEnAr{
		position:absolute;
		top:25px;
		right:20px;
		z-index:9999;
	}
}

@media(min-width:900px){
	#section1{
		height:200px;
	}
	#section1 .section1Shrine{
		position: absolute;
		top:0px;
		right:0px;
		width:400px;
		height:765px;
		background:url("../../../static/images/shrine.png") top no-repeat;
		z-index:-1;
		display:block;
	}
	#section1 .section1ShrineMobile{
		display:none;
	}
	#section2 .section2VideoDesktop{
		width:450px;
		height:300px;
		margin-top:50px;
		margin-right:125px;
	}
	#section2 .section2VideoMobile{
		display:none;
	}
	#section2 .village{
		width:100%;
		height:700px;
		background:url("../../../static/images/shrine3.jpg") top no-repeat;
		background-size:cover;
	}
	#section3 .section3ShrinePortait{
		position: absolute;
		top:100px;
		right:0px;
		width:600px;
		height:800px;
		background:url("../../../static/images/shrine2.jpg") center no-repeat;
		background-size:cover;
		z-index:-1;
	}
	#section3 .section3ShrineLandspace{
		width:100%;
	}
	#section3_1_1{
		padding:30px 0px; 
		background:rgba(186,229,249,0.7);
	}
	#section4{
		padding:30px 0px; 
		background:#23A4DD;
	}
	#section4 .progressBar{
		width:100%;
		height:10px;
		margin-top:5px;
		background:#FFF;
	}
	#section4 .progressBar .progressBarDone{
		position:absolute;
		top:0px;
		right:0px;
		height:10px;
	}
	
	#section6 .swipe {
		position: relative;
		overflow: hidden;
		visibility: hidden;
	}
	#section6 .swipe-wrap {
		position: relative;
		overflow: hidden;
	}
	#section6 .swipe-wrap > div {
		position: relative;
		float: right;
		width: 100%;
		overflow: hidden;
	}
	#section6 .swipe-wrap > div .file{
		width:65%;
		height:450px;
		padding:10px;
		background:#000;
	} 
	#section6 .swipe-wrap > div .file .coverLink{
		position:absolute;
		top:0px;
		right:0px;
		width:calc(100% - 20px);
		height:100%;
		background:rgba(255,255,255,0.1);
		z-index:999;
	}
	#section6 .swipe-wrap > div .text{
		width:30%;
	}
	#section6 .nav{
		position:relative;
		margin:0px auto;
		margin-top:20px;
		width:100px;
	}
	#section6 .nav .arrowLeft{
		float:left;
		width:40px;
		height:40px;
		background:url("../../../static/images/arrow-left-blue.png") center no-repeat;
		background-size:cover;
	}
	#section6 .nav .arrowLeft:hover{
		background:url("../../../static/images/arrow-left-orange.png") center no-repeat;
		background-size:cover;
	}
	#section6 .nav .arrowRight{
		float:right;
		width:40px;
		height:40px;
		background:url("../../../static/images/arrow-right-blue.png") center no-repeat;
		background-size:cover;
	}
	#section6 .nav .arrowRight:hover{
		background:url("../../../static/images/arrow-right-orange.png") center no-repeat;
		background-size:cover;
	}
	#section6 #documentsMobile{
		display:none;
	}
	#section7{
		padding:30px 0px; 
		background:rgba(186,229,249,0.7);;
	}
	
}
@media(max-width:800px){
	#section1{
		height:360px;
	}
	#section1 .section1Shrine{
		display:none;
	}
	#section1 #mainDescription{
		color:#000;
	}
	#section1 .section1ShrineMobile{
		position:absolute;
		top:20px;
		left:15px;
		width:85px;
		height:250px;
		background:url("../../../static/images/shrine-mobile.jpg") top no-repeat;
	}
	#section1 #section1DonateBtn{
		margin-top:10px;
	}
	#section2 .section2VideoDesktop{
		display:none;
	}
	#section2 .section2VideoMobile{
		width:90%;
		height:250px;
		margin-top:25px;
	}
	#section2 .village{
		display:none;
	}
	#section2 .villageMobile{
		width:100%;
		height:230px;
		background:url("../../../static/images/shrine3.jpg") top no-repeat;
		background-size:cover;
	}
	#section3 .section3ShrinePortait{
		display:none;
	}
	#section3 .section3ShrineLandspace{
		width:95%;
	}
	#section4{
		padding:30px 0px; 
		background:#23A4DD;
	}
	#section4 .progressBar{
		width:100%;
		height:10px;
		margin-top:5px;
		background:#FFF;
	}
	#section4 .progressBar .progressBarDone{
		position:absolute;
		top:0px;
		right:0px;
		height:10px;
	}
	#section6 #documentsDesktop{
		display:none;
	}
	#section6 #documentsMobile{
		display:block;
	}
	#section6 #documentsMobile .file{
		width:100%;
		height:300px;
		padding:10px;
		background:#000;
	}
	#section6 #documentsMobile .file .coverLink{
		position:absolute;
		top:0px;
		right:0px;
		width:calc(100% - 20px);
		height:100%;
		background:rgba(255,255,255,0.1);
		z-index:999;
	}
	#section7{
		padding:30px 0px; 
		background:rgba(186,229,249,0.7);;
	}

}

/*******************************************/
@media(min-width:900px){
	#donateBg{
		width:100%;
		padding-top:100px;
		height:1400px;
		background:url("../../../static/images/donation-background.jpg") top no-repeat;
		background-size:cover;
	}
	#donate{
		position:relative;
		margin-right:150px;
		width:600px;
	}
	#donate .amountBox{
		width:100px;
		padding:8px;
		background:#B8E3F6;
	}
	#donate .amountBox:hover{
		background:#E8A500;
	}
	#donate .amountBoxActive{
		background:#E8A500;
	}
	#donate .donateDesktop{
		display:block;
	}
	#donate .donateMobile{
		display:none;
	}
}
@media(max-width:800px){
	#donateBg{
		width:100%;
		height:auto;
		padding:50px 0px;
		background:url("../../../static/images/donation-patern.jpg") center repeat;
	}
	#donate{
		position:relative;
		margin:0px auto;
		width:340px;
	}
	#donate .amountBox{
		width:90px;
		padding:8px;
		background:#B8E3F6;
	}
	#donate .amountBox:hover{
		background:#E8A500;
	}
	#donate .amountBoxActive{
		background:#E8A500;
	}
	#donate .donateDesktop{
		display:none;
	}
	#donate .donateMobile{
		display:block;
	}
}
#donate input[type="text"]{
	width:100%;
	padding:7px;
	border:1px solid #606060;
	color:#606060; 
	background:#FFF;
}
#donate select{
	width:100%;
	padding:0px 7px;
	border:1px solid #606060;
	color:#606060; 
	background:#FFF url("../../../static/images/arrow-down.png") left 10px center no-repeat;
	background-size:20px 20px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	line-height:33px;
}

#donate input[type="button"]{
	width:150px;
	padding:7px;
	border:1px solid #E8A500;
	color:#FFF; 
	background:#E8A500;
}
#donate input[type="button"]:hover{
	color:#E8A500;
	border:1px solid #E8A500;
	background:#FFF;
}

@media(min-width:900px){
	#readNews .slideLeft{
		position:absolute;
		top:170px;
		left:50px;
		width:60px;
		height:60px;
		background:url("../../../static/images/slideLeft.png") center no-repeat;
		background-size:cover;
		z-index:9999;
	}

	#readNews .slideRight{
		position:absolute;
		top:170px;
		right:50px;
		width:60px;
		height:60px;
		background:url("../../../static/images/slideRight.png") center no-repeat;
		background-size:cover;
		z-index:9999;
	}
}

@media(max-width:800px){
	#readNews .slideLeft{
		display:none;
	}

	#readNews .slideRight{
		display:none;
	}
}

/*******************************************/
@media(min-width:900px){
	#footer .section{
		margin-top:10px;
		color:#FFF;
	}
}
@media(max-width:800px){
	#footer .section{
		margin-top:25px;
		color:#E8A500;
	}
}

#footer input[type="button"].phone{
	width:180px;
	height:auto;
	border:0px;
	outline:none;
	color:#FFF;
	background:transparent url("../../../static/images/icon-call.png") right 0px no-repeat;
}

#footer input[type="button"].mail{
	width:300px;
	height:auto;
	border:0px;
	outline:none;
	color:#FFF;
	background:transparent url("../../../static/images/icon-mail.png") right 0px no-repeat;
}

#footer input[type="button"].locate{
	width:100px;
	height:auto;
	border:0px;
	outline:none;
	color:#FFF;
	background:transparent url("../../../static/images/icon-locate.png") right 0px no-repeat;
}

#footer .fb{
	width:25px;
	height:25px;
	background:url("../../../static/images/fb-white.png") center no-repeat;
	background-size:25px 25px;
}
#footer .fb:hover{
	background:url("../../../static/images/fb-orange.png") center no-repeat;
	background-size:25px 25px;
}

#footer .tw{
	width:25px;
	height:25px;
	background:url("../../../static/images/tw-white.png") center no-repeat;
	background-size:25px 25px;
}
#footer .tw:hover{
	background:url("../../../static/images/tw-orange.png") center no-repeat;
	background-size:25px 25px;
}


#footer .ig{
	width:25px;
	height:25px;
	background:url("../../../static/images/ig-white.png") center no-repeat;
	background-size:25px 25px;
}
#footer .ig:hover{
	background:url("../../../static/images/ig-orange.png") center no-repeat;
	background-size:25px 25px;
}


#popupSlider .slideLeft{
	position:absolute;
	top:47%;
	left:20px;
	width:60px;
	height:60px;
	background:url("../../../static/images/arrow-left-white.png") center no-repeat;
	background-size:cover;
}

#popupSlider .slideRight{
	position:absolute;
	top:47%;
	right:20px;
	width:60px;
	height:60px;
	background:url("../../../static/images/arrow-right-white.png") center no-repeat;
	background-size:cover;
}

#supportersSearch input[type="text"]{
	line-height:20px;
	padding:7px;
	border:1px solid #606060;
}
#supportersSearch .searchBtn{
	width:36px;
	height:36px;
	background:#204686 url("../../../static/images/search-icon.png") center no-repeat;
	background-size:20px 20px;
}

/*******************************************/
.youtube {
	background-color: #000;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.section2VideoYoutube .youtube img {
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.7;
}
.youtube img {
	width: 100%;
	top: -16.84%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 65px;
	height: 45px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.7;
	border-radius: 10px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 10px 0 10px 17px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
@media(max-width:900px){

    .homeBottomArrow{
        position:fixed;
        bottom:20px;
        right:20px;
        width:30px;
        height:30px;
        background:url("../../../static/images/arrowup-bottom.png") center no-repeat;
        background-size:30px 30px;
        z-index:9999;
    }
}
@media(min-width:900px){
    .homeBottomArrow{
        display:none;
    }
}