@charset "UTF-8";

img {
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
  height: auto;
}

body {
  color: #000;
  position: relative;
}

@media screen and (max-width: 1024px) {
  body {
    overflow-x: hidden;
  }
}

a,
area:focus,
area:active,
area:focus,
area:hover,
input[type="submit"],
button {
  outline: none;
  border: none;
  text-decoration: none;
}

.ic-camera {
  width: 50px;
  height: 35px;
  display: inline-block;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -150px 0px;
}

.ic-download {
  right: 0;
  bottom: 0;
  width: 93px;
  height: 93px;
  border-radius: 53px;
  background-color: #ed1a3a;
  position: relative;
  display: inline-block;
}

.ic-download:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 28px;
  width: 25px;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -110px 0px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}

.ic-download:hover:before {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.arrowLink {
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  position: relative;
  display: inline-block;
}

.arrowLink:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -100px -60px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.morePage {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 0.9375em;
  color: #898989;
  font-weight: 400;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  line-height: 6.75;
  background-color: #fff;
  display: block;
  float: none;
  text-align: center;
  margin: 2em auto;
}

.bgBlack {
  background-color: #000;
}

.columns {
  display: block;
  position: relative;
}

.columns:before,
.columns:after {
  content: " ";
  display: table;
}

.columns:after {
  clear: both;
}

.checkboxCustom {
  position: relative;
  display: inline-block;
}

.checkboxCustom input[type="checkbox"]+label {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  font-size: 1em;
  line-height: 19px;
  cursor: pointer;
  padding-left: 1.7em;
  display: block;
}

.checkboxCustom input[type="checkbox"]+label:before,
.checkboxCustom input[type="checkbox"]+label:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.checkboxCustom input[type="checkbox"]+label:before {
  display: block;
  background-color: #f00;
  width: 17px;
  height: 17px;
  left: 0;
}

.checkboxCustom input[type="checkbox"]+label:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "\f00c";
  font-family: FontAwesome;
  top: 0;
  height: 10px;
  left: 0.1em;
  font-size: 1em;
  line-height: 0.8;
  color: #fff;
}

.checkboxCustom input[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.checkboxCustom input[type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.checkboxCustom input[type="checkbox"]:not(:checked),
.checkboxCustom input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.no-touch.no-svg.no-inlinesvg.no-svgclippaths.no-ie8compat .on-ie-underversion9 {
  display: block;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
p {
  font-family: 'Nunito Sans', sans-serif;
}

a,
input[type="submit"],
button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.wordCenter {
  text-align: center;
}

.centered {
  margin: 0 auto;
  float: none;
  clear: left;
}

p,
td,
th,
li {
  font-size: 0.94em;
  font-family: 'Nunito Sans', sans-serif;
  color: #000;
}

.bgEb {
  background-color: #ebebeb;
}

.bgWht {
  background-color: #fff;
}

.bgShadowht {
  background: white;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(20%, #ebebeb), color-stop(100%, #ebebeb));
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(20%, #ebebeb), to(#ebebeb));
  background: linear-gradient(to bottom, white 0%, #ebebeb 20%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}

.centerContent {
  width: 820px;
  max-width: 100%;
  margin: 0 auto;
}

.mainContent {
  padding: 2em 0;
}

.mainContent .titleHeadline {
  margin: 0 0 0.25em;
}

.mainContent ol li,
.mainContent ul li {
  padding-left: 15px;
}

.mainContent ul {
  margin-left: -15px;
}

.mainContent ol {
  margin-left: 0px;
}

.mainContent ol li {
  margin: 0;
  padding: 0 0 0 2em;
  list-style-type: none;
  counter-increment: item;
  position: relative;
}

.mainContent ol li:before {
  display: inline-block;
  width: 1em;
  position: absolute;
  left: 0;
  padding-right: 15px;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4,
.mainContent h5,
.mainContent h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}

.mainContent p,
.mainContent li,
.mainContent a,
.mainContent td {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9375em;
  color: #494949;
}

.mainContent p a {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  color: #00aeef;
  font-size: inherit;
}

.mainContent p a:hover {
  text-decoration: underline;
}

.mainContent .wordHedline {
  padding: 0 0.5em;
  margin-bottom: 1.5em;
}

.mainContent .wordHedline p {
  font-size: 1.31em;
  color: #000;
  line-height: 1.4;
}

.ic-video {
  width: 90px;
  height: 90px;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-position: -210px -3px;
  background-repeat: no-repeat;
  display: inline-block;
}

.ic-instagram {
  width: 25px;
  height: 25px;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-position: -150px -43px;
  background-repeat: no-repeat;
  display: inline-block;
}

.clearL {
  clear: both;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-pl {
  padding-left: 0;
}

.no-pr {
  padding-right: 0;
}

.no-list {
  list-style: none;
  margin: 0;
}

.sizeCenter {
  margin: 0 auto;
  display: block;
  float: none;
}

hr {
  clear: left;
  border-color: #d9dadb;
}

form .parsley-error {
  background-color: #f2dede !important;
}

form .parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
  font-size: 0.875em;
  color: #f00;
}

form input:not([type]),
form input[type="text"],
form input[type="password"],
form input[type="date"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="month"],
form input[type="week"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="time"],
form input[type="url"],
form input[type="color"],
form textarea {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0.5em 1em;
  border: solid 1px #ccc;
}

form input:not([type]):focus,
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="month"]:focus,
form input[type="week"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="time"]:focus,
form input[type="url"]:focus,
form input[type="color"]:focus,
form textarea:focus {
  outline: none;
  -webkit-box-shadow: inset 0px -15px 12px -17px #bdbdbd;
  box-shadow: inset 0px -15px 12px -17px #bdbdbd;
}

form .subj {
  display: block;
  font-size: 0.9375em;
  color: #000;
  text-transform: capitalize;
  margin: 0.3em 0;
}

form label {
  padding: 0.2em 0;
  display: block;
  clear: left;
}

.link {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: solid 1px;
  text-transform: capitalize;
  padding: 0.5em;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.link:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}

.link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.select {
  position: relative;
  width: 85%;
  float: left;
  margin: 0;
}

.select:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #b7b7b7;
  right: 15%;
}

.select:after {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0%;
  border-radius: 100%;
  width: 15%;
  height: 22px;
  pointer-events: none;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-color: #e1e1e1;
  background-position: center;
}

.select select {
  width: 100%;
  float: right;
  border: none;
  font-size: 1em;
  padding: 0 1em;
  outline: none;
  border-radius: 5px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.95);
}

.select option {
  background-color: #fff;
  color: #555;
}

.midleheight {
  display: table-cell;
  vertical-align: middle;
}

.bottmheight {
  display: table-cell;
  vertical-align: bottom;
}

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

  body,
  html {
    height: 100%;
  }
}

@media only screen and (max-width: 860px) {
  body {
    margin-top: 95px;
  }

  body.mobileStickynav {
    margin-top: 153px;
  }
}

@media only screen and (max-width: 640px) {
  body {
    margin-top: 66px;
  }

  body.mobileStickynav {
    margin-top: 122px;
  }
}

.no-margin {
  margin: 0 !important;
}

.showload:before {
  position: fixed;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
}

.first-section-fixer {
  margin-top: 100px !important;
}

@media only screen and (max-width: 640px) {
  .first-section-fixer {
    margin-top: 0 !important;
  }
}

.lazy.auto {
  width: 1px;
  height: 1px;
}

.sizeCenterElm {
  width: 1135px;
  margin: 0 auto;
  max-width: 100%;
}

.sizeCenterElm:before,
.sizeCenterElm:after {
  content: " ";
  display: table;
}

.sizeCenterElm:after {
  clear: both;
}

@media only screen and (max-width: 1280px) {
  .sizeCenterElm {
    width: 960px;
  }
}

@media only screen and (max-width: 1024px) {
  .sizeCenterElm {
    width: 800px;
  }
}

@media only screen and (max-width: 860px) {
  .sizeCenterElm {
    width: 100%;
    padding: 0 1em;
  }
}

.gridCenter {
  margin: 0 auto;
  max-width: 100%;
}

.gridCenter:before,
.gridCenter:after {
  content: " ";
  display: table;
}

.gridCenter:after {
  clear: both;
}

.noteOffers {
  font-weight: 600;
  font-family: 'Nunito', sans-serif;
  font-size: 0.875em;
  display: block;
}

.flexImages {
  display: none;
}

.navigation {
  background: #fff;
  top: 0;
  z-index: 3;
}

.navigation .sizeCenterElm {
  position: relative;
}

@media only screen and (max-width: 860px) {
  .navigation .sizeCenterElm {
    background-color: #fff;
    z-index: 10;
  }
}

.navigation .hamburger {
  display: none;
  float: right;
  padding-right: 0;
}

@media only screen and (max-width: 860px) {
  .navigation .hamburger {
    padding-top: 36px;
  }
}

@media only screen and (max-width: 640px) {
  .navigation .hamburger {
    padding-top: 20px;
  }
}

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

  .navigation .hamburger .hamburger-inner,
  .navigation .hamburger .hamburger-inner::before,
  .navigation .hamburger .hamburger-inner::after {
    background-color: #000 !important;
  }
}

@media only screen and (max-width: 860px) {
  .navigation .hamburger {
    display: inline-block;
  }
}

.navigation .logo {
  height: 95px;
  font-size: 43px;
  color: #fff;
  max-width: 175px;
  margin-left: -75px;
  position: relative;
  display: block;
  text-align: left;
  background-size: contain;
  margin-top: 0px;
  margin-bottom: 0;
  float: left;
  margin-right: 48px;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.navigation .logo img {
  display: block;
  padding-top: 30px;
}

@media only screen and (max-width: 860px) {
  .navigation .logo {
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .navigation .logo {
    margin-left: 0;
    height: 65px;
  }

  .navigation .logo img {
    padding-top: 20px;
    width: 120px;
  }
}

.navigation ul.maniNav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 860px) {
  .navigation ul.maniNav {
    display: none;
  }
}

.navigation ul.maniNav>li {
  float: left;
  display: table-cell;
  position: relative;
  height: 95px;
  padding-bottom: 15px;
}

.navigation ul.maniNav>li>a {
  line-height: inherit;
  display: table-cell;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 0.84375em;
  letter-spacing: 0.05em;
  vertical-align: bottom;
  height: 95px;
  background: 0;
  padding: 0 15px 15px 15px;
  text-transform: uppercase;
  overflow: hidden;
  color: #000;
  position: relative;
}

.navigation ul.maniNav>li>a:hover,
.navigation ul.maniNav>li>a.current {
  color: #707070;
}

.navigation ul.maniNav>li .submenu {
  position: fixed;
  padding: 0em;
  left: 0em;
  right: 0;
  top: -100%;
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  background-color: #fff;
  z-index: -1;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.navigation ul.maniNav>li .submenu.subEvent {
  position: absolute;
  display: none;
}

.navigation ul.maniNav>li .submenu.subEvent ul {
  margin-left: 0;
}

.navigation ul.maniNav>li .submenu.subEvent ul li {
  width: 100%;
  text-align: center;
}

.navigation ul.maniNav>li .submenu ul {
  list-style: none;
}

.navigation ul.maniNav>li .submenu .mainProduct {
  padding: 1em 0;
}

.navigation ul.maniNav>li .submenu .mainProduct li {
  float: left;
  padding: 0 1em;
  width: 180px;
}

.navigation ul.maniNav>li .submenu .mainProduct li a {
  -webkit-transform: perspective(400) scale(0.95);
  transform: perspective(400) scale(0.95);
  opacity: 1;
  display: block;
}

.navigation ul.maniNav>li .submenu .mainProduct li a .fujiCategory {
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}

.navigation ul.maniNav>li .submenu .mainProduct li a .fujiCategory img {
  width: 85px;
}

.navigation ul.maniNav>li .submenu .mainProduct li a .fujiName {
  margin: 1em 0;
}

.navigation ul.maniNav>li .submenu .mainProduct li a .title,
.navigation ul.maniNav>li .submenu .mainProduct li a p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
}

.navigation ul.maniNav>li .submenu .mainProduct li a .title {
  font-size: 1em;
  color: #707070;
  min-height: 38px;
  line-height: 1.2;
}

.navigation ul.maniNav>li .submenu .mainProduct li a p {
  font-size: 0.875em;
  font-weight: 400;
  color: #c0a062;
  line-height: 1.3;
}

.navigation ul.maniNav>li .submenu .mainProduct li a:hover {
  -webkit-transform: perspective(400) scale(1);
  transform: perspective(400) scale(1);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 1;
}

.navigation ul.maniNav>li:hover .submenu {
  z-index: -1;
  top: 6.5em;
}

.navigation ul.maniNav>li:hover .submenu.subEvent {
  display: block;
}

.navigation .secMenu {
  padding: 2em;
}

.navigation .secMenu ul {
  margin: 0;
}

.navigation .secMenu ul li a {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.125em;
  color: #707070;
  font-weight: 600;
  display: inline-block;
  padding-left: 1.3em;
  position: relative;
}

.navigation .secMenu ul li a:before {
  content: "\f0da";
  position: absolute;
  left: 0;
  top: 2px;
  font: normal normal normal 19px/1 FontAwesome;
}

.navigation .secMenu ul li a:hover {
  color: #fff !important;
}

.navigation .billingual {
  position: absolute;
  right: -75px;
  bottom: 10px;
}

@media only screen and (max-width: 860px) {
  .navigation .billingual {
    display: none;
  }
}

.navigation .billingual .changeBil {
  background-color: transparent;
  border: 0;
  color: #fff;
  width: 55px;
  margin-bottom: 8px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  height: 33px;
  line-height: 14px;
  margin-right: 15px;
  color: #707070;
  float: left;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/remove/arrowKebawah.png?v=1544761105");
}

.navigation .billingual .btnSearch {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #acacac;
  position: relative;
  float: left;
  cursor: pointer;
}

.navigation .billingual .btnSearch:before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 16px;
  font-size: 15px;
  color: #000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.navigation .btnMobile {
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
  width: 33px;
  height: 36px;
  margin: 8px auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.navigation .btnMobile span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ccc;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.navigation .btnMobile span:nth-child(1) {
  top: 6px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.navigation .btnMobile span:nth-child(2) {
  top: 16px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.navigation .btnMobile span:nth-child(3) {
  top: 26px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.navigation .btnMobile.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 10px;
}

.navigation .btnMobile.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.navigation .btnMobile.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 24px;
  left: 10px;
}

.navigation .link {
  color: #707070;
  margin: 1.5em 0;
}

.navigation .link:before {
  background: #c0a062;
}

.navigation .link:hover {
  border-color: #c0a062;
  color: #fff;
}

.navigation.removeShadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 1025px) {
  .navigation {
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    background-color: #494949;
    -webkit-transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: black;
    color: #fff;
  }

  .navigation.homeNav {
    background-color: #fff;
  }

  .navigation * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1024px) {
  .navigation {
    padding: 0 1em;
  }

  .navigation .btnMobile {
    display: block;
  }
}

@media only screen and (max-width: 860px) {
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 100px;
  }

  .fujiInspiring .specialBanner .captionbanner {
    position: relative !important;
  }
}

ul#menuMobile {
  display: none;
}

@media only screen and (max-width: 860px) {
  .fmnav-direction-nav .fmnav-next {
    right: 0 !important;
  }

  .fmnav-direction-nav .fmnav-prev {
    left: 0 !important;
  }

  .productSpec .bannerImg {
    left: -11% !important;
    position: relative;
  }

  .productSpec .spesification ul li {
    width: 50% !important;
  }

  .productSpec .spesification ul li .boxSpec {
    height: 120px;
  }

  .fuji-bundling .i-camera img {
    width: 170px;
  }

  .relatedProduct .fuji-bundling .item .boxItem {
    width: 100%;
  }

  .studio-event .eventForm {
    margin: 0 auto;
    padding: 1em;
  }

  ul#menuMobile {
    z-index: 0;
    display: block;
    height: 100%;
    left: 0;
    padding: 1em;
    top: -100%;
    position: fixed;
    text-align: center;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0;
  }

  ul#menuMobile.menuShow {
    z-index: 9;
    overflow-y: auto;
    top: 95px;
  }

  ul#menuMobile.menuShow li {
    list-style: none;
  }

  ul#menuMobile.menuShow li a {
    padding: 6px 0;
    color: #fff;
    width: 100%;
    display: table;
    text-transform: uppercase;
  }

  ul#menuMobile.menuShow li ul li {
    width: 33.3%;
    display: table;
    float: left;
  }

  ul#menuMobile.menuShow li ul li a .fujiName {
    font-size: 10px;
    line-height: 1;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 640px) {
  ul#menuMobile {
    z-index: 0;
    display: block;
    height: 100%;
    left: 0;
    padding: 1em;
    top: -100%;
    position: fixed;
    text-align: center;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0;
  }

  ul#menuMobile.menuShow {
    z-index: 9;
    overflow-y: auto;
    top: 65px;
  }

  ul#menuMobile.menuShow li {
    list-style: none;
  }

  ul#menuMobile.menuShow li a {
    padding: 6px 0;
    color: #000;
    width: 100%;
    display: table;
    text-transform: uppercase;
  }

  ul#menuMobile.menuShow li ul li {
    width: 33.3%;
    display: table;
    float: left;
  }

  ul#menuMobile.menuShow li ul li a .fujiName {
    font-size: 10px;
    line-height: 1;
    margin: 10px 0;
  }

  .productSpec .spesification ul li {
    width: 100% !important;
  }

  .productSpec .spesification ul li .boxSpec {
    height: auto;
  }
}

.homeSlide .mainslide .layerimg img {
  width: 100%;
  max-width: 100%;
}

.homeSlide .mainslide .caption {
  position: absolute;
  top: 190px;
  left: 0;
  right: 0;
  color: #fff;
}

.homeSlide .mainslide .caption * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.homeSlide .mainslide .caption .sizeCaption {
  width: 260px;
  -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(-15em, 0em, -15em);
  transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(-15em, 0em, -15em);
  opacity: 0;
}

.homeSlide .mainslide .caption .iconProduct {
  padding-bottom: 2.1em;
}

.homeSlide .mainslide .caption h1 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 45px;
  font-size: 3em;
  font-weight: 500;
  color: #d7d7d7;
  line-height: 1;
  margin-bottom: 0.4em;
}

.homeSlide .mainslide .caption p {
  color: #acacac;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.2em;
  line-height: 25px;
}

.homeSlide .mainslide .caption .link {
  color: #d7d7d7;
  border-color: #d7d7d7;
  font-size: 1em;
  margin-top: 1em;
}

