/* Curtain.js - Example page */

/* Google Font 
@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
* {
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;	
}
#ascrail2000,
.nicescroll-rails{
	opacity: 1 ;
    width: 15px !important;
    z-index: 90000 !important;	
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
   
}
#ascrail2000 div,
.nicescroll-rails div {
    width: 15px !important;
	border-radius: 0  !important;
	/*border-radius: 3px;*/
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
	   -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
	    -ms-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
	     -o-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
	        box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
}
#ascrail2000-hr {
	display:none !important;
}

/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
body {
    font:14px/1.6 'Trebuchet MS', serif;
    font-weight: 400;
    color:#515152;
    -webkit-font-smoothing: antialiased;
}
#outer_wrapper {
    max-width: 1080px;
	margin:0 auto;	
}

p{min-height:1px;}
strong{font-weight:bold;}
hr{background: #333;border: 0;height: 2px;margin: 12px auto 8px;width: 60px;}

a{color:#1074ce;text-decoration:none;}
a:hover{color:#0a487f;}

article{
    background-color: rgba(255, 255, 255, 0.8);
    margin: 500px auto 0;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
    /*width: 1080px;*/
}

article h4:first-child{ margin:0; }
article p{
	font-family:"Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;	
	font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin: 20px auto;
    text-align: center;
    max-width: 900px;
}

.button{
    display:inline-block;
    line-height:1;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    padding: 6px 8px;
    background:#000;
    color:#FFF;
    margin:2em 0;
}
.button:hover{
	color:#FFF;
	background-color:#444;
}
.button+.button{margin-left:1em;}

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



/* Sliding panels */
.curtains>li {
    background-color:#FFF;
    box-shadow:0 0 12px #666;
}
.curtains>li:last-child{box-shadow:none}

/* MENU */
#menu{
    position:fixed;
    top:20px;
    left:20px;
    z-index:20;
    padding:10px;
    background-color:#000;
}
#menu li{
	margin:0;
}
#menu a{
	margin:0;
	color:#FFF;
}

#section-1,
#section-2,
#section-3,
#section-4,
#section-5,
#section-6,
#section-7 {
	background-attachment:fixed;
    background-size:cover;
	background-position:50% 0;
	background-repeat:no-repeat;
	height: 100%;
	min-height:754px !important;
	text-align: center;
	max-width: 100%;
}
/* Section 1 */

#section-1{
	background-image:url(../img/1.jpg);
}
#section-1 header{
	color:#FFF;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -350px;
	width:700px;
	text-align:center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
#section-1 h1{
	text-align:center;
}
#section-1 h2{
	text-transform:capitalize;
	opacity:.75;
	font-size:48px;
}
#logo {
	height: 52px;
	margin: 30px auto 0;
	width: 64px;
}
#section-1 h1 img.welcome_text {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}
#scrolltobegin {
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 151px;
	z-index: 3;
}

/* Section 2 */
#section-2{
	background-image:url(../img/2.jpg);
}


/* Section 3 */
#section-3{
	background-image:url(../img/3.jpg);
}
#section-3 .photos{
	padding:150px 0;
	width:620px;
	margin-left:150px;
}
#section-3 .photos > :last-child{
	margin-bottom:0;
}

#section-3 .fixed{
	position: fixed;
	top: 150px;
	left: 150px;
	width: 200px;
}
#section-3 .photos-inner{
	margin-left:220px;
	width:400px;
}
#section-3  .photos-inner img{
	display:block;
	margin:0 0 4em 0;
	max-width:100%;
	background: #fff; 
	border-radius: 1px; 
	padding: 14px 14px 63px 14px; 
	box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 1px 0 rgba(0,0,0,.1); 
}

/* Section 4 */
#section-4{
	background-image:url(../img/4.jpg);
}

/* Section 5 */
#section-5{
	background-image:url(../img/5.jpg);
}

/* Section 6 */
#section-6{
	background-image:url(../img/6.jpg);
}

/* Section 7 */
#section-7{
	background-image:url(../img/7.jpg);
}


/* #Media Queries 
================================================== */
@media only screen and (min-device-width : 1px) and (max-device-width : 1024px) {
	html {
		-webkit-text-size-adjust: none !important;
	}
}
@media only screen and (min-width: 1365px) and (max-width: 1400px) {

}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	article p{
	}
	#section-1 h1 {
		position: relative;
		top: -135px;
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	article p{
	}
	#section-1 h1 {
		
	}
	#scrolltobegin {
		margin: 0 auto;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 639px) {
	article p{
		margin: 10px auto;
	}
	#scrolltobegin {
		margin: 0 auto;
	}
	#section-1 header {
		left: 0;
		margin: 0 auto !important;
		max-width: 750px;
		top: 0;
		width: 100%;
	}
	#section-1 h1 img {
		float: none;
		top: -150px;
	}
	#section-5{
		background-attachment:inherit;
	}
	/*#section-1,
	#section-2,
	#section-3,
	#section-4,
	#section-5,
	#section-6,
	#section-7*/


	#section-2{
		background-position :40% 175px;
	}
	#section-4{
		background-position :58% 160px;
	}
	#section-5{
		min-height:320px !important;
	}
	#section-6{
		background-position :50% 190px;
	}
	#section-7{
		background-attachment: inherit;
		min-height: 320px !important;
	}
	#section-5 article,
	#section-7 article {
		margin: 100px auto 0 !important;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	#section-1 header {
		left: 0;
		margin: 0;
		max-width: 479px;
		top: 0;
		width: 100%;
	}
	article p{
	}

	#section-2{
		background-position :40% 175px;
	}
	#section-4{
		background-position :58% 160px;
	}
	#section-5{
		background-attachment:inherit;
		min-height:480px !important;
	}
	#section-6{
		background-position :50% 190px;
	}
	#section-7{
		background-attachment: inherit;
		min-height: 480px !important;
	}
	#section-5 article,
	#section-7 article {
		margin: 200px auto 0 !important;
	}

}


@media only screen and (min-width: 0px) and (max-width: 319px) {
	#section-1 header {
		left: 0;
		margin: 0;
		max-width: 320px;
		top: 0;
		width: 100%;
	}
	article p{
	}

}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	article p{
		font-size: 14px;
		line-height: 20px;
	}
}