html {
 	width: 100%;
 	height: 100%;
 }

body {
	width: 100%;
    height: 100%;
    background-color: black; 
    color: white; 
    position: relative;
    margin-bottom: 60px;
 }

.navbar {
	border: none;
	border-radius: 0;
    background-color: rgba(0,0,0,0.7);
}

/* Intro */
.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/sushi5.jpg') no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro .intro-body .brand-heading {
    font-size: 40px;
}
.intro .intro-body  {
    display: table-cell;
    vertical-align: middle;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 50px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

.content-section {
    padding-top: 50px;
    padding-bottom: 25px;
    width:100%;
}
@media(min-width:767px) {
    .content-section {
        padding-top: 75px;
        padding-bottom:50px;
    }

}

#contact {
	background-color: white;
    color: black;
}

/* Menu */
.menu {
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: #000 url('../images/sushi-546311_1920.jpg') no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Carousel */
 .slick-list {
    margin: 0 -15px;
}
/* the slides */
.slick-slide {
  width: 300px;
  margin: 15px;
}
.slick-dots {
  color: white;
}
.slick-prev {
    left: -45px;
}
.slick-next {
    right: -45px;
}
.slick-dots li button:before {
    opacity: .85;
    color: #D4A017;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .85;
    color: white;
}

/* Sayuri Gold */
.sayuri-gold {
    color: #D4A017
}
.sayuri-gold-border {
    border-color: #D4A017;
}
 .sayuri-gold-link a {
     color: #D4A017;
 }


/* Embedded Map */
.map-responsive {
    overflow:hidden;
    padding-bottom:25.25%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Footer */
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #222;
}

 /* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
         width: 30px;
        height: 30px;
        background-color: #D4A017;
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
                animation: sk-rotatePlane 1.2s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */