html,body{width:100%; height:100%; cursor: default;}
body{margin:0; padding:0; background:#000; color:#fff; overflow: hidden; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:100;}
.imgHeart {display:inline-block;}
.imgHeart img {width:40px;}
a { color:#5fbfec; text-decoration:none !important; }
a:hover { color:#96dcfd !important; }
a { outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.font1 {font-family: 'Great Vibes', cursive; }
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.col-sm-6 { width:50%; }
  [class*="col-"]:after {content: ""; display: table; clear: both;}
.row:after {content: ""; display: table; clear: both;}
.clear:after { content: ""; display: table; clear: both;}
  .form-group {margin-bottom:10px;}
  .form-group textarea {width:100%; border-collapse: collapse; padding:20px; border:1px solid #676767; font-weight:100; background:rgba(0,0,0,0.1); outline:0; color:#a5a5a5; resize: none; font-size:20px;}
.btn { padding: 10px 20px; background: rgba(78, 78, 78, 0.5); color: #9a9a9a !important;  transition:all 0.2s linear; text-transform: uppercase;}
.btn:hover {background:rgba(0,0,0,0.5); color:#fff !important;}
.btn:active {transform: scale(1.5) !important; }
.sect {margin-bottom:20px;}
hr {display:block; width:192px; height:18px; background:url('/images/floral.png') center center no-repeat; border:0; padding:0; margin: 20px auto; opacity:0.8;}

#wrapperDrawerCont h3.page-heading {color:#bbb; max-width:600px; margin-left:auto; margin-right:auto;}

#wrapper{width:100%; height:100%;}

.bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.bgImages { transition: all 0.5s linear; }
.bgImages img {opacity:0;}
.bgImages img.active{opacity:1;}

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.sparkley {
  background: #3e5871;
  color: white;
  border: none;
  padding: 16px 36px;
  font-weight: normal;
  border-radius: 3px;
  transition: all 0.25s ease;
  box-shadow: 0 38px 32px -23px black;
  margin: 0 1em 1em;
}
.sparkley:hover {
  background: #2c3e50;
  color: rgba(255, 255, 255, 0.2);
}

#preLoader {
  text-align:center;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#000;
  z-index:999;
}
#xloader {
  text-align:center;
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:rgba(0,0,0,0.8);
  z-index:999;
  display:none;
}
  #xloader section { margin-top: 15%; }

.preloaderImg {display:none;}

#wrapperContent {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#wrapperContentInner {padding:10px;}
#wrapperSparkling {height:100%; position:fixed; top:0; bottom:0; left:0; right:0; overflow: hidden;}
#wrapperContentMain {z-index:3; position:fixed; left:0; right:0; top:0; bottom:0;}
#footerSparkling {width:100%; position:absolute; bottom:0;}
.fSparkling {height:50px;}

.pageEntourage { font-size:16px; line-height:24px; max-width:600px; margin-left:auto; margin-right:auto;}
  .pageEntourage .font1 {font-size:16px; color:#c92c2c;}
  .pageEntourage h3.font1 {color:#fff;}

.fontSize28 { font-size:28px; }
.fontSize32 { font-size:32px; }

#wrapperCouple {
  position: absolute;
  z-index:3;
  width:25%;
  height:80%;
  right:0;
  bottom:0;
  opacity:0;
}
  #wrapperCouple img { position: absolute; width:100%; right:0; bottom:0; opacity:0; }
  #wrapperCouple img.active {opacity:1;}

#wrapperDrawer {
  position:absolute;
  background:rgba(0,0,0,0.6);
  left: -100%;
  width: 70%;
  bottom:5%;
  top:5%;
  height: 90%;
  z-index:2;
}
  .bgDrawer {position:absolute; width:100px; height:100px; z-index:2; }
    .bgDrawer img {width:100%;}
    .bgDrawer.topLeft {top:-20px; left:-20px;}
    .bgDrawer.topRight {top:-20px; right:-20px;}
    .bgDrawer.bottomLeft {bottom:-20px; left:-20px;}
    .bgDrawer.bottomRight {bottom:-20px; right:-20px;}

    .bgDrawerBorder {position:absolute; opacity:0.25;}
      .bgDrawerBorder.top {top:0;}
      .bgDrawerBorder.bottom {bottom:0;}
      .bgDrawerBorder.left {left:-5px;}
      .bgDrawerBorder.right {right:-5px;}
      .bgDrawerBorder.vertical {top:0; bottom:0; width:20px; background: url('../images/bgDrawerBorderV.png') center center repeat-y; background-size:60%;}
      .bgDrawerBorder.horizontal {left:0; right:0; height:20px; background: url('../images/bgDrawerBorderH.png') center center repeat-x; background-size:10%;}

.menu_tip { position:fixed; z-index:100; padding: 5px; background:rgba(255,0,0,0.5); color:#fff; font-size:13px; font-weight:bold; right: 90px; bottom:38px; display: none;}
.menu_tip img { width: 20px; height: 24px; vertical-align: middle; margin-top: -9px; margin-bottom: -5px;}
#menu_overlay {position: fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:0; z-index:98; visibility: hidden; transition:all 0.5s ease-in-out;}
#menu_overlay.opened {opacity: 0.7; visibility: visible;}
#menu {position:fixed; right:20px; bottom:20px; z-index:99;}
  #menu ul {list-style:none; margin:0; padding:0; position:relative; height:60px; width:60px;}
  #menu li { position: absolute; bottom:0; right:0; height:100%; width:100%; border-radius:100%; background-color:#fff; margin:0; padding:0; transition: all 0.3s ease-in-out; z-index:1; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }
  #menu.closed li:nth-child(1) {animation:menuBlinking 1s ease-in-out; animation-iteration-count: infinite;}
    @keyframes menuBlinking {
      0% {
        opacity:1;
      }
      50% {
        opacity:0.5;
      }
      100% {
        opacity:1;
      }
    }
  #menu li:nth-child(1) span {display:none;}
  #menu li+li {opacity:0; border-radius:0;}
  #menu li+li span {
    display: block;
    background: rgba(255,0,0,0.7);
    white-space: nowrap;
    position: absolute;
    right: 60px;
    padding: 10px;
    top: 10px;
    width: 0;
    overflow: hidden;
    border-radius: 0;
    text-align:center;
    font-size:16px;
    font-weight: normal;
    opacity:0;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
  }
    #menu li+li:hover span { background: rgba(255,0,0,0.4);}
  #menu li.clicked {animation: liClicked 0.3s ease-in-out; animation-fill-mode:forwards; }
    @keyframes liClicked {
      0% {
        transform: scale(1);
        right:0;
      }
      100% {
        transform: scale(1.2);
        right:5px;
      }
    }
  #menu li.expanded span {animation: liExpanded 0.6s ease-in-out; animation-fill-mode:forwards;  }
    @keyframes liExpanded {
      0% {
        width:0;
        opacity:0;
      }
      20% {
        opacity:1;
      }
      40% {
        width:140px;
      }
      100% {
        width:120px;
        opacity:1;
      }
    }
  #menu li.closed span {animation: liClosed 1s ease-in-out; animation-fill-mode:forwards;}
    @keyframes liClosed {
      0% {
        width:120px;
      }
      100% {
        width:0;
      }
    }

  #menu.slideIn {animation: menuSlideIn 0.8s ease-in-out; animation-fill-mode: forwards; }
  #menu.slideOut {animation: menuSlideOut 0.8s ease-in-out; animation-fill-mode: forwards; }
    @keyframes menuSlideIn {
      0% {
        right:100%;
        transform: rotate(0deg);
      }
      80% {
         right: 0;
      }
      100% {
        right: 20px;
        transform: rotate(360deg);
      }
    }
    @keyframes menuSlideOut {
      0% {
        right:20px;
        transform: rotate(360deg);
      }
      100% {
        right: 100%;
        transform: rotate(0deg);
      }
    }

  #menu.opened li+li { bottom:80px;}
    #menu.opened li+li {opacity:0.75;}
  #menu.opened li+li+li { bottom:160px; }
  #menu.opened li+li+li+li { bottom:240px; }
  #menu.opened li+li+li+li+li { bottom:320px; }
  #menu li:nth-child(1) {z-index:2; background: rgba(0,0,0,0.5); transform: rotate(45deg);}
    #menu.opened li:nth-child(1) {transform: rotate(180deg); }
  /*#menu li:active {transform: scale(1.5); }*/
  #menu li i {display:block; width:100%; height:100%;}
  #menu li i img {width:100%; height:100%;}
  #menu li+li i img {width:70%; height:70%; margin-top:15%; margin-left:15%; transform: scale(0); }
  #menu li+li i img.akt {animation: imgAkt 0.3s ease-in-out; animation-fill-mode:forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
    @keyframes imgAkt {
      0% {
        transform: scale(0);
      }
      50% {
        transform: scale(1.5);
      }
      100% {
        transform: scale(1);
      }
    }

#wrapperDrawerCont {
  font-size:1.2em;
  line-height:1.5em;
  overflow-y:auto;
  overflow-x:hidden;
  margin-top:3%;
  height:94%;
}
  #wrapperDrawerCont h3 { font-size:1.6em; font-weight:100; padding:0; margin: 0 0 25px; line-height: 1.05em; }
  #wrapperDrawerCont .greeting {font-family: 'Great Vibes', cursive; font-size:2em;}
  .drawerCont {padding:30px;}
  .drawerCloseBtn {display:block; position:absolute; right:-50px; top: -15px; background:rgba(0,0,0,0.5); border-radius: 50%; width:32px; height:32px; transition: all 0.3s; opacity:0.75; z-index:999;}
  .drawerCloseBtn img {width:100%;}

  .drawerCloseBtn:hover { background-color:rgba(255,0,0,0.75); transform: rotate(180deg); }

#footerMenuCont {position:absolute; left:0; right:0; bottom:0; text-align:center; padding-top:60px; background:url('/images/bgfade.png') center top repeat-x; z-index:1;}
  .fmCont {position:absolute; left:0; right:0; bottom:-15px;}
  #footerMenuCont a {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(225, 26, 43, 0.6);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    transition: all 0.15s ease-in-out;
  }
    #footerMenuCont a:hover, #footerMenuCont a:active {
      color:#fff !important;
      transform: scale(1.3);
      background: rgba(225, 26, 43, 1);
    }
    #footerMenuCont a:active {letter-spacing: 15px}

.buttonClose { animation: buttonClose 0.75s ease-in-out; animation-fill-mode: forwards; }

@keyframes buttonClose {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.8) rotate(180deg);
    background-color:rgba(255,0,0,0.75);
  }
  100% {
    transform: scale(0) rotate(-90deg);
  }
}

