/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 18, ../sass/screen.scss */
html {
  height: 100%;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 24, ../sass/screen.scss */
body {
  height: 100%;
  font-size: 1.4em;
  line-height: 1.5;
  margin-bottom: 1.5em;
  font-family: Alice, georgia;
  font-weight: normal;
  font-style: normal;
  color: #444;
  background: #efefef;
}

/* line 35, ../sass/screen.scss */
section {
  display: block;
}
/* line 38, ../sass/screen.scss */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: lobster, serif;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #191919;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/* line 53, ../sass/screen.scss */
.container {
  width: 85%;
  margin: 0 auto;
}

/* line 57, ../sass/screen.scss */
#mande {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  margin: 0 auto;
  float: left;
  z-index: 5;
}
/* line 66, ../sass/screen.scss */
#mande #mark, #mande #emma {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
  z-index:5;
}
/* line 72, ../sass/screen.scss */
#mande #mark {
  background: url(../img/Mark3.jpg);
  background-size: cover;
}
/* line 76, ../sass/screen.scss */
#mande #emma {
  background: url(../img/Emma.jpg);
  background-position: top right;
  background-size: cover;
}

/* line 84, ../sass/screen.scss */
#intro, #intro2, #intro3, #longeveau, #travel, #dress, #itinerary, #accommodation, #gift, #rsvp, #countdown {
  min-height: 100vh;
  background: #5F6C70;
  z-index: 10;
  position: relative;
}
/* line 90, ../sass/screen.scss */
#intro h1, #intro2 h1, #intro3 h1, #longeveau h1, #travel h1, #dress h1, #itinerary h1, #accommodation h1, #gift h1, #rsvp h1, #countdown h1 {
  font-family: impact, sans-serif;
  padding: 25% 0 0;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 4vw;
}

/* line 100, ../sass/screen.scss */
.welcome {
  width: 100%;
  height: 100%;
  background: url("../img/shell.jpg") 0 50% repeat #cae7f0;
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 11;
  position: relative;
}
/* line 110, ../sass/screen.scss */
.welcome .cover {
  width: 100%;
  position: relative;
  top: 40%;
  left: 0;
  right: 0;
  display: block;
}
/* line 118, ../sass/screen.scss */
.welcome .cover img {
  width: 4vw;
  transition: all 0.7s ease-in-out;
}
/* line 128, ../sass/screen.scss */
.welcome .cover h1 {
  color: white;
  font-size: 4vw;
  text-shadow: 0 0 25px rgba(0, 0, 5, 0.05);
  font-family: impact, sans-serif;
}

/* line 136, ../sass/screen.scss */
#intro {
  z-index: 1;
  margin: -700px 0 0 0;
}
/* line 140, ../sass/screen.scss */
#intro h1 {
  margin: 50% auto;
  padding: 700px 0 0 0;
}

/* line 145, ../sass/screen.scss */
#intro2 {
  background: #F1B3C5;
}
/* line 148, ../sass/screen.scss */
#intro2 h1, #intro2 h3, #intro2 p {
  color: #ffffff;
  width: 60%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
/* line 155, ../sass/screen.scss */
#intro2 h1 {
  padding: 15% 0 0;
}
/* line 158, ../sass/screen.scss */
#intro2 h1 span {
  font-family: "Bonbon", cursive;
  font-size: 1.5em;
}
/* line 164, ../sass/screen.scss */
#intro2 h3 {
  padding-bottom: 100px;
  font-family: Alice;
  text-transform: lowercase;
  font-style: italic;
}
/* line 171, ../sass/screen.scss */
#intro2 p {
  padding: 0.7em 0;
  line-height: 1.7;
  width: 40%;
  font-size: 1.25em;
}
/* line 177, ../sass/screen.scss */
#intro2 p em {
  font-style: italic;
  padding-bottom: 2em;
}
/* line 182, ../sass/screen.scss */
#intro2 p small {
  font-size: 0.7em;
}

/* line 187, ../sass/screen.scss */
.slider {
  overflow: hidden !important;
  height: 3400px;
  position: relative;
  padding-top: 30px;
}

/* line 193, ../sass/screen.scss */
.slider .handle {
  height: 3400px;
  width: 100%;
  position: absolute;
  /*float: left;*/
  margin: 400px 0 0 0;
}

/* line 200, ../sass/screen.scss */
.slider ul {
  width: 100%;
  margin: 0px !important;
  position: absolute;
}

/* line 205, ../sass/screen.scss */
.slider li {
  float: left;
  width: 210px;
  height: 300px;
  position: relative;
  margin: 100px 20px;
  list-style: none;
  display: list-item;
}

/* line 217, ../sass/screen.scss */
#longeveau {
  background: transparent;
}
/* line 220, ../sass/screen.scss */
#longeveau h1 {
  font-family: lobster, serif;
  text-transform: lowercase;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 4vw;
  margin: 0 0 4em;
}

#area {
  z-index:10;
  position:relative;
}

/* line 232, ../sass/screen.scss */
#area h1 {
  font-family: lobster, serif !important;
  text-transform: lowercase;
  width: 100%;
  text-align: center;
  color: #F2B4C3;
  font-size: 3vw;
  margin: 0 0 4em;
}
/* line 241, ../sass/screen.scss */
#area h1 span {
  font-family: "Bonbon", cursive;
  font-size: 1.5em;
}
/* line 248, ../sass/screen.scss */
#area div.container {
  padding: 5em;
  width: 55%;
  background: rgba(255, 255, 255, 0.9);
}
/* line 252, ../sass/screen.scss */
#area div.container h1 {
  font-family: impact, sans-serif;
  font-size: 3em;
  margin: 0;
}
/* line 257, ../sass/screen.scss */
#area div.container h2, #area div.container h3 {
  width: 100%;
  text-align: center;
}
/* line 261, ../sass/screen.scss */
#area div.container h2 {
  font-size: 1.5em;
  padding: 4em 0 0;
}
/* line 266, ../sass/screen.scss */
#area div.container h3 {
  font-size: 1.25em;
  padding: 1.75em 0 0.25em;
  opacity: 0.7;
}
/* line 271, ../sass/screen.scss */
#area div.container p {
  text-align: center;
  padding: 0.7em 0;
}
/* line 275, ../sass/screen.scss */
#area div.container p a {
  color: #444444;
  border-bottom: 1px solid #f2b4c3;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 283, ../sass/screen.scss */
#area div.container p a:hover {
  color: #F2B4C3;
}

/* line 291, ../sass/screen.scss */
#map {
  height: 105vh;
}

/* line 296, ../sass/screen.scss */
#dress .container {
  width: 75%;
  margin: 0 auto;
}
/* line 301, ../sass/screen.scss */
#dress .container h1 {
  margin: 0 0 1em 0;
}
/* line 305, ../sass/screen.scss */
#dress .container p {
  text-align: center;
  color: white;
  margin: 0.7em 0;
}
/* line 311, ../sass/screen.scss */
#dress .container img {
  border-radius: 15px;
  border: solid 15px white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 2em 0;
}

/* line 319, ../sass/screen.scss */
#travel {
  background-color: #F0DECA;
}
/* line 322, ../sass/screen.scss */
#travel iframe {
  width: 890px;
  margin: 0 auto 100px;
  display: block;
  border-radius: 15px;
  border: solid 15px white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
/* line 331, ../sass/screen.scss */
#travel h3 {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  font-size: 1.5em;
  color: white;
}
/* line 338, ../sass/screen.scss */
#travel h3 a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
  font-family: Alice, serif;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: all 0.5s ease-in;
}
/* line 349, ../sass/screen.scss */
#travel h3 a:hover {
  color: #C5F8EA;
  border-color: #C5F8EA;
}
/* line 355, ../sass/screen.scss */
#travel p {
  padding: 0.7em 0;
  line-height: 1.7;
  width: 40%;
  font-size: 1.25em;
  margin: 0 auto;
  text-align: center;
}
/* line 363, ../sass/screen.scss */
#travel table {
  width: 40%;
  font-size: 0.75em;
  margin: 0 auto 100px;
}
/* line 368, ../sass/screen.scss */
#travel table th {
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 375, ../sass/screen.scss */
#itinerary {
  background: #f5f4f0;
}
/* line 380, ../sass/screen.scss */
#itinerary > div {
  width: 85%;
  margin: 0 auto;
}
/* line 385, ../sass/screen.scss */
#itinerary h1 {
  color: #cb4b0c;
  padding: 5% 0 0;
  text-align: center;
}
/* line 390, ../sass/screen.scss */
#itinerary h2 {
  width: 100%;
  text-align: center;
}
/* line 395, ../sass/screen.scss */
#itinerary ul {
  width: 85%;
  padding: 0 7.5%;
  height: 350px;
}
/* line 402, ../sass/screen.scss */
#itinerary ul li {
  margin: 0 50px;
}
/* line 405, ../sass/screen.scss */
#itinerary ul li img {
  width: 100px;
  opacity: 0.1;
}
/* line 410, ../sass/screen.scss */
#itinerary ul li h2 {
  font-size: 0.7em;
  font-family: Alice, georgia;
  margin-top: -75px;
}
/* line 416, ../sass/screen.scss */
#itinerary ul li p {
  font-size: 0.7em;
}

/* line 422, ../sass/screen.scss */
#accommodation {
  background-color: #F2B38F;
}
/* line 425, ../sass/screen.scss */
#accommodation img {
  width: 60vw;
  margin: 0 auto;
  display: block;
  position: relative;
}

/* line 433, ../sass/screen.scss */
#gift {
  background-color: #F2B4C3;
}
/* line 436, ../sass/screen.scss */
#gift h1, #gift p {
  width: 50vw;
  text-align: center;
  margin: 0 auto;
}
/* line 441, ../sass/screen.scss */
#gift p {
  padding: 1em 0;
}
/* line 444, ../sass/screen.scss */
#gift p:last-child {
  padding: 1em 0 6em 0;
}

/* line 450, ../sass/screen.scss */
#countdown {
  margin:0;
  padding:20px 0 140px 0;
  background-image:url(../img/main_bg.png);
}

#countdown p {
}

#countdown .wrapper {
  width:498px;
  height:498px;
  background-image:url(../img/clock_bg.png);
  background-position:center;
  margin:0 auto;
  background-repeat:no-repeat;
        position: relative;
}

#countdown .clock {
    position: absolute;
    top:-10px;
    left:-10px;
}


#countdown .text {
  width:430px;
  float:left;
  margin-top:150px;
  margin-left:-13px;
  text-align:center;
}

#countdown .text p {
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#FFF;
  font-size:24px;
  line-height:30px;
}

#countdown .text span {
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#999;
  font-style:italic;
  line-height:30px;
  font-size:20px;
}

#countdown .timer {
  width:430px;
  float:left;
  margin-left:-15px;
  margin-top:20px;
  
}
#countdown .timer p {
  color:#616161;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:17px;
  text-align:center;
  font-style:italic;
}
#countdown .timer span {
  color:#FFF;
}

/*********** TEAM ***********/
/* line 460, ../sass/screen.scss */
#team {
  background: url("../img/squiggle.png") repeat #cae7f0;
  /*padding: 160px 0;*/
  width: 100%;
  float: left;
  /*overflow: hidden;*/
  z-index: 99;
  position: relative;
}

/* line 469, ../sass/screen.scss */
#team h1 {
  font-size: 20px;
  color: #373f41;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 5%;
}

/* line 478, ../sass/screen.scss */
#teamContent {
  /*margin: 0 0 0 5%;*/
  display: block;
  width: 80%;
  margin: 0 auto;
}

/* line 484, ../sass/screen.scss */
.teamInfo {
  width: 210px;
  text-align: center;
  float: left;
  position: relative;
}

/* line 490, ../sass/screen.scss */
.teaminfo h2 {
  position: relative;
}

/* line 503, ../sass/screen.scss */
#team h2 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* line 511, ../sass/screen.scss */
.teamInfo:hover h2 {
  color: #222222;
}

/* line 514, ../sass/screen.scss */
#team p {
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  margin: 5px 0 0 0;
}

/* line 521, ../sass/screen.scss */
.teamInfo:Hover p {
  color: #222222;
}

/* line 523, ../sass/screen.scss */
#team p.twitter {
  margin-top: 10px;
  color: #A3A181;
  text-transform: lowercase;
}

/* line 528, ../sass/screen.scss */
.teamInfo .mark, .teamInfo .emma, .teamInfo .anthony, .teamInfo .caroline, .teamInfo .olwen, .teamInfo .len, .teamInfo .tony, .teamInfo .margret, .teamInfo .jessica, .teamInfo .rosalie, .teamInfo .victoria, .teamInfo .leila, .teamInfo .matthew, .teamInfo .alex, .teamInfo .nick, .teamInfo .stuart, .teamInfo .dilly {
  border-radius: 50%;
  width: 177px;
  height: 177px;
  box-shadow: 0 1px 10px #97bdca;
  border: 6px solid white;
  margin-left: 10px;
}

/* line 536, ../sass/screen.scss */
.teamInfo .mark {
  background: url("../img/team/Mark.jpg") no-repeat white;
  background-size: cover;
}

/* line 540, ../sass/screen.scss */
.teamInfo .emma {
  background: url("../img/team/Emma.jpg") no-repeat white;
  background-size: cover;
}

/* line 544, ../sass/screen.scss */
.teamInfo .anthony {
  background: url("../img/team/Anthony.jpg") no-repeat white;
  background-size: cover;
  border-color: #BDBA8C;
}

/* line 549, ../sass/screen.scss */
.teamInfo .caroline {
  background: url("../img/team/Caroline.jpg") no-repeat white;
  background-size: cover;
  border-color: #BDBA8C;
}

/* line 554, ../sass/screen.scss */
.teamInfo .olwen {
  background: url("../img/team/Olwen.jpg") no-repeat white;
  background-size: cover;
  border-color: #F0DECA;
}

/* line 559, ../sass/screen.scss */
.teamInfo .len {
  background: url("../img/team/Len.jpg") no-repeat white;
  background-size: cover;
  border-color: #F0DECA;
}

/* line 564, ../sass/screen.scss */
.teamInfo .tony {
  background: url("../img/team/Tony.jpg") no-repeat white;
  background-size: cover;
  border-color: #C5D6FF;
}

/* line 569, ../sass/screen.scss */
.teamInfo .margret {
  background: url("../img/team/Margret.jpg") no-repeat white;
  background-size: cover;
  border-color: #C5D6FF;
}

/* line 574, ../sass/screen.scss */
.teamInfo .jessica {
  background: url("../img/team/Jessica.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B38F;
}

/* line 579, ../sass/screen.scss */
.teamInfo .rosalie {
  background: url("../img/team/Rosalie.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B38F;
}

/* line 584, ../sass/screen.scss */
.teamInfo .victoria {
  background: url("../img/team/Victoria.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B38F;
}

/* line 589, ../sass/screen.scss */
.teamInfo .leila {
  background: url("../img/team/Leila.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B38F;
}

/* line 594, ../sass/screen.scss */
.teamInfo .matthew {
  background: url("../img/team/Matthew.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B38F;
}

/* line 599, ../sass/screen.scss */
.teamInfo .alex {
  background: url("../img/team/Alex.jpg") no-repeat white;
  background-size: cover;
  border-color: #C5F8EA;
}

/* line 604, ../sass/screen.scss */
.teamInfo .nick {
  background: url("../img/team/Nick.jpg") no-repeat white;
  background-size: cover;
  border-color: #C5F8EA;
}

/* line 609, ../sass/screen.scss */
.teamInfo .stuart {
  background: url("../img/team/Stuart.jpg") no-repeat white;
  background-size: cover;
  border-color: #C5F8EA;
}

/* line 614, ../sass/screen.scss */
.teamInfo .dilly {
  background: url("../img/team/Dilly2.jpg") no-repeat white;
  background-size: cover;
  border-color: #F2B4C3;
}

/* line 622, ../sass/screen.scss */
#rsvp {
  background-color: #799AA3;
}
/* line 625, ../sass/screen.scss */
#rsvp h2, #rsvp p {
  width: 50vw;
  text-align: center;
  margin: 0 auto;
}
/* line 631, ../sass/screen.scss */
#rsvp h2 {
  padding: 4em 0 0 0;
}
/* line 636, ../sass/screen.scss */
#rsvp p {
  padding: 1em 0;
}
/* line 639, ../sass/screen.scss */
#rsvp p:last-child {
  padding: 1em 0 6em 0;
}
/* line 646, ../sass/screen.scss */
#rsvp h1 {
  font-family: lobster, serif;
  text-transform: lowercase;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 4vw;
  margin: 0 0 4em;
}
/* line 655, ../sass/screen.scss */
#rsvp .fsForm {
  width: 40%;
  margin: 0 auto;
  background: transparent;
  color: white;
  border: none;
  font-size: 1.2em !important;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 3px;
  font-family: Alice, georgia;
}
/* line 668, ../sass/screen.scss */
#rsvp .fsForm .fsLabel {
  font-size: 1.15em;
  padding: 10px 0;
  line-height: 1.2;
}
/* line 674, ../sass/screen.scss */
#rsvp .fsForm .fsSubmit {
  background-color: transparent;
}
/* line 678, ../sass/screen.scss */
#rsvp .fsForm .fsSectionHeader {
  background-color: transparent;
}
/* line 681, ../sass/screen.scss */
#rsvp .fsForm .fsFieldFocused {
  background: rgba(0, 0, 0, 0.1);
}
/* line 684, ../sass/screen.scss */
#rsvp .fsForm .fsSupporting {
  color: white !important;
}
/* line 687, ../sass/screen.scss */
#rsvp .fsForm .fsNextButton, #rsvp .fsForm .fsPreviousButton, #rsvp .fsForm .fsSubmitButton {
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  padding: 7px;
  color: white;
  font-family: lobster, serif;
  font-size: 1.5em;
}
/* line 695, ../sass/screen.scss */
#rsvp .fsForm .fsRow {
  margin: 40px 0 !important;
  padding: 0 0 20px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 700, ../sass/screen.scss */
#rsvp .fsForm .fsRequiredMarker {
  color: white;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9);
  padding: 0 0 0 10px;
}

/* line 712, ../sass/screen.scss */
.group:after {
  content: "";
  display: table;
  clear: both;
}