/*

* MOET - Multi-Scrolling Coming Soon Template

* Build Date: July 2015

* Author: Madeon08

* Copyright (C) 2015 Madeon08

* This is a premium product available exclusively here : http://themeforest.net/user/Madeon08/portfolio

*/

/*  TABLE OF CONTENTS

    ---------------------------

    *. @Import & Reset

    1. Generic styles

    2. Loading

    3. Navigation

    4. Home

    5. Countdown

    6. Newsletter

    7. About

    8. Services

    9. Contact

   10. Media Queries

*/

/* ------------------------------------- */

/* *. @Import & Reset .................. */

/* ------------------------------------- */

/* custom CSS files */

@import url(font-awesome.min.css);

@import url(ionicons.min.css);

@import url(bootstrap.min.css);

@import url(animate.css);

@import url(swipebox.css);

@import url(vegas.css);

/* Google Fonts */

@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");

/*

* http://meyerweb.com/eric/tools/css/reset/ 

* v2.0 | 20110126

* License: none (public domain)

*/

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-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, main {

  display: block;

}



body {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* ------------------------------------- */

/* 1. Generic styles ................... */

/* ------------------------------------- */

body {

  background: #2B2D35;

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-overflow-scrolling: touch;

}



body, html {

  margin: 0;

  padding: 0;

  overflow: hidden;

  -webkit-tap-highlight-color: transparent;

  width: 100%;

}



body, input, select, textarea {

  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

}



.ms-section {

  position: relative;

}



.ms-section.ms-table {

  display: table;

  width: 100%;

}



.ms-tableCell {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

  height: 100%;

}



.ms-easing {

  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

}



a {

  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  cursor: pointer;

  text-decoration: none;

  color: #FFFFFF;

}

a:hover {

  color: #ffcc00;

  text-decoration: none !important;

  outline: none !important;

}

a:active, a:focus {

  outline: none !important;

  text-decoration: none !important;

  color: #FFFFFF;

}



button {

  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);

  cursor: pointer;

}

button:hover, button:active, button:focus {

  outline: none !important;

  text-decoration: none !important;

  color: #2B2D35;

}



strong, b {

  font-weight: 600;

}



em, i {

  font-style: italic;

}



p {

  margin: 0;

  font-size: 1em;

  line-height: 1.6em;

  color: #FFFFFF;

  font-weight: 400;

  font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

}



h1, h2, h3, h4, h5, h6 {

  color: #FFFFFF;

  font-weight: 400;

  line-height: 1em;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  color: inherit;

  text-decoration: none;

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

  color: inherit;

}



h1 {

  font-size: 4em;

  line-height: 1;

  color: #FFFFFF;

}



h2 {

  font-size: 1.2em;

  line-height: 1.2em;

  margin-bottom: 0;

}



h3 {

  font-size: 1em;

  line-height: 1.5em;

  margin-bottom: 0.5em;

  font-weight: 400;

}



h4 {

  font-size: 0.8em;

  line-height: 1.1em;

  font-weight: 600;

  text-transform: uppercase;

}



h5 {

  font-size: 0.8em;

  line-height: 1em;

  margin-bottom: 0.2em;

  font-weight: 400;

  text-transform: uppercase;

}



h6 {

  font-size: 0.7em;

  line-height: 1.5em;

}



sub {

  font-size: 0.8em;

  position: relative;

  top: 0.5em;

}



sup {

  font-size: 0.8em;

  position: relative;

  top: -0.5em;

}



.clear {

  clear: both;

}



.display-none {

  display: none !important;

}



.align-left {

  text-align: left;

}



.align-center {

  text-align: center;

}



.align-right {

  text-align: right;

}



.no-margin-bottom {

  margin-bottom: 0;

}



.opacity-0 {

  opacity: 0 !important;

}



.index-999 {

  z-index: -999 !important;

}



.opacity-0-player {

  opacity: 0;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}



.separator-middle {

  background: #ffcc00;

  height: 3px;

  width: 150px;

  margin: 35px auto;

}

.separator-middle:before {

  background: #ffcc00;

  content: "";

  height: 10px;

  margin: -4px 0 0 -75px;

  position: absolute;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 10px;

}

.separator-middle:after {

  background: #ffcc00;

  content: "";

  height: 10px;

  margin: -4px 0 0 75px;

  position: absolute;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 10px;

}



.item-title {

  position: absolute;

  z-index: 999;

  left: 0;

  padding: 0;

  top: 50vh;

  width: 100%;

  padding: 0 15%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: left;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  opacity: 1;

  visibility: visible;

}

.item-title.text-center {

  text-align: center !important;

}

.item-title h2 {

  color: #FFFFFF;

  font-size: 2em;

}

.item-title h2 small {

  font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  font-weight: 400;

  font-style: italic;

  opacity: 0.8;

  font-size: 40%;

  display: block;

  margin-top: 10px;

}

.item-title .separator {

  background: #ffcc00;

  height: 3px;

  width: 100px;

  margin: 20px 0 30px;

}

.item-title .separator:before {

  background: #ffcc00;

  content: "";

  height: 10px;

  margin: -4px auto auto 0;

  position: absolute;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 10px;

}

.item-title .separator:after {

  background: #ffcc00;

  content: "";

  height: 10px;

  margin: -4px auto auto 0;

  margin-left: 100px;

  position: absolute;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 10px;

}

.item-title p {

  color: #F8F8F8;

}



a.action {

  background-color: #ffcc00;

  opacity: 0.9;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  border: solid 1px #ffcc00;

  color: #FFFFFF;

  cursor: pointer;

  display: inline-block;

  font-weight: 600;

  height: 50px;

  line-height: 45px;

  padding: 0 1.5em;

  text-align: center;

  text-decoration: none;

  white-space: nowrap;

  text-transform: uppercase;

  letter-spacing: 2px;

}

a.action:hover {

  border-color: #ffcc00;

  color: #FFFFFF;

  opacity: 1;

}

a.action:active, a.action:focus {

  border-color: #e90031;

  color: #FFFFFF;

  box-shadow: none;

  opacity: 1;

}



.border-bar-top, .border-bar-right, .border-bar-bottom, .border-bar-left {

  position: absolute;

  z-index: 9999;

  background: #000000;

}



.border-bar-top {

  width: 100vw;

  height: 1px;

  top: 30px;

}



.border-bar-right {

  width: 1px;

  height: 100vh;

  right: 30px;

}



.border-bar-bottom {

  width: 100vw;

  height: 1px;

  bottom: 30px;

}



.border-bar-left {

  width: 1px;

  height: 100vh;

  left: 30px;

}



#multi-div {

  overflow: auto;

  height: 100vh;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}



.tooltip {

  text-transform: none;

}



.social-icons {

  position: absolute;

  top: 0;

  right: 40px;

  display: block;

  z-index: 99999;

  width: auto;

  overflow: hidden;

  white-space: nowrap;

  -webkit-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);

  -moz-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);

  -ms-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);

}

.social-icons i {

  color: rgba(255, 255, 255, 0.7);

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

.social-icons a {

  color: #666666;

  width: 30px;

  line-height: 30px;

  letter-spacing: 0;

  background: transparent;

  font-size: 12px;

  font-weight: 300;

  height: 30px;

  display: inline-block;

  text-align: center;

  float: left;

  border: none;

  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);

  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);

  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

.social-icons a:hover {

  color: white;

  background: #ffcc00;

}

.social-icons a:hover i {

  color: white;

}



p.copyright {

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  position: absolute;

  left: 0;

  bottom: 0;

  height: 30px;

  width: 100%;

  padding: 0 40px;

  color: #FFFFFF;

  line-height: 30px;

  font-size: 0.7em;

  font-weight: 500;

  text-align: right;

  z-index: 9999;

}



#left1 {

  background: none;

  /* Vegas displayed */

}



#left2 {

  background: none;

  /* Vegas displayed */

}



#left3 {

  background: none;

  /* Vegas displayed */

}



#left4 {

  background: none;

  /* Vegas displayed */

}



/* #left5 {

//    background: none; // Vegas displayed

} */

/* #left6 {

//     background: none; // Vegas displayed

} */

/* #left7 {

//     background: none; // Vegas displayed

} */

/* #left8 {

//     background: none; // Vegas displayed

} */

#right1 {

  background: none;

  /* Vegas displayed */

}



#right2 {

  background: none;

  /* Vegas displayed */

}



#right3 {

  background: none;

  /* Vegas displayed */

}



#right4 {

  background: none;

  /* Vegas displayed */

}



/* #right5 {

//     background: none; // Vegas displayed

} */