.pHeading { display:block; font-family: 'Great Vibes', cursive; font-size:3em; }
.heading {
  font-family: 'Great Vibes', cursive;
  font-size:3em;
  display:block;
  font-weight: normal;
  text-align:center;
  text-shadow: -2px 1px 0px rgba(0,0,0,0.5);
  position:absolute;
  bottom:20%;
}
  .sub-heading, .pSubHeading { font-family: 'Raleway', sans-serif; font-size:20px; display:block; font-weight:100; }

.pSubHeading { transition:all 0.3s linear; opacity:1;}
.pSubHeading.loading { animation: blinking 0.5s infinite; letter-spacing: 2px; font-size: 12px;}

@keyframes blinking {
  0% {
    margin-left:0;
    opacity:0.7;
  }
  25% {
    opacity:1;
  }
  50% {
    opacity:0.7;
    margin-right:30px;
  }
  75% {
    opacity:1;
  }
  100% {
    opacity:0.7;
    margin-left:0;
  }
}

/*
.glass{
 background: inherit; 
 box-shadow: inset 0 0 0 200px rgba(255,255,255,0.3);
 filter: blur(10px);
 -webkit-filter: blur(10px);
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
}
*/

  /*alternative*/
  .glass {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity:0.7;
  }

.zoomOut { animation:zoomOut 1s ease-in-out; }
.zoomOutHide { animation:zoomOutHide 0.3s ease-in-out; animation-fill-mode: forwards; }
.zoomIn { animation:zoomIn 1s ease-in-out; animation-fill-mode: forwards; }
.zoomInHide { animation:zoomInHide 1s ease-in-out; animation-fill-mode: forwards; }
.zoomInEntrance { animation:zoomInEntrance 0.3s ease-in-out; animation-fill-mode: forwards; }
.drawerShow { animation: drawerShow 1s ease-in-out; animation-fill-mode: forwards; }
.drawerHide { animation: drawerHide 1s ease-in-out; }
.fadeIn { animation: fadeIn 0.5s ease-in-out; animation-fill-mode: forwards; }
.fadeOut { animation: fadeOut 0.5s ease-in-out; animation-fill-mode: forwards; }
.heartPumping { animation: heartPumping 1s ease-in-out; animation-iteration-count: infinite; }
.showMenuTip { animation: showMenuTip 2s ease-in-out; animation-iteration-count: infinite; animation-delay: 1s }

@keyframes showMenuTip {
  0% {
    right:90px;
  }
  10% {
    right: 100px;
  }
  20% {
    right: 90px;
  }
  30% {
    right: 100px;
  }
  40% {
    right: 90px;
  }
  100% {
    right: 90px;
  }
}

@keyframes heartPumping {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.5);
  }
  20% {
    transform: scale(1.3);
  }
  35% {
    transform: scale(1.5);
  }
  100%{
    transform: scale(0.8);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(4) rotate(0deg);
    opacity:0;
    visibility: visible;
  }
  100%{
    transform: scale(1) rotate(0deg);
    opacity:1;
    visibility: visible;
  }
}

@keyframes zoomOutHide {
  0% {
    opacity:1;
  }
  100%{
    transform: scale(0) rotate(0deg);
    opacity:0;
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(1) rotate(0deg);
  }
  100%{
    transform: scale(4) rotate(0deg);
  }
}

@keyframes zoomInEntrance {
  0% {
    transform: scale(0) rotate(0deg);
  }
  100%{
    transform: scale(1) rotate(0deg);
  }
}

@keyframes zoomInHide {
  0% {
    transform: scale(1) rotate(0deg);
    visibility: visible;
  }
  30% {
    transform: scale(0.5) rotate(0deg);
  }
  100%{
    transform: scale(4) rotate(0deg);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes drawerShow {
  0% {
    left: -100%;
  }
  70% {
    left: 10%;
  }
  100% {
    left: 25px;
  }
}

@keyframes drawerHide {
  0% {
    left: 25px;
  }
  30% {
    left: 5%;
  }
  100% {
    left: -100%;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    right: -10%;
  }
  60% {
    right:30px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  40% {
    right:30px;
  }
  100% {
    opacity: 0;
    right: -10%;
  }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:16px; font-weight:bold;}
#content {font-size:14px;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:16px;font-weight:bold;}
#content {font-size:14px;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:16px; font-weight:bold;}
#content {font-size:14px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:1.6em; font-weight:100;}
#content {font-size:16px;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:1.6em; font-weight:100;}
#content {font-size:16px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:1.6em; font-weight:100;}
#content {font-size:16px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
#wrapperDrawerCont h3.page-heading {font-size:1.6em; font-weight:100;}
#content {font-size:16px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2)
{ }

/* iPhone 6 portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{ }

/* iPhone 6 Plus landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3)
{ }

/* iPhone 6 Plus portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ }

/* iPhone 6 and 6 Plus */
@media only screen
  and (max-device-width: 640px),
  only screen and (max-device-width: 667px),
  only screen and (max-width: 480px)
{ }

/* Apple Watch */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm)
{ }