* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

.slider_container {
  position: relative;
  width: 180px;
  height: 180px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.slider_container_two {
  position: relative;
  width: 180px;
  height: 372px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.slider {
  position: relative;
  width: 400%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  animation: 40s cubic-bezier(1, 0.95, 0.565, 1) sliding infinite;
}
.slide {
  position: relative;
  min-width: 100%;
  height: 100%;
}
.slide img {
  width: 100%;
  height: 100%;
}
.slide .caption {
  position: absolute;
  left: 0;
  bottom: 5%;
  font-size: 5rem;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
  background: rgba(0, 0, 0, 0.348);
  backdrop-filter: blur(10px);
  padding: 1rem 5rem;
  border-radius: 0 2rem 2rem 0;
}

@keyframes sliding {
  0% {
    transform: translateX(0%);
  }
  5% {
    transform: translateX(0%);
  }
  10% {
    transform: translateX(-100%);
  }
  15% {
    transform: translateX(-100%);
  }
  20% {
    transform: translateX(-200%);
  }
  25% {
    transform: translateX(-200%);
  }
  30% {
    transform: translateX(-300%);
  }
  35% {
    transform: translateX(-300%);
  }
  40% {
    transform: translateX(-400%);
  }
    45% {
    transform: translateX(-400%);
  }
    50% {
    transform: translateX(-500%);
  }
    55% {
    transform: translateX(-500%);
  }
    60% {
    transform: translateX(-600%);
  }
    65% {
    transform: translateX(-600%);
  }
    70% {
    transform: translateX(-700%);
  }
    75% {
    transform: translateX(-700%);
  }
    80% {
    transform: translateX(-800%);
  }
    85% {
    transform: translateX(-800%);
  }
    90% {
    transform: translateX(-900%);
  }
    95% {
    transform: translateX(-900%);
  }
    100% {
    transform: translateX(-900%);
  }
  
}



/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100%; -webkit-text-size-adjust: 100%; }
body { font-size: 16px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:0.5px; color:#555; background:#f5f5f5; }
strong { font-weight:600; }
a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:1.5; padding:0 0px 13px 0px; }
a { text-decoration:none; }
p a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
p a:hover { color:#2b2b2b; border-bottom:1px solid #2b2b2b; }
a p { color:#555; }
p.small, span.small { font-size:11px; text-transform:uppercase; font-weight:600; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; color:#555; letter-spacing:2px; padding:0 0 5px 0; line-height:1.9 }
a p.small { color:#2b2b2b }
p.small a { color:#3d9991; text-decoration:none; padding-bottom:2px; position:relative }
p.small a:after { border-bottom: 1px solid #3d9991; position: absolute; content: ""; right: 0; top:100%; left: 0; margin-right:2px; }
p.tiny { font-size: 12px; font-family: "Lato", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:0.5px; line-height:1; color:#555 !important; }
p.above-h2 { padding:0px 0 13px 0 }
.centered p.small { padding-left:2px; }
.text-alignleft { text-align:left !important }
#preloader p.small { color:#555 !important; padding:0 !important }
code { font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; }
span.arrow { font:20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top:-4px; display:inline-block; opacity:0 }
.back-button span.arrow { opacity:1 !important }
a span.arrow { color:#555; }
a:hover span.arrow { padding-right:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; opacity:1 }
blockquote { color:#2b2b2b; font-size:24px; font-style:italic; width:auto; padding-right:40px; color:#555 }
.col3-3.centered blockquote { padding:5px 175px 10px 175px; color:#2b2b2b }
.col2-3 blockquote { padding:5px 145px 10px 145px !important; }
.hentry blockquote:before { content:"“"; float:left; display:block; margin-left:-64px; font-family:Georgia, "Times New Roman", Times, serif; font-size:96px; margin-top:-6px; font-weight:400 }
blockquote p { font-family:'Lato', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
blockquote p.small { font-style:normal; color:#777; letter-spacing:0; font-weight:400; text-transform:none; font-size:12px; padding-top:3px; }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; margin:0 auto; }
h1#logo a { display:inline-block; background:url(../images/bg-logo.png) center no-repeat; background-size:60px 52px; width:60px; height:52px; text-indent:-9999px; }
h1#sushi a { display:inline-block; background:url(../images/bg-sushi.png) center no-repeat; background-size:60px 52px; width:60px; height:52px; text-indent:-9999px; }
.tagline { font-family:"Lato", "Open Sans", Arial, Helvetica, sans-serif; font-size:26px; font-weight:600; margin:0px auto; position:relative; line-height:1.5; color:#2b2b2b; padding:3px 0 0 0; text-transform:uppercase }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#2b2b2b; display:block; position:relative; padding-bottom:13px;/* padding-right:20px*/ }
.hentry .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .hentry .alignright h1, .alignright h2, .alignright h3, .alignright h4, .alignright h5 { padding-right:0 }
h2 { font-size:48px; font-weight:300; line-height:60px; letter-spacing:-2px; margin-top:-5px; padding-bottom:20px; }
h2 strong { font-weight:700; letter-spacing:0px; }
h3 { font-size:24px; font-weight:400; line-height:31px; }
h4 { font-size:20px; font-weight:400; line-height:27px; }
h5 { font-size:18px; font-weight:400; }
h6 { font-size:16px; font-weight:400; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; a.color:#3d9991; letter-spacing:2px; padding:0 0 5px 0; line-height:2.5; }
.blog-post h2 { font-size:36px; line-height:50px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/*
==============================
SHOW SCALE
==============================
*/
@keyframes show-scale {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.show-scale {
    animation: show-scale .5s;
    opacity: 1 !important;
}