/* #right6 {

//     background: none; // Vegas displayed

} */

/* #right7 {

//     background: none; // Vegas displayed

} */

/* #right8 {

//     background: none; // Vegas displayed

} */

.overlay {

  background: rgba(0, 0, 0, 0.3);

  position: relative;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  border-right: 1px solid #FFFFFF;

}



.ms-right .ms-section .overlay {

  border-left: 1px solid #FFFFFF;

  border-right: none;

}



/* If you don't want to use the overlay for example on the 2nd right div, use this rule : 



#right2 {

    .overlay {

    background: transparent;

    }



} */

.carousel-indicators {

  padding: 0 15px 15px 0;

  bottom: 0;

  right: 0;

  margin: 0;

  left: auto;

  width: auto;

}

.carousel-indicators li {

  background: transparent;

  border: 1px solid #2B2D35;

  background: #FFFFFF;

  margin: 0 !important;

  width: 10px;

  height: 10px;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  margin-right: 5px !important;

  -webkit-backface-visibility: hidden;

}

.carousel-indicators li:hover {

  background: #2B2D35;

  border: 1px solid #2B2D35;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

.carousel-indicators .active {

  width: 10px;

  height: 10px;

  margin: 0 !important;

  margin-right: 5px !important;

  background: #2B2D35;

  border: 1px solid #2B2D35;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}



.carousel-inner {

  overflow: hidden;

}

.carousel-inner .item {

  overflow: visible;

}



.carousel-caption {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 10;

  padding: 15px 10px 8px 15px;

  text-shadow: none;

  text-align: left;

  width: 100%;

  background: #FFFFFF;

}

.carousel-caption h3 {

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  color: #2B2D35;

  width: 100%;

  font-size: 12px;

  white-space: nowrap;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.carousel-control {

  background: transparent;

  background-image: none !important;

}



.carousel-control .icon-prev:before {

  font-family: ionicons;

  content: '\f124';

}



.carousel-control .icon-next:before {

  font-family: ionicons;

  content: '\f125';

}



/* ------------------------------------- */

/* 2. Loading .......................... */

/* ------------------------------------- */

.loading-part {

  position: fixed;

  /* background: $shark; */

  /* Background gradient, if you want to use a simple color for your background, delete the next line and set your color just above */

  background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #2B2D35 0%, #141519 100%);

  background-image: radial-gradient(ellipse farthest-corner at center top, #2B2D35 0%, #141519 100%);

  width: 100%;

  height: 100%;

  z-index: 9999;

}

.loading-part img.logo-loading {

  max-width: 200px;

  display: block;

  margin: auto;

}

.loading-part p.loading-text {

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  width: 100%;

  margin-top: 20px;

  text-align: center;

  font-size: 12px;

  white-space: nowrap;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  left: 0;

}

.loading-part .loader {

  margin-top: 20px;

}

.loading-part .loader > span {

  display: inline-block;

  width: 5px;

  height: 5px;

  margin: 0 4px;

  background: #FFFFFF;

  opacity: 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-animation: loader-fade 1s infinite;

  -moz-animation: loader-fade 1s infinite;

  animation: loader-fade 1s infinite;

}

.loading-part .loader > span:nth-child(1) {

  -webkit-animation-delay: 0.2s;

  -moz-animation-delay: 0.2s;

  animation-delay: 0.2s;

}

.loading-part .loader > span:nth-child(2) {

  -webkit-animation-delay: 0.4s;

  -moz-animation-delay: 0.4s;

  animation-delay: 0.4s;

}

.loading-part .loader > span:nth-child(3) {

  -webkit-animation-delay: 0.6s;

  -moz-animation-delay: 0.6s;

  animation-delay: 0.6s;

}

@-webkit-keyframes loader-fade {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0.8;

  }

  100% {

    opacity: 0;

  }

}

@-moz-keyframes loader-fade {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0.8;

  }

  100% {

    opacity: 0;

  }

}

@keyframes loader-fade {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0.8;

  }

  100% {

    opacity: 0;

  }

}

/* ------------------------------------- */

/* 3. Navigation ....................... */

/* ------------------------------------- */

#multiscroll-nav {

  position: fixed;

  z-index: 9999;

  top: 50%;

  width: 30px;

  right: 0;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

#multiscroll-nav ul {

  margin: 0;

  padding: 0;

}

