.separator {
  display: block;
  position: relative;
  z-index: 100;
}
.separator div {
  bottom: 0px;
  height: 30px;
  background-color: red;
  position: absolute;
}


.avatar {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
}

.avatar-sahar {
  background-position: 63% 50%;
  background-size: 350px;
  -webkit-filter: brightness(120%);
  background-image: url('../images/sahar_l.jpg');
}

.avatar-max {
  background-position: 15% 30%;
  background-size: 400px;
  background-image: url('../images/max_l.jpg');
}

.thumbnail {
  max-width: 100%;
}

h1.big {
  font-size: 100px !important;
}

h2.big {
  font-size: 70px !important;
}

h3.big {
  font-size: 50px !important;
}

#group4 {
  padding-top: 3%;
}

#group6,
#group16,
#group20 {
  padding-top: 7%;
}

#group2 .container-wrapper,
#group4 .container-wrapper,
#group6 .container-wrapper,
#group16 .container-wrapper,
#group18 .container-wrapper,
#group20 .container-wrapper {
  min-height: 85%;
}

#group4,
#group16,
#group18,
#group20 {
  min-height: 85% !important;
  height: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.between-parallax {
  min-height: 70%;
}

#group2 div.container, #group4 div.container {
  max-width: 1200px !important;
}

.vcenter {
  display: flex;
  align-items: center;
}

.headline {
  font-family: 'Open Sans', cursive;
  font-weight: 300;
  text-decoration: underline;
}

.headline-2 {
  font-family: 'Poiret One', cursive;
  font-weight: 300;
}

strong {
  font-family: 'Open Sans', cursive;
  font-weight: 300;
  font-size: 25px;
}

#rsvp-form {
  width: 300px;
  display: inline-block;
}

#rsvp-form input {
  height: 45px;
}

.hotels {
  margin-bottom: 50px;
}

.stars {
  display: inline-block;
  vertical-align: middle;
}

.stars .full {
  float: left;
  background-image: url('../images/star.png');
  background-repeat: repeat-x;
  height: 24px;
}

.stars .empty {
  float: left;
  background-image: url('../images/star-empty.png');
  background-repeat: repeat-x;
  height: 24px;
}

.stars .s5 {
  width: 120px;
}

.stars .s4 {
  width: 96px;
}

.stars .s3 {
  width: 72px;
}

.stars .s2 {
  width: 48px;
}

.stars .s1 {
  width: 24px;
}

.cash {
  display: inline-block;
  vertical-align: middle;
}

.cash .full {
  float: left;
  background-image: url('../images/dollar.png');
  background-repeat: repeat-x;
  height: 24px;
}

.cash .empty {
  float: left;
  background-image: url('../images/dollar-empty.png');
  background-repeat: repeat-x;
  height: 24px;
}

.cash .s5 {
  width: 80px;
}

.cash .s4 {
  width: 64px;
}

.cash .s3 {
  width: 48px;
}

.cash .s2 {
  width: 32px;
}

.cash .s1 {
  width: 16px;
}

.faq {
  width: 90%;
  text-align: left;
  display: inline-block;
}

@media (min-width: 768px) {
  .faq {
    width: 60% !important;
  }
}

.faq .icon {
  width: 12px;
  display: inline-block;
}

.faq .q {
  font-weight: bold;
  cursor: pointer;
}

.faq .a {
  display: none;
  padding-left: 20px;
}

.border {
  min-height: 100px;
  text-align: center;
  background-position: top;
  background-repeat: repeat-x;
  border-top: 1px solid #bbb;
  /** background-image: url(../images/border.png); **/
}

.border img {
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
}

.imglist__item {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  width: 200px;
  padding: 5px;
  margin: 10px 20px 10px 20px;
}

.imglist__item img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  padding-bottom: 5px;
}

.event .map {
  height: 300px !important;
  width: 80% !important;
  margin: 0 auto;
}

.event .round_outer {
  height: 300px !important;
}

.event .round_corners {
  height: 100px !important;
  width: 100px !important;
}

.event .round_inactive {
  height: 100px !important;
}

.map {
  height:300px;
  width:100%;
  pointer-events:none;
  overflow:hidden;
  position:relative;
}

.round_outer {
  height:300px;
  width:100%;
  overflow:hidden;
  position:relative;
}

.round {
  position:absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.round_corners {
  box-shadow:0 0 0 200em #fff;
  border-radius:50%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  content:"";
  width:300px;
  height:300px;
}

.btn-link {
  border-width: 2px;
  border-style: solid;
  color: #000;
  border-color: #272727;
  background-color: transparent;
  -webkit-transition: 0.1s background-color linear, 0.1s color linear;
  -moz-transition: 0.1s background-color linear, 0.1s color linear;
  -o-transition: 0.1s background-color linear, 0.1s color linear;
  transition: 0.1s background-color linear, 0.1s color linear;
  padding: 13px 26px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 1em 2.5em;
}

.btn-link:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}

.container-wrapper {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}

.justify-block {
  text-align: justify;
  display: inline-block;
}

@media (min-width: 768px) {
  .justify-block {
    width: 400px;
  }
}


.parallax {
  height: 500px; /* fallback for older browsers */
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 300px;
  perspective: 300px;
}

.parallax__group {
  position: relative;
  height: 500px; /* fallback for older browsers */
  height: 100vh;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.parallax__layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax__layer--fore {
  -webkit-transform: translateZ(90px) scale(1.2);
  transform: translateZ(90px) scale(1.2);
  z-index: 1;
}

.parallax__layer--base {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 4;
}

.parallax__layer--back {
  -webkit-transform: translateZ(-250px) scale(2);
  transform: translateZ(-250px) scale(2);
  z-index: 3;
}

.parallax__layer--deep {
  -webkit-transform: translateZ(-600px) scale(3);
  transform: translateZ(-600px) scale(3);
  z-index: 2;
}

.parallax__layer--base .content {
  color: #fff;
  font-size: 90px;
  font-family: 'Poiret One', cursive;
  font-weight: 300;
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#group1_half { /** PHOTO: engagement **/
  z-index: 1;
  height: 50vh;
}
#group1_half .parallax__layer--back {
  background-size: cover;
  height: 90vh;
  background-position: 50% 60%;
  background-image: url('../images/engagement.jpg');
}

#group1 { /** PHOTO: engagement **/
  z-index: 1;
  height: 90vh;
}
#group1 .parallax__layer--back {
  background-size: cover;
  height: 90vh;
  background-position: 50% 60%;
  background-image: url('../images/_W0A9874.jpg');

  /**
  background-position: 50% 30%;
  background-image: url('../images/engagement.jpg');

  background-position: 0% 60%;
  background-image: url('../images/_W0A0075.jpg');

  background-position: 0% 70%;
  background-image: url('../images/_W0A0317.jpg');

  background-position: 0% 50%;
  background-image: url('../images/_W0A9821.jpg');
  **/
}

#group2 { /** Our Story **/
  z-index: 3;
}

#group3 { /** PHOTO: Us **/
  z-index: 2;
  min-height: 80vh;
  height: auto;
}
#group3 .parallax__layer--back {
  background-image: url('../images/us-1.jpg');
  background-size: cover;
  height: 100vh;
  background-position: 60% 20%;
}

#group4 { /** How we met **/
  z-index: 4;
  background-color: #fff;
  min-height: 80vh;
  height: auto;
}

#group5 { /** PHOTO: Proposal **/
  z-index: 3;
  min-height: 80vh;
  height: auto;
}
#group5 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 30% 100%;
  background-image: url('../images/_I4A0791.jpg')
}

#group6 { /** proposal and picture gallery **/
  z-index: 5;
}

#group7 { /** PHOTO: Event **/
  z-index: 4;
  min-height: 100vh;
  height: auto;
}
#group7 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 40% 10%;
  background-image: url('../images/cimbrone.jpg')
}

#group8 { /** event **/
  z-index: 6;
  min-height: 80vh;
  height: auto;
  background-color: #fff;
}

#group9 { /** PHOTO: wedding **/
  z-index: 5;
  min-height: 100vh;
  height: auto;
}
#group9 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 45% 0%;
  background-image: url('../images/amalfi-coast2.jpg')
}

#group10 { /** Wedding **/
  z-index: 8;
  min-height: 100vh;
  height: auto;
  background-color: #fff;
}

#group11 { /** PHOTO: Transportation **/
  z-index: 7;
  min-height: 100vh;
  height: auto;
}
#group11 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 20% 0%;
  background-image: url('../images/accommodation.jpg')
}

#group12 { /** Transportation **/
  z-index: 10;
  min-height: 100vh;
  height: auto;
  background-color: #fff;
}

#group13 { /** PHOTO: Accommodation **/
  z-index: 9;
  min-height: 100vh;
  height: auto;
}
#group13 .parallax__layer--back {
  background-size: cover;
  height: 120vh;
  background-position: 60% -20%;
  background-image: url('../images/amalfi-coast.jpg')
}

#group14 { /** RSVP **/
  z-index: 13;
  min-height: 100vh;
  height: auto;
  background-color: #fff;
}

#group15 { /** PHOTO: RSVP **/
  z-index: 11;
  min-height: 100vh;
  height: auto;
}
#group15 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 50% 0%;
  background-image: url('../images/overgrown.jpg')
}

#group16 { /** Registry **/
  z-index: 12;
  background-color: #fff;
}

#group17 { /** PHOTO: Registry **/
  z-index: 13;
  min-height: 100vh;
  height: auto;
}
#group17 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 0% 50%;
  background-image: url('../images/sardinia-1.jpg')
}

#group18 { /** Q & A **/
  z-index: 16;
  background-color: #fff;
}

#group19 { /** PHOTO: Q & A **/
  z-index: 15;
  min-height: 100vh;
  height: auto;
}
#group19 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-position: 70% 0%;
  background-image: url('../images/ravello.jpg')
}


#group20 { /** Activities **/
  z-index: 17;
  height: auto !important;
  background-color: #fff;
}

#group21 { /** PHOTO: RSVP **/
  z-index: 16;
  min-height: 100vh;
  height: auto;
}
#group21 .parallax__layer--back {
  background-size: cover;
  height: 100vh;
  background-image: url('../images/slide/6.jpg')
}


#group22 { /** Footer **/
  z-index: 18;
  min-height: 40vh;
  height: auto;
  background-color: #fff;
}


.wax {
  height: 100px;
  width: auto;
  position: absolute;
  bottom: 1%;
  left: 50%;
  margin-left: -100px; /* margin is -0.5 * dimension */
  margin-top: -125px;
  text-align: center;
}

#wax-small {
  margin-top: -12px;
  height: 45px;
}

#couple-content {
  padding-top: 10vh;
}

#nav-parent-fixed {
  position: fixed;
  z-index: 99;
  top: 0;
}

.navbar-inverse {
  background-color: #fff;
  border: 1px solid #d9d9d9;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #fff;
}

#footer {
  width: 100%;
  background-color: #f3f3f3;
  position: relative;
  display: block;
}

#footer-content {
  width: 100%;
  background-color: #fff;
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
}

#link-to-top {
  display: block;
  z-index: 10;
  background-color: #fff;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: -25px;
  padding-top: 2px
}

#link-to-top a {
  display: block;
  font-family: "Poiret One", cursive;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: #333;
  padding-left: 2px;
  padding-top: 4px;
}

#link-to-top a .arrow {
  display: block;
  text-align: center;
  width: 20px;
  height: 12px;
  margin: 0 auto 4px;
  background: url(../images/arrow.png);
}

.date {
  text-align: center;
}

.date h1 {
  font-size: 70pt;
}

h1, h2, h3 {
  font-family: 'Poiret One', serif !important;
  font-weight: bold;
}

.anchor {
  padding-top: 80px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

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

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

@media (min-width: 768px) {
  .navbar-brand {
    display: none;
  }
}

.navbar-inverse .navbar-brand {
  color: #333;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.item:nth-child(1) { background: url(../images/slide/1.jpg); }
.item:nth-child(2) { background: url(../images/slide/2.jpg); }
.item:nth-child(3) { background: url(../images/slide/3.jpg); }
.item:nth-child(4) { background: url(../images/slide/4.jpg); }
.item:nth-child(5) { background: url(../images/slide/5.jpg); }
.item:nth-child(6) { background: url(../images/slide/6.jpg); }

.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar-brand {
  float: none;
  position: relative;
  top: 2vh;
  font-size: 150%;
  font-family: 'Italiana', serif;
}

ul.nav li a {
  font-size: 150%;
  font-family: 'Italiana', serif;
  color: #9d9d9d;
}

ul.nav li a:hover {
  color: #000 !important;
}

ul.nav li a.active {
  text-decoration: underline;
  color: #000;
}

#proposal-quote {
  font-family: 'Italiana', serif;
  font-weight: bold;
  font-size: 100px;
}

.modal-dialog {
  width: 95%;
  height: 95%;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 80%;
    height: 80%;
  }
}

.modal-content {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

.modal-body {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
  min-height: 100%;
}

.modal-body iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 90%;
}