@charset "utf-8";
/* CSS Document */

@viewport {
	width: auto; // auto | device-width | length | percentage

	// 'width' sets both max and min-width. It's a shorthand descriptor.
	max-width: auto;
	min-width: auto;

	// 'zoom' equates to 'initial-scale' in meta tag.
	// Values of 1.0 or 100% mean no zoom.
	zoom: auto; // auto | number | percentage

	max-zoom: 2.0; // Largest allowed zoom factor.
	min-zoom: 1.0; // Smallest allowed zoom factor.

	// Can the zoom factor be changed by user interaction?
	// Equates to 'user-scalable' in meta tag.
	user-zoom: zoom; // fixed | zoom

	// Lock orientation or leave to auto.
	orientation: auto; // auto | portrait | landscape

}

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Bevan&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Josefin+Sans:wght@700&family=Lobster&family=Norican&display=swap');

html,body{
	font-family: Times;
	background-color:#8ACCED;
	margin:0px;
}

body{
	width:100%;
	height:100%;
	padding-bottom: 275px;
	background: url('../images/bg_bottom.png') no-repeat; 
	background-position:bottom center;
	background-size: 100%;
	display:block;
}

/*
body.loaded{
	background: url('../images/bg_bottom.png') no-repeat; 
	background-position:bottom center;
	background-size: 100%;
	display:block;
}
*/

#desktop {
	position: absolute;
}

#mobile{
	display:none;	
}

.content_wrapper{
	margin:0px 0px 0px 200px;
}

#loading{
	position:absolute;
	width:300px;
	top:0px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	padding:7px 0 0 0;
	font:bold 11px Arial, Helvetica, sans-serif;
}

.static_clouds{
	display:none;
}

#sidebar {
	position:relative;
	z-index:1;
	background-color:#80806F;
	height:200px;
	width:179px;
	top: 550px;
}

#top_left_header{
	display:block;	
	width:151px;
	height:76px;
	position:fixed;
	top:-200px;
	margin-left:10px;
	margin-top: 15px;
	top: -320px;
	z-index:1000;
}

#gray_sidebar {
	position:fixed;
	width:179px;
	height:7000px;
	top:545px;
	background-color:#80806F;
}

.navigation a{
	font-style:none;
	font-family: 'Lobster', cursive;
	font-weight:normal;
	color:#fff;
	display:block;
	font-size:22px;
	line-height:35px;
	margin-bottom:2px;
	text-transform: none;
	text-decoration: none;
	text-align:left;
	width:169px;
	padding-left:10px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
.navigation a:hover, .navigation .active{
	color:#8ACCED;
	background-color:#fff;
	font-size:22px;
	cursor:pointer;
/*	width:100px!important;*/
	width:169px!important;
}

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	padding-top: 75px;
	/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}

.plane{
	position:fixed;
	top:780px;
	left:-30px;
	width:200px;
	height:94px;
	background: url('../images/plane.png') no-repeat; 
	display:block;
}

.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

h1{
	font-family: 'Lobster', cursive;
	font-weight:normal;
	font-size:34px;
	color:#8ACCED;
	text-transform: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	margin-bottom:.25em;
}

h2{
	font-family: 'Crimson Text', Times, serif;
	font-weight:700;
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	color:#80806F;
	margin-bottom:1em;
	letter-spacing:1px;
	text-transform: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

h4 {
	font-family: 'Crimson Text', Times, serif;
	font-weight:600;
	font-size:23px;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	text-decoration: none;
}

h5 {
	font-family: 'Crimson Text', Times, serif;
	font-weight:600;
	font-size:18px;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	text-decoration: none;
}

h6 {
	font-family: 'Crimson Text', Times, serif;
	font-weight:600;
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	-webkit-font-smoothing: antialiased;	
	text-transform: none;
	text-decoration: none;
}

p {
	font-family: 'Crimson Text', Times, serif;
	font-weight:400;
	font-size:18px;
	color:#80806F;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
}

#content_panel a{
	font-family: 'Crimson Text', Times, serif;
	font-weight:700;
	font-size:18px;
	font-weight:bold;
	color:#80806F;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	text-decoration: underline;
	font-style:italic;
}

#content_panel {
	background-color:#fff;
	padding:15px;
}

.nav {
	float:left;
	width:180px;
	height:100%;
	background-color:#80806F;
}

.site_wrapper{
	margin-left:15em;
}

/******************************
 SLIDE 1 WELCOME
*******************************/
#slide1{
/*	background-color:#8ACCED;
	background-image:url(../images/01_welcome.jpg) ;
	background-repeat:no-repeat;
	height:800px;*/
}

.static_content {
	display:none;
}

.welcome{
	padding-top: 0px;
	margin-bottom:350px;
}

.welcome_panel{
	width:600px;
	height:430px;
	background: url('../images/icon_welcome.png') no-repeat; 
	display:block;
	background-position:right bottom;
	position:relative;
	margin:0px auto;
	clear:both;
}

@-moz-document url-prefix() {
    .welcome_panel{
		left:-295px;
	}
}

.welcome_photo{
	width:180px;
	height:220px;
	padding:5px;
	background-color:#fff;
	box-shadow: 0px 0px 10px #888888;
	margin-top:25px;
	margin-left: -5px;
	/* Rotate div */
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); /* Internet Explorer */
	-moz-transform:rotate(-7deg); /* Firefox */
	-webkit-transform:rotate(-7deg); /* Safari and Chrome */
	-o-transform:rotate(-7deg); /* Opera */
	-webkit-backface-visibility:hidden;
}

.paperclip{
	position:absolute;
	z-index: 1;
	margin-left: -28px;
	margin-top: 45px;
}

#tree_swing{
	background: url('../images/tree_swing.png') no-repeat; 
	display:block;	
	width:725px;
	height:600px;
	top:0px;
	left:0px;
	position:absolute;
}

.top_right_header {
	float:right;
	background: url('../images/top_right_header.png') no-repeat; 
	display:block;	
	width:471px;
	height:141px;
	right:50px;
	top:20px;
	text-indent:-9999px;
	position: relative;
	margin:0px auto;
}

#slide1 .cloud1 {
	background: url('../images/cloud1.png') no-repeat; 
	display:block;
	position:fixed;
	width:168px;
	height:65px;
	top:100px;
	left:360px;
	z-index: -1;
}



#slide1 .cloud2 {
	background: url('../images/cloud2.png') no-repeat; 
	display:block;
	position:fixed;
	width:168px;
	height:65px;
	top:195px;
	left:1120px;
	z-index: -1;
}
/******************************
 SLIDE 2 
*******************************/
#slide2{
/*	background-color:#8ACCED;
	background-image:url(../images/02_proposal.jpg) ;
	background-repeat:no-repeat;
	height:800px;*/
	margin-bottom:250px;
	
}

.proposal{
	width:815px;
	height:450px;
	background: url('../images/icon_proposal.png') no-repeat, url('../images/proposal_silhouette.png') no-repeat; 
	display:block;
	background-position:left bottom, right bottom;
	margin:0px auto 0px auto;
	position:relative;
	z-index:100;
}

.proposal p{
	width:200px;
}

.proposal a{
	float:right;
}

.proposal_content{
	float:left;
}

.proposal_video {
	position:relative;
	float: right;
	width:560px;
	height:315px;
	margin-top:5px;
}

.mobile_proposal_video{
	display:none;
}

#slide2 .cloud {
	background: url('../images/cloud4.png') no-repeat; 
	display:block;
	position:fixed;
	width:256px;
	height:68px;
	top:790px;
	left:240px;
	z-index: -1;
}

#slide3{
	margin-bottom:250px;
}

.wedding_party {
	width:880px;
	height:1375px;
	background: url('../images/header_wedding_party.png') no-repeat; 
	display:block;
	background-position:center top;
	padding-top:125px;
	margin:0px auto 0px auto;
}

body.retina .wedding_party{
	background: url('../images/header_wedding_party@2x.png') no-repeat; 
	background-size:100%;
}

.bridesmaid h3 {
	font-family: 'Norican', cursive;
	font-size:30px;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	line-height: 28px;
	text-transform: none;
	text-decoration: none;
}