#multiscroll-nav ul li {

  display: block;

  width: 30px;

  height: 20px;

  position: relative;

}

#multiscroll-nav ul li a {

  display: block;

  position: relative;

  z-index: 1;

  width: 100%;

  height: 100%;

  cursor: pointer;

  text-decoration: none;

}

#multiscroll-nav ul li a:hover span:before {

  background: #ffcc00;

  border: 1px solid #ffcc00;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

#multiscroll-nav ul li .active span {

  background: transparent;

}

#multiscroll-nav ul li .active span:before {

  background: #ffcc00;

  border: 1px solid #ffcc00;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

#multiscroll-nav span {

  top: 5px;

  left: 10px;

  width: 10px;

  height: 10px;

  position: absolute;

  z-index: 1;

}

#multiscroll-nav span:before {

  font-size: 1.5em;

  content: "";

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border: 1px solid #2B2D35;

  background: #FFFFFF;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.multiscroll-tooltip {

  position: absolute;

  color: #FFFFFF;

  font-size: 12px;

  top: -2px;

  white-space: nowrap;

  text-transform: uppercase;

  letter-spacing: 2px;

}



a.link-nav .multiscroll-tooltip {

  opacity: 0;

  visibility: hidden;

  right: 0;

  padding-right: 20px;

  z-index: 0;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

a.link-nav.active .multiscroll-tooltip {

  -webkit-animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);

  -moz-animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);

  animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);

  -webkit-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

a.link-nav.active-opening .multiscroll-tooltip {

  opacity: 1;

  visibility: visible;

}

a.link-nav:hover .multiscroll-tooltip {

  opacity: 1;

  visibility: visible;

}



@-webkit-keyframes fade-tooltip {

  0% {

    opacity: 0;

    visibility: visible;

  }

  10% {

    opacity: 1;

  }

  90% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

@-moz-keyframes fade-tooltip {

  0% {

    opacity: 0;

    visibility: visible;

  }

  10% {

    opacity: 1;

  }

  90% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

@keyframes fade-tooltip {

  0% {

    opacity: 0;

    visibility: visible;

  }

  10% {

    opacity: 1;

  }

  90% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

/* ------------------------------------- */

/* 4. Home ............................. */

/* ------------------------------------- */

.brand-logo {

  max-width: 500px;

  display: block;

  margin: auto;

  margin-bottom: 40px;

}



.mouse {

  border: 2px solid #FFFFFF;

  border-radius: 26px;

  position: absolute;

  bottom: 45px;

  left: 50%;

  width: 20px;

  height: 35px;

  -webkit-backface-visibility: hidden;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.mouse::after {

  background-color: #FFFFFF;

  border-radius: 100%;

  content: "";

  position: absolute;

  top: 5px;

  left: 50%;

  margin-left: -2px;

  width: 4px;

  height: 4px;

  opacity: 1;

  -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  -ms-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  -o-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;

  -moz-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;

  animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;

}



p.scroll {

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  position: absolute;

  bottom: 15px;

  width: 100%;

  text-align: center;

  font-size: 12px;

  white-space: nowrap;

  font-weight: 400;

  letter-spacing: 1px;

  left: 0;

}

p.scroll span {

  letter-spacing: 0;

  font-style: italic;

}



@-webkit-keyframes scroll {

  0%, 20% {

    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  }

  10% {

    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    opacity: 0.01;

  }

}

@-moz-keyframes scroll {

  0%, 20% {

    -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  }

  10% {

    -moz-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    opacity: 1;

  }

  100% {

    -moz-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    opacity: 0.01;

  }

}

@keyframes scroll {

  0%, 20% {

    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

    -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

    -ms-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

    -o-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);

  }

  10% {

    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    -moz-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    -ms-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    -o-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    -moz-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    -ms-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    -o-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);

    opacity: 0.01;

  }

}

/* ------------------------------------- */

/* 5. Countdown ........................ */

/* ------------------------------------- */

#countdown_dashboard {

  display: block;

  margin: 10px auto 0;

}

#countdown_dashboard .dash-glob {

  border-left: 1px solid #2B2D35;

  text-align: center;

}

#countdown_dashboard .dash-glob:first-child {

  margin-left: 0;

  border-left: none;

}

#countdown_dashboard .dash-glob .dash {

  padding-bottom: 0;

  position: relative;

  width: 100%;

  opacity: 1;

}

