* { padding: 0; margin: 0; border: 0; box-sizing:border-box; }
@font-face {
    font-family: Miller-Banner-Light;
    src: url('/Miller-Banner-Light-01.ttf');
}
body {
	font-family: 'Lobster', serif;
	/*font-family: 'Slabo 27px', serif;*/
	color: #333333;
	font-size:18px;
	background-color:white;
	
}

h1{font-size:24px;letter-spacing: 3px;}
.blur{
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

button {font-family: Lobster, serif;font-size:25px;color:white;/*background:rgba(0,0,0,0.2);*/background:transparent;padding:10px;/*border:1px solid white;*/cursor:pointer;}
a { text-decoration:none; color: inherit; }
a:hover { text-decoration:none; color: inherit; }
a:visited { text-decoration:none; color: inherit; }

div.clear { clear: both; }

.bg_change_load{position:absolute;top:0;left:0;width:0%;height:2px;background:white;}
.home_cover{z-index: 0;position:fixed;width:100%;top:0px;background-size: cover;background-position: center center;height:100px;}
.menu{padding:30px 10px;height:auto;background:white;top:0px;width:100%;z-index:10;position:relative;font-family:Lobster;}
.content{ background:white !important; position:relative;}
.home_cover_content{top:50%;margin:auto;width:700px;position:relative;text-align:center;}
.home_cover_content img{width:100%;}
.loading{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0px;bottom:0px;left:0px;right:0px;z-index:11;}
.loading_animate{position:absolute;bottom:300px;text-align:center;width:100%;height:150px;color:white;background:url('/images/ring.gif') no-repeat center center;}
.home_cover_content button{margin-top:50px;}
.menu_logo{height:60px;margin-bottom:15px;}
.menu_logo img{display:block;margin:auto;}
.menu_logo img{height:60px;}
.menu_menu{margin-right:30px;}
.nav{list-style-type: none;line-height:60px;font-size:17px;color:#646464;display:table;margin:auto;}
.nav li{float:left;margin-left:30px;letter-spacing: 3px;}
.mobile_menu_icon{display:none;position:absolute;left:0px;top:0px;height:60px;width:60px;line-height:60px;text-align:center;font-size:30px;}
.footer{color:#A9A9A9;padding:20px;text-align:center;background:#F5F5F5;}
.content_inner_home{width:90%;max-width:1240px; background:white;margin:auto auto 100px auto;padding:50px;}
.content_inner_story{width:100%;max-width:1000px;background:white;margin:auto auto 100px auto;padding:0 50px 50px 50px;}
.content_inner{width:100%;max-width:1200px;background:white;margin:auto auto 100px auto;padding:50px;}

.story_big{  width:45%;margin-left:2.5%;float:left;margin-right:2.5%;position:relative;}
.story_small{  width:30%;margin-left:1.66665%;float:left;margin-right:1.66665%;position:relative;}
.story_background_outter{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.story_names{position: absolute;bottom: -30px;color: black;text-align: center;width: 100%;letter-spacing: 3px;}
.story{margin-bottom:30px;}

.story_big:hover{ background-size: 120%; }
.story_small:hover{ background-size: 120%; }

.contact_left{float:left;width:49%;border:0px solid #DCDCDC;padding:30px;border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;text-align:center;}
.contact_right{float:right;width:49%;border:0px solid #DCDCDC;padding:30px;border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;text-align:center;}
	
.contact_left input{width:100%;padding:10px;color:gray;font-size:20px;margin-bottom:10px;background:#fbfbfb;font-family:'Slabo 27px', serif;}
.contact_left textarea{width:100%;height:150px;color:gray;padding:10px;font-size:20px;margin-bottom:10px;background:#fbfbfb;font-family:'Slabo 27px', serif;}
.about_me a{font-weight:bold;}
.about_me{font-size:20px;text-align:justify;position:relative;font-family:'Slabo 27px', serif;}

.about_me_image{float:left;margin:0px 30px 0px 0px;width:40%;position:relative;}

.about_me_image img{width:100%;}


.about_me_image_inner_border{position:absolute;border:5px solid white;top:15px;left:15px;bottom:15px;right:15px;}
.about_me_facebook{text-align:center;background-size: cover;background-position: center center;background-image:url('/images/about-me-bg.jpg');padding:50px;}


.story_background {
	width:100%;
	height:100%;
	background-position:center;
	background-repeat: no-repeat;background-size: cover;
	transition: all 7s ease;
  -moz-transition: all 7s ease;
  -ms-transition: all 7s ease;
  -webkit-transition: all 7s ease;
  -o-transition: all 7s ease;
  position:absolute;top:0;left:0;
} 
.story_background:hover {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

.left{float:left;}
.right{float:right;}

.story img{position:absolute;width:100%;height:100;}

.story_content{position:absolute;width:100%;bottom:0;



text-align:center;padding:60px 5px 60px 5px;font-size:25px;color:white;}
.page_title{text-align:center;color:#333333;}
.contact{font-size:20px;font-family:'Slabo 27px', serif}
.contact_img{width:100%;}
.footer{font-size:14px;}
.contact_facebook{float:right;}
.story-imgs img{width:100%;margin-top:3px;display:block;}
.story-texts{margin-bottom:30px;font-size:20px;text-align:justify;font-family:'Slabo 27px', serif}
.story-music{width:100%;padding:10px;}

.bxslider>li>img{max-width:100% !important;}


#return-to-top {
	z-index:12;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}





.bx-pager img{ width:50px; height:50px; }
.bx-slide-div{position:relative;}
.bx-slide-text{text-align:center;color:black;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);margin-top:10px;font-family:'Slabo 27px', serif;font-size:20px;}
.bx-slide-div img{max-width:100%;max-height:100%;display:block;margin:auto;}

.bxslider-gallery-close{position:absolute;top:30px;right:30px;font-size:50px;text-shadow: 2px 2px #000;}
#bx-pager { /* Carousel Frame */
    overflow: hidden;
	position:relative;
	background:url('/images/sliderbg.jpg');
}

#bx-pager>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#bx-pager>ul>li {
    float: left;
	margin-right:0px;
}

#bx-pager>ul>li {
    float: left;
	margin-right:1px;
}

.bx-pager-blank-layer{position:absolute;width:100%;height:100%;}

.bx-pager-button-left{cursor:pointer;position:absolute;left:0;top:0;bottom:0;width:150px;background: rgba(0,0,0,0.1) url('/images/left-arrow.png') no-repeat center center;background-size:100%;}
.bx-pager-button-right{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:150px;background: rgba(0,0,0,0.1) url('/images/right-arrow.png') no-repeat center center;background-size:100%;}

.bx-pager-button-left:hover{background: rgba(0,0,0,0.3) url('/images/left-arrow.png') no-repeat center center;background-size:100%;}
.bx-pager-button-right:hover{background: rgba(0,0,0,0.3) url('/images/right-arrow.png') no-repeat center center;background-size:100%;}

.bx-pager-div{width:auto;position:relative;}
.bx-pager-div img{height:100%}
.bx-pager-text{position:absolute;font-size:14px;color:white;top:10px;right:10px;font-family:'Slabo 27px', serif; text-shadow: 1px 1px #000;}

@media only screen and (max-width: 1400px) {
	.content_inner{width:100%;max-width:1000px;}
}


@media only screen and (max-width: 1360px) {
	.bx-wrapper .bx-prev {
		left: 10px !important;
		background-color:rgba(255,255,255,0.3) !important;
	}

	.bx-wrapper .bx-next {
		right: 10px !important;
		background-color:rgba(255,255,255,0.3) !important;
	}
	
	.nav li{float:left;margin-left:28px;}
	
	.nav{font-size:14px;}
}

@media only screen and (max-width: 1024px) {
	.menu_logo{height:40px;margin-bottom:15px;}
	.menu_logo img{display:block;margin:auto;}
	.menu_logo img{height:40px;}
	
	.content_inner{padding:0px;}
	.content_inner_home{padding:0px;}
	.content_inner_story{padding:0px;}
}

@media only screen and (max-width: 920px) {
	.contact_facebook{float:initial;display:none;}
}

@media only screen and (max-width: 768px) {
	.bx-pager-button-left{width:50px;}
	.bx-pager-button-right{width:50px;}
	.contact_left{float:initial;width:100%;margin-bottom:30px;}
	.contact_right{float:initial;width:100%;margin-bottom:30px;}
	.content_inner_home{width:100%;}
	.content_inner_story{width:100%;}
	.menu_menu{float:initial;margin-right:0px;position:relative;}
	.nav li{float:initial;margin-left:0px;text-align:center;border-bottom:1px solid whitesmoke;}
	.nav{font-size:18px;background:white;position:absolute;width:100%;display:none;top:0px;}
	.mobile_menu_icon{display:block;}
	.story_big{width:100%;margin-left:0%;margin-right:0%;margin-top:10px;}
	.story_small{width:100%;margin-left:0%;margin-right:0%;margin-top:10px;}
	.story_content{font-size:20px;}
	.contact{font-size:18px;}
	h1{font-size:20px;}
	.story-imgs img{width:100%;margin-top:1px;}
	
	#return-to-top{display:none !important;}
	.story-texts{padding:5px;}
	
	.about_me_image{float:initial;width:100%;margin:0px;}
}

@media only screen and (max-width: 700px){
	.home_cover_content{width:90%;}	
}