@media only screen and (max-width: 860px) {
  .homeSlide .mainslide .layerimg {
    padding-top: 50%;
  }

  .homeSlide .mainslide .caption {
    top: 66px;
    text-align: center;
  }

  .homeSlide .mainslide .caption h1 {
    font-size: 2.5em;
  }

  .homeSlide .mainslide .caption p {
    font-size: 0.792em;
    line-height: 15px;
  }

  .homeSlide .mainslide .caption .sizeCaption {
    width: 60%;
    margin: 0 20%;
  }

  .homeSlide .mainslide .caption .sizeCaption .iconProduct {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .homeSlide .mainslide .layerimg img {
    width: 150%;
    max-width: 150%;
    float: right;
  }

  .bookStudio table td a {
    opacity: 1;
    z-index: 2;
  }

  .fujiInspiring .specialBanner.nopaci img {
    max-width: 200%;
    width: 200%;
  }

  .homeSlide .mainslide .layerimg {
    padding-top: 75%;
  }

  .homeSlide .mainslide .caption {
    top: 66px;
    text-align: center;
  }

  .homeSlide .mainslide .caption h1 {
    font-size: 2.5em;
  }

  .homeSlide .mainslide .caption p {
    font-size: 0.792em;
    line-height: 15px;
  }

  .homeSlide .mainslide .caption .sizeCaption {
    width: 100%;
    padding: 0 2em;
    margin: 0;
  }

  .homeSlide .mainslide .caption .sizeCaption .iconProduct {
    padding-bottom: 0;
  }
}

.homeSlide .fmnav-active-slide .mainslide .caption .sizeCaption {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(0em, 0em, 0em);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(0em, 0em, 0em);
  opacity: 1;
}

.homeSlide .fmnav-control-nav {
  left: 0;
  right: 0;
  margin: auto;
  width: 1100px;
  max-width: 100%;
  text-align: left;
}

.homeSlide .fmnav-control-nav li {
  display: inline-block;
  overflow: hidden;
  padding: 0.4em;
  margin: 0;
}

.homeSlide .fmnav-control-nav li a {
  text-indent: 99em;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 0.5em;
}

.homeSlide .fmnav-control-nav li a.fmnav-active {
  background-color: #c0a062;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  margin: 0.5em;
}

@media only screen and (max-width: 860px) {
  .homeSlide .fmnav-control-nav {
    width: 100%;
    text-align: center;
    bottom: 0;
    position: relative;
  }
}

.titleHomeCategory {
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
}

.titleCategory {
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
}

.categoryCamera {
  background-color: #000;
  color: #fff;
  padding: 1em 0;
}

.categoryCamera .title-model {
  color: #c0a062;
  text-align: center;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  font-size: 1.8em;
  margin-bottom: 0.9em;
}

.categoryCamera .menu-model {
  margin: 0 -1rem 2em;
  display: block;
  text-align: center;
}

.categoryCamera .menu-model li {
  padding-bottom: 0;
  display: inline-block;
  padding: 0 1rem;
  text-align: center;
}

.categoryCamera .menu-model li a {
  color: #707070;
  font-size: 1.285em;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
}

.categoryCamera .menu-model li a:hover,
.categoryCamera .menu-model li a.current {
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .menu-model li {
    padding: 0 0.3rem;
  }

  .categoryCamera .menu-model li a {
    font-size: 0.85em;
  }
}

@media only screen and (max-width: 640px) {
  .categoryCamera .menu-model {
    margin: 0 0 2em;
  }
}

.categoryCamera .sizeCenterElm {
  position: relative;
}

.categoryCamera .fujislide .fmnav-viewport {
  z-index: 4;
}

.categoryCamera .fujislide.thumbs-slide {
  text-align: center;
  position: relative;
}

.categoryCamera .fujislide.thumbs-slide:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  width: 100%;
  z-index: 3;
}

.categoryCamera .fujislide.thumbs-slide .slides li {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.categoryCamera .fujislide.thumbs-slide .slides li span:after {
  display: block;
  content: '';
  border-bottom: solid 2px #c0a062;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  width: 60px;
  margin: auto;
  margin-top: 0.3em;
}

.categoryCamera .fujislide.thumbs-slide .slides li:hover,
.categoryCamera .fujislide.thumbs-slide .slides li.fmnav-active-slide {
  opacity: 1;
}

.categoryCamera .fujislide.thumbs-slide .slides li:hover span:after,
.categoryCamera .fujislide.thumbs-slide .slides li.fmnav-active-slide span:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.categoryCamera .fujislide.thumbs-slide .i-camera {
  height: 70px;
  position: relative;
  margin-bottom: 10px;
}

.categoryCamera .fujislide.thumbs-slide .i-camera img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .fujislide.thumbs-slide:before {
    -webkit-box-shadow: 0px 0px 15px 20px #000;
    box-shadow: 0px 0px 15px 20px #000;
  }
}

.categoryCamera .thumbs-slide span {
  color: #fff;
}

.categoryCamera .description-model {
  position: absolute;
  bottom: 66px;
  right: 0;
  width: 200px;
  float: right;
  z-index: 1;
}

.categoryCamera .description-model p {
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .description-model {
    bottom: inherit;
    right: inherit;
    width: 100%;
    position: relative;
    padding: 0 1em;
  }
}

.categoryCamera .model-image-type {
  position: absolute;
  bottom: -125px;
  z-index: 2;
  left: 0;
}

@media only screen and (max-width: 860px) {
  .categoryCamera .model-image-type {
    bottom: -25px;
  }
}

@media only screen and (max-width: 640px) {
  .categoryCamera .model-image-type {
    bottom: 0px;
    left: 0;
    width: 40%;
  }
}

.categoryCamera .layerModel .layerModels img {
  width: 100%;
}

.categoryCamera .layerModel .detail-model {
  margin-top: 0;
  padding: 35px 0 66px 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .layerModel .detail-model {
    padding: 0;
    margin-top: 0;
  }
}

.categoryCamera .layerModel .imageProduk {
  margin-top: -260px;
}

.categoryCamera .bottom-detail {
  width: 500px;
  float: right;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .bottom-detail {
    width: 100%;
    padding: 1em;
  }

  .navArrow {
    position: absolute;
  }
}

.categoryCamera .model-brand {
  display: block;
  margin: 0 0 0.3em;
  line-height: 1;
}

.categoryCamera .model-brand img {
  display: block;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .model-brand {
    margin: 0 0 12px 0;
  }
}

.categoryCamera .sideLeft {
  float: left;
  width: 300px;
  padding-right: 1em;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .sideLeft {
    width: 50%;
  }
}

.categoryCamera .note-brand {
  color: #fff;
}

.categoryCamera .link {
  color: #fff;
  border-color: #fff;
}

@media only screen and (max-width: 640px) {
  .categoryCamera .link {
    width: 50%;
  }
}

.homeNewsEvent {
  background-color: #000;
  overflow: hidden;
  padding: 5em 0;
}

@media only screen and (max-width: 640px) {
  .homeNewsEvent {
    padding: 0;
  }
}

.homeNewsEvent .fuji-carousel {
  position: inherit;
}

.homeNewsEvent .fuji-carousel .owl-stage-outer {
  overflow: inherit;
  z-index: 2;
}

.homeNewsEvent .fuji-carousel .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

.homeNewsEvent .titleHomeCategory {
  color: #fff;
  margin-bottom: 1em;
}

@media only screen and (max-width: 640px) {
  .homeNewsEvent .titleHomeCategory {
    padding: 0 1em;
  }
}

.homeNewsEvent .item .caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.homeNewsEvent .item .caption .posBot {
  position: absolute;
  left: 25px;
  bottom: 25%;
  color: #fff;
  width: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media only screen and (min-width: 641px) and (max-width: 860px) {
  .homeNewsEvent .item .caption .posBot {
    font-size: 0.8em;
  }
}

.homeNewsEvent .item .caption .title {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 1.12em;
  color: #fff;
  margin: 0;
}

.homeNewsEvent .item .caption .event-location,
.homeNewsEvent .item .caption .event-date {
  display: block;
  font-size: 0.9em;
}

.homeNewsEvent .item .caption p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.94em;
  color: #fff;
  font-weight: 300;
  margin: 0;
  line-height: 1.4;
}

.homeNewsEvent .item .goArrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 53px;
  height: 53px;
  border-radius: 53px;
  background-color: #c0a062;
}

.homeNewsEvent .item .goArrow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 15px;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -117px -29px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.homeNewsEvent .item .goArrow:hover {
  background-color: #fff;
}

.homeNewsEvent .item .goArrow:hover:before {
  background-position: -99px -29px;
}

.homeNewsEvent .item:hover .caption {
  background: none;
}

.homeNewsEvent .item:hover .caption .title {
  color: #fff;
  text-shadow: 2px 2px 4px #000;
}

.homeNewsEvent .item:hover .caption p {
  color: #fff;
  text-shadow: 2px 2px 4px #000;
}

.homeNewsEvent .item:hover .caption .posBot {
  left: 25px;
  bottom: 25px;
}

.homeNewsEvent .item:hover .caption .event-location,
.homeNewsEvent .item:hover .caption .event-date {
  text-shadow: 2px 2px 4px #000;
}

@media only screen and (max-width: 640px) {
  .homeNewsEvent .fuji-carousel {
    display: table;
  }

  .homeNewsEvent .item {
    position: relative;
  }

  .homeNewsEvent .item .caption {
    position: relative;
    opacity: 1;
  }

  .homeNewsEvent .item .caption .posBot {
    position: relative;
    bottom: inherit;
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.viewall {
  position: relative;
  padding-left: 30px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  margin: 1em;
  display: inline-block;
}

.viewall:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 20px;
  width: 15px;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -117px -29px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.viewall:hover {
  color: #c0a062;
}

.viewall:hover:before {
  background-position: -99px -29px;
}

.homeCYC img {
  width: 100%;
}

.homeCYC .caption {
  width: 40%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
}

.homeCYC .caption .titleHomeCategory {
  font-size: 2.75em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  font-family: 'Nunito Sans', sans-serif;
  margin: 3rem 0 0.5rem;
}

.homeCYC .caption p {
  font-size: 1.75em;
  font-weight: 300;
  color: #fff;
  font-family: 'Nunito Sans', sans-serif;
  width: 90%;
  margin: auto;
  line-height: 1.3;
}

.homeCYC .caption .link {
  margin-top: 3em;
  color: #fff;
  border-color: #fff;
  font-size: 1em;
}

.homeCYC .caption .link:before {
  background: #fff;
}

.homeCYC .caption .link:hover {
  color: #000 !important;
  background: #fff;
}

@media only screen and (max-width: 860px) {
  .homeCYC .caption .titleHomeCategory {
    font-size: 1.8em;
  }

  .homeCYC .caption p {
    color: #fff;
    font-size: 1em;
  }
}

@media only screen and (max-width: 640px) {
  .homeCYC {
    overflow: hidden;
  }

  .homeCYC img {
    max-width: 200% !important;
    width: 200% !important;
  }

  .homeCYC .caption {
    right: 0 !important;
    width: 100% !important;
    position: relative !important;
  }

  .homeCYC .caption .titleHomeCategory {
    font-size: 1.8em;
  }

  .homeCYC .caption p {
    color: #fff;
    font-size: 1em;
  }

  .homeCYC .caption .link {
    margin-top: 1em;
  }

  .homeCYC .caption .midleheight {
    height: 100% !important;
    padding-bottom: 2em;
  }
}

.imageFull .poscapRight {
  right: 10%;
  left: initial;
}

.imageFull .poscapCenter {
  right: 0;
  left: 0;
}

.imageFull .poscapLeft {
  left: 10%;
  right: initial;
}

.imageFull img {
  width: 100%;
}

.imageFull .caption {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
}

.videoFull video {
  width: 100%;
}

.homeCampaign {
  background-color: #000;
}

.homeCampaign .layerImg {
  position: relative;
}

.homeCampaign .layerImg img {
  width: 100%;
}

.homeCampaign .titleHomeCategory,
.homeCampaign p {
  color: #fff;
}

.homeCampaign .caption {
  margin: auto;
  position: absolute;
  top: 50%;
  right: 0%;
  left: 0;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

.homeCampaign .caption .titleHomeCategory {
  font-size: 7.0625em;
  line-height: 1;
}

.homeCampaign .caption p {
  margin: 0;
  font-size: 0.875em;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
}

@media only screen and (max-width: 640px) {
  .homeCampaign .caption {
    width: 50%;
    left: auto;
    right: 0;
  }
}

.homeCampaign .sizeCaption {
  width: 496px;
  margin: auto;
  display: block;
}

.homeCampaign .sizeCaption.captionBot {
  min-height: 300px;
  padding: 0 10px;
}

.homeCampaign .sizeCaption.captionBot .titleHomeCategory {
  color: #c0a062;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  font-size: 1.75em;
  color: #c0a062;
  text-transform: capitalize;
  line-height: 1;
}

.homeCampaign .sizeCaption.captionBot p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  font-size: 1.3125em;
  color: #fff;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .homeCampaign .sizeCaption.captionBot {
    width: 50%;
    margin-right: 0;
    min-height: inherit;
    margin-top: -60px;
  }

  .homeCampaign .sizeCaption.captionBot p {
    font-size: 1em;
    line-height: 1;
  }
}

.homeCampaign .productCampaign {
  -webkit-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
  position: absolute;
  left: 0;
  top: 50%;
  height: 465px;
  width: 404px;
}

.homeCampaign .productCampaign img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .homeCampaign .productCampaign {
    width: 50%;
    top: auto;
    height: auto;
    bottom: -35px;
  }
}

.homeCampaign .ic-download {
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  margin-bottom: -30px;
}

@media only screen and (max-width: 640px) {
  .homeCampaign .ic-download {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@media only screen and (max-width: 640px) {
  .homeCampaign .sizeCaption {
    width: 100%;
  }
}

.homeSocial {
  background-color: #000;
  color: #fff;
  padding-top: 2em;
}

.homeSocial .headtitle {
  margin-bottom: 2em;
}

.homeSocial .headtitle .noteHast {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875em;
  color: #1cbbb4;
}

.homeSocial .headtitle .titleHomeCategory {
  font-size: 2.0625em;
  line-height: 1;
}

@media only screen and (max-width: 640px) {
  .homeSocial .headtitle {
    text-align: center;
  }
}

.homeSocial .gridSocial .grid {
  margin: 0;
  list-style: none;
  padding: 0;
}

.homeSocial .gridSocial .grid:before,
.homeSocial .gridSocial .grid:after {
  content: " ";
  display: table;
}

.homeSocial .gridSocial .grid:after {
  clear: both;
}

.homeSocial .gridSocial .grid li {
  width: 25%;
  float: left;
  display: inline-block;
  position: relative;
  background-color: #000;
  height: 283.75px;
  overflow: hidden;
}

.homeSocial .gridSocial .grid li img {
  width: 100%;
  opacity: 0.5;
}

.homeSocial .gridSocial .grid li .icons {
  position: absolute;
  z-index: 3;
}

.homeSocial .gridSocial .grid li .ic-video {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.homeSocial .gridSocial .grid li .ic-instagram,
.homeSocial .gridSocial .grid li .fa {
  bottom: 15px;
  right: 15px;
  font-size: 28px;
  color: #fff;
}

@media only screen and (max-width: 860px) {
  .homeSocial .gridSocial .grid li {
    height: 180px;
  }
}

@media only screen and (max-width: 640px) {
  .homeSocial .gridSocial .grid li {
    width: 50%;
    height: 200px;
  }
}

.slideContent .image-highlight {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  float: left;
  width: 72%;
}

.slideContent .image-highlight img {
  max-width: inherit;
  width: 100%;
}

@media only screen and (max-width: 860px) {
  .slideContent .image-highlight {
    width: 100%;
  }
}

.slideContent .captionhighlight {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  float: left;
  width: 28%;
  padding: 0 3em;
  overflow: hidden;
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0%, 0px);
  transform: translate3d(-100%, 0%, 0px);
  text-align: center;
}

.slideContent .captionhighlight .titlehighlight {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.9375em;
  color: #000;
  font-weight: 700;
  line-height: 1.4;
  margin: 1em 0;
  display: inline-block;
}

.slideContent .captionhighlight .namehighlight {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 2em;
  color: #363636;
  text-transform: uppercase;
  line-height: 1.1;
}

.slideContent .captionhighlight p {
  margin: 15px 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.3125em;
  color: #494949;
  font-weight: 300;
  line-height: 1.4;
}

@media only screen and (max-width: 860px) {
  .slideContent .captionhighlight {
    width: 100%;
    padding-bottom: 4em;
    font-size: 1em;
  }

  .slideContent .captionhighlight .midleheight {
    display: block;
  }

  .slideContent .captionhighlight .namehighlight {
    font-size: 1.5em;
  }
}

.slideContent .fmnav-active-slide .image-highlight {
  opacity: 1;
}

.slideContent .fmnav-active-slide .captionhighlight {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0px);
  transform: translate3d(0%, 0%, 0px);
}

.slideContent .fmnav-direction-nav {
  position: absolute;
  bottom: 1em;
  right: 0;
  width: 28%;
  text-align: center;
  z-index: 3;
}

@media only screen and (max-width: 860px) {
  .slideContent .fmnav-direction-nav {
    width: 100%;
    bottom: 23%;
  }
}

@media only screen and (max-width: 640px) {
  .slideContent .fmnav-direction-nav {
    width: 100%;
    bottom: 35%;
  }
}

.slideContent .fmnav-direction-nav li {
  list-style: none;
  display: inline-block;
}

.slideContent .fmnav-direction-nav li a {
  width: 61px;
  height: 61px;
  border-radius: 61px;
  background-color: #d7d7d7;
  opacity: 1;
  position: relative;
  display: block;
  text-indent: 9999em;
  margin: 0 0.5em;
}

@media only screen and (max-width: 860px) {
  .slideContent .fmnav-direction-nav li a {
    position: absolute;
    width: 40px;
    height: 40px;
  }
}

.slideContent .fmnav-direction-nav li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  width: 9px;
  height: 14px;
}

.slideContent .fmnav-direction-nav li a.fmnav-prev {
  left: 0;
}

.slideContent .fmnav-direction-nav li a.fmnav-prev:before {
  background-position: -151px -82px;
}

.slideContent .fmnav-direction-nav li a.fmnav-next {
  right: 0;
}

.slideContent .fmnav-direction-nav li a.fmnav-next:before {
  background-position: -162px -80px;
}

.slideContent .fmnav-direction-nav li a:hover {
  background-color: #c0a062;
}

.fujiInspiring img {
  width: 100%;
}

.fujiInspiring .caption {
  position: absolute;
  bottom: 3em;
  height: 180px;
  max-height: inherit;
  width: 350px;
  left: 3em;
}

.fujiInspiring .caption .titleCaption {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.89875em;
  line-height: 1;
  color: #fff;
  width: auto;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .caption .titleCaption {
    font-size: 1em;
  }
}

.fujiInspiring .caption p {
  color: #fff;
  font-size: 1.875em;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .caption {
    position: absolute;
    bottom: 0;
    height: auto;
    max-height: inherit;
    width: 100%;
    left: 0;
    padding: 1em;
  }
}

.fujiInspiring .specialBanner {
  background-color: #000;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.fujiInspiring .specialBanner img {
  opacity: 0.4;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.fujiInspiring .specialBanner:hover img {
  opacity: 0.6;
}

.fujiInspiring .specialBanner .titlefeature {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #c0a062;
  font-size: 1em;
}

.fujiInspiring .specialBanner p {
  font-size: 1.3125em;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .specialBanner p {
    font-size: 0.8em;
  }
}

.fujiInspiring .specialBanner.nopaci .caption {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 860px) {
  .fujiInspiring .specialBanner.nopaci .caption .sizeCenterElm {
    margin-top: 10% !important;
  }
}

.fujiInspiring .specialBanner.nopaci .notes {
  display: block;
  font-size: 0.8125em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.53);
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .specialBanner.nopaci .notes {
    color: #fff;
  }
}

.fujiInspiring .specialBanner.nopaci img {
  opacity: 1;
}

.fujiInspiring .specialBanner.nopaci .link {
  font-size: 0.875em;
  text-transform: uppercase;
  color: #707070;
  background-color: #fff;
  border-radius: 40px;
  display: block;
  line-height: 3em;
  margin: 1.5em auto 0;
  margin-top: 3em;
  width: 200px;
  border-color: #fff;
}

.fujiInspiring .specialBanner .captionbanner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.fujiInspiring .specialBanner .captionbanner .midleheight {
  width: 1%;
}

.fujiInspiring .specialBanner .captionbanner .titleCaption {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 3.6875em;
  letter-spacing: 0.1em;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}

.fujiInspiring .specialBanner .captionbanner p {
  letter-spacing: 0.1em;
  font-size: 1.625em;
  color: #000;
  line-height: 1;
  font-weight: 800;
  font-family: 'Nunito', sans-serif;
  width: 90%;
  margin: 0.5em auto;
  text-transform: uppercase;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .specialBanner .captionbanner p {
    color: #fff;
    font-size: 1em;
  }
}

.fujiInspiring .specialBanner .sizeCaption {
  width: 500px;
  max-width: 100%;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .specialBanner .sizeCaption {
    width: 100%;
    padding: 1em;
  }

  .fujiInspiring .specialBanner .captionbanner {
    position: relative;
  }

  .fujiInspiring .specialBanner .captionbanner .midleheight {
    height: 200px !important;
  }

  .fujiInspiring .specialBanner .captionbanner .titleCaption {
    font-size: 1.688em;
  }
}

.topBotZero {
  position: absolute;
  top: 0;
  bottom: 0;
}

.contentFeature .caption {
  left: 5%;
  right: initial;
  width: 485px;
  max-width: 100%;
  display: table;
}

.contentFeature .caption .titleHomeCategory {
  font-size: 1.3125em;
  color: #acacac;
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1.2em;
}

.contentFeature .caption p {
  color: #000;
  font-size: 2.8125em;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
}

.contentFeature .caption .link {
  margin-top: 2em;
}

.contentGallery {
  background-color: #ebebeb;
  padding: 5em 0 0;
}

.contentGallery .titleHomeCategory {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 1em;
}

.contentGallery .gallery {
  text-align: center;
}

.contentGallery .gallery ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
  display: inline-block;
}

.contentGallery .gallery li {
  display: inline-block;
  float: left;
  width: 150px;
  text-align: center;
  margin-right: 1em;
}

.contentGallery .gallery li a {
  font-size: 0.85em;
  color: #000;
  text-transform: capitalize;
  border: solid 1px #000;
  display: block;
  line-height: 40px;
  border-radius: 34px;
  font-size: 1.0625em;
  font-family: 'Nunito Sans', sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contentGallery .gallery li a.selected,
.contentGallery .gallery li a:hover {
  background-color: #c0a062;
  color: #fff;
  border-color: #d3ac67;
}

@media only screen and (max-width: 640px) {
  .contentGallery .gallery ul {
    width: 100%;
  }

  .contentGallery .gallery ul li {
    width: 33.3%;
    margin: 0;
    padding: 0.2em;
  }

  .contentGallery .gallery ul li a {
    font-size: 0.8em;
  }
}

.contentGallery .detailFil {
  margin-top: 1em;
  margin-bottom: 1em;
}

.contentGallery .detailFil .grid {
  margin: 0 -1rem;
  display: inline-block;
  list-style: none;
  width: 100%;
}

.contentGallery .detailFil .grid li {
  width: 33.33333%;
  padding: 1em;
  overflow: hidden;
  float: left;
  position: relative;
}

.contentGallery .detailFil .grid li>a,
.contentGallery .detailFil .grid li .boxOffers {
  display: block;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contentGallery .detailFil .grid li a.arrowLink {
  position: absolute;
  bottom: 2em;
  right: 2em;
  opacity: 0;
}

.contentGallery .detailFil .grid li a.arrowLink:after {
  display: none;
}

.contentGallery .detailFil .grid li .caption {
  padding: 1em;
  position: absolute;
  bottom: 0;
  width: 75%;
  z-index: 3;
}

.contentGallery .detailFil .grid li .caption p {
  color: #fff;
  font-size: 1.3125em;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 1.3;
}

.contentGallery .detailFil .grid li .caption .category {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8125em;
  color: #1cbbb4;
  text-transform: capitalize;
}

.contentGallery .detailFil .grid li:hover>a,
.contentGallery .detailFil .grid li:hover .boxOffers {
  -webkit-box-shadow: 0px 0px 25px -5px #000;
  box-shadow: 0px 0px 25px -5px #000;
}

.contentGallery .detailFil .grid li:hover a.arrowLink {
  opacity: 1;
}

@media only screen and (max-width: 640px) {
  .contentGallery .detailFil .grid {
    margin: 0;
  }

  .contentGallery .detailFil .grid li {
    width: 100%;
    padding: 0.5em 2em;
  }

  .contentGallery .detailFil .grid li .caption {
    height: 150px;
  }

  .contentGallery .detailFil .grid li .caption .sideLeft {
    width: 50% !important;
  }

  .contentGallery .detailFil .grid li .caption .title {
    font-size: 0.8em !important;
  }

  .contentGallery .detailFil .grid li .caption p {
    font-size: 1.1em;
    line-height: 1;
  }
}

.whtShadow .detailFil .grid li>a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: inset 0px -255px 160px -64px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px -255px 160px -64px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.whtShadow .detailFil .grid li:hover>a {
  -webkit-box-shadow: 0px 0px 25px -5px #000;
  box-shadow: 0px 0px 25px -5px #000;
}

.whtShadow .detailFil .grid li:hover>a:after {
  -webkit-box-shadow: inset 0px -600px 0px -85px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px -600px 0px -85px rgba(0, 0, 0, 0.7);
}

.switch ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  border: solid 1px #868f96;
  border-radius: 5px;
}

.switch ul li {
  float: left;
  width: 100px;
  height: 42px;
  line-height: 40px;
}

.switch ul li a {
  text-align: center;
  display: block;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  color: #868f96;
  text-transform: uppercase;
  font-size: 0.75em;
  margin: 1px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.switch ul li a:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.switch ul li a:hover,
.switch ul li a.selected {
  color: #fff;
}

.switch ul li a:hover:after,
.switch ul li a.selected:after {
  background-color: #c0a062;
}

.gridSO {
  padding: 3em 0 0;
}

.gridSO * {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.gridSO .headOffers .titleHomeCategory {
  font-size: 1.9375em;
  margin-bottom: 1.4em;
}

@media only screen and (max-width: 640px) {
  .gridSO .headOffers .titleHomeCategory {
    font-size: 1em;
    float: left;
    width: 50%;
    margin: 0.5em 0;
  }
}

.gridSO .headOffers .showTitle {
  float: left;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #868f96;
}

.gridSO .headOffers .sideLeft {
  float: left;
  width: 50%;
}

.gridSO .headOffers .sideLeft ul {
  float: left;
  margin-left: 2em;
}

.gridSO .headOffers .sideRight {
  float: left;
  width: 50%;
}

.gridSO .headOffers .sideRight .showTitle {
  float: left;
}

.gridSO .headOffers .sideRight .select {
  float: left;
  width: 180px;
  overflow: hidden;
  border-radius: 30px;
  border: solid 1px #868f96;
  margin-left: 2em;
}

.gridSO .headOffers .sideRight .select select {
  background-color: transparent;
  display: block;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  color: #868f96;
  text-transform: uppercase;
  font-size: 0.75em;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  padding-left: 2em;
  z-index: 1;
}

.gridSO .headOffers .sideRight .select:before {
  width: 35px;
  display: none;
}

.gridSO .headOffers .sideRight .select:after {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 21px;
  width: 35px;
  height: 15px;
  content: '>';
  display: block;
  line-height: 8px;
  text-align: center;
  background-color: transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: none;
}

@media only screen and (max-width: 640px) {
  .gridSO .headOffers {
    padding: 0 1em;
  }

  .gridSO .headOffers .cell {
    width: 50%;
    float: left;
  }

  .gridSO .headOffers .sideRight {
    width: 100%;
  }

  .gridSO .headOffers .sideRight .showTitle {
    font-size: 0.5em;
    float: left;
    width: 30%;
  }

  .gridSO .headOffers .sideRight .select {
    width: 70%;
    float: left;
    margin: 0;
  }

  .gridSO .headOffers .sideRight .select select {
    font-size: 0.5em;
    margin: 0;
  }
}

.gridSO .detailFil .grid li {
  overflow: initial;
}

.gridSO .detailFil .grid li .caption {
  position: relative;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}

@media screen and (min-width: 1025px) {
  .gridSO .detailFil .grid li .caption {
    height: 115px;
  }

  .gridSO .detailFil .grid li .caption .sideLeft .productOffers {
    height: 50px;
    overflow: hidden;
    display: block;
  }

  .gridSO .detailFil .grid li .caption .sideLeft .bonusOffers {
    height: 25px;
    display: table-cell;
    vertical-align: bottom;
    width: 1%;
  }
}

.gridSO .detailFil .grid li .caption .sideLeft {
  width: 200px;
  max-width: 100%;
  float: left;
}

.gridSO .detailFil .grid li .caption .sideRight {
  width: 75px;
  max-width: 100%;
  float: right;
  border-left: solid 1px #ddd;
  padding-left: 14px;
}

.gridSO .detailFil .grid li .caption .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.1875em;
  line-height: 1.3125;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}

.gridSO .detailFil .grid li .caption p {
  font-weight: 600;
  font-family: 'Nunito', sans-serif;
  font-size: 0.875em;
  display: block;
}

.gridSO .detailFil .grid li .caption p {
  color: #868f96;
  margin: 0;
  line-height: 1.0625;
}

.gridSO .detailFil .grid li .caption .noteOffers {
  color: #c2c2c2;
  line-height: 17px;
}

.gridSO .detailFil .grid li .caption .dateOffers {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  color: #494949;
  display: block;
  font-size: 0.9375em;
  line-height: 1.25;
  margin-bottom: 10px;
}

.gridSO .detailFil .grid li .caption .dateOffers:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
  .gridSO .detailFil .grid li .layerImage {
    height: 345px;
  }
}

.gridSO .detailFil .grid li .layerImage img {
  width: 100%;
}

.gridSO .detailFil .grid li .boxOffers {
  border-radius: 5px;
}

.gridSO .detailFil .grid li:hover>a,
.gridSO .detailFil .grid li:hover .boxOffers {
  -webkit-box-shadow: 0px 0px 32px -5px #7d7070;
  box-shadow: 0px 0px 32px -5px #7d7070;
}

.gridSO .detailFil .grid li:hover .title {
  color: #c0a062;
  padding-left: 0.5em;
}

.gridSO .detailFil .grid li:hover .layerImage img {
  -webkit-transform: scale3d(1.02, 1.02, 1.02);
  transform: scale3d(1.02, 1.02, 1.02);
}

.gridSO .detailFil .grid li:hover p {
  color: #c0a062;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  padding-left: 0.5em;
}

.detailOffer img {
  width: 100%;
}

.detailOffer .caption {
  position: absolute;
}

.pagination ul {
  margin: 1em 0 2em;
  width: auto;
  display: table;
  width: auto;
  text-align: center;
}

.pagination ul li {
  float: left;
  list-style: none;
  padding: 0 0.2em;
}

.pagination ul li a,
.pagination ul li span {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  font-size: 1em;
  text-align: center;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  color: #868f96;
}

.pagination ul li.next {
  margin: 0 2em 0 0.5em;
}

.pagination ul li.prev,
.pagination ul li.next {
  text-transform: uppercase;
}

.pagination ul li.prev a,
.pagination ul li.next a {
  width: auto;
  height: auto;
}

.pagination ul li:hover a {
  color: #000;
}

.pagination ul li.active span {
  background-color: #c0a062;
  color: #000;
}

.bannerDetailOffer img {
  width: 100%;
}

.bannerDetailOffer .caption {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 860px) {
  .bannerDetailOffer .caption {
    top: 2%;
  }
}

.bannerDetailOffer .caption .titleCaption {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 2.8125em;
  line-height: 1.1;
  margin-bottom: 0.2em;
}

.bannerDetailOffer .caption p {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 300;
  font-size: 1.3125em;
}

.bannerDetailOffer .caption .sizeCaption {
  width: 400px;
  max-width: 100%;
  margin-left: 5em;
}

@media only screen and (max-width: 640px) {
  .bannerDetailOffer .caption {
    position: relative;
    top: auto;
    padding: 0 1em;
  }

  .bannerDetailOffer .caption .titleCaption {
    color: #000;
    font-size: 1.8em;
  }

  .bannerDetailOffer .caption p {
    color: #000;
  }

  .bannerDetailOffer .caption .sizeCaption {
    width: 100%;
    margin: 0;
    text-align: center;
    margin-top: 2em;
  }
}

.bannerProduct {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.bannerProduct.hidden {
  opacity: 0;
}

.bannerProduct .imgbnr {
  width: 100%;
}

.bannerProduct .imgcmr {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bannerProduct .caption {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  right: 0;
}

.bannerProduct .caption .titleCaption {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 2.8125em;
  line-height: 1;
  margin-bottom: 0.4em;
}

.bannerProduct .caption p {
  color: #acacac;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.1em;
  line-height: 25px;
}

.bannerProduct .caption .sizeCaption {
  width: 260px;
  max-width: 100%;
}

.bannerProduct .caption .sizeCaption .highlightTitle {
  color: #fff !important;
  font-weight: 800;
  font-size: 1.3em;
}

@media screen and (min-width: 1025px) {
  .bannerProduct {
    margin-bottom: 10em;
    background-color: #fff;
  }

  .bannerProduct .imgcmr {
    right: 5em;
  }
}

@media screen and (max-width: 640px) {
  .bannerProduct .caption {
    background: rgba(0, 0, 0, 0.7);
    padding: 0 1em;
  }

  .bannerProduct .caption .sizeCaption {
    width: 100%;
    text-align: center;
  }

  .bannerProduct .caption .titleCaption {
    font-size: 2em;
  }

  .bannerProduct .caption p {
    color: #fff !important;
    font-size: 0.9em;
    line-height: 1;
  }

  .bannerProduct .imgcmr {
    right: 15%;
    width: 70%;
    z-index: 2;
    bottom: -90% !important;
  }
}

.bannerNewsDetail {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.bannerNewsDetail.hidden {
  opacity: 0;
}

.bannerNewsDetail .imgbnr {
  width: 100%;
}

.bannerNewsDetail .imgcmr {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bannerNewsDetail .caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bannerNewsDetail .caption .sizeCenterElm {
  width: 900px;
}

.bannerNewsDetail .caption .date {
  font-size: 0.8125em;
  color: #868f96;
  display: block;
}

.bannerNewsDetail .caption .titleCaption {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 2.8125em;
  line-height: 1;
  margin-bottom: 0.4em;
}

.bannerNewsDetail .caption p {
  color: #fff;
  font-weight: 300;
  font-size: 1.125em;
}

.bannerNewsDetail .caption .sizeCaption {
  width: 800px;
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .bannerNewsDetail .caption .titleCaption {
    font-size: 1.5125em;
  }

  .bannerNewsDetail .caption .sizeCaption {
    width: 100%;
    padding: 1em;
  }

  .bannerNewsDetail .caption p {
    font-size: 0.8em;
  }
}

@media screen and (min-width: 1025px) {
  .bannerNewsDetail {
    background-color: #fff;
  }

  .bannerNewsDetail .imgcmr {
    right: 5em;
  }
}

.headlineProduct {
  padding-bottom: 2em;
  padding-top: 2em;
}

.headlineProduct .titleProduct {
  color: #c0a062;
  font-size: 0.8125em;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.headlineProduct .headline {
  font-size: 2.0625em;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (min-width: 1025px) {
  .headlineProduct .headline {
    padding: 0 1em;
  }
}

@media screen and (max-width: 640px) {
  .headlineProduct {
    padding: 0 1em;
  }

  .headlineProduct .headline {
    font-size: 1.3em;
  }
}

.categoryProduct {
  padding-bottom: 2em;
  padding-top: 2em;
}

.categoryProduct * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.categoryProduct .item {
  width: 33.33333%;
  float: left;
  position: relative;
  z-index: 2;
  padding: 1em;
}

.categoryProduct .item .i-camera {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}

.categoryProduct .item .categCamera {
  font-size: 0.875em;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  color: #c0a062;
  margin-bottom: 0.3em;
  line-height: 1;
  position: relative;
  z-index: 3;
  display: inline-block;
  position: absolute;
  left: 2.7em;
  top: 1.8em;
  z-index: 4;
}

.categoryProduct .item .titleProduct {
  font-size: 1em;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  position: relative;
  z-index: 3;
  height: 65px;
  text-align: center;
}

.categoryProduct .item .imgCamera {
  display: block;
}

@media screen and (min-width: 1025px) {
  .categoryProduct .item .imgCamera {
    height: 224px;
  }

  .categoryProduct .item .imgCamera img {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 224px;
  }

  .categoryProduct.categoryProductLensNya .item .imgCamera img {
    width: 200px;
  }

  .categoryProduct.categoryProductLensNya .item .imgCamera {
    height: 255px;
  }
}

.categoryProduct .item .detail {
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 21px -5px #000;
  box-shadow: 0px 0px 21px -5px #000;
  border-radius: 5px;
}

@media screen and (min-width: 1025px) {
  .categoryProduct .item .detail {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
  }
}

.categoryProduct .item .detail .arrow {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: red;
  display: -ms-inline-grid;
  display: inline-grid;
  width: 100%;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.categoryProduct .item .detail .ic-arrow {
  width: 41px;
  height: 41px;
  display: block;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/arrow-right.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1em;
  border-radius: 41px;
  border: solid 2px #fff;
}

.categoryProduct .item .detail .text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875em;
  color: #fff;
}

.categoryProduct .item .boxProduct {
  padding: 2.5em;
  position: relative;
}

.categoryProduct.categoryProductLensNya .item .boxProduct {
  padding: 2.5em 2.5em 1em;
}

.categoryProduct .item .boxProduct.hover .detail {
  z-index: 1;
  opacity: 1;
}

.categoryProduct .item .boxProduct .cameraproduct .titleProduct {
  color: #000;
}

.categoryProduct .item .boxProduct .cameraproduct:hover .titleProduct {
  color: #fff;
}

.categoryProduct .item .boxProduct .cameraproduct:hover .detail {
  opacity: 1;
  z-index: 1;
}

.categoryProduct .item ul.slides {
  margin: 0;
  z-index: 3;
}

.categoryProduct .item ul.slides li {
  padding: 0;
}

.categoryProduct .item .fmnav-control-nav {
  bottom: inherit;
  top: 1.5em;
  right: 2.5em;
  text-align: right;
  width: auto;
  z-index: 3;
}

.categoryProduct .item .fmnav-control-nav li {
  margin: 0 0.1em;
}

.categoryProduct .item .fmnav-control-nav li a {
  background-color: #9b9da3;
}

.categoryProduct .item .fmnav-control-nav li a:hover {
  background-color: #494949;
}

.categoryProduct .item .fmnav-control-nav li a.fmnav-active {
  background-color: #c0a062;
}

@media screen and (max-width: 860px) {
  .categoryProduct .item .boxProduct {
    position: relative;
  }

  .categoryProduct .item .boxProduct .cameraproduct .titleProduct {
    color: #000 !important;
    font-size: 1em;
    line-height: 1;
    height: 50px;
  }

  .categoryProduct .item .detail {
    opacity: 0 !important;
  }
}

@media screen and (max-width: 640px) {
  .categoryProduct .item {
    width: 50%;
    padding: 0.3em;
  }

  .categoryProduct .item .boxProduct {
    padding: 4em 1em;
    position: relative;
    height: 300px;
  }

  .categoryProduct .item .boxProduct .cameraproduct .titleProduct {
    color: #000 !important;
    font-size: 1em;
    line-height: 1;
    height: 50px;
  }

  .categoryProduct .item .categCamera {
    left: 1em;
  }

  .categoryProduct .item .fmnav-control-nav {
    right: 1em;
  }

  .categoryProduct .item .detail {
    opacity: 0 !important;
  }
}

.campaignProduct .bgImg {
  background-color: #000;
}

@media only screen and (max-width: 640px) {
  .campaignProduct .bgImg {
    height: 180px;
  }
}

.campaignProduct .bgImg>img {
  opacity: 0.55;
}

.campaignProduct .caption .midleheight {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .campaignProduct .caption .midleheight {
    height: auto !important;
  }
}

.campaignProduct .caption .midleheight h2 {
  margin-top: 3em;
}

@media only screen and (max-width: 860px) {
  .campaignProduct .caption .midleheight h2 {
    margin-top: 1em;
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 640px) {
  .campaignProduct .caption .midleheight h2 {
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 1.5em;
  }
}

.campaignProduct .titleHomeCategory {
  font-size: 2.75em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  font-family: 'Nunito Sans', sans-serif;
  margin: 3rem 0 0.5rem;
}

.campaignProduct p {
  font-size: 1.75em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  font-family: 'Nunito Sans', sans-serif;
  width: 90%;
  margin: auto;
  line-height: 1.3;
}

.campaignProduct .ic-video {
  margin-top: 3em;
  opacity: 0.45;
}

.campaignProduct .ic-video:hover {
  opacity: 1;
}

@media only screen and (max-width: 860px) {
  .campaignProduct .ic-video {
    margin-top: 1em;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media only screen and (max-width: 640px) {
  .campaignProduct .ic-video {
    margin-top: -1em;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.productGallery .headtitle {
  padding: 2em 0;
}

.galleryGrid li {
  position: relative;
}

@media screen and (min-width: 1025px) {
  .galleryGrid li {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 0.25em;
  }
}

.galleryGrid li img {
  width: 100%;
}

.galleryGrid li .caption {
  position: absolute;
  left: 0.25em;
  right: 0.25em;
  bottom: 0.25em;
  color: #fff;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/shadow.png?v=1544759439");
  background-repeat: repeat-x;
}

.galleryGrid li .caption .rowCaption {
  position: relative;
  padding: 2em 0 1em 1em;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.galleryGrid li .caption h1,
.galleryGrid li .caption span {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 0.8125em;
  margin: 0;
}

.galleryGrid li .caption span {
  font-weight: 400;
}

.contentProd {
  display: block;
}

.contentProd .feature {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  font-size: 0.8125em;
  color: #c0a062;
  text-transform: uppercase;
  line-height: 1;
  display: block;
}

.contentProd h2 {
  font-size: 1.6875em;
  margin-bottom: 0.5em;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
}

.contentProd p {
  line-height: 1.4;
  text-align: justify;
}

.contentProd p strong {
  font-size: 1.0625em;
  color: #00ac7c;
}

@media only screen and (max-width: 640px) {
  .contentProd {
    padding: 0 1em;
  }
}

.imageContent {
  overflow: hidden;
  position: relative;
}

.imageContent .grid-x:first-child.contentProd .medium-6 {
  float: left;
  padding-right: 10em;
}

.imageContent .grid-x:first-child .imgDec {
  left: 0;
  right: inherit;
}

.imageContent .grid-x:last-child.contentProd .medium-6 {
  float: right;
  padding-left: 10em;
}

.imageContent .grid-x:last-child .imgDec {
  right: 0;
  left: inherit;
}

.imageContent .mainContent {
  padding: 0;
}

.imageContent .imgDec {
  top: 0;
  bottom: 0;
  position: absolute;
  max-width: inherit;
}

.imageContent .imgDec img {
  width: 100%;
}

@media only screen and (max-width: 860px) {
  .imageContent .imgDec {
    position: relative;
    width: 100%;
  }

  .imageContent .grid-x.contentProd {
    padding: 1em;
    text-align: center;
  }

  .imageContent .grid-x.contentProd .medium-6 {
    padding: 0 !important;
    width: 100%;
  }
}

.campaignDetail .caption {
  left: 0;
  right: 0;
  text-align: left;
}

.campaignDetail .caption p {
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.65);
}

.campaignDetail .caption p strong {
  font-size: 1.0625em;
}

.campaignDetail .caption .titleHomeCategory {
  font-size: 1.6875em;
  font-weight: 500;
  margin-bottom: 1em;
  color: #fff;
}

@media only screen and (max-width: 860px) {
  .campaignDetail .caption {
    text-align: center;
    position: relative;
    padding: 1em;
  }

  .campaignDetail .caption p {
    color: #000;
  }

  .campaignDetail .caption .midleheight {
    height: auto !important;
  }
}

.titlefeature {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #c0a062;
  font-size: 1em;
}

.bundling {
  padding: 2em 0 0;
  overflow: hidden;
}

.bundling .titleHomeCategory {
  font-weight: 500;
  color: #c0a062;
  font-size: 5.375em;
  width: 500px;
  margin-bottom: -35px;
  line-height: 1;
  z-index: 3;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .bundling .titleHomeCategory {
    font-size: 2.5em;
    width: 100%;
    padding: 0 1em;
  }
}

.bundling .fuji-bundling {
  display: table;
  margin-bottom: 4em;
}

.bundling .fuji-bundling .i-camera img {
  width: 60%;
}

@media only screen and (max-width: 640px) {
  .bundling {
    margin-bottom: 2em;
  }

  .bundling .fuji-bundling {
    display: table;
  }

  .bundling .fuji-bundling .item {
    width: 100%;
  }
}

.fuji-bundling {
  width: 100%;
}

.fuji-bundling a {
  display: block;
}

.fuji-bundling * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.fuji-bundling .i-camera {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .fuji-bundling .i-camera {
    height: 185px;
  }

  .fuji-bundling .i-camera img {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
}

.fuji-bundling .nameProduct {
  font-weight: 400;
  font-family: 'Nunito', sans-serif;
  color: #111;
  font-size: 1.0625em;
  margin: 0;
  line-height: 21px;
  height: auto;
}

.fuji-bundling .caption {
  width: 80%;
  margin: 0 auto;
  float: none;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .fuji-bundling .caption {
    height: 120px;
  }
}

.fuji-bundling .caption span {
  display: block;
  color: #868f96;
}

.fuji-bundling .item {
  width: 33.33333%;
  float: left;
  padding: 1em 0;
  position: relative;
  z-index: 2;
}

.fuji-bundling .item .small-6 {
  width: 50%;
  float: left;
  padding: 0 1em;
  position: relative;
}

.fuji-bundling .item .boxleft {
  text-align: right;
}

.fuji-bundling .item .boxleft:after {
  position: absolute;
  content: '';
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 1px;
  background-color: #b7b7b7;
}

.fuji-bundling .item .boxleft a {
  height: 45px;
  display: table-cell;
  vertical-align: middle;
}

.fuji-bundling .item .boxright {
  text-align: left;
  padding-top: 5px;
}

.fuji-bundling .item .noteOffers {
  line-height: 1;
  font-size: 0.8125em;
  text-transform: capitalize;
}

.fuji-bundling .item .price {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  color: #c0a062;
  text-transform: uppercase;
  line-height: 24px;
}

.fuji-bundling .item:nth-of-type(odd) {
  background-color: #fff;
}

.fuji-bundling .item .link {
  clear: both;
  margin: auto;
  display: block;
  margin: 1em auto 0;
  top: 1em;
  position: relative;
  border-radius: 30px;
  width: 140px;
}

.fuji-bundling .item .link.outstock {
  color: #fff !important;
  pointer-events: none;
  background: #707070 !important;
  border-color: #707070 !important;
  opacity: 0.6;
}

.fuji-bundling .item:hover {
  color: #fff;
}

.fuji-bundling .item:hover:nth-of-type(odd) {
  -webkit-box-shadow: 0px 0px 60px -10px #909090;
  box-shadow: 0px 0px 60px -10px #909090;
}

.fuji-bundling .item:hover:nth-of-type(even) {
  z-index: 3;
  -webkit-box-shadow: 0px 0px 30px 0px #ccc;
  box-shadow: 0px 0px 30px 0px #ccc;
}

.fuji-bundling .item:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
}

.fuji-bundling .item:hover .nameProduct {
  color: #000;
}

.fuji-bundling .item:hover .category {
  color: #000;
}

.fuji-bundling .item:hover .link {
  color: #fff;
  background-color: #c0a062;
}

@media only screen and (max-width: 640px) {
  .fuji-bundling {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .fuji-bundling .item {
    display: table;
    width: 230px;
  }

  .fuji-bundling .item .i-camera {
    padding: 1em;
  }

  .fuji-bundling .item .caption {
    white-space: normal;
  }

  .fuji-bundling .item .caption p {
    font-size: 0.6125em;
    height: 45px;
    overflow: hidden;
  }
}

@media screen and (min-width: 1025px) {
  .related-lens .fuji-bundling .i-camera {
    height: 250px;
  }
}

.related-lens .nameProduct {
  height: 70px;
}

@media only screen and (max-width: 640px) {
  .grid-margin-x {
    margin: 0;
  }
}

.formApplication .sideLeft {
  width: 46%;
  float: left;
}

@media only screen and (max-width: 640px) {
  .formApplication .sideLeft {
    width: 100%;
  }
}

.formApplication .sideRight {
  width: 43.66667%;
  float: right;
}

.formApplication .sideRight p {
  line-height: 1.375em;
}

.formApplication .sideRight .inputLocation {
  margin-top: 2em;
}

@media only screen and (max-width: 640px) {
  .formApplication .sideRight {
    width: 100%;
  }
}

.formApplication .locationStore {
  text-transform: capitalize;
}

.formApplication ::-webkit-input-placeholder {
  color: #c2c2c2;
}

.formApplication ::-moz-placeholder {
  color: #c2c2c2;
}

.formApplication :-ms-input-placeholder {
  color: #c2c2c2;
}

.formApplication :-moz-placeholder {
  color: #c2c2c2;
}

.formApplication input,
.formApplication .locationStore {
  display: block;
  border: solid 1px #c2c2c2;
  border-radius: 10px;
  padding: 8px 15px;
  position: relative;
  font-size: 0.875em;
  color: #494949;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}

.formApplication .idUser .select {
  width: 30%;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
  border: solid 1px #c2c2c2;
  height: 39px;
}

.formApplication .idUser .select select {
  background-color: transparent;
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  color: #c2c2c2;
  font-size: 0.875em;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  padding-left: 1em;
  z-index: 1;
}

.formApplication .idUser .select:before {
  width: 35px;
  display: none;
}

.formApplication .idUser .select:after {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 21px;
  width: 35px;
  height: 15px;
  content: '>';
  display: block;
  line-height: 8px;
  color: #c2c2c2;
  text-align: center;
  background-color: transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: none;
}

.formApplication .idUser input {
  width: 65%;
  float: right;
  margin-top: 0;
}

.formApplication label,
.formApplication .titleSec {
  display: block;
  font-size: 1em;
  font-weight: 600;
  color: #000;
  line-height: 1;
  padding: 0 0 0.5em;
}

.formApplication .fillForm {
  margin-top: 2em;
}

.formApplication .bgpopup {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.77);
  width: 100%;
}

.formApplication .bxShadow {
  -webkit-box-shadow: 0px 0px 60px -10px #717171;
  box-shadow: 0px 0px 60px -10px #717171;
}

.formApplication .boxPop {
  background-color: #fff;
  margin: auto;
  position: relative;
  z-index: 3;
}

.formApplication .nameProduct {
  font-weight: 400;
  font-family: 'Nunito', sans-serif;
  color: #111;
  font-size: 1.2875em;
  margin: 1em 0 0.5em;
  line-height: 22px;
}

.formApplication .notePromo {
  margin: 0.5em 0 1.5em;
}

.formApplication .noteOffers {
  line-height: 1;
  font-size: 0.8125em;
  text-transform: capitalize;
  color: #868f96;
}

.formApplication .price {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  color: #c0a062;
  text-transform: uppercase;
  line-height: 24px;
}

.inputLocation .locationStore {
  width: 240px;
}

.inputLocation .locationStore:after {
  position: absolute;
  content: "\f041";
  font-family: FontAwesome;
  right: 15px;
  top: 2px;
  font-size: 22px;
  color: #c2c2c2;
}

.inputLocation .visible {
  visibility: hidden;
}

.containerPopup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em 0;
  z-index: 10;
  display: none;
}

.containerPopup .titlePop {
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.875em;
  padding: 1.5em 0 0;
  margin: 0;
}

.containerPopup .close {
  position: absolute;
  right: 2.5em;
  top: 2.5em;
  font-family: 'Nunito Sans', sans-serif;
  text-transform: capitalize;
  color: #868f96;
  font-size: 1.0625em;
}

@media only screen and (max-width: 640px) {
  .containerPopup .close {
    right: 1.5em;
    top: 0.5em;
  }
}

.boxLocation .sizeBox {
  width: 960px;
  padding: 0 7em 7em;
}

@media only screen and (max-width: 640px) {
  .boxLocation .sizeBox {
    width: 80%;
    padding: 2em;
  }
}

.boxLocation .titlePop {
  border-bottom: solid 5px #e1e1e1;
  margin-bottom: 0.6em;
}

@media only screen and (max-width: 640px) {
  .boxLocation .titlePop {
    font-size: 1.2em;
  }
}

.boxLocation.singleList ul {
  -moz-column-count: inherit !important;
  -moz-column-gap: 30px;
  -webkit-column-count: inherit !important;
  -webkit-column-gap: 30px;
  max-height: 300px;
  overflow-y: auto;
}

.boxLocation.singleList ul li {
  width: 100%;
}

.boxLocation.singleList ul li a {
  overflow: hidden;
}

.boxLocation.singleList ul li a div {
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  max-height: 0;
}

.boxLocation.singleList ul li a:hover div {
  max-height: 100px;
}

.boxLocation ul {
  -moz-column-count: 4;
  -moz-column-gap: 30px;
  -webkit-column-count: 4;
  -webkit-column-gap: 30px;
  list-style: none;
  margin: 0 -0.5rem;
}

@media only screen and (max-width: 640px) {
  .boxLocation ul {
    -moz-column-count: inherit !important;
    -moz-column-gap: 30px;
    -webkit-column-count: inherit !important;
    -webkit-column-gap: 30px;
    max-height: 300px;
    overflow-y: auto;
  }
}

.boxLocation ul li {
  width: 180px;
  padding-left: 0;
  line-height: 30px;
}

.boxLocation ul li a {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.625em;
  text-transform: uppercase;
  color: #9b9da3;
  padding-left: 10px;
  position: relative;
  display: block;
}

@media only screen and (max-width: 640px) {
  .boxLocation ul li a {
    font-size: 1.25em;
  }
}

.boxLocation ul li a:before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: 0;
  top: 13px;
  margin: auto;
  font-size: 14px;
  font-weight: 300;
  line-height: 10px;
  color: #c0a062;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.boxLocation ul li a:hover {
  color: #000;
}

.boxLocation ul li a:hover:before {
  opacity: 1;
}

.descriptionPromo {
  background-color: #fff;
  position: relative;
  margin-top: 3em;
}

.descriptionPromo * {
  color: #494949;
}

.descriptionPromo:after,
.descriptionPromo:before {
  position: absolute;
  content: '';
}

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

  .descriptionPromo:after,
  .descriptionPromo:before {
    background: none;
  }
}

.descriptionPromo:after {
  background-color: #fff;
  top: 0;
  bottom: 0;
  right: -100%;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .descriptionPromo:after {
    background: none;
  }
}

.descriptionPromo:before {
  background-color: #fff;
}

@media only screen and (max-width: 640px) {
  .descriptionPromo:before {
    background: none;
  }
}

.descriptionPromo .detailDesc {
  position: relative;
  z-index: 1;
  padding: 3em 0 3em 3em;
}

@media only screen and (max-width: 640px) {
  .descriptionPromo .detailDesc {
    padding: 2em;
  }
}

.descriptionPromo .layerImg {
  position: absolute;
  z-index: 2;
  top: -50px;
  right: -17%;
}

@media only screen and (max-width: 640px) {
  .descriptionPromo .layerImg {
    position: relative;
    top: auto;
    right: auto;
    width: 70%;
    margin: 2em auto;
  }
}

.descriptionPromo .layerImg img {
  position: relative;
  z-index: 1;
}

.descriptionPromo .nameProduct {
  font-weight: 400;
  font-family: 'Nunito', sans-serif;
  color: #111;
  font-size: 1.6875em;
  margin: 1.5em 0 0.5em;
  line-height: 21px;
}

.descriptionPromo .notePromo {
  margin: 0.5em 0 2.3em;
}

.descriptionPromo .noteOffers {
  line-height: 1;
  font-size: 0.8125em;
  text-transform: capitalize;
  color: #868f96;
}

.descriptionPromo .price {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  color: #c0a062;
  text-transform: uppercase;
  line-height: 24px;
}

.descriptionPromo li,
.descriptionPromo p {
  font-size: 0.8125em;
  color: #494949;
}

.descriptionPromo li {
  font-weight: 700;
}

.descriptionPromo .link {
  background-color: transparent;
  background-color: transparent;
  border: solid 1px #494949;
  display: inline-block;
  margin-top: 2em;
  width: 130px;
  padding: 0.8em;
  font-size: 1em;
}

.descriptionPromo .link:hover {
  color: #fff;
  background-color: #c0a062;
  border-color: #c0a062;
}

.boxConfirm {
  padding: 0;
}

.boxConfirm .sizeBox {
  width: 670px;
  height: 620px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media only screen and (max-width: 640px) {
  .boxConfirm .sizeBox {
    width: 100%;
  }
}

.boxConfirm .contents {
  width: 350px;
  margin: auto;
  text-align: center;
}

.boxConfirm .contents p {
  padding: 0 1.5em;
}

.boxConfirm .mCSB_outside+.mCSB_scrollTools {
  opacity: 0;
}

.boxConfirm .confrmProduct {
  text-align: center;
  padding: 1em 0;
}

.boxConfirm .confrmProduct a,
.boxConfirm .confrmProduct input {
  display: inline-block;
  width: 130px;
  line-height: 40px;
  border: solid 1px #494949;
  padding: 0;
  border-radius: 10px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1em;
  text-transform: capitalize;
  cursor: pointer;
}

.boxConfirm .confrmProduct a:hover,
.boxConfirm .confrmProduct input:hover {
  color: #fff;
  background-color: #c0a062;
}

.relatedOffers {
  padding: 4em 0 3em;
}

.relatedOffers .titleHomeCategory {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  color: #c0a062;
  font-size: 1.3125em;
  margin-bottom: 1.5em;
}

.relatedOffers .fuji-relatedOffers .owl-item img {
  width: auto;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-prev,
.relatedOffers .fuji-relatedOffers .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  margin: auto;
  background-color: transparent;
  border: solid 1px #868f96;
  border-radius: 50px;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-prev span,
.relatedOffers .fuji-relatedOffers .owl-nav button.owl-next span {
  background-image: none;
  text-indent: 0;
  bottom: 0;
  top: 0;
  height: 18px;
  width: 20px;
  margin: auto;
  line-height: 13px;
  font-size: 28px;
  color: #868f96;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-prev:hover,
.relatedOffers .fuji-relatedOffers .owl-nav button.owl-next:hover {
  background-color: #c0a062;
  border-color: #c0a062;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-prev:hover span,
.relatedOffers .fuji-relatedOffers .owl-nav button.owl-next:hover span {
  color: #fff;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-prev {
  left: -8em;
}

.relatedOffers .fuji-relatedOffers .owl-nav button.owl-next {
  right: -8em;
}

.relatedOffers .fuji-relatedOffers .i-camera {
  height: 110px;
  position: relative;
  margin-bottom: 10px;
}

.relatedOffers .fuji-relatedOffers .i-camera img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.5;
}

.relatedOffers .fuji-relatedOffers .nameProduct {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  margin: 0;
  color: #868f96;
}

.relatedOffers .fuji-relatedOffers .caption {
  text-align: center;
}

.relatedOffers .fuji-relatedOffers .caption span {
  display: block;
  color: #868f96;
}

.relatedOffers .fuji-relatedOffers .item * {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.relatedOffers .fuji-relatedOffers .item:hover .nameProduct {
  color: #000;
}

.relatedOffers .fuji-relatedOffers .item:hover .category {
  color: #000;
}

.relatedOffers .fuji-relatedOffers .item:hover .i-camera img {
  opacity: 1;
}

.relatedArticle {
  background-color: #fff;
  overflow: hidden;
  padding: 5em 0;
  position: relative;
  margin-top: -0.25em;
}

.relatedArticle * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.relatedArticle .fuji-carousel {
  position: inherit;
}

.relatedArticle .fuji-carousel .owl-stage-outer {
  overflow: inherit;
  z-index: 2;
}

.relatedArticle .fuji-carousel .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

.relatedArticle .fuji-carousel .owl-nav button {
  width: 60px;
  height: 60px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.77);
  border-radius: 60px;
}

.relatedArticle .fuji-carousel .owl-nav button span {
  background-image: none;
}

.relatedArticle .fuji-carousel .owl-nav button span:before {
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  left: 0;
  text-indent: 0;
  line-height: 38px;
  margin: auto;
  text-align: center;
  font-size: 19px;
  color: #fff;
}

.relatedArticle .fuji-carousel .owl-nav button.owl-prev {
  left: 3em;
}

.relatedArticle .fuji-carousel .owl-nav button.owl-prev span:before {
  content: "\f060";
}

.relatedArticle .fuji-carousel .owl-nav button.owl-next {
  right: 3em;
}

.relatedArticle .fuji-carousel .owl-nav button.owl-next span:before {
  content: "\f061";
}

.relatedArticle .fuji-carousel .owl-nav button:hover {
  background-color: #fff;
}

.relatedArticle .fuji-carousel .owl-nav button:hover span:before {
  color: #000;
}

@media screen and (max-width: 640px) {
  .relatedArticle .fuji-carousel .owl-item {
    margin-right: 0.5em !important;
  }
}

.relatedArticle .titleCategory {
  color: #000;
  margin-bottom: 1em;
  text-align: center;
}

.relatedArticle .item {
  border-radius: 5px;
  overflow: hidden;
  background-color: rgba(197, 197, 197, 0.4);
  position: relative;
}

.relatedArticle .item>a {
  display: block;
}

.relatedArticle .item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  background-color: rgba(63, 64, 67, 0.95);
  padding: 1em 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media screen and (min-width: 1025px) {
  .relatedArticle .item .caption {
    height: 140px;
  }
}

.relatedArticle .item .caption .posBot {
  position: relative;
  padding-left: 25px;
  color: #fff;
  width: 75%;
}

.relatedArticle .item .caption .title {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 1.3125em;
  line-height: 1.1;
  color: #fff;
  margin: 0;
}

.relatedArticle .item .caption .category {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.8125em;
  color: #868f96;
  font-weight: 300;
  margin: 0;
  line-height: 1.4;
  position: absolute;
  bottom: 15px;
  left: 25px;
  font-family: 'Open Sans', sans-serif;
  text-transform: capitalize;
}

.relatedArticle .item .goArrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 53px;
  height: 53px;
  border-radius: 53px;
  background-color: #c0a062;
}

.relatedArticle .item .goArrow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 15px;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -117px -29px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.relatedArticle .item .goArrow:hover {
  background-color: #fff;
}

.relatedArticle .item .goArrow:hover:before {
  background-position: -99px -29px;
}

.relatedArticle .item:hover {
  -webkit-box-shadow: 0px 0px 35px 0px #8e8e8e;
  box-shadow: 0px 0px 35px 0px #8e8e8e;
}

.relatedArticle .item:hover>a {
  opacity: 0.6;
}

.relatedArticle .item:hover .caption {
  opacity: 1;
}

.relatedArticle .viewall {
  color: #868f96;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  margin: 0;
  font-size: 1.3125em;
  line-height: 50px;
}

.relatedArticle .viewall:before {
  background-position: -132px -29px;
}

.relatedArticle .viewall:hover {
  color: #c0a062;
}

.relatedArticle .viewall:hover:before {
  background-position: -99px -29px;
}

@media screen and (max-width: 860px) {
  .relatedArticle .item .caption {
    position: relative;
    height: 130px;
  }

  .relatedArticle .item .caption .title {
    font-size: 0.9em;
  }

  .relatedArticle .item .caption .posBot {
    position: relative;
    padding: 0 1em;
    color: #fff;
    width: 100%;
  }

  .relatedArticle .item .caption .category {
    position: relative;
    bottom: 0;
    left: 1em;
  }

  .relatedArticle .viewall {
    right: 1em;
  }
}

@media screen and (max-width: 640px) {
  .relatedArticle {
    position: relative;
    padding: 2em 2em 1em;
  }

  .relatedArticle .item .caption {
    position: relative;
    height: 120px;
  }

  .relatedArticle .item .caption .title {
    font-size: 0.9em;
  }

  .relatedArticle .item .caption .posBot {
    position: relative;
    padding: 0 1em;
    color: #fff;
    width: 100%;
  }

  .relatedArticle .item .caption .category {
    position: relative;
    bottom: 0;
    left: 1em;
  }

  .relatedArticle .viewall {
    position: relative;
  }
}

.menuDetail .sizeCenterElm {
  position: relative;
}

.menuDetail .thumbsShowPdt {
  color: #fff;
  padding: 0 15px;
}

.menuDetail .thumbsShowPdt .logoTitlenya {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 1.25em;
  margin-bottom: 0;
  display: table;
  float: left;
  line-height: 2.2;
  letter-spacing: 1px;
  font-weight: 200;
}

.menuDetail .thumbsShowPdt .fa {
  margin-right: 48px;
  margin-left: -75px;
  font-size: 43px;
  color: #fff;
  width: 47px;
  height: 47px;
  position: relative;
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0;
  float: left;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.menuDetail .thumbsShowPdt .fa:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/arrow-right.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  border: solid 1px #fff;
  border-radius: 100%;
  opacity: 0.5;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menuDetail .navDetail {
  position: relative;
  margin: 0 -15px;
}

.menuDetail .navDetail ul {
  list-style: none;
  margin: 13px 0;
}

.menuDetail .navDetail ul li {
  display: inline-block;
}

.menuDetail .navDetail ul li a {
  color: #707070;
  padding: 0 15px;
  display: block;
  text-transform: capitalize;
  font-size: 0.875em;
  font-weight: 500;
}

.menuDetail .navDetail ul li a:hover,
.menuDetail .navDetail ul li a.current {
  color: #fff;
}

.menuDetail .navDetail ul li.current a {
  color: #fff;
}

@media screen and (min-width: 1025px) {
  .menuDetail {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 5;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.5);
    -webkit-transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
  }

  .menuDetail.homeNav {
    background-color: #000;
  }

  .menuDetail * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .menuDetail .navDetail {
    float: right;
    right: -75px;
  }

  .menuDetail .thumbsShowPdt img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 35px;
  }
}

@media only screen and (max-width: 860px) {
  .menuDetail {
    background: #000;
    padding: 1em 0;
    z-index: 9;
    position: fixed;
    top: 95px;
    width: 100%;
  }

  .menuDetail .thumbsShowPdt {
    color: #fff;
    padding: 0 15px;
    float: left;
    display: inline-block;
  }

  .menuDetail .thumbsShowPdt .fa {
    margin: 0 0 0 8px;
    width: 20px;
    height: 20px;
  }

  .menuDetail .thumbsShowPdt .fa:before {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 8px;
  }

  .menuDetail .thumbsShowPdt img {
    height: 9px;
  }

  .menuDetail .navDetail {
    position: relative;
    margin: 0 -15px;
    display: inline-block;
  }

  .menuDetail .navDetail ul {
    margin: 0 1em;
  }

  .menuDetail .navDetail ul li a {
    font-size: 1.075em;
  }

  .menuDetail .sizeCenterElm {
    white-space: nowrap;
    overflow-x: auto;
  }

  .menuDetail .thumbsShowPdt .logoTitlenya {
    font-size: 0.95em;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 640px) {
  .menuDetail {
    background: #000;
    padding: 1em 0;
    z-index: 9;
    position: fixed;
    top: 65px;
    width: 100%;
  }

  .menuDetail .thumbsShowPdt {
    color: #fff;
    padding: 0 15px;
    float: left;
    display: inline-block;
  }

  .menuDetail .thumbsShowPdt .fa {
    margin: 0 0 0 8px;
    width: 20px;
    height: 20px;
  }

  .menuDetail .thumbsShowPdt .fa:before {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 8px;
  }

  .menuDetail .thumbsShowPdt img {
    height: 9px;
  }

  .menuDetail .navDetail {
    position: relative;
    margin: 0 -15px;
    display: inline-block;
  }

  .menuDetail .navDetail ul {
    margin: 0 1em;
  }

  .menuDetail .navDetail ul li a {
    font-size: 1.075em;
  }

  .menuDetail .sizeCenterElm {
    white-space: nowrap;
    overflow-x: auto;
  }

  .menuDetail .thumbsShowPdt .logoTitlenya {
    font-size: 0.95em;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 640px) {
  .grid-margin-x>.small-12.categoryProduct {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.relatedProduct {
  background-color: #f1f1f1;
}

.relatedProduct .titleCategory {
  text-align: center;
  margin: 4.5em 0 2em;
  color: #868f96;
  font-size: 1.25em;
}

.relatedProduct .fuji-bundling .caption {
  height: auto;
}

@media screen and (min-width: 1025px) {
  .relatedProduct .fuji-bundling .caption {
    height: 55px;
    overflow: hidden;
  }
}

.relatedProduct .fuji-bundling .caption p {
  line-height: 1.3;
}

.relatedProduct .fuji-bundling .nameProduct {
  text-align: center;
  color: #868f96;
}

@media only screen and (max-width: 640px) {
  .relatedProduct .fuji-bundling .nameProduct {
    white-space: normal;
    padding: 0 1em;
  }
}

.relatedProduct .fuji-bundling p {
  font-family: 'Open Sans', sans-serif;
  color: #868f96;
  font-size: 0.8125em;
}

.relatedProduct .fuji-bundling .item {
  background-color: transparent !important;
  padding: 1em;
}

.relatedProduct .fuji-bundling .item .boxItem {
  padding: 1.5em 0;
  background-color: #f8f4f1;
  border-radius: 5px;
  overflow: hidden;
}

.relatedProduct .fuji-bundling .item:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.relatedProduct .fuji-bundling .item:hover .boxItem {
  -webkit-box-shadow: 0px 0px 60px -10px #909090;
  box-shadow: 0px 0px 60px -10px #909090;
}

.relatedProduct .fuji-bundling .item:hover p {
  color: #000;
}

@media only screen and (min-width: 640px) and (max-width: 860px) {
  .relatedProduct .fuji-bundling .item {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.relatedProduct.transBG {
  background-color: #fff;
  padding: 0 0 5em;
}

.specialPage {
  overflow: hidden;
  background: #e3e3e3;
}

.bgWhiteFixer {
  background: #fff;
}

.specialPage .titleOffers {
  text-transform: uppercase;
  font-size: 1.875em;
  font-weight: 600;
}

.specialPage .stepOffer {
  padding-right: 3em;
}

.specialPage .stepOffer ol {
  margin-left: 0;
}

.specialPage .stepOffer li {
  width: 100%;
  position: relative;
  padding: 15px 0 15px 90px;
  text-indent: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: #868f96;
  line-height: 1.2;
}

.specialPage .stepOffer li a {
  color: #000;
  font-family: inherit;
  font-weight: inherit;
}

.specialPage .stepOffer li:before {
  content: counter(item);
  counter-increment: li;
  position: absolute;
  height: 60px;
  width: 60px;
  margin-left: 0;
  line-height: 60px;
  text-align: center;
  top: 5px;
  left: 0;
  font-size: 1.0625em;
  color: #fff;
  background-color: #868f96;
  border-radius: 100%;
  padding-right: 0;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

.specialPage .stepOffer li.active:before {
  background-color: #c0a062;
}

.specialPage .mainContent {
  padding: 2em 0 0;
}

.specialPage .contens {
  margin: 0;
}

@media only screen and (max-width: 640px) {
  .specialPage .contens {
    width: 100%;
  }
}

.specialPage .bannerImg {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .specialPage .mainContent {
    padding: 2em 1em 0;
  }
}

.productSpec {
  background-color: #f1f1f1;
}

.productSpec .sizeCenterElm {
  position: relative;
}

@media screen and (min-width: 860px) {
  .productSpec .sizeCenterElm .heiBox {
    margin-bottom: 5%;
  }
}

@media screen and (min-width: 860px) {
  .productSpec .bannerImg {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 50%;
  }
}

@media screen and (min-width: 1400px) {
  .productSpec .bannerImg {
    left: -14%;
  }
}

@media screen and (max-width: 1280px) {
  .productSpec .bannerImg {
    left: -17%;
  }
}

@media screen and (min-width: 1600px) {
  .productSpec .bannerImg {
    left: -35%;
  }
}

@media screen and (max-width: 860px) {
  .productSpec .bannerImg img {
    width: 100%;
  }
}

.productSpec .spesification {
  position: relative;
  z-index: 2;
}

.productSpec .spesification .boxSpec .sideLeft {
  width: 65px;
  float: left;
}

.productSpec .spesification .boxSpec .sideRight {
  width: 75%;
  float: left;
}

.productSpec .spesification .boxSpec .icon {
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/iconspec.png?v=1544759439");
  background-repeat: no-repeat;
  width: 50px;
  height: 48px;
  display: block;
}

.productSpec .spesification .boxSpec .icon.ic-pixel {
  background-position: -5px 0px;
}

.productSpec .spesification .boxSpec .icon.ic-storage {
  background-position: -5px -47px;
}

.productSpec .spesification .boxSpec .icon.ic-control {
  background-position: -82px -47px;
}

.productSpec .spesification .boxSpec .icon.ic-face {
  background-position: -10px -95px;
}

.productSpec .spesification .boxSpec .icon.ic-wireless {
  background-position: -81px -95px;
}

.productSpec .spesification .boxSpec h1,
.productSpec .spesification .boxSpec h2,
.productSpec .spesification .boxSpec h3,
.productSpec .spesification .boxSpec h4,
.productSpec .spesification .boxSpec h5,
.productSpec .spesification .boxSpec h6 {
  font-size: 1.6875em;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  color: #494949;
  margin-bottom: 0em;
  line-height: 1;
}

.productSpec .spesification .boxSpec .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 1.0625em;
  color: #868f96;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.productSpec .spesification .boxSpec p {
  font-size: 1.075em;
  color: #868f96;
  line-height: 1.3;
  font-weight: 300;
}

.addressAdaEmail {
  position: relative;
}

.addressAdaEmail:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 8px;
  background: #00ac7c;
  content: "";
}

@media only screen and (max-width: 1280px) {
  .productSpec .spesification .boxSpec p {
    font-size: 0.9em;
  }
}

.productSpec .spesification .boxSpec p strong {
  color: #494949;
}

.productSpec .spesification ul li {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 0.8em;
}

.productSpec .spesification ul li .boxSpec {
  background-color: #fff;
  padding: 1em;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (min-width: 860px) {
  .productSpec .spesification ul li {
    width: 50%;
  }

  .productSpec .spesification ul li .boxSpec {
    height: 120px;
  }
}

.productSpec .spesification .link {
  margin: 1em auto;
  display: block;
  color: #868f96;
  border-color: #868f96;
  text-transform: capitalize;
}

.productSpec .spesification .link:before {
  background-color: #494949;
}

.productSpec .spesification .link:hover {
  color: #fff !important;
  border-color: #494949;
}

.heiProduct {
  overflow: hidden;
}

.accessoriesMarginFixer {
  margin-top: 150px;
}

.slideProduct {
  background-color: #ececec;
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 1em;
}

.slideProduct .sizeCenterElm {
  position: relative;
  padding: 0 2em;
}

.slideProduct .right {
  float: right;
}

.slideProduct .slider {
  position: relative;
  padding: 6.4em 0 0;
}

.slideProduct .slider .slides li .boxImage {
  position: relative;
  display: inline-block;
  width: 446px;
}

.slideProduct .slider .slides li .boxImage:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/shadow-product.png?v=1544759439");
  background-repeat: no-repeat;
  height: 18px;
  background-position: center;
}

.slideProduct .titlePage {
  text-transform: uppercase;
  font-size: 4.375em;
  color: #a8a8a8;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.slideProduct ul,
.slideProduct ol {
  display: block;
  list-style: none;
}

.slideProduct .fmnav-control-nav {
  position: relative;
  bottom: 0;
  padding: 1.5em 0 2em;
}

.slideProduct .fmnav-control-nav li {
  cursor: pointer;
}

.slideProduct .fmnav-control-nav li * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.slideProduct .fmnav-control-nav li img {
  opacity: 0.3;
}

.slideProduct .fmnav-control-nav li img.fmnav-active {
  opacity: 1;
}

.slideProduct .fmnav-control-nav li:hover img {
  opacity: 0.6;
}

.slideProduct .fmnav-direction-nav a {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  opacity: 1;
  display: block;
  text-indent: 9999em;
  margin: 0 0.5em;
}

.slideProduct .fmnav-direction-nav a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  opacity: 1;
}

.slideProduct .fmnav-direction-nav a.fmnav-prev {
  left: 0;
}

.slideProduct .fmnav-direction-nav a.fmnav-prev:before {
  background-position: -1px -38px;
}

.slideProduct .fmnav-direction-nav a.fmnav-next {
  right: 0;
}

.slideProduct .fmnav-direction-nav a.fmnav-next:before {
  background-position: -20px -38px;
}

.slideProduct .fmnav-direction-nav a:hover {
  background-color: #494949;
}

.slideProduct .fmnav-direction-nav a.fmnav-disabled {
  opacity: 0;
}

.compare-section .section-capacity {
  padding: 0.68em 0 1.68em;
  border-bottom: solid 1px #d9d9d9;
}

.compare-section h1,
.compare-section h2,
.compare-section h3,
.compare-section h4,
.compare-section h5,
.compare-section h5,
.compare-section p,
.compare-section li,
.compare-section small {
  font-family: 'Nunito Sans', sans-serif;
}

.compare-section li {
  list-style: none;
}

.compare-section p,
.compare-section small {
  color: #707070;
}

.compare-section small {
  display: block;
  color: #acacac;
}

.compare-section .compare-column {
  padding: 1em 1em 0 0;
}

.compare-section .compare-column.compare-spesififikasi {
  padding: 0;
}

.compare-section .compare-column ul,
.compare-section .compare-column ol {
  padding: 0;
  margin: 0;
}

.compare-section .compare-column h1,
.compare-section .compare-column h2,
.compare-section .compare-column h3,
.compare-section .compare-column h4,
.compare-section .compare-column h5,
.compare-section .compare-column h5 {
  font-weight: 800;
  color: #000;
  font-size: 1.5em;
  margin: 0;
  line-height: 1;
  letter-spacing: 0.03em;
}

.compare-section .compare-column p,
.compare-section .compare-column li {
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  font-size: 0.9375em;
}

.compare-section .compare-column p strong,
.compare-section .compare-column li strong {
  color: #000;
}

.compare-section .compare-title {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 1.3125em;
  margin: 0;
  padding: 1em 0 0;
  line-height: 1;
  color: #494949;
  letter-spacing: 0.03em;
}

.compare-section .notes {
  margin: 3em 0;
}

.compare-section .notes p {
  font-size: 0.875em;
  line-height: 1.3;
  color: #111;
}

@media only screen and (max-width: 640px) {
  .compare-section {
    padding: 1em;
  }

  .compare-section .compare-column p {
    font-size: 0.6375em;
  }
}

.aksesoris-section.findLens h3 {
  text-align: center;
}

.aksesoris-section.findLens .boxtabs .aksesori-padding>ul>li {
  width: 100%;
  border-bottom: solid 1px #c8ccce;
  padding: 2em 0;
}

.aksesoris-section.findLens .boxtabs .aksesori-padding>ul>li .boxImage {
  width: 30%;
  float: left;
}

.aksesoris-section.findLens .boxtabs .aksesori-padding>ul>li .nameImage {
  width: 70%;
  padding-left: 2.5em;
  float: left;
  text-align: left;
}

.aksesoris-section.findLens .boxtabs .aksesori-padding>ul>li .nameImage ul li {
  text-align: left;
  list-style: disc;
  list-style-position: inside;
  width: 100%;
}

.aksesoris-section.findLens .boxtabs .aksesori-padding>ul>li .nameImage a.detailResult {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: solid 1px;
  text-transform: capitalize;
  padding: 0.5em;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: 2em;
}

.aksesoris-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aksesoris-section .boxtabs {
  border-bottom: solid 1px #d9d9d9;
  padding: 2em 0;
}

.aksesoris-section .boxtabs .aksesori-padding {
  width: 80%;
  margin: 0 auto;
  display: table;
}

.aksesoris-section .boxtabs .boxImage {
  height: 180px;
  display: table;
  width: 100%;
  text-align: center;
}

.aksesoris-section .boxtabs h3 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1.5em;
}

.aksesoris-section .boxtabs li {
  width: 33.3%;
  float: left;
  text-align: center;
}

.aksesoris-section .tabSelection {
  text-align: center;
  padding: 1em 0;
  border-bottom: solid 1px #d9d9d9;
}

.aksesoris-section .tabSelection li {
  display: inline-block;
  padding: 0 1em;
}

.aksesoris-section .tabDetail {
  text-align: center;
}

.aksesoris-section .tabDetail ul {
  margin: 2em 0;
  position: relative;
  display: inline-block;
}

.aksesoris-section .tabDetail li {
  display: inline-block;
  margin: 15px;
  width: 23%;
}

.aksesoris-section .tabDetail li .boxImage {
  height: 150px;
}

@media screen and (max-width: 640px) {
  .aksesoris-section .boxtabs li {
    width: 50%;
  }

  .aksesoris-section .boxtabs .boxImage {
    height: 150px;
  }

  .productSpec .bannerImg {
    position: relative;
    left: -11%;
  }

  .slideProduct .titlePage {
    font-size: 2.375em;
  }

  .slideProduct .slider .slides li .boxImage {
    width: 100%;
  }

  .aksesoris-banner .caption .titleCaption {
    font-size: 2.375em;
  }

  .aksesoris-banner.fujiInspiring .specialBanner.nopaci img {
    width: 100%;
  }
}

.fujiListNews {
  padding: 2em 1em;
  background-color: #ebebeb;
}

.fujiListNews .bigListNews img {
  width: 100%;
}

.fujiListNews .bigListNews .caption h2.titleCaption {
  font-size: 1.925em;
}

.fujiListNews .bigListNews .caption {
  padding-top: 1.2em;
}

.fujiListNews .latestNews {
  padding: 0 1em;
}

.fujiListNews .latestNews img {
  width: 100%;
}

.fujiListNews .latestNews .titleCaption {
  font-size: 3.125em;
  font-weight: 200;
  font-family: 'Nunito Sans', sans-serif;
  margin: 0.2em 0;
  line-height: 1.2;
}

.fujiListNews .latestNews .link {
  color: #898989;
  border-color: #898989;
  margin-top: 3em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.0625em;
  font-weight: 300;
  width: 160px;
  letter-spacing: 0.03em;
}

.fujiListNews .latestNews .link:before {
  background-color: #c0a062;
}

.fujiListNews .latestNews .link:hover {
  color: #fff !important;
}

.fujiListNews .thumbnews {
  padding-left: 1em;
}

@media screen and (max-width: 640px) {
  .fujiListNews .thumbnews {
    padding: 0;
  }
}

.fujiListNews .thumbnews ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fujiListNews .thumbnews ul * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.fujiListNews .thumbnews ul li {
  width: 50%;
  float: left;
  padding: 0 1em 1em;
}

.fujiListNews .thumbnews ul li img {
  width: 100%;
}

.fujiListNews .thumbnews ul li:hover .layerImg {
  opacity: 1;
}

.fujiListNews .thumbnews ul li:hover .caption .title {
  color: #000;
}

@media screen and (max-width: 640px) {
  .fujiListNews .thumbnews ul li {
    width: 100%;
    padding: 0 0 1em 0;
  }
}

.fujiListNews .thumbnews .layerImg {
  display: block;
  opacity: 0.66;
}

.fujiListNews .thumbnews .caption {
  padding: 1em 0;
}

.fujiListNews .thumbnews .caption .date {
  font-size: 0.8125em;
  color: #868f96;
  display: block;
}

.fujiListNews .thumbnews .caption .title {
  color: #707070;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 1.3125em;
  margin: 0;
}

@media screen and (min-width: 1025px) {
  .fujiListNews .thumbnews .caption {
    height: 135px;
  }
}

@media screen and (min-width: 860px) {
  .fujiListNews .thumbnews {
    height: 620px;
  }
}

.newsPromo {
  padding: 2em;
}

.newsPromo .caption {
  left: 10%;
  width: 600px;
}

.newsPromo .link {
  color: #898989;
  border-color: #898989;
  margin-top: 3em;
  font-size: 0.9375em;
  font-weight: 300;
  width: 160px;
  letter-spacing: 0.03em;
}

.newsPromo .link:before {
  background-color: #c0a062;
}

.newsPromo .link:hover {
  color: #fff !important;
}

@media only screen and (max-width: 640px) {
  .newsPromo {
    padding: 0;
  }

  .newsPromo .caption {
    left: auto;
    width: 70%;
    position: absolute;
    padding: 2em;
  }

  .newsPromo .caption p {
    font-size: 0.8em;
  }

  .newsPromo .link {
    margin-top: 1em !important;
  }
}

.bannerNews {
  margin-top: 5em;
}

.bannerNews .sizeCenterElm {
  padding: 0 2.3em;
}

.bannerNews .headTitle {
  padding: 0 2em 2em 0;
}

.bannerNews .headTitle .date {
  font-size: 0.8125em;
  color: #868f96;
  display: block;
}

.bannerNews .headTitle .title {
  color: #111;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 2.9375em;
  margin: 0.5em 0 0.3em;
  text-transform: uppercase;
  line-height: 1.1;
}

.bannerNews .headTitle p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  color: #71787c;
  font-size: 1.25em;
  line-height: 1.3;
}

.bannerNews img {
  width: 100%;
}

.descNews {
  padding: 2em 0;
}

.descNews .mainContent {
  padding: 0 2.5em 0 0;
}

.descNews .mainContent p {
  font-weight: 600;
  line-height: 1.5;
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.0625em;
  margin-bottom: 1.5em;
}

.descNews .mainContent ul {
  margin-left: 3em;
}

.descNews .mainContent img {
  margin-bottom: 2em;
}

@media screen and (max-width: 640px) {
  .descNews .mainContent {
    padding: 0;
  }

  .descNews .mainContent p {
    margin-left: 0;
    margin-right: 0;
  }

  .descNews .mainContent img {
    height: auto !important;
  }
}

.descNews .sizeCenterElm {
  padding: 0 2.3em;
}

.descNews .titleSide {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 900;
  font-size: 0.9375em;
  margin: 0 0 1em;
  padding-bottom: 1em;
  text-transform: uppercase;
  border-bottom: solid 1px #d9d9d9;
  color: #494949;
  letter-spacing: 0.03em;
}

.descNews .highlightedNews {
  padding-left: 1.3em;
}

.descNews .highlightedNews * {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.descNews .highlightedNews ul {
  margin-top: 2.5em;
}

.descNews .highlightedNews li {
  float: left;
  width: 100%;
  border-bottom: solid 1px #d9d9d9;
  opacity: 0.44;
  padding-bottom: 1.3em;
  margin-bottom: 2em;
}

.descNews .highlightedNews li .desc {
  width: 67%;
  float: left;
  padding-right: 0.5em;
}

.descNews .highlightedNews li .desc p {
  font-weight: 600;
  line-height: 1.3;
  font-size: 1em;
}

.descNews .highlightedNews li .img {
  width: 33%;
  float: left;
  padding-left: 0.5em;
}

.descNews .highlightedNews li .img img {
  width: 100%;
}

.descNews .highlightedNews li:hover {
  opacity: 1;
}

.relatedItem {
  overflow: hidden;
  padding-bottom: 2em;
}

.relatedItem .titleCategory {
  font-size: 1.6875em;
  text-align: left;
  margin: 2em 0 1em;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
}

.relatedItem .fuji-carousel {
  position: inherit;
}

.relatedItem .fuji-carousel .item {
  float: none;
  width: 100%;
}

.relatedItem .fuji-carousel .owl-item {
  opacity: 0.3;
}

.relatedItem .fuji-carousel .owl-item.active {
  opacity: 1;
}

.relatedItem .fuji-carousel .owl-item img {
  width: inherit;
}

.relatedItem .fuji-carousel .owl-stage-outer {
  overflow: inherit;
  z-index: 2;
}

.footers {
  background-color: #fff;
}

.footers p {
  color: #696969;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.75em;
}

.footers .head-footer {
  padding: 3.3em 0px 0;
}

.footers .head-footer .title-socmed {
  color: #fff;
  margin: 0 0 7px;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: inline-block;
  float: left;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.0625em;
  font-weight: 700;
}

.footers .head-footer .foterSoc {
  display: inline-block;
  float: right;
  width: 30%;
}

.footers .head-footer .foterSoc .logo,
.footers .head-footer .foterSoc .footer-socmed {
  float: left;
  line-height: 33px;
}

.footers .head-footer .footer-socmed {
  padding: 0;
  margin: 0 2em 0 0;
}

.footers .head-footer .footer-socmed li {
  display: inline-block;
  padding-right: 5px;
}

.footers .head-footer .footer-socmed li a {
  font-size: 21px;
  border-radius: 100%;
  width: 37px;
  color: #000;
  line-height: 37px;
  text-align: center;
  background-color: #000;
  color: #fff;
}

.footers .body-footer {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  width: 70%;
}

@media only screen and (max-width: 1280px) {
  .footers .body-footer {
    width: 65%;
  }

  .footers .head-footer .foterSoc {
    width: 35%;
  }
}

.footers .body-footer>[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.825rem;
}

.footers .body-footer>[class*="block-grid-"]:before,
.footers .body-footer>[class*="block-grid-"]:after {
  content: " ";
  display: table;
}

.footers .body-footer>[class*="block-grid-"]:after {
  clear: both;
}

.footers .body-footer>[class*="block-grid-"]>li {
  display: inline-block;
  list-style: none;
  float: left;
  height: auto;
  width: auto;
  padding: 0 0.825rem 1.25rem;
}

.footers .body-footer>[class*="block-grid-"]>li:nth-of-type(7n+1) {
  clear: none;
}

.footers .body-footer>[class*="block-grid-"]>li:nth-of-type(1n) {
  clear: none;
}

.footers .body-footer>ul>li {
  display: inline-block;
}

.footers .body-footer>ul>li>a {
  min-height: 50px;
  font-family: 'Nunito Sans', sans-serif;
  display: block;
  color: #fff;
  font-size: 1em;
  padding-top: 10px;
  line-height: 19px;
  text-transform: capitalize;
}

.footers .body-footer ul {
  list-style: none;
}

.footers .body-footer ul ul {
  padding: 0;
  margin-left: 0;
}

.footers .body-footer ul ul.adanich {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
}

.footers .body-footer ul ul li {
  line-height: normal;
  width: 100px;
}

.footers .body-footer ul ul a {
  position: relative;
  overflow: hidden;
  font-size: 13px;
  color: #696969;
  line-height: 18px;
  display: inline-block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1em;
}

.footers .body-footer ul ul a:hover {
  color: #fff;
}

.footers .body-footer .second-menu {
  border-top: solid 1px #bbc5ca;
  padding: 0;
}

.footers .sitemap {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
}

.footers .sitemap>ul {
  margin-left: 0;
}

.footers .sitemap>ul>li {
  display: block;
}

.footers .sitemap>ul>li>a {
  display: block;
  color: #000;
  padding-top: 10px;
  letter-spacing: 0.05em;
  line-height: 19px;
  text-transform: capitalize;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1em;
}

.footers .sitemap>ul>li>a:hover {
  color: #c0a062;
}

@media only screen and (max-width: 640px) {
  .footers {
    display: none;
  }
}

.footers-mobile {
  display: none;
}

@media only screen and (max-width: 640px) {
  .footers-mobile {
    display: block;
    background-color: #fff;
    padding: 1em;
  }

  .footers-mobile p {
    color: #696969;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.75em;
  }

  .footers-mobile ul {
    margin: 0;
  }

  .footers-mobile .footerAccordion {
    border-top: solid 1px #fff;
    padding-top: 2em;
  }

  .footers-mobile .footerMenunya li {
    display: inline-block;
    list-style: none;
    float: left;
    height: auto;
    width: 100%;
    padding: 0 0.525rem 1.25rem;
    overflow: hidden;
  }

  .footers-mobile .footerMenunya li a {
    font-family: 'Nunito Sans', sans-serif;
    display: block;
    color: #000;
    text-transform: capitalize;
  }

  .footers-mobile .footerMenunya li ul {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-transform: capitalize;
    max-height: 0;
  }

  .footers-mobile .footerMenunya li ul li {
    padding: 0;
  }

  .footers-mobile .footerMenunya li.accodrionActive {
    color: #c0a062;
  }

  .footers-mobile .footerMenunya li.accodrionActive ul {
    max-height: 1000px;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
  }

  .footers-mobile .foterSoc {
    border-top: solid 1px #fff;
    text-align: center;
    padding-top: 2em;
  }

  .footers-mobile .foterSoc ul {
    margin: 0;
  }

  .footers-mobile .foterSoc ul li {
    list-style: none;
    display: inline;
  }

  .footers-mobile .foterSoc ul li a {
    font-size: 21px;
    border-radius: 100%;
    width: 37px;
    color: #000;
    line-height: 37px;
    text-align: center;
    background-color: #000;
    color: #fff;
  }
}

.terms-red {
  display: block;
  color: red;
}

.term-box {
  display: table;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.term-box.failed {
  border: solid 1px red;
  padding: 1em;
}

.loader {
  height: 631px;
  width: 450px;
  position: relative;
  margin: auto;
}

.loader img {
  width: auto !important;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.template {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  width: 300px;
  height: auto;
  z-index: 3;
  padding: 1em;
  opacity: 0;
  bottom: 9px;
  position: absolute;
  left: -130px;
  border-radius: 6px;
  text-align: left;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.template h2 {
  font-family: 'Oswald', sans-serif;
  color: #494949;
}

.template p {
  font-weight: 400;
  font-size: 0.9375em;
  color: #494949;
}

@media only screen and (max-width: 640px) {
  .template {
    position: fixed;
  }
}

.ihotspot {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.ihotspot:after {
  position: absolute;
  content: "+";
  width: 10px;
  height: 10px;
  top: 6px;
  left: 18px;
  font-size: 1.5em;
}

.ihotspot:hover {
  background: #c0a062;
  color: #fff;
  z-index: 4 !important;
}

.ihotspot:hover>.template {
  opacity: 1;
  color: #494949;
  bottom: 9px;
  width: 300px;
  height: auto;
  z-index: 3;
  left: -130px;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 640px) {
  .ihotspot:hover>.template {
    width: 90%;
    left: 5%;
    bottom: 45%;
    translate: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 640px) {
  .ihotspot {
    width: 30px;
    height: 30px;
  }

  .ihotspot:after {
    top: -4px;
    left: 7.5px;
  }
}

.imagehotspot-container:hover {
  z-index: 4 !important;
}

.productSlide .mainslide {
  position: relative;
}

.productSlide .captionSlidernye {
  position: absolute;
  left: 2em;
  bottom: 2em;
}

.productSlide .captionSlidernye span {
  display: block;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8125em;
}

.productSlide .captionSlidernye span.titleGallery {
  font-weight: 700;
}

.productSlide .fmnav-direction-nav {
  position: absolute;
  bottom: 50%;
  width: 100%;
}

.productSlide .fmnav-direction-nav .fmnav-prev {
  left: 30px;
  opacity: 1;
  text-indent: -9999px;
  z-index: 3;
}

.productSlide .fmnav-direction-nav .fmnav-prev:after {
  content: "";
  background: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-position: left 2px top 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  text-indent: 1px;
  color: #fff;
}

.productSlide .fmnav-direction-nav .fmnav-prev.fmnav-disabled {
  opacity: 0;
}

.productSlide .fmnav-direction-nav .fmnav-next {
  right: 30px;
  opacity: 1;
  text-indent: 9999px;
  left: auto;
  z-index: 3;
}

.productSlide .fmnav-direction-nav .fmnav-next:after {
  content: "";
  background: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-position: left -50px top 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  text-indent: 1px;
}

.productSlide .fmnav-direction-nav .fmnav-next.fmnav-disabled {
  opacity: 0;
}

.productSlide .slides>li .mainslide .layerimg img {
  width: 100%;
}

.class404 .caption .sizeCaption {
  width: 520px;
}

.class404 .caption .sizeCaption h2,
.class404 .caption .sizeCaption p,
.class404 .caption .sizeCaption li {
  color: #71787c;
}

.studio-event .box-headline {
  padding: 2em 0 4em;
}

.studio-event .box-headline .sizeCenterElm {
  padding-right: 35%;
}

.studio-event .box-headline h2.headline {
  font-size: 2.75em;
  text-transform: uppercase;
  color: #000;
  font-weight: 900;
  font-family: 'Nunito Sans', sans-serif;
  margin: 3rem 0 3rem 0;
  position: relative;
  line-height: 1;
}

.studio-event .box-headline h2.headline:after {
  content: "";
  position: absolute;
  bottom: -0.7em;
  left: 0;
  width: 100px;
  height: 4px;
  border-radius: 3px;
  background: #00a050;
}

.studio-event .box-headline p {
  font-family: 'Nunito Sans', sans-serif;
  color: #9b9da3;
  font-size: 1.23em;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {
  .studio-event .box-headline {
    padding: 2em 2em 4em;
  }

  .studio-event .box-headline .sizeCenterElm {
    padding-right: 0;
  }

  .studio-event .box-headline h2.headline {
    font-size: 1.75em;
  }
}

.studio-event .small-4 {
  padding: 0 3em;
}

@media only screen and (max-width: 640px) {
  .studio-event .small-4 {
    padding: 0;
  }
}

.studio-event .small-8 {
  padding-right: 3em;
}

@media only screen and (max-width: 640px) {
  .studio-event .small-8 {
    padding: 0;
  }
}

.studio-event .box-description .caption {
  bottom: auto;
  top: 0;
  padding: 2em 0;
}

.studio-event .box-description .caption .link {
  color: #fff;
}

.studio-event .box-description .caption .textTitle {
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  font-size: 0.9375em;
  font-family: 'Nunito Sans', sans-serif;
  color: #fff;
  display: block;
}

.studio-event .box-description .caption .date {
  font-weight: 800;
  margin: 0;
  line-height: 1.5;
  font-size: 0.8375em;
  font-family: 'Nunito Sans', sans-serif;
  color: #fff;
  display: block;
}

.studio-event .box-description .caption .contentOswald {
  font-weight: 800;
  margin: 0;
  line-height: 1.5;
  font-size: 1.175em;
  font-family: 'Oswald', sans-serif;
  color: #fff;
  display: block;
}

.studio-event .box-description .caption .spacer {
  display: block;
  margin: 2em 0;
}

.studio-event .box-description .caption .eventTitle {
  font-size: 2.75em;
  text-transform: capitalize;
  color: #fff;
  font-weight: 900;
  font-family: 'Nunito Sans', sans-serif;
  margin: 2rem 0 1rem 0;
  position: relative;
  line-height: 1;
}

.studio-event .box-description .caption a.link {
  border-radius: 10px;
  background: transparent;
  margin: 1em 0 0 0;
  width: 150px;
  line-height: 2em;
}

@media only screen and (max-width: 640px) {
  .studio-event .box-description .caption {
    position: relative !important;
    padding: 1em;
    background: #fff !important;
    bottom: auto !important;
    display: table !important;
  }

  .findLens.fujiInspiring .specialBanner.nopaci img {
    max-width: 100%;
    width: 100%;
  }

  .fujiListNews .thumbnews .layerImg {
    opacity: 1;
  }

  .studio-event .box-description .caption p {
    color: #000;
  }

  .studio-event .box-description .caption .link {
    color: #000;
    border-color: #000;
  }

  .studio-event .box-description .caption .textTitle {
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    font-size: 0.9375em;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    display: block;
  }

  .studio-event .box-description .caption .date {
    font-weight: 800;
    margin: 0;
    line-height: 1.5;
    font-size: 0.8375em;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    display: block;
  }

  .studio-event .box-description .caption .contentOswald {
    font-weight: 800;
    margin: 0;
    line-height: 1.5;
    font-size: 1.175em;
    font-family: 'Oswald', sans-serif;
    color: #000;
    display: block;
  }

  .studio-event .box-description .caption .spacer {
    display: block;
    margin: 2em 0;
  }

  .studio-event .box-description .caption .eventTitle {
    font-size: 1.3em;
    text-transform: capitalize;
    color: #000;
    font-weight: 900;
    font-family: 'Nunito Sans', sans-serif;
    margin: 2rem 0 1rem 0;
    position: relative;
    line-height: 1;
  }

  .studio-event .box-description .caption a.link {
    border-radius: 10px;
    background: transparent;
    margin: 1em 0 0 0;
    width: 150px;
    line-height: 2em;
  }
}

.studio-event .relatedArticle .titleCategory {
  color: #c0a062;
}

.studio-event .relatedArticle .item {
  background: none;
  padding: 0 2em;
}

.studio-event .relatedArticle .item .caption {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  background: none !important;
  height: auto;
}

.studio-event .relatedArticle .item .caption .title {
  color: #000;
}

.studio-event .relatedArticle .item .caption .category {
  position: relative;
  bottom: auto;
  color: #000;
}

.studio-event .relatedArticle .item:hover {
  color: #fff;
}

.studio-event .relatedArticle .item:hover:nth-of-type(odd) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.studio-event .relatedArticle .item:hover:nth-of-type(even) {
  z-index: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.studio-event .relatedArticle .item:hover img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.studio-event .relatedArticle .item:hover .nameProduct {
  color: #000;
}

.studio-event .relatedArticle .item:hover .category {
  color: #000;
}

.studio-event .relatedArticle .item:hover .link {
  color: #fff;
  background-color: #c0a062;
}

@media only screen and (max-width: 640px) {
  .studio-event .relatedArticle .item {
    padding: 0;
  }

  .studio-event .relatedArticle .item .caption .posBot {
    padding: 0;
  }

  .studio-event .relatedArticle .item .caption .category {
    font-size: 8px;
    left: auto;
  }
}

.studio-event .fuji-carousel .owl-stage-outer {
  overflow: hidden;
}

.studio-event .fuji-carousel .owl-item img {
  margin: 0 auto;
  width: auto;
}

@media only screen and (max-width: 640px) {
  .studio-event .fuji-carousel .owl-item img {
    height: auto;
  }
}

.studio-event .fuji-carousel .owl-nav button.owl-next {
  background: none;
  height: 50px;
  width: 50px;
  border: solid 1px #868f96;
  right: -3em;
  top: 3em;
}

.studio-event .fuji-carousel .owl-nav button.owl-next span:before {
  color: #868f96;
}

.studio-event .fuji-carousel .owl-nav button.owl-next:hover {
  background: #c0a062;
  border-color: #c0a062;
}

.studio-event .fuji-carousel .owl-nav button.owl-next:hover span:before {
  color: #fff;
}

.studio-event .fuji-carousel .owl-nav button.owl-prev {
  background: none;
  height: 50px;
  width: 50px;
  border: solid 1px #868f96;
  left: -3em;
  top: 3em;
}

.studio-event .fuji-carousel .owl-nav button.owl-prev span:before {
  color: #868f96;
}

.studio-event .fuji-carousel .owl-nav button.owl-prev:hover {
  background: #c0a062;
  border-color: #c0a062;
}

.studio-event .fuji-carousel .owl-nav button.owl-prev:hover span:before {
  color: #fff;
}

.studio-event .eventForm {
  width: 50%;
  padding-right: 5%;
}

@media only screen and (max-width: 640px) {
  .studio-event .eventForm {
    padding: 2em;
  }
}

.studio-event .eventForm form .block-input {
  width: 100%;
  position: relative;
  display: inline-table;
}

.studio-event .eventForm form .block-input .block-input-2 {
  width: 50%;
  position: relative;
  display: inline-table;
  float: left;
}

.studio-event .eventForm form input[type='radio'] {
  margin: 1em;
}

.studio-event .eventForm form button {
  border-radius: 10px;
  background: transparent;
  margin: 1em 0 0 0;
  width: 150px;
  line-height: 2em;
  border: solid 1px #000;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.studio-event .eventForm form button:hover {
  background: #000;
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .studio-event .eventForm {
    width: 100%;
  }

  .studio-event .eventForm form input[type='radio'] {
    margin: 0.4em;
  }
}

.eventList .textTitle {
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  font-size: 0.9375em;
  font-family: 'Nunito Sans', sans-serif;
  color: #000;
  display: block;
}

.eventList p {
  margin-bottom: 0;
}

.eventList p.event-close strong {
  color: red;
}

.eventList h3 {
  margin-top: 1em;
  font-size: 1.275em;
  font-weight: 500;
  line-height: 1.1;
}

.eventList a {
  margin-top: 1em;
}

.eventList .date {
  font-weight: 800;
  margin: 0;
  line-height: 1.5;
  font-size: 0.8375em;
  font-family: 'Nunito Sans', sans-serif;
  color: #000;
  display: block;
}

.eventList .contentOswald {
  font-weight: 800;
  margin: 0;
  line-height: 1.5;
  font-size: 1.175em;
  font-family: 'Oswald', sans-serif;
  color: #c0a062;
  display: block;
}

.eventList ul li {
  list-style: none;
  width: 30%;
  display: inline-table;
  position: relative;
  float: left;
  margin: 1em;
}

.eventList ul li .boxEvent {
  background: #f8f4f1;
  padding: 2em;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.eventList ul li:hover .boxEvent {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.5);
}

.eventList ul li:hover .boxEvent span,
.eventList ul li:hover .boxEvent h3,
.eventList ul li:hover .boxEvent p,
.eventList ul li:hover .boxEvent strong {
  color: #fff;
}

.eventList ul li:hover .boxEvent a {
  border-color: #fff;
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .eventList ul {
    margin: 0;
  }

  .eventList ul li {
    margin: 0;
    width: 100%;
  }
}

.storiesBanner {
  position: relative;
}

.productLens .imageContent .mainEditor {
  padding: 2em;
  background: #f1f1f1;
  text-align: center;
}

.productLens .imageContent .mainEditor img {
  margin: 2em auto;
  display: table;
}

.productLens .imageContent .mainEditor.midleheight {
  display: table !important;
  padding-top: 200px !important;
  width: 100%;
}

.productLens .lensSpecLeft {
  background: #343434;
  text-align: left;
  padding: 80px 2em;
  min-height: 500px;
  height: auto;
}

.productLens .lensSpecLeft span {
  color: #fff;
  display: block;
  margin-bottom: 1em;
}

.productLens .lensSpecLeft ul {
  margin-left: 18px;
}

.productLens .lensSpecLeft ul li {
  list-style: disc;
  color: #fff;
  padding: 0 1em 0 0;
  line-height: 1.12;
}

.productLens .lensSpecLeft ul li a {
  color: #71787c;
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
}

.productLens .lensSpecLeft ul li a.thumbsCurrent {
  color: #fff;
}

.productLens .lensSpecLeft a.lensSpecTrig {
  color: #9b9da3;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  position: absolute;
  left: 2em;
  bottom: 2em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.productLens .lensSpecLeft a.lensSpecTrig .fa-chevron-left {
  font-size: 0.4em;
  height: 18px;
  width: 18px;
  padding: 6px;
  background: #9b9da3;
  border-radius: 100%;
  position: absolute;
  right: -25px;
  color: #fff;
  top: 3px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.productLens .lensSpecLeft a.lensSpecTrig:hover {
  color: #c0a062;
}

.productLens .lensSpecLeft a.lensSpecTrig:hover .fa-chevron-left {
  background: #c0a062;
}

.productLens .lensSpecRight {
  background: #9b9da3;
  padding: 0;
  min-height: 500px;
  height: auto;
}

.productLens .lensSpecRight img {
  width: 100%;
}

.productLens .specLens {
  background: #494949;
  border-radius: 5px;
}

.productLens .specLens table {
  width: 800px;
  margin: 0 auto;
}

.productLens .specLens table th,
.productLens .specLens table td {
  font-family: 'Nunito', sans-serif;
  color: #fff;
  text-align: left;
  padding: 1em;
}

.productLens .specLens table th {
  border-top: solid 3px #fff;
}

.productLens .specLens table td {
  border-top: solid 2px #707070;
}

.productLens .boxTabLens {
  padding-bottom: 0;
}

.productLens #specLensContent {
  display: none;
  margin-bottom: 2em;
}

.productLens #gallery {
  margin-top: 3em;
}

@media only screen and (max-width: 640px) {
  .productLens {
    background: #f1f1f1;
  }

  .productLens .imageContent .mainEditor.midleheight {
    padding-top: 1em !important;
  }

  .productLens .lensSpecLeft {
    padding: 2em 2em 4em;
    min-height: auto;
  }

  .productLens .lensSpecLeft ul {
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .productLens .lensSpecLeft ul li {
    list-style: none;
    color: #fff;
    padding: 0 1em 0 0;
    line-height: 1.12;
    width: auto;
    float: left;
    display: table;
  }

  .productLens .lensSpecLeft ul li a {
    font-size: 1em;
  }

  .productLens .lensSpecRight {
    min-height: auto;
  }

  .productLens .specLens table {
    width: 100%;
  }
}

.productLens .boxTabLens {
  padding: 0;
  margin: 0;
  width: 100%;
}

.storeBanner .caption {
  height: 130px;
}

.storeBanner .caption .titleCaption {
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  width: auto;
  font-size: 3em;
}

@media only screen and (max-width: 640px) {
  .storeBanner .caption .titleCaption {
    font-size: 1.4em;
  }
}

.storeBanner .caption .titlefeature {
  font-family: 'Nunito', sans-serif;
  color: #fff;
  opacity: 1;
}

.storeLocator .storeLeftBlock {
  min-height: 500px;
  padding: 2em;
}

@media only screen and (max-width: 640px) {
  .storeLocator .storeLeftBlock {
    min-height: inherit;
  }
}

.storeLocator .storeLeftBlock .address {
  font-size: 0.865em;
  line-height: 1.5;
  display: table;
}

.storeLocator .storeLeftBlock h3 {
  font-size: 0.965em;
  text-transform: uppercase;
  font-weight: 800;
}

.storeLocator .storeLeftBlock .searchLocator {
  margin-top: 2em;
  padding: 2em 0;
  border-top: solid 1px #e1e1e1;
}

.storeLocator .storeLeftBlock .searchLocator input {
  border-radius: 8px;
}

.storeLocator .storeLeftBlock .searchLocator button {
  padding: 1em 2em;
  border: solid 1px #e1e1e1;
  color: #e1e1e1;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.storeLocator .storeLeftBlock .searchLocator button:hover {
  background: #434343;
  color: #fff;
  border-color: #434343;
}

.aksesoris-banner .caption {
  background: none !important;
}

.aksesoris-banner .caption .titleCaption {
  text-transform: uppercase;
  font-size: 4.375em;
  color: #a8a8a8;
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.findLens .specialBanner {
  background: #dbdcdf;
}

.findLens .specialBanner.bgFindlens {
  background: #dbdcdf;
  margin-bottom: 4em;
  display: table;
}

.findLens .specialBanner .captionbanner {
  width: 100%;
}

.findLens .specialBanner .sizeCaption {
  margin: 0 auto;
  width: 100%;
}

.findLens .specialBanner .sizeCaption .titleCaption {
  color: #c0a062;
}

.findLens .specialBanner .sizeCaption p {
  font-family: 'Nunito', sans-serif;
  color: #fff;
  opacity: 0.44;
  font-size: 1em;
  text-transform: none;
  width: 100%;
  margin: 2em 0;
}

.findLens .specialBanner .sizeCaption p.goldPar {
  color: #c0a062;
}

.findLens .specialBanner .sizeCaption form {
  margin-bottom: 100px;
  width: 100%;
}

.findLens .specialBanner .sizeCaption form select {
  width: 200px;
  background: none;
  color: #fff;
}

.findLens .specialBanner .sizeCaption form select option {
  color: #000;
}

.findLens .specialBanner .sizeCaption .find-next {
  height: 80px;
  width: 80px;
  background: #fff;
  color: #000;
  border-radius: 100%;
  display: inline-table;
  padding: 2.65em 0;
  font-size: 0.7em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.findLens .specialBanner .sizeCaption .find-next:hover {
  -webkit-box-shadow: 0px 0px 8px 0px white;
  box-shadow: 0px 0px 8px 0px white;
}

.findLens .findLensFull {
  width: 100%;
}

.findLens .findLensFull a {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: solid 1px;
  text-transform: capitalize;
  padding: 0.5em;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: 2em;
}

.findLens .lensCategory {
  width: 20%;
  display: inline-table;
  padding: 5px;
}

@media only screen and (max-width: 640px) {
  .findLens .lensCategory {
    width: 50% !important;
    display: table-cell;
    padding: 5px;
    float: left;
  }
}

.findLens .lensCategory input[type="radio"] {
  display: none;
}

.findLens .lensCategory input[type="radio"]:checked+.box {
  -webkit-box-shadow: 0px 0px 8px 0px black;
  box-shadow: 0px 0px 8px 0px black;
  background-color: #fff;
}

.findLens .lensCategory input[type="radio"]:checked+.box img {
  opacity: 0.6;
}

.findLens .lensCategory input[type="radio"]:checked+.box span {
  color: white;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.findLens .lensCategory input[type="radio"]:checked+.box span:before {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.findLens .lensCategory .box {
  background-color: none;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-weight: 900;
}

.findLens .lensCategory .box img {
  opacity: 1;
}

.findLens .lensCategory .box:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.findLens .lensCategory .box span {
  position: absolute;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  left: 0;
  right: 0;
  top: 15%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 1.3em;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
}

.findLens .lensCategory .box span:before {
  font-size: 1.2em;
  display: block;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-weight: normal;
  color: white;
}

form .parsley-error {
  background: none !important;
  border: solid 2px red !important;
  border-radius: 4px;
}

label.error {
  color: red;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 0.5em;
  width: 100%;
  float: none;
}

.parsley-errors-list.filled {
  color: red;
  font-size: 12px;
  font-weight: normal;
  list-style: outside none none;
  position: absolute;
  right: 35px;
  top: 0;
  z-index: 2;
}

.alertSubmitPenawaran {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
}

.alertSubmitPenawaran .bgAlertPenawaran {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.alertSubmitPenawaran .mainAlertPenawaran {
  background-color: #fff;
  border-radius: 10px;
  bottom: 0;
  height: 80%;
  left: 0;
  margin: auto;
  overflow: hidden;
  padding: 1em 1.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 90%;
  z-index: 2;
}

.alertSubmitPenawaran .mainAlertPenawaran h4 {
  font-size: 2em;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin: 0em 0 0.5em;
}

.alertSubmitPenawaran .mainAlertPenawaran p {
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 300;
}

.alertSubmitPenawaran .mainAlertPenawaran p a {
  color: red;
  display: block;
}

.alertSubmitPenawaran .mainAlertPenawaran p i {
  font-weight: 800;
}

.alertSubmitPenawaran .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 40px;
  background-image: url(../../img/ic-related.png);
  background-repeat: no-repeat;
  background-position: -91px -155px;
  border-bottom-left-radius: 15px;
}

.fujiExclusive {
  z-index: 3;
  position: absolute;
  right: 14px;
  width: auto !important;
  top: 18px;
}

.searchBar {
  position: fixed;
  padding: 0em;
  right: -100%;
  top: 100px;
  width: 30%;
  z-index: -1;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.searchBar form {
  position: relative;
}

.searchBar input {
  background: white !important;
  border: none !important;
  border-radius: 0 0 0 18px !important;
  color: #000;
  padding: 2em 4em !important;
  font-size: 15px;
}

.searchBar input::-webkit-input-placeholder {
  color: black;
  opacity: 1;
}

.searchBar input:-ms-input-placeholder {
  color: black;
  opacity: 1;
}

.searchBar input::-ms-input-placeholder {
  color: black;
  opacity: 1;
}

.searchBar input::placeholder {
  color: black;
  opacity: 1;
}

.searchBar input:-ms-input-placeholder {
  color: black;
}

.searchBar button {
  position: absolute;
  top: 5px;
  right: 1em;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  font-size: 1em;
  cursor: pointer;
}

.searchBar.searchShow {
  z-index: -1;
  right: 0;
}

.searchBanner {
  padding: 0.5em 0;
  background: transparent;
  opacity: 0.6;
  max-width: 1200px;
  margin: 100px auto 0;
}

.searchBanner .searchTitle {
  color: #fff;
}

.searchBanner .searchBar {
  z-index: 1;
  position: relative;
  top: auto;
}

.searchBanner .searchBar input {
  margin: 0;
  padding: 1em 0 !important;
  font-size: 1.3em;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  opacity: 1;
  background: none !important;
}

.searchResult {
  padding: 2em;
  background: #ebebeb;
}

.searchResult .sizeCenterElm {
  max-width: 900px;
}

.searchResult ul {
  margin: 0;
}

.searchResult ul li {
  list-style: none;
  border-bottom: solid 1px #d3d4d5;
  padding: 0.5em;
  opacity: 0.6;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.searchResult ul li h2 {
  font-size: 1em;
  font-weight: 800;
}

.searchResult ul li a {
  color: #00ac7c;
}

.searchResult ul li:hover {
  opacity: 1;
}

.combobox {
  margin-bottom: 1.5em !important;
  border-radius: 10px !important;
}

.chosen-container {
  font-size: 1em !important;
  margin-bottom: 2em;
}

.chosen-container .chosen-single {
  padding: 0.7em 1em !important;
  height: 40px !important;
  line-height: 1em !important;
}

.findLensNext {
  position: relative !important;
}

.findLensNext p {
  color: #414141 !important;
  font-size: 1.5em !important;
}

.fujiInspiring .specialBanner.bannerStore.nopaci .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 35px;
}

@media only screen and (max-width: 640px) {
  .fujiInspiring .specialBanner.bannerStore.nopaci .caption {
    position: relative;
    padding: 1em;
    display: table;
  }
}

@media only screen and (max-width: 640px) {
  #map {
    height: 300px !important;
  }
}

.storeLocator .storeLeftBlock.serviceList {
  padding-top: 5em;
}

.storeLocator .storeLeftBlock.serviceList ul {
  margin: 0;
}

.storeLocator .storeLeftBlock.serviceList ul li {
  display: table;
  width: 20%;
  padding: 2em;
  float: left;
  border-right: solid 1px #c8ccce;
}

@media only screen and (max-width: 860px) {
  .storeLocator .storeLeftBlock.serviceList ul li {
    width: 50%;
    margin: 1em 0;
  }

  .storeLocator .storeLeftBlock.serviceList ul li:nth-child(2n+2) {
    border-right: none;
  }
}

@media only screen and (max-width: 640px) {
  .storeLocator .storeLeftBlock.serviceList ul li {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #c8ccce;
  }
}

.storeLocator .storeLeftBlock.serviceList ul li:last-child {
  border: none;
}

.storeLocator .storeLeftBlock.serviceList ul li span {
  color: #868f96;
}

.storeLocator .storeLeftBlock.serviceList ul li span strong {
  color: #000;
}

.xPhotoGrapher ul {
  margin: 0;
}

.xPhotoGrapher ul li {
  width: 100%;
  list-style: none;
  padding: 5.5em 0;
  border-bottom: solid 1px #c8ccce;
}

.xPhotoGrapher ul li h2 {
  font-size: 1.5em !important;
  font-weight: 700;
}

.xPhotoGrapher .photographProfile {
  text-align: center;
}

.xPhotoGrapher .photographProfile img {
  border-radius: 100%;
}

.xPhotoGrapher .photographProfile a {
  display: inline-block;
  width: 120px;
  text-align: center;
  border: solid 1px;
  text-transform: capitalize;
  padding: 0.5em;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: 2em;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher .photographProfile a {
    display: table;
    margin: 2em auto;
  }
}

.xPhotoGrapher .photographRight .profile {
  display: inline-table;
  width: 60%;
  float: left;
  padding: 0 12px;
  border-right: solid 1px #c8ccce;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher .photographRight .profile {
    width: 100%;
    padding: 0 1em 1em;
    text-align: center;
  }

  .xPhotoGrapher .photographRight .profile p {
    font-size: 0.8em;
    line-height: 1.3;
  }
}

.xPhotoGrapher .photographRight .cameraUse {
  display: inline-table;
  width: 40%;
  float: left;
  padding-left: 2em;
}

.xPhotoGrapher .photographRight .cameraUse ul {
  margin: 0;
}

.xPhotoGrapher .photographRight .cameraUse ul li {
  list-style: none;
  width: 33.3%;
  float: left;
  padding: 8px;
  border: none;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher .photographRight .cameraUse {
    width: 100%;
    padding: 1em;
    text-align: center;
  }
}

.xPhotoGrapher .photographRight .photographerGallery {
  display: inline-table;
  width: 100%;
  margin-top: 2em;
}

.xPhotoGrapher .photographRight .photographerGallery ul li {
  list-style: none;
  width: 33.3%;
  float: left;
  padding: 12px;
  border: none;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher .photographRight .photographerGallery ul li {
    width: 100%;
  }

  .xPhotoGrapher .photographRight .photographerGallery ul li img {
    width: 100%;
  }
}

.xPhotoGrapher.xPhotoGrapherDetail h2 {
  font-size: 1.5em !important;
  font-weight: 700;
}

.xPhotoGrapher.xPhotoGrapherDetail .photographProfile {
  position: relative;
  top: -65px;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher.xPhotoGrapherDetail .photographProfile {
    width: 30%;
    margin: 1em auto;
    top: auto;
  }
}

.xPhotoGrapher.xPhotoGrapherDetail .photographRight {
  padding-top: 2em;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher.xPhotoGrapherDetail .photographRight {
    padding: 0;
  }
}

.xPhotoGrapher.xPhotoGrapherDetail .photographRight .profile h2 {
  color: #fff;
  position: relative;
  top: -75px;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher.xPhotoGrapherDetail .photographRight .profile h2 {
    color: #000;
    top: auto;
  }
}

.xPhotoGrapher.xPhotoGrapherDetail .photographerGallery ul li {
  width: 33.3%;
  border: none;
  float: left;
  padding: 1em;
}

@media only screen and (max-width: 640px) {
  .xPhotoGrapher.xPhotoGrapherDetail .photographerGallery ul li {
    width: 100%;
  }
}

.xPhotoGrapher.xPhotoGrapherDetail .photographerGallery ul li img {
  width: 100%;
}

.navArrow {
  position: relative;
}

.navArrow h3 {
  text-transform: uppercase;
}

.navArrow h3 span {
  margin-top: 15px;
  font-size: 16px;
}

.navArrow h3 span.bookingDate {
  margin-left: 100px;
  color: #00ac7c;
}

.navArrow h3 span.bookingTanggal {
  color: #808080;
}

.navArrow i {
  cursor: pointer;
}

.navArrow i.fa-chevron-circle-right {
  position: absolute;
  right: 1em;
  top: 12px;
  font-size: 2.5em;
}

.navArrow i.fa-chevron-circle-left {
  position: absolute;
  right: 2em;
  top: 12px;
  font-size: 2.5em;
}

.navCalendar {
  border-bottom: solid 1px #bfbeba;
}

.navCalendar ul {
  margin: 0;
  padding: 0;
}

.navCalendar ul li {
  width: 50%;
  float: left;
  text-align: center;
  list-style: none;
}

.navCalendar ul li a {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  padding: 0.8em 0;
  display: block;
  font-size: 1.2em;
  color: #bfbeba;
}

.navCalendar ul li.active {
  border-bottom: solid 4px #c0a062;
}

.navCalendar ul li.active a {
  color: #000;
}

.navCalendarForm i {
  font-size: 2.5em;
  margin-top: 12px;
  margin-left: 1em;
  cursor: pointer;
}

.navCalendarForm h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}

.eventForm {
  padding-top: 3em;
}

.eventForm form.calendarForm {
  padding-right: 0;
  margin-bottom: 3em;
}

@media only screen and (max-width: 640px) {
  .bookStudio {
    overflow: auto;
  }
}

.bookStudio table {
  width: 100%;
  padding-right: 10%;
  margin-bottom: 3em;
}

.bookStudio table th {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  padding: 1em;
  border-bottom: solid 1px #9b9da3;
  text-align: left;
  vertical-align: top;
  font-size: 1.3em;
  font-weight: 500;
  color: #9b9da3;
}

.bookStudio table th.today {
  color: #c0a062;
}

.bookStudio table th:first-child {
  color: #00ac7c;
  font-weight: 400;
}

.bookStudio table th span {
  font-family: 'Nunito Sans', sans-serif;
  display: block;
  font-size: 0.6em;
  text-transform: capitalize;
  font-weight: 600;
  color: #9b9da3;
}

.bookStudio table td {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  color: #9b9da3;
  font-size: 0.8em;
  vertical-align: top;
  padding: 1em;
  width: 20%;
  height: 95px;
  border-bottom: solid 1px #9b9da3;
  position: relative;
}

.bookStudio table td span {
  color: #707070;
  display: block;
}

.bookStudio table td span.goldText {
  color: #c0a062;
}

.bookStudio table td span.nameBooker {
  font-size: 1.3em;
}

.bookStudio table td.hasBook {
  background: #494949;
}

.bookStudio table td.hasBook span.goldText {
  color: #c0a062;
}

.bookStudio table td.hasBook span.nameBooker {
  color: #fff;
}

.bookStudio table td.hasBook span.regNum {
  color: #fff;
}

.bookStudio table td a {
  position: absolute;
  top: 0;
  left: 0;
  background: #9b9da3;
  color: #fff;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  padding: 2em;
}

.bookStudio table td:hover a {
  z-index: 2;
  opacity: 1;
}

.prodDetailMob {
  display: none;
}

@media only screen and (max-width: 640px) {
  .prodDetailMob {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .prodDetailDeskt {
    display: none;
  }
}

.xPhotographStories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em;
}

.slideXphotographer .slides li {
  position: relative;
}

.slideXphotographer .backgroundNya {
  width: 100%;
}

.slideXphotographer .captionnya {
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 25%;
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 640px) {
  .slideXphotographer .captionnya {
    padding: 2em;
    line-height: 1.2;
    font-size: 0.8em;
  }
}

.slideXphotographer .captionnya .profilePhotonya {
  border-radius: 100%;
}

.slideXphotographer .captionnya h2 {
  color: #fff;
}

.slideXphotographer .captionnya p {
  color: #fff;
}

.sessionForm {
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  background: white;
  z-index: 20;
  height: auto;
  border-radius: 10px;
  padding: 2em;
  margin-top: 2em;
}

@media only screen and (max-width: 640px) {
  .sessionForm {
    top: 10%;
    left: 10%;
    width: 90%;
    display: table;
  }

  .navArrow {
    position: absolute;
    padding: 0 1em 0 60px;
  }

  .navArrow h3 span.bookingDate {
    margin-left: 15px;
    color: #00ac7c;
  }

  .navArrow h3 span {
    margin-top: 15px;
    font-size: 12px;
  }

  .navCalendarForm i {
    font-size: 2.5em;
    margin-top: 12px;
    margin-left: 12px !important;
    cursor: pointer;
  }

  .navCalendarForm h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    margin-top: 15px;
  }

  .block-input span {
    font-size: 12px;
  }

  .eventList ul li .boxEvent {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
  }

  .eventList ul li .boxEvent span,
  .eventList ul li .boxEvent h3,
  .eventList ul li .boxEvent p,
  .eventList ul li .boxEvent strong {
    color: #fff;
  }

  .eventList ul li .boxEvent a {
    border-color: #fff;
    color: #fff;
  }
}

.sessionForm.errorForm li {
  color: #dc3545;
  font-weight: 500;
  list-style: inside;
  line-height: 2;
}

.sessionForm.successForm li {
  list-style: none;
  color: #28a745;
  font-weight: 500;
  line-height: 2;
}

.sessionForm span.close {
  position: absolute;
  right: 1em;
  top: 0.5em;
  font-family: 'Nunito Sans', sans-serif;
  text-transform: capitalize;
  color: #868f96;
  font-size: 1.0625em;
  cursor: pointer;
}

.bg-session:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

#carousel {
  padding-bottom: 2em;
}

.prism {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "proxima-nova-soft", sans-serif;
  -webkit-user-select: none;
  overflow: hidden;
  height: 100%;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.prism.munculcoy {
  z-index: 99999999;
  opacity: 1;
}

.prism .vertical-centered-box {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}

.prism .vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.prism .vertical-centered-box .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
}

.prism {
  background: #000;
}

.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}

.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}

.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

#particles-background,
#particles-foreground {
  left: -51%;
  top: -51%;
  width: 202%;
  height: 202%;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}

#particles-background {
  background: #2c2d44;
  background-image: linear-gradient(45deg, #000 2%, #000 100%);
}

lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

[not-existing] {
  zoom: 1;
}

lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.25;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.25;
  }
}

[not-existing] {
  zoom: 1;
}

lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

[not-existing] {
  zoom: 1;
}

#carousel .fmnav-direction-nav .fmnav-next {
  opacity: 1;
  text-shadow: none;
}

#carousel .fmnav-direction-nav .fmnav-next:after {
  content: "›";
  width: 30px;
  height: 45px;
  font-size: 5em;
  opacity: 1;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.5;
}

#carousel .fmnav-direction-nav .fmnav-next.fmnav-disabled {
  opacity: 0;
}

#carousel .fmnav-direction-nav .fmnav-prev {
  opacity: 1;
  text-shadow: none;
}

#carousel .fmnav-direction-nav .fmnav-prev:after {
  content: "‹";
  width: 30px;
  height: 45px;
  font-size: 5em;
  opacity: 1;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.5;
}

#carousel .fmnav-direction-nav .fmnav-prev.fmnav-disabled {
  opacity: 0;
}

#carousel .fmnav-direction-nav {
  height: 0;
}

#carousel .fmnav-direction-nav a {
  top: 30%;
}

.bookingAccordion {
  border-top: solid 1px #fff;
  padding-top: 2em;
}

.bookingAccordion>li {
  display: inline-block;
  list-style: none;
  float: left;
  height: auto;
  width: 100%;
  padding: 0.5em 0;
  font-size: 1.5em;
  overflow: hidden;
  border-top: solid 1px #ccc;
  font-family: 'Oswald', sans-serif;
  display: block;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}

.bookingAccordion>li:before {
  content: '';
  position: absolute;
  top: 22px;
  left: auto;
  right: 0;
  margin: auto;
  height: 20px;
  width: 15px;
  background-image: url("/app/default/assets/addons/default/sam/fujifilm-theme/resources/img/icons.png?v=1544759439");
  background-repeat: no-repeat;
  background-position: -99px -29px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.bookingAccordion>li .isinye {
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-transform: capitalize;
  max-height: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.bookingAccordion>li .isinye li {
  font-size: 1.1em;
  color: #71787c;
  counter-increment: li;
  list-style: none;
  margin-bottom: 1em;
}

.bookingAccordion>li .isinye li:before {
  content: counter(li);
  color: #000;
  font-weight: 800;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

.bookingAccordion>li.accodrionActive {
  color: #c0a062;
}

.bookingAccordion>li.accodrionActive .isinye {
  max-height: 2000px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tryAgain {
  display: inline-table;
  text-align: center;
  width: 100%;
  margin: 4em 0;
}

.tryAgain a {
  background: #494949;
  color: #fff;
  border-radius: 8px;
  padding: 1em;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*# sourceMappingURL=imported.css.map */