.groomsmen h3 {
	font-family: 'Bevan', Times;
	font-size:21px;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	line-height: 21px;
	text-transform: none;
	text-decoration: none;
}

.bridesmaid {
	float:left;
	width:380px;
	height:1340px;
	background: url('../images/icon_bridesmaid.png') no-repeat; 
	display:block;
	background-position:right bottom;
	color:#BF64BB;
}

.headliner {
	width:380px;
	height:120px;
	margin-left:-15px;
	margin-top:25px;
	margin-bottom:3em;
	padding:15px;
	color:#fff;
}

.bridesmaid h1{
	color:#BF64BB;
}

.bridesmaid .headliner {
	background-color:#e2b9e0;
}

.bridal_panel {
	clear:both;
	width:380px;
	height:165px;	
}

.bridal_party {
	margin-top: 2em;
}

.bridal_img{
	width:130px;
	height:165px;
	background-color:#fff;
	box-shadow: 0px 0px 10px #888888;
	margin-top: -22px;
}

.bridal_img img {
	margin:5px;
}

.bridal_info {
	width:235px;
	line-height:22px;
}

.img_right .bridal_info {
	float:left;
	
}

.img_right .bridal_img{
	float:right;
}

.img_left .bridal_info {
	float: right;
	position: absolute;
	margin-left: 150px;
}

.img_left .bridal_img{
	float:left;
	margin-right: 2em;
}

.groomsmen {	
	float:right;
	width:380px;
	height:1340px;
	background: url('../images/icon_groomsmen.png') no-repeat; 
	display:block;
	background-position:right bottom;
	color:#3E6387;
}

.groomsmen h1{
	color:#3E6387;
}

.groomsmen .headliner{
	background-color:#a8b8c8;
}

/*
#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}*/
/******************************
 SLIDE 4 
*******************************/

#slide4{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:600px;
	margin-bottom:250px;
}


.wedding_events {
	width:880px;
	height: 600px;
	background: url('../images/header_wedding_events.png') no-repeat 70px 60px; 
	display:block;
	margin:0px auto 0px auto;
}

.ceremony {
	width:405px;
	height:265px;
	background: url('../images/icon_ceremony.png') no-repeat; 
	display:block;
	background-position:right bottom;
	float:right;
}

.ceremony li{
	margin-left:10px;
}

.cocktail {
	clear:right;
	width:405px;
	height:265px;
	background: url('../images/icon_cocktail.png') no-repeat; 
	display:block;
	background-position:right bottom;
	float:left;
	margin-top:.75em;
}

.reception {
	width:405px;
	height:265px;
	background: url('../images/icon_reception.png') no-repeat; 
	display:block;
	background-position:right bottom;
	float:right;
	margin-top:.75em;
}

#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}


/******************************
 SLIDE 5
*******************************/

#slide5{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:400px;
	margin-bottom:250px;
}

#slide5 .cloud {
	background: url('../images/cloud3.png') no-repeat; 
	display:block;
	position:fixed;
	width:125px;
	height:64px;
	top: 2520px;
	left: 225px;
	z-index:-100;
}

.directions {
	width:860px;
	height:400px;
	margin:0px auto 400px auto;
}

.directions_panel {
	width:860px;
	height:440px;
	background: url('../images/icon_directions.png') no-repeat; 
	display:block;
	background-position:left bottom;
	float:left;
}

.directions_info {
	float:left;
}

.directions_panel p{
	width:345px;
	margin-bottom:10px;
}
.map {
	position:relative;
	float:right;
}

.mobile_map{
	display:none;
}
/******************************
 SLIDE 6
*******************************/

#slide6{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:1670px;
	margin-bottom:300px;
}

.accommodations_panel {
	width:860px;
	height:auto;
	background: url('../images/icon_accommodations.png') no-repeat; 
	display:block;
	background-position:right bottom;
	margin:0px auto 0px auto;
	z-index:1000;
}

.lodging_header{
	width:860px;
	border: 1px solid #80806F; 
	border-width: 0px 0px 1px 0px; 
	padding-bottom:5px;
	margin-top:1em;
}