#countdown_dashboard .dash-glob .dash .digit {

  color: #FFFFFF;

  font-size: 12em;

  font-weight: 400;

  display: inline-block;

  overflow: hidden;

  text-align: center;

  height: 1em;

  line-height: 1em;

  position: relative;

  vertical-align: middle;

  opacity: 1;

}

#countdown_dashboard .dash-glob .dash .text-right {

  color: #FFFFFF;

  font-size: 1.5em;

  font-weight: 500;

  display: inline-block;

  overflow: hidden;

  text-align: center;

  height: 2em;

  line-height: 2em;

  position: relative;

  vertical-align: middle;

}

#countdown_dashboard .text-day h3 {

  font-size: 1.5em;

  line-height: 1;

  margin: 25px 0 45px;

  font-weight: 500;

}

#countdown_dashboard .text-day h3 span.point {

  color: #ffcc00;

  font-weight: 800;

}

#countdown_dashboard .text-day p {

  color: #FFFFFF;

}



/* ------------------------------------- */

/* 6. Newsletter ....................... */

/* ------------------------------------- */

#subscribe p {

  font-weight: 400;

}

#subscribe #notifyMe {

  max-width: 450px;

  margin: auto;

  margin-top: 2em;

}

#subscribe #notifyMe .form-group {

  margin-bottom: 1em;

}

#subscribe #notifyMe .form-group .fa {

  color: #000000;

  font-size: 1.5em;

  margin: 0.5em 0 0 -2em;

  position: absolute;

  width: 2em;

  text-align: center;

}

#subscribe #notifyMe .form-group .form-control {

  background: rgba(0, 0, 0, 0.3);

  border: 1px solid #666666;

  border-right: none;

  float: left;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  box-shadow: none;

  height: 50px;

  font-weight: 600;

  outline: medium none;

  padding: 0 1em;

  width: 70%;

  color: #FFFFFF;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

#subscribe #notifyMe .form-group .form-control:hover, #subscribe #notifyMe .form-group .form-control:focus {

  box-shadow: none;

}

#subscribe #notifyMe .form-group .form-control::-webkit-input-placeholder {

  color: #F8F8F8 !important;

}

#subscribe #notifyMe .form-group .form-control::-moz-placeholder {

  color: #F8F8F8 !important;

}

#subscribe #notifyMe .form-group .form-control:-moz-placeholder {

  color: #F8F8F8 !important;

}

#subscribe #notifyMe .form-group .form-control:-ms-input-placeholder {

  color: #F8F8F8 !important;

}

#subscribe #notifyMe .form-group button.submit {

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  background: #ffcc00;

  color: #FFFFFF;

  height: 50px;

  padding: 1em 0;

  font-size: 1em;

  font-weight: 600;

  line-height: 1;

  width: 30%;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

#subscribe #notifyMe .form-group button.submit:hover {

  background: #F8F8F8;

  color: #2B2D35;

}

#subscribe .block-message {

  min-height: 30px;

}

#subscribe p.notify-valid {

  color: #FFFFFF;

}

#subscribe p.notify-valid .ion-close-round {

  color: #ffcc00;

}

#subscribe p.notify-valid .ion-checkmark-round {

  color: #27AE60;

}



/* ------------------------------------- */

/* 7. About ............................ */

/* ------------------------------------- */

ul.icons {

  margin: 30px 0 0;

  padding-left: 0;

  list-style: none;

}

ul.icons li {

  padding-left: 0;

  display: inline-block;

  padding: 0 0.3em 0 0;

}

ul.icons li:last-child {

  padding-right: 0;

}

ul.icons li a {

  color: #000000;

  font-size: 0.9em;

  width: 35px;

  height: 35px;

  line-height: 35px !important;

  position: relative;

  margin: 0 5px;

  text-align: center;

  display: inline-block;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-backface-visibility: hidden;

}

ul.icons li a:before {

  font-size: 1.5em;

  content: "";

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border: 1px solid #000000;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

ul.icons li a:hover {

  color: #FFFFFF;

}

ul.icons li a:hover:before {

  background: #000000;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

ul.icons li a i {

  position: relative;

  top: 0;

  left: 0;

}

ul.icons li a i.fa-facebook {

  left: -1px;

}



.progress-block {

  margin-top: 20px;

  overflow: hidden;

}

.progress-block h3 {

  margin-bottom: 2px;

  font-size: 0.8em;

  color: #FFFFFF;

}

.progress-block .progress-part {

  margin-bottom: 20px;

  font-weight: 400;

  overflow: visible;

  height: 1px;

  background: #EFEFEF;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}

.progress-block .progress-part .progress-dash {

  color: #333333;

  background: #F8F8F8;

  font-size: 0.7em;

  padding-top: 1px;

  position: relative;

}

.progress-block .progress-part .progress-dash span {

  display: inline-block;

  position: absolute;

  top: 5px;

  right: -10px;

  color: #FFFFFF;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



/*  

 * Skin Swipebox

 */

#swipebox-overlay {

  background: #2B2D35;

}



#swipebox-bottom-bar,

#swipebox-top-bar {

  background: #2B2D35;

  opacity: 1;

  min-height: 50px;

}



#swipebox-bottom-bar {

  border-top: 1px solid #999999;

}



#swipebox-top-bar {

  color: #FFFFFF !important;

  border-bottom: 1px solid #999999;

  font-size: 15px;

  line-height: 50px;

  font-weight: 600;

}



#swipebox-prev,

#swipebox-next,

#swipebox-close {

  color: #FFFFFF !important;

  border: none !important;

  text-decoration: none !important;

  cursor: pointer;

  width: 50px;

  height: 50px;

  line-height: 50px;

  font-size: 30px;

  top: 0;

  text-align: center;

}



#swipebox-close {

  font-size: 25px;

}

#swipebox-close:hover {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  color: #333333;

}



/* ------------------------------------- */

/* 8. Services ......................... */

/* ------------------------------------- */

#carousel-services .carousel-indicators {

  bottom: -60px;

}

#carousel-services .carousel-indicators li {

  background: transparent;

  border: 1px solid #999999;

}

#carousel-services .carousel-indicators li:hover {

  background: #FFFFFF;

  border: 1px solid #999999;

}

#carousel-services .carousel-indicators .active {

  background: #FFFFFF;

  border: 1px solid #999999;

}

#carousel-services .carousel-control {

  position: absolute;

  top: auto;

  bottom: -40px;

  width: 30px;

  font-size: 20px;

  color: #fff;

}

#carousel-services .carousel-control.left {

  left: 0;

}

#carousel-services .carousel-control.right {

  left: 50px;

}



.block-services {

  margin: 2em 0 0;

  padding-left: 20px;

}

.block-services .icon-services {

  display: block;

  font-size: 3.5em;

  margin-bottom: 10px;

  color: #999999;

}



/* ------------------------------------- */

/* 9. Contact .......................... */

/* ------------------------------------- */

.block-contact {

  margin: 2em 0 0;

}

.block-contact h3 {

  color: #FFFFFF;

}

.block-contact h3 i {

  margin-right: 5px;

  font-size: 1.2em;

}



#social-nav {

  position: relative;

  z-index: 100;

  margin-top: 20px;

  opacity: 1;

}

#social-nav ul {

  margin: 0;

  padding: 0;

}

#social-nav ul li {

  display: block;

  margin: 0px 5px 20px;

  position: relative;

  text-align: center;

  float: left;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

}

#social-nav ul li a {

  color: #000000;

  font-size: 0.9em;

  width: 35px;

  height: 35px;

  line-height: 35px !important;

  position: relative;

  margin: 0 5px;

  text-align: center;

  display: inline-block;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-backface-visibility: hidden;

}

#social-nav ul li a:before {

  font-size: 1.5em;

  content: "";

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border: 1px solid #EFEFEF;

  background: #FFFFFF;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#social-nav ul li a:hover {

  color: #FFFFFF;

}

#social-nav ul li a:hover:before {

  background: #000000;

  border: 1px solid #000000;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

#social-nav ul li a i {

  position: relative;

  top: 0;

  left: 0;

}

#social-nav .tooltip {

  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

  white-space: pre;

  max-width: none;

  margin-top: 8px;

}

#social-nav .tooltip .tooltip-inner {

  background: #333333;

}

#social-nav .tooltip .tooltip-arrow {

  border-top-color: #333333;

  border-right-color: transparent;

  border-bottom-color: #333333;

  border-left-color: transparent;

}

#social-nav a.social-media {

  color: #FFFFFF;

}

#social-nav a.social-media:before {

  border: 1px solid;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#social-nav a.social-media:hover:before {

  border: 1px solid;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

#social-nav a.twitter-color:before {

  background: #00aced;

  border-color: #00aced;

}

#social-nav a.twitter-color:hover:before {

  background: #0099d3;

  border-color: #0099d3;

}

#social-nav a.facebook-color:before {

  background: #3b5998;

  border-color: #3b5998;

}

#social-nav a.facebook-color:hover:before {

  background: #344e86;

  border-color: #344e86;

}

#social-nav a.googleplus-color:before {

  background: #dd4b39;

  border-color: #dd4b39;

}

#social-nav a.googleplus-color:hover:before {

  background: #d73925;

  border-color: #d73925;

}

#social-nav a.pinterest-color:before {

  background: #cb2027;

  border-color: #cb2027;

}

#social-nav a.pinterest-color:hover:before {

  background: #b51d23;

  border-color: #b51d23;

}

#social-nav a.linkedin-color:before {

  background: #007bb6;

  border-color: #007bb6;

}

#social-nav a.linkedin-color:hover:before {

  background: #006a9d;

  border-color: #006a9d;

}

#social-nav a.youtube-color:before {

  background: #bb0000;

  border-color: #bb0000;

}

#social-nav a.youtube-color:hover:before {

  background: #a20000;

  border-color: #a20000;

}

#social-nav a.instagram-color:before {

  background: #517fa4;

  border-color: #517fa4;

}

#social-nav a.instagram-color:hover:before {

  background: #497293;

  border-color: #497293;

}

#social-nav a.tumblr-color:before {

  background: #32506d;

  border-color: #32506d;

}

#social-nav a.tumblr-color:hover:before {

  background: #2a435c;

  border-color: #2a435c;

}

#social-nav a.vimeo-color:before {

  background: #aad450;

  border-color: #aad450;

}

#social-nav a.vimeo-color:hover:before {

  background: #a0cf3c;

  border-color: #a0cf3c;

}

#social-nav a.flickr-color:before {

  background: #ff0084;

  border-color: #ff0084;

}

#social-nav a.flickr-color:hover:before {

  background: #e60077;

  border-color: #e60077;

}

#social-nav a.dribbble-color:before {

  background: #ea4c89;

  border-color: #ea4c89;

}

#social-nav a.dribbble-color:hover:before {

  background: #e7357a;

  border-color: #e7357a;

}

#social-nav a.behance-color:before {

  background: #1769ff;

  border-color: #1769ff;

}

#social-nav a.behance-color:hover:before {

  background: #0059fc;

  border-color: #0059fc;

}

#social-nav a.soundcloud-color:before {

  background: #ff3a00;

  border-color: #ff3a00;

}

#social-nav a.soundcloud-color:hover:before {

  background: #e63400;

  border-color: #e63400;

}



#contact-form {

  margin-top: 40px;

}

#contact-form .form-control {

  background: rgba(0, 0, 0, 0.4);

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  box-shadow: none;

  font-weight: 400;

  outline: medium none;

  height: 40px;

  width: 100%;

  color: #FFFFFF;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);

  text-align: left;

}

#contact-form .form-control:hover, #contact-form .form-control:focus {

  box-shadow: none;

}

#contact-form .form-control::-webkit-input-placeholder {

  color: #F8F8F8 !important;

}

#contact-form .form-control::-moz-placeholder {

  color: #F8F8F8 !important;

}

#contact-form .form-control:-moz-placeholder {

  color: #F8F8F8 !important;

}

#contact-form .form-control:-ms-input-placeholder {

  color: #F8F8F8 !important;

}

#contact-form textarea.form-control {

  min-height: 150px;

  margin-bottom: 1em;

}

#contact-form button#valid-form {

  font-weight: 400;

  padding: 1em 2em;

  font-size: 1em;

  display: block;

  margin: 0 auto 0;

  background: #ffcc00;

  color: #FFFFFF;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  font-weight: 700;

  width: 100%;

}

#contact-form button#valid-form:hover {

  background: #FFFFFF;

  color: #333333;

}



#block-answer {

  min-height: 30px;

  margin-top: 1em;

  text-align: center;

}



.success-message, .error-message {

  color: #FFFFFF;

}

.success-message .ion-checkmark-round, .error-message .ion-checkmark-round {

  color: #27AE60;

}



.error-message .ion-close-round {

  color: #ffcc00;

}