.lodge{
	position:relative;
	margin:1em 0px;
	overflow:hidden;
}

.lodge_info{
	margin-top: 1em;
	float:left;
	margin-right:100px;
	width:320px;
}


.accommodations_panel h2, .accommodations_panel h3{
	font-family: 'Lobster', cursive;
	color:#80806F;
	font-style:normal;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	clear:both;
}

.accommodations_panel h2{
	display:inline;
	font-size:28px;
	
}

.accommodations_panel h3{
	font-size:24px;
	padding-bottom: 5px;
}

.accommodations_panel h4{
	font-family: 'Crimson Text', Times, serif;
	font-weight:700;
	font-size:20px;
	font-weight:bold;
	color:#80806F;
	display:inline;
	-webkit-font-smoothing: antialiased;
}

.divider {
	position:relative;
	background: url('../images/divider.png') no-repeat; 
	display:block;
	width:574px;
	height:23px;
	margin:30px auto;
}

/******************************
 SLIDE 7
*******************************/

#slide7{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:625px;
	margin-bottom:250px;
}

#slide7 .cloud {
	background: url('../images/cloud1.png') no-repeat; 
	display:block;
	position:fixed;
	width:168px;
	height:65px;
	top: 3320px;
	left: 1260px;
	z-index: -1;
}

.local_activities {
	width:850px;
	height:625px;
	background: url('../images/icon_activities.png') no-repeat; 
	display:block;
	background-position:right bottom;
	margin:0px auto 0px auto;
}

.activity_icon{
	display:block;
	text-align:center;
	margin-left:2.5em;
	float:left;
}

.local_activities h2{
	padding-left:85px;
	width:150px;
	font-size:24px;
	text-align: center;
	line-height: 60px;
}


.col{
	overflow:hidden;
	margin: 60px 0px;
}
.ziplining {
	background: url('../images/ziplining.png') no-repeat; 
	height:85px;
}

.golf {
	background: url('../images/golf.png') no-repeat; 
	height:82px;
}

.shooting {
	background: url('../images/shooting.png') no-repeat; 
	height:61px;
}

.paintball {
	background: url('../images/paintball.png') no-repeat; 
	height:52px;
}

.tennis {
	background: url('../images/tennis.png') no-repeat; 
	height:80px;
}

.biking {
	background: url('../images/biking.png') no-repeat; 
	height:50px;
}

.rock_climbing {
	background: url('../images/rock_climbing.png') no-repeat; 
	height:83px;
}

.kayaking {
	background: url('../images/kayaking.png') no-repeat; 
	height:67px;
}

.fishing {
	background: url('../images/fishing.png') no-repeat 20px; 
	height:85px;
}

/******************************
 SLIDE 8
*******************************/

#slide8{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:200;
	margin-bottom:150px;
}

.registry {
	width:830px;
	height:320px;
	background: url('../images/icon_registry.png') no-repeat; 
	display:block;
	background-position:right bottom;
	margin:0px auto 0px auto;
}

.registry_temp{
	padding-top:20px;
	color:#80806F;
	text-align:center;
	font-size:62px;
}

.registry_links{
	position:relative;
	margin:0px auto;
}

.registry_btn {
	background-position: 0 0;
	display:block;
	width:289px;
	height:122px;
	text-indent:-9999px;
	float:left;
	margin: 60px;
	
	/*Transition*/
	  -webkit-transition: All 0.5s ease;
	  -moz-transition: All 0.5s ease;
	  -o-transition: All 0.5s ease;
	  -ms-transition: All 0.5s ease;
	  transition: All 0.5s ease;
}

.registry_btn:hover{
	background-position: 0px -122px;
	cursor:pointer;
}

.registry_bbb{
	background: url('../images/registry_bbb.png') no-repeat; 
}

.registry_macys{
	background: url('../images/registry_macys.png') no-repeat; 
}

/******************************
 SLIDE 9 PHOTOS
*******************************/

#slide9{
/*	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:720px;
	margin-bottom:200px;
}

.photos {
	width:860px;
	height:650px;
	background: url('../images/header_photos.png') no-repeat; ;
	display:block;
	background-position:center top;
	padding-top:125px;
	margin:0px auto 0px auto;
}

#photos_ie{
	display:none;
}

#photos_ie8{
	display:none;
}

body.retina .photos{
	background: url('../images/header_photos@2x.png') no-repeat 150px 0px; 
	background-size:527px;
}

.photos_panel{
	width:830px;
	height:620px;
	background: url('../images/icon_photos.png') no-repeat; 
	display:block;
	background-position:right bottom;
	margin:0px auto 0px auto;
}

.carousel{
	background-color:#000;
	padding:10px;
	width:735px;
	height:435px;
}
#iScrollWrapper {
	width:735px;
	height:435px;

	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:0;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;

}

#scroller {
	width:7350px;
	height:100%;
	float:left;
	padding:0;
	display:block;
}

#slideshow {
	display:block;
}

#mobile_slideshow {
	display:none;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; float:left;
	width:735px; height:435px;
	text-align:center;
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}

#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator  li, #mobile_indicator  li {
	float: left;
	font-size: 28px;
	text-decoration: none;
	padding: 5px;
	margin: 0 10px;
	color: #eee;
	background-color: #8ACCED;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 28px;
	display: block;
	font-weight: normal;
	font-family: 'Amatic SC', cursive;
}

#indicator  li.active, #indicator  li:hover, #mobile_indicator  li.active, #mobile_indicator  li:hover   {
	background:#888;
}

#indicator > li:last-child {
	margin:0;
}

/*----------CUSTOM----------*/

.mycarousel-next{
	position:relative;
	float:right;
	background: url('../images/photo_next_btn.png') no-repeat 0px 0px;
	width: 46px;
	height: 88px;; 
	display:block;
	text-indent:-9999px;
	margin-right: -3px;
}

.mycarousel-prev{
	position:absolute;
	background: url('../images/photo_prev_btn.png') no-repeat 0px 0px;
	width: 46px;
	height: 88px;; 
	display:block;
	text-indent:-9999px;
	margin-left: -9px;
}

.mycarousel-next:hover, .mycarousel-prev:hover{
	background-position:0px -88px;
}

.scroll_btns {
	width: 835px;
	text-align: center;
	position: absolute;
	margin-top: 185px;
}

.carousel_controls{
	width: 540px;
	height: 35px;
	text-align: center;
	margin: 60px auto 0px;
}

.mobile_carousel_controls{
	width: 265px;
	height: 35px;
	text-align: center;
	margin: 20px 0px 0px 10px;
	display:none;
}

#photo_carousel{
	width:735px;
	height:435px;
	background-color:#fff;
	padding: 10px;
	box-shadow: 0px 0px 10px #888888;
	margin: 15px 37px;
	position:relative;
}

/*-----Touch Photo Slide----*/
.mobile body {
  overflow: hidden;
}

.mobile #wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mobile #scroller {
  height: 3000px;
}

/*---- Media Query MOBILE ---- */
@media screen and (-webkit-device-pixel-ratio: 2) {
    .wedding_events {
		background: url('../images/header_wedding_events@2x.png') no-repeat 70px 60px;
		background-size:286px;
	}
	
	.photos{
		background: url('../images/header_photos@2x.png') no-repeat; 
		background-size:527px;
	}
}

@media only screen and (max-width: 640px) {
	#desktop {
		display:none;
	}
	
	.content_wrapper{
		display:none;
	}
	
	#mobile{
		display:block;
	}
	
	body {
		padding-bottom: 0px;
		background: url('../images/bg_bottom_mobile.png') no-repeat; 
		width:100%;
		height:100%;
		background-position:bottom center;
		background-size: 100%;
		display:block;
		margin:0px;
	}
	
	h1 {
		font-size:20px;
	}
	
	h2{
		font-size:10px;
	}
	
	p, a {
		font-size:11px;
		line-height: 12px;
	}
	
	body.retina #header-nav .retina {
		display:block;
		width:81px;
	}
	
	body.retina #header-nav .nonretina {
		display:none;
	}
	
	.slide{
		padding-top: 10px;
	}
	
	#header-nav .retina {
		display:none;
	}
	
	
	#content_panel a {
		font-size:11px;
	}
	
	/* --- Welcome -- */
	.welcome_panel{
		width:265px;
		height:200px;
		background: url('../images/mobile/icon_welcome.png') no-repeat; 
		background-position:right bottom;
		margin: 0px auto 180px auto;
	}
	
	@-moz-document url-prefix() {
	    .welcome_panel{
			left:0px;
		}
	}
	
	#slide1 .cloud1{
		display:none;
	}
	
	#slide1 .cloud2{
		display:none;
	}
	
	#slide2 .cloud1{
		display:none;
	}

	.top_right_header {
		display:none;
	}
	
	.paperclip{
		width:50%;
	}
	
	.welcome_photo {
		width:100px;
		height:123px;
		margin-top: 10px;
		margin-left: -7px;
	}
	.welcome_photo img{
		width:100px;
	}
	
	.paperclip{
		width:30px;
		margin-left: -20px;
		margin-top: 25px;
	}
	/* --- Proposal -- */
	.proposal{
		width:265px;
		height:330px;
		background: url('../images/mobile/icon_proposal.png') no-repeat, url('../images/mobile/proposal_silhouette.png') no-repeat; 
		display:block;
		background-position:left bottom, right bottom;
		margin:0px auto 140px auto;
		position:relative;
		z-index:100;
	}

	body.retina .proposal {
		background: url('../images/mobile/icon_proposal.png') no-repeat, url('../images/mobile/proposal_silhouette@2x.png') no-repeat; 
		background-position:left bottom, right bottom;
		background-size: 91px, 218px;
	}
	
	.proposal p{
		width:260px;
	}

	.proposal_video {
		display:none;
	}
	
	.proposal_content {
		float:none;
	}
	
	.mobile_proposal_video{
		margin-top:10px;
		display:block;
	}
	
	#slide2 .cloud {
		display:none;
	}
	
	#slide2{
	/*	background-color:#8ACCED;
		background-image:url(../images/02_proposal.jpg) ;
		background-repeat:no-repeat;
		height:800px;*/
		margin-bottom:0px;

	}
	/* --- Wedding Party --- */
	#slide3{
		margin-bottom:0px;
	}


	.wedding_party {
		width:280px;
		height:1375px;
		display:block;
		background-position:center top;
		padding-top:55px;
		margin:10px auto 0px auto;
		background-size: 100%;
	}
	
	
	.bridesmaid h3 {
		font-family: 'Norican', cursive;
		font-size:23px;
		-webkit-font-smoothing: antialiased;
		line-height: 28px;
		text-transform: none;
		text-decoration: none;
	}

	.groomsmen h3 {
		font-family: 'Bevan', Times;
		font-size:17px;
		-webkit-font-smoothing: antialiased;
		line-height: 21px;
		text-transform: none;
		text-decoration: none;
	}
	
	.bridesmaid {
		clear:both;
		width:250px;
		height:1090px;
		background: url('../images/mobile/icon_bridesmaid.png') no-repeat; 
		display:block;
		background-position:right bottom;
		color:#BF64BB;
	}

	.headliner {
		width:250px;
		height:auto;
		margin-left:-15px;
		margin-top:25px;
		margin-bottom:3em;
		padding:15px;
		color:#fff;
	}
	
	
	.bridesmaid h1{
		color:#BF64BB;
	}

	.bridesmaid .headliner {
		background-color:#e2b9e0;
	}

	.bridal_panel {
		clear:both;
		width:auto;
		height:125px;	
	}

	.bridal_party {
		margin-top: 2em;
	}

	.bridal_img{
		display:none;
	}

	.bridal_info {
		width:250px;
		line-height:22px;
	}
	
	.bridal_info h4 {
		font-size:19px;
	}
	
	.img_right .bridal_info {
		float:none;

	}

	.img_right .bridal_img{
		float:none;
	}

	.img_left .bridal_info {
		float: none;
		position: absolute;
		margin-left: 0px;
	}

	.img_left .bridal_img{
		float:none;
		margin-right: 0px;
	}

	.groomsmen {	
		clear:both;
		width:250px;
		height:1090px;
		background: url('../images/mobile/icon_groomsmen.png') no-repeat; 
		display:block;
		background-position:right bottom;
		color:#3E6387;
		margin-top:2em;
	}

	.groomsmen h1{
		color:#3E6387;
	}

	.groomsmen .headliner{
		background-color:#a8b8c8;
	}
	
	/* --- Wedding Events --- */
	
	.wedding_events {
		width:auto;
		background: url('../images/mobile/header_wedding_events.png') no-repeat; 
		display:block;
		background-position:center top;
		padding-top:55px;
		margin:0px auto 0px auto;
	}
	
	body.retina .wedding_events{
		background: url('../images/mobile/header_wedding_events@2x.png') no-repeat; 
		background-position:center top;
		background-size:286px;
	}
	
	
	.wedding_events #content_panel{
		width:265px;
		height:140px;
		margin-bottom:10px;
	}
	
	.cocktail {
		background: url('../images/mobile/icon_cocktail.png') no-repeat; 
		display:block;
		background-position:right bottom;
		float:none;
		margin:0px auto 0px auto;
	}

	.ceremony {
		background: url('../images/mobile/icon_ceremony.png') no-repeat; 
		display:block;
		background-position:right bottom;
		margin-top:.75em;
		float:none;
		margin:0px auto 0px auto;
	}

	.reception {
		background: url('../images/mobile/icon_reception.png') no-repeat; 
		display:block;
		background-position:right bottom;
		margin-top:.75em;
		float:none;
		margin:0px auto 0px auto;
	}

	#slide4{
		margin-bottom:140px;
	}
	
	#slide4 .parallaxbg{
		position:absolute;
		right:40px;
		top:40px;
		font-size:28px;
		color:rgba(51,51,51,0.3);
	}
	
	/* --- Directions --- */
	#slide5{
		width:295px;
		margin-bottom:180px;
	}

	#slide5 .cloud {
		display:none;
	}

	.directions {
		width:265px;
		height:400px;
		margin:0px auto 400px auto;
	}

	.directions_panel {
		width:265px;
		height:420px;
		background: url('../images/mobile/icon_directions.png') no-repeat; 
		display:block;
		background-position:left bottom;
		float:left;
	}
	
	.directions_info {
		margin-bottom:10px;
	}
	
	.directions_panel p{
		width:260px;
	}
	.map {
		display:none;
	}
	
	.mobile_map{
		display:block;
	}
	
	/* --- Accommodations --- */
	#slide6{
		width:auto;
		height:auto;
		margin-bottom:140px;
	}

	.accommodations_panel {
		width:265px;
		height:auto;
		background: url('../images/mobile/icon_accommodations.png') no-repeat; 
		display:block;
		background-position:right bottom;
		margin:0px auto 0px auto;
	}

	.lodging_header{
		width:264px;
		border: 1px solid #80806F; 
		border-width: 0px 0px 1px 0px; 
		padding-bottom:5px;
		margin-top:1em;
	}

	.lodge{
		position:relative;
		margin:1em 0px;
		overflow:hidden;
	}

	.lodge_info{
		margin-top: 5px;
		float:left;
		margin-right:100px;
	}


	.accommodations_panel h2, .accommodations_panel h3{
		font-family: 'Lobster', cursive;
		color:#80806F;
		font-style:normal;
		font-weight:normal;
		-webkit-font-smoothing: antialiased;
		clear:both;
	}

	.accommodations_panel h2{
		display:inline;
		font-size:22px;
		margin-bottom:0px;
	}

	.accommodations_panel h3{
		font-size:18px;
	}

	.accommodations_panel h4{
		font-family: 'Crimson Text', Times, serif;
		font-weight:700;
		font-size:12px;
		color:#80806F;
		display:inline;
		-webkit-font-smoothing: antialiased;
		line-height:15px;
	}

	.divider {
		position:relative;
		background: url('../images/mobile/divider.png') no-repeat; 
		display:block;
		width:239px;
		height:23px;
		margin:10px auto;
	}
	
	/* --- Local Activities --- */
	#slide7{
		width:295px;
		margin:0px auto 450px auto;
	}
	
	.local_activities {
		width:265px;
		height:auto;
		background: url('../images/mobile/icon_activities.png') no-repeat; 
		background-position:right bottom;
	}
	
	.local_activities h2 {
		font-size:22px;
	}
	
	.col{
		margin:0px;
	}
	
	.activity_icon {
		left: 48%;
		margin-left: -100px;
		position: relative;
		margin: 10px 0px 10px -100px;
	}
	
	/* --- Registry --- */
	#slide8{
		width:295px;
		margin:0px auto 140px auto;
	}
	
	.registry {
		width:265px;
		height:200px;
		background: url('../images/mobile/icon_registry.png') no-repeat; 
		background-position:right bottom;
	}
	
	.registry_temp {
		font-size: 42px;
		padding-bottom: 50px;
	}
	
	.registry_btn {
		display:block;
		width:150px;
		height:60px;
		text-indent:-9999px;
		float:none;
		clear:both;
		margin: 30px 60px -30px;
		background-size:150px; 
		background-position: 0px -55px;
		
		/*Transition*/
		  -webkit-transition: none !important;
		  -moz-transition: none !important;
		  -o-transition: none !important;
		  -ms-transition: none !important;
		  transition: none !important;
	}

	.registry_btn:hover{
		background-position: 0px -55px;
	}
	
	/* --- Photos --- */
	
	#slide9{
	/*	background-image:url(../images/Slide4/desktop4.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;*/
		height:300px;
		margin-bottom:150px;
	}
	
	.photos {
		width:295px;
		height:300px;
		background: url('../images/header_photos.png') no-repeat; 
		background-size:100%;
		display:block;
		background-position:center top;
		padding-top:65px;
		margin:0px auto 0px auto;
	}

	.photos_panel{
		width:265px;
		height:220px;
		background: url('../images/mobile/icon_photos.png') no-repeat; 
		display:block;
		background-position:right bottom;
		margin:0px auto 0px auto;
	}

	.carousel{
		background-color:#000;
		padding:10px;
		width:735px;
		height:435px;
	}
	
	
	#mobile_list{
		display:block;
	}
	
	#mobile_iScrollWrapper {
		width:250px;
		height:148px;

		float:left;
		position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
		z-index:0;			/* it seems that recent webkit is less picky and works anyway. */
		overflow:hidden;

	}
	
	#scroller {
		width:2500px;
		height:100%;
		float:left;
		padding:0;
		display:block;
	}
	
	#slideshow {
		display:none;
	}

	#mobile_slideshow {
		display:block;
	}
	
	#scroller ul {
		list-style:none;
		display:block;
		float:left;
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		text-align:left;
	}

	#scroller li {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		display:block; float:left;
		width:250px; height:140px;
		text-align:center;
		font-family:georgia;
		font-size:18px;
		line-height:140%;
	}

	#mobile_indicator, #mobile_indicator > li {
		display:block; float:left;
		list-style:none;
		padding:0; margin:0;
	}

	#mobile_indicator  li {
		font-size: 10px;
		padding: 5px;
		margin: 0 5px;
		width: 5px;
		height: 5px;
		line-height: 6px;
	}

	#mobile_indicator  li.active, #mobile_indicator  li:hover  {
		background:#888;
	}

	#mobile_indicator > li:last-child {
		margin:0;
	}

	/*----------CUSTOM----------*/


	.scroll_btns {
		display:none;
	}

	.carousel_controls{
		display:none;
	}
	
	.mobile_carousel_controls{
		display:block;
	}

	#photo_carousel{
		width:250px;
		height:148px;
		background-color:#fff;
		padding: 5px;
		box-shadow: 0px 0px 10px #888888;
		margin: 2.5px;
	}

	/*-----Touch Photo Slide----*/
	.mobile body {
	  overflow: hidden;
	}

	.mobile #wrapper {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	}

	.mobile #scroller {
	  height: 3000px;
	}
}