/* ------------------------------------- */

/* 10. Media Queries ................... */

/* ------------------------------------- */

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1600px) {

  .item-title {

    padding: 0 10%;

  }

}

/* Notebook devices */

/* Medium Devices, Desktops */

@media only screen and (max-width: 1024px) {

  body {

    overflow: auto !important;

  }



  .ms-left, .ms-right {

    width: 100% !important;

    min-height: 0 !important;

    height: auto !important;

    position: relative !important;

    top: auto !important;

  }

  .ms-left .ms-section, .ms-right .ms-section {

    height: auto !important;

    position: relative;

  }

  .ms-left .ms-section .ms-tableCell, .ms-right .ms-section .ms-tableCell {

    height: auto !important;

  }

  .ms-left .ms-section .ms-tableCell .item-title, .ms-right .ms-section .ms-tableCell .item-title {

    position: relative;

    top: 0;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    padding-top: 150px;

    padding-bottom: 150px;

  }



  .overlay {

    border: 2px solid #FFFFFF;

    position: absolute;

  }



  #left1 .item-title {

    padding-top: 100px;

    padding-bottom: 100px;

  }

  #left1 .mouse {

    display: none;

  }

  #left1 p.scroll {

    bottom: 35px;

  }

  #left1 p.scroll span {

    display: none;

  }



  #multiscroll-nav {

    display: none;

  }



  .border-bar-top {

    height: 10px;

  }



  .border-bar-right {

    width: 10px;

  }



  .border-bar-bottom {

    height: 10px;

  }



  .border-bar-left {

    width: 10px;

  }



  .vegas-wrapper {

    position: relative;

  }



  .social-icons {

    position: absolute;

    top: 10px;

    right: 10px;

  }

  .social-icons i {

    color: #FFFFFF;

  }

  .social-icons a {

    width: 40px;

    line-height: 40px;

    font-size: 15px;

    font-weight: 300;

    height: 40px;

  }



  p.copyright {

    position: relative;

    padding: 0 15px;

    background: #FFFFFF;

    text-align: center;

    color: #666666;

  }



  .item-title {

    width: 100% !important;

    left: 0 !important;

  }

}

/* Small Devices, Tablets */

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {

  .brand-logo {

    max-width: 300px;

  }



  h1 {

    font-size: 2em;

  }



  p {

    font-size: 0.9em;

    line-height: 1.4em;

  }



  .item-title h2 {

    font-size: 1.5em !important;

  }



  #countdown_dashboard .dash-glob .dash .digit {

    font-size: 7em;

  }

  #countdown_dashboard .text-day h3 {

    font-size: 1.5em;

  }



  #subscribe #notifyMe {

    max-width: 100%;

    margin: auto;

    margin-top: 2em;

  }

  #subscribe #notifyMe .form-group {

    margin-bottom: 1em;

  }

  #subscribe #notifyMe .form-group .form-control {

    border-right: 1px solid #666666;

    float: none !important;

    width: 100% !important;

    margin-bottom: 20px;

  }

  #subscribe #notifyMe .form-group button.submit {

    width: 100% !important;

  }

  #subscribe .block-message {

    min-height: 40px;

  }



  #block-answer {

    min-height: 40px;

  }

}

/* Only for tablet in landscape mode */

/* Only for phone in landscape mode */



.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}

 

.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/***** MyGuestlist Styles *****/

div.MGLRow {

    padding-bottom: 12px !important;

}



div.MGLField input {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0% !important;

	border: medium none !important;

	border-radius: 0px !important;

	box-shadow: none !important;

	font-weight: 400 !important;

	outline: medium none !important;

	height: 40px !important;

	width: 100% !important;

	color: #FFF !important;

	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s !important;

	text-align: left !important;

	text-indent: 20px;

	border: none;

}



div.MGLField input:hover {

	background: #ffcc00 none repeat scroll 0% 0% !important;

}



.MGLPoweredBy {

	display: none;

}



div.MGLField textarea {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0% !important;

	border: medium none !important;

	border-radius: 0px !important;

	box-shadow: none !important;

	font-weight: 400 !important;

	outline: medium none !important;

	width: 100% !important;

	color: #FFF !important;

	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s !important;

	text-align: left !important;

	text-indent: -10px;

	border: none;

}



div.MGLField textarea:hover {

	background: #ffcc00 none repeat scroll 0% 0% !important;

}