/* line 18, ../scss/3d.scss */
ol {
  list-style: none;
}




/* line 40, ../scss/3d.scss */
.card-viewport, .card-model, .card-page {
  width: 100%;
  height: 100%;
}

/* line 835, ../scss/3d.scss */
.stepped-scrubber {
  display: none;
  position: relative;
}

/* line 844, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber {
  display: block;
  margin: 0 auto;
}
/* line 847, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .flat {
  width: 60px;
  height: 60px;
  background: url("sprites.png") no-repeat;
  display: block;
}
/* line 853, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded {
  width: 60px;
  height: 60px;
  background: url("sprites.png") no-repeat;
  display: block;
}
/* line 859, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.square.page-1 {
  background-position: -230px -5px;
}
/* line 862, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.square.page-2 {
  background-position: -230px -65px;
}
/* line 865, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.square.page-3 {
  background-position: -230px -125px;
}
/* line 868, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.square.page-4 {
  background-position: -230px -185px;
}
/* line 873, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.landscape.a5.page-1, .no-preserve3d .stepped-scrubber .folded.landscape.a6.page-1 {
  background-position: -230px -484px;
}
/* line 876, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.landscape.a5.page-2, .no-preserve3d .stepped-scrubber .folded.landscape.a6.page-2 {
  background-position: -230px -544px;
}
/* line 879, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.landscape.a5.page-3, .no-preserve3d .stepped-scrubber .folded.landscape.a6.page-3 {
  background-position: -230px -604px;
}
/* line 882, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.landscape.a5.page-4, .no-preserve3d .stepped-scrubber .folded.landscape.a6.page-4 {
  background-position: -230px -664px;
}
/* line 887, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.portrait.a5.page-1, .no-preserve3d .stepped-scrubber .folded.portrait.a6.page-1 {
  background-position: -230px -244px;
}
/* line 890, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.portrait.a5.page-2, .no-preserve3d .stepped-scrubber .folded.portrait.a6.page-2 {
  background-position: -230px -304px;
}
/* line 893, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.portrait.a5.page-3, .no-preserve3d .stepped-scrubber .folded.portrait.a6.page-3 {
  background-position: -230px -364px;
}
/* line 896, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber .folded.portrait.a5.page-4, .no-preserve3d .stepped-scrubber .folded.portrait.a6.page-4 {
  background-position: -230px -424px;
}
/* line 901, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber ol {
  margin: 0 auto;
}
/* line 904, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber li {
  cursor: pointer;
  text-align: center;
  float: left;
}
/* line 909, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-folded {
  width: 240px;
}
/* line 911, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-folded ol {
  width: 240px;
}
/* line 914, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-folded li {
  width: 60px;
  height: 60px;
}
/* line 917, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-folded li.selected {
  border-bottom: 4px solid #a3b62c;
}

/* line 925, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat {
  width: 160px;
}
/* line 927, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat ol {
  width: 160px;
}
/* line 930, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat li {
  width: 70px;
  height: 70px;
  background: none;
  padding: 0px 5px 10px;
}
/* line 936, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat a {
  margin: 0px auto;
}
/* line 939, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat li.selected a {
  border-bottom: 4px solid #a3b62c;
}
/* line 942, ../scss/3d.scss */
.no-preserve3d .stepped-scrubber.card-flat img {
  max-width: 100%;
  max-height: 100%;
}


/* line 955, ../scss/3d.scss */
.preserve3d .stepped-scrubber {
  display: block;
  width: 200px;
  margin: 40px auto;
  left: 2px;
}
/* line 960, ../scss/3d.scss */
.preserve3d .stepped-scrubber ol {
  padding: inherit;
  margin: inherit;
  background: #ebebeb;
  border-radius: 10px;
  border-top: 1px solid #cfcfcf;
  height: 8px;
  width: 200px;
}
/* line 967, ../scss/3d.scss */
.preserve3d .stepped-scrubber li {

  background: none;
  border-radius: 100px;
  cursor: pointer;
  margin-left: -18.5px;
  width: 17px !important;
  height: 17px !important;
  padding: 8px;
  position: absolute;
  text-indent: -999px;
  top: -13px;
  -webkit-transition: all 125ms ease-out;
  -moz-transition: all 125ms ease-out;
  -o-transition: all 125ms ease-out;
  transition: all 125ms ease-out;
}
/* line 982, ../scss/3d.scss */
.preserve3d .stepped-scrubber li:hover {
  margin-left: -22.5px;
  width: 45px !important;
  height: 45px !important;
  top: -17px;
}
/* line 988, ../scss/3d.scss */
.preserve3d .stepped-scrubber li.selected {
  border: none;
}
/* line 990, ../scss/3d.scss */
.preserve3d .stepped-scrubber li.selected a {
  border: none;
}
/* line 995, ../scss/3d.scss */
.preserve3d .stepped-scrubber a {

  background: #ebebeb;
  box-shadow: 0px -1px 0px #cfcfcf;
  border-radius: 100px;
  display: block;
  width: 100% ;
  height: 100%;
  padding: 9px;
}
/* line 1003, ../scss/3d.scss */
.preserve3d .stepped-scrubber a img {
  display: none;
}
/* line 1007, ../scss/3d.scss */
.preserve3d .stepped-scrubber .scrubber-handle {
  background: #61505f url("sprites-widgets.png") 5px -800px;
  border-radius: 100px;
  box-shadow: 0px 2px 2px #afafaf;
  cursor: pointer;
  width: 41px;
  height: 41px;
  margin-left: -20.5px;
  position: absolute;
  left: 0px;
  top: -16px;
  -webkit-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out;
  -moz-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out;
  -o-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out;
  transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 1027, ../scss/3d.scss */
.preserve3d .stepped-scrubber .scrubber-handle:hover, .preserve3d .stepped-scrubber .scrubber-handle.in-use {
  width: 47px;
  height: 47px;
  margin-left: -23.5px;
  background-position: 8px -797px;
  top: -19px;
}
/* line 1034, ../scss/3d.scss */
.preserve3d .stepped-scrubber .scrubber-handle[data-transition="glide"] {
  -webkit-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -moz-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -o-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 1040, ../scss/3d.scss */
.preserve3d .stepped-scrubber .scrubber-handle[data-transition="snap"] {
  -webkit-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, -o-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background-position 80ms ease-out, margin-left 80ms ease-out, width 80ms ease-out, height 80ms ease-out, top 80ms ease-out, transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 1048, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-folded li:nth-child(2) {
  left: 66.66667px;
}
/* line 1051, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-folded li:nth-child(3) {
  left: 133.33333px;
}
/* line 1054, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-folded li:nth-child(4) {
  left: 200px;
}
/* line 1058, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-flat {
  width: 133.33333px;
}
/* line 1060, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-flat ol {
  width: 133.33333px;
}
/* line 1063, ../scss/3d.scss */
.preserve3d .stepped-scrubber.card-flat li:nth-child(2) {
  left: 133.33333px;
}



/* line 1939, ../scss/3d.scss */
.page-face {
  width: 100%;
  height: 100%;
}
/* line 1942, ../scss/3d.scss */
.page-face img {
  width: 100%;
  height: 100%;
}

/* line 1948, ../scss/3d.scss */
.card-viewport {
  margin: 10px auto 20px;
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  -ms-perspective: 4000px;
  -o-perspective: 4000px;
  perspective: 4000px;
}


/* line 63, ../scss/3d.scss */
.card-model {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  position: relative;
}

/* line 1970, ../scss/3d.scss */
.card-page {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: left 50%;
  -moz-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -o-transform-origin: left 50%;
  transform-origin: left 50%;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}

/* line 1995, ../scss/3d.scss */
.page-face {
  background: #dadada;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 2002, ../scss/3d.scss */
.page-face img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 2003, ../scss/3d.scss */
.page-face img:-moz-broken, .page-face img:-moz-loading, .page-face img:-moz-user-disabled {
  display: none;
}

/* line 2015, ../scss/3d.scss */
.page-side-top, .page-side-bottom, .page-side-right, .page-side-left {
  background: #ddd;
  position: absolute;
}

/* line 2020, ../scss/3d.scss */
.page-side-top, .page-side-bottom {
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}

/* line 2027, ../scss/3d.scss */
.page-side-right, .page-side-left {
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}

/* line 2034, ../scss/3d.scss */
.page-side, .page-face {
  display: none;
}

/* line 2038, ../scss/3d.scss */
[data-show-side="show-front"] .page-face-0, [data-show-side="show-3d"] .page-face-0, [data-show-side="show-inner-right"] .page-face-2, [data-show-side="show-inner-left"] .page-face-1 {
  display: block;
}

/* line 2043, ../scss/3d.scss */
[data-show-side="show-back"] .card-flat .page-face-1, [data-show-side="show-back"] .card-folded .page-face-3 {
  display: block;
}

/* line 2048, ../scss/3d.scss */
.face-front {
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px);
}

/* line 2056, ../scss/3d.scss */
.face-back {
  -webkit-transform: translateZ(-1px);
  -moz-transform: translateZ(-1px);
  -ms-transform: translateZ(-1px);
  -o-transform: translateZ(-1px);
  transform: translateZ(-1px);
}

/* line 2065, ../scss/3d.scss */
.card-folded.card-model {
  -webkit-transform: rotateY(1deg);
  -moz-transform: rotateY(1deg);
  -ms-transform: rotateY(1deg);
  -o-transform: rotateY(1deg);
  transform: rotateY(1deg);
}
/* line 2073, ../scss/3d.scss */
.card-folded .card-page:nth-child(1) {
  -webkit-transform: rotateY(-1deg);
  -moz-transform: rotateY(-1deg);
  -ms-transform: rotateY(-1deg);
  -o-transform: rotateY(-1deg);
  transform: rotateY(-1deg);
}
/* line 2080, ../scss/3d.scss */
.card-folded .card-page:nth-child(2) {
  -webkit-transform: rotateY(1deg);
  -moz-transform: rotateY(1deg);
  -ms-transform: rotateY(1deg);
  -o-transform: rotateY(1deg);
  transform: rotateY(1deg);
}

/* line 2091, ../scss/3d.scss */
.preserve3d .page-side, .preserve3d .page-face {
  display: block;
}
/* line 2094, ../scss/3d.scss */
.preserve3d .face-back {
  -webkit-transform: translateZ(-1px) rotateY(180deg);
  -moz-transform: translateZ(-1px) rotateY(180deg);
  -ms-transform: translateZ(-1px) rotateY(180deg);
  -o-transform: translateZ(-1px) rotateY(180deg);
  transform: translateZ(-1px) rotateY(180deg);
}
/* line 2102, ../scss/3d.scss */
.preserve3d .card-folded.card-model {
  -webkit-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
}
/* line 2110, ../scss/3d.scss */
.preserve3d .card-folded .card-page:nth-child(1) {
  -webkit-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
}
/* line 2117, ../scss/3d.scss */
.preserve3d .card-folded .card-page:nth-child(2) {
  -webkit-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
}
/* line 2126, ../scss/3d.scss */
.preserve3d .card-flat .card-model {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 2134, ../scss/3d.scss */
.preserve3d [data-show-side="show-front"] .card-folded .card-page:first-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2140, ../scss/3d.scss */
.preserve3d [data-show-side="show-front"] .card-folded .card-page:last-child .face-front, .preserve3d [data-show-side="show-front"] .card-folded .card-page:last-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2148, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-folded .card-page:first-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2154, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-folded .card-page:last-child .face-front, .preserve3d [data-show-side="show-3d"] .card-folded .card-page:last-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2161, ../scss/3d.scss */
.preserve3d [data-show-side="show-front"] .card-flat .face-back {
  -webkit-filter: brightness(60%);
  -moz-filter: brightness(60%);
  filter: brightness(60%);
}
/* line 2167, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-flat .face-back {
  -webkit-filter: brightness(60%);
  -moz-filter: brightness(60%);
  filter: brightness(60%);
}
/* line 2172, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-model {
  -webkit-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 2178, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-folded.card-model {
  -webkit-transform: rotateX(-5deg) rotateY(-7deg);
  -moz-transform: rotateX(-5deg) rotateY(-7deg);
  -ms-transform: rotateX(-5deg) rotateY(-7deg);
  -o-transform: rotateX(-5deg) rotateY(-7deg);
  transform: rotateX(-5deg) rotateY(-7deg);
}
/* line 2185, ../scss/3d.scss */
.preserve3d [data-show-side="show-3d"] .card-flat.card-model {
  -webkit-transform: rotateY(-25deg);
  -moz-transform: rotateY(-25deg);
  -ms-transform: rotateY(-25deg);
  -o-transform: rotateY(-25deg);
  transform: rotateY(-25deg);
}
/* line 2195, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-folded.card-model {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/* line 2203, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-folded .card-page:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 2210, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-folded .card-page:first-child .face-front, .preserve3d [data-show-side="show-back"] .card-folded .card-page:last-child .face-front {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2215, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-folded .card-page:first-child .face-back {
  -webkit-filter: brightness(95%);
  -moz-filter: brightness(95%);
  filter: brightness(95%);
}
/* line 2223, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-flat.card-model {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/* line 2230, ../scss/3d.scss */
.preserve3d [data-show-side="show-back"] .card-flat .face-front {
  -webkit-filter: brightness(60%);
  -moz-filter: brightness(60%);
  filter: brightness(60%);
}
/* line 2238, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-right"] .card-model {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 2246, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-right"] .card-page:first-child {
  -webkit-transform: rotateY(-95deg);
  -moz-transform: rotateY(-95deg);
  -ms-transform: rotateY(-95deg);
  -o-transform: rotateY(-95deg);
  transform: rotateY(-95deg);
}
/* line 2253, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-right"] .card-page:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 2260, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-right"] .card-page:first-child .face-back, .preserve3d [data-show-side="show-inner-right"] .card-page:last-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2265, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-right"] .card-page:first-child .face-front {
  -webkit-filter: brightness(95%);
  -moz-filter: brightness(95%);
  filter: brightness(95%);
}
/* line 2273, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-model {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/* line 2281, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-page:first-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 2288, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-page:last-child {
  -webkit-transform: rotateY(95deg);
  -moz-transform: rotateY(95deg);
  -ms-transform: rotateY(95deg);
  -o-transform: rotateY(95deg);
  transform: rotateY(95deg);
}
/* line 2295, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-page:first-child .face-front {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2301, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-page:last-child .face-back {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  filter: brightness(85%);
}
/* line 2306, ../scss/3d.scss */
.preserve3d [data-show-side="show-inner-left"] .card-page:last-child .face-front {
  -webkit-filter: brightness(95%);
  -moz-filter: brightness(95%);
  filter: brightness(95%);
}

/* line 2316, ../scss/3d.scss */
.card-3d-view-medium {
  width: 600px;
}
/* line 2319, ../scss/3d.scss */
.card-3d-view-medium .ratio-square-portrait, .card-3d-view-medium .card-viewport {
  height: 400px;
  width: 400px;
}
/* line 2323, ../scss/3d.scss */
.card-3d-view-medium .ratio-square-portrait .page-side-top, .card-3d-view-medium .card-viewport .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(200px);
  -moz-transform: rotateX(90deg) translateZ(200px);
  -ms-transform: rotateX(90deg) translateZ(200px);
  -o-transform: rotateX(90deg) translateZ(200px);
  transform: rotateX(90deg) translateZ(200px);
}
/* line 2330, ../scss/3d.scss */
.card-3d-view-medium .ratio-square-portrait .page-side-right, .card-3d-view-medium .card-viewport .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(200px);
  -moz-transform: rotateY(90deg) translateZ(200px);
  -ms-transform: rotateY(90deg) translateZ(200px);
  -o-transform: rotateY(90deg) translateZ(200px);
  transform: rotateY(90deg) translateZ(200px);
}
/* line 2337, ../scss/3d.scss */
.card-3d-view-medium .ratio-square-portrait .page-side-bottom, .card-3d-view-medium .card-viewport .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(200px);
  -moz-transform: rotateX(-90deg) translateZ(200px);
  -ms-transform: rotateX(-90deg) translateZ(200px);
  -o-transform: rotateX(-90deg) translateZ(200px);
  transform: rotateX(-90deg) translateZ(200px);
}
/* line 2344, ../scss/3d.scss */
.card-3d-view-medium .ratio-square-portrait .page-side-left, .card-3d-view-medium .card-viewport .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(200px);
  -moz-transform: rotateY(-90deg) translateZ(200px);
  -ms-transform: rotateY(-90deg) translateZ(200px);
  -o-transform: rotateY(-90deg) translateZ(200px);
  transform: rotateY(-90deg) translateZ(200px);
}
/* line 2351, ../scss/3d.scss */
.card-3d-view-medium .ratio-a5-portrait {
  height: 500px;
  width: 355px;
}
/* line 2354, ../scss/3d.scss */
.card-3d-view-medium .ratio-a5-portrait .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(250px);
  -moz-transform: rotateX(90deg) translateZ(250px);
  -ms-transform: rotateX(90deg) translateZ(250px);
  -o-transform: rotateX(90deg) translateZ(250px);
  transform: rotateX(90deg) translateZ(250px);
}
/* line 2361, ../scss/3d.scss */
.card-3d-view-medium .ratio-a5-portrait .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(177.5px);
  -moz-transform: rotateY(90deg) translateZ(177.5px);
  -ms-transform: rotateY(90deg) translateZ(177.5px);
  -o-transform: rotateY(90deg) translateZ(177.5px);
  transform: rotateY(90deg) translateZ(177.5px);
}
/* line 2368, ../scss/3d.scss */
.card-3d-view-medium .ratio-a5-portrait .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(250px);
  -moz-transform: rotateX(-90deg) translateZ(250px);
  -ms-transform: rotateX(-90deg) translateZ(250px);
  -o-transform: rotateX(-90deg) translateZ(250px);
  transform: rotateX(-90deg) translateZ(250px);
}
/* line 2375, ../scss/3d.scss */
.card-3d-view-medium .ratio-a5-portrait .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(177.5px);
  -moz-transform: rotateY(-90deg) translateZ(177.5px);
  -ms-transform: rotateY(-90deg) translateZ(177.5px);
  -o-transform: rotateY(-90deg) translateZ(177.5px);
  transform: rotateY(-90deg) translateZ(177.5px);
}
/* line 2383, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-portrait {
  /* height: 385px;
    width: 275px;
  */
  height: 500px;
  width: 238px;
}
/* line 2386, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-portrait .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(250px);
  -moz-transform: rotateX(90deg) translateZ(250px);
  -ms-transform: rotateX(90deg) translateZ(250px);
  -o-transform: rotateX(90deg) translateZ(250px);
  transform: rotateX(90deg) translateZ(250px);
}
/* line 2393, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-portrait .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(119px);
  -moz-transform: rotateY(90deg) translateZ(119px);
  -ms-transform: rotateY(90deg) translateZ(119px);
  -o-transform: rotateY(90deg) translateZ(119px);
  transform: rotateY(90deg) translateZ(119px);
}
/* line 2400, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-portrait .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(250px);
  -moz-transform: rotateX(-90deg) translateZ(250px);
  -ms-transform: rotateX(-90deg) translateZ(250px);
  -o-transform: rotateX(-90deg) translateZ(250px);
  transform: rotateX(-90deg) translateZ(250px);
}
/* line 2407, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-portrait .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(119px);
  -moz-transform: rotateY(-90deg) translateZ(119px);
  -ms-transform: rotateY(-90deg) translateZ(119px);
  -o-transform: rotateY(-90deg) translateZ(119px);
  transform: rotateY(-90deg) translateZ(119px);
}
/* line 2415, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-landscape {
  height: 275px;
  width: 385px;
}
/* line 2418, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-landscape .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(137.5px);
  -moz-transform: rotateX(90deg) translateZ(137.5px);
  -ms-transform: rotateX(90deg) translateZ(137.5px);
  -o-transform: rotateX(90deg) translateZ(137.5px);
  transform: rotateX(90deg) translateZ(137.5px);
}
/* line 2425, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-landscape .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(192.5px);
  -moz-transform: rotateY(90deg) translateZ(192.5px);
  -ms-transform: rotateY(90deg) translateZ(192.5px);
  -o-transform: rotateY(90deg) translateZ(192.5px);
  transform: rotateY(90deg) translateZ(192.5px);
}
/* line 2432, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-landscape .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(137.5px);
  -moz-transform: rotateX(-90deg) translateZ(137.5px);
  -ms-transform: rotateX(-90deg) translateZ(137.5px);
  -o-transform: rotateX(-90deg) translateZ(137.5px);
  transform: rotateX(-90deg) translateZ(137.5px);
}
/* line 2439, ../scss/3d.scss */
.card-3d-view-medium .ratio-a6-landscape .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(192.5px);
  -moz-transform: rotateY(-90deg) translateZ(192.5px);
  -ms-transform: rotateY(-90deg) translateZ(192.5px);
  -o-transform: rotateY(-90deg) translateZ(192.5px);
  transform: rotateY(-90deg) translateZ(192.5px);
}
/* line 2447, ../scss/3d.scss */
.card-3d-view-medium .ratio-panoramic-landscape {
  height: 250px;
  width: 500px;
}
/* line 2450, ../scss/3d.scss */
.card-3d-view-medium .ratio-panoramic-landscape .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(125px);
  -moz-transform: rotateX(90deg) translateZ(125px);
  -ms-transform: rotateX(90deg) translateZ(125px);
  -o-transform: rotateX(90deg) translateZ(125px);
  transform: rotateX(90deg) translateZ(125px);
}
/* line 2457, ../scss/3d.scss */
.card-3d-view-medium .ratio-panoramic-landscape .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(250px);
  -moz-transform: rotateY(90deg) translateZ(250px);
  -ms-transform: rotateY(90deg) translateZ(250px);
  -o-transform: rotateY(90deg) translateZ(250px);
  transform: rotateY(90deg) translateZ(250px);
}
/* line 2464, ../scss/3d.scss */
.card-3d-view-medium .ratio-panoramic-landscape .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(125px);
  -moz-transform: rotateX(-90deg) translateZ(125px);
  -ms-transform: rotateX(-90deg) translateZ(125px);
  -o-transform: rotateX(-90deg) translateZ(125px);
  transform: rotateX(-90deg) translateZ(125px);
}
/* line 2471, ../scss/3d.scss */
.card-3d-view-medium .ratio-panoramic-landscape .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(250px);
  -moz-transform: rotateY(-90deg) translateZ(250px);
  -ms-transform: rotateY(-90deg) translateZ(250px);
  -o-transform: rotateY(-90deg) translateZ(250px);
  transform: rotateY(-90deg) translateZ(250px);
}
/* line 2479, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-portrait {
  height: 500px;
  width: 145px;
}
/* line 2482, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-portrait .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(250px);
  -moz-transform: rotateX(90deg) translateZ(250px);
  -ms-transform: rotateX(90deg) translateZ(250px);
  -o-transform: rotateX(90deg) translateZ(250px);
  transform: rotateX(90deg) translateZ(250px);
}
/* line 2489, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-portrait .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(72.5px);
  -moz-transform: rotateY(90deg) translateZ(72.5px);
  -ms-transform: rotateY(90deg) translateZ(72.5px);
  -o-transform: rotateY(90deg) translateZ(72.5px);
  transform: rotateY(90deg) translateZ(72.5px);
}
/* line 2496, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-portrait .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(250px);
  -moz-transform: rotateX(-90deg) translateZ(250px);
  -ms-transform: rotateX(-90deg) translateZ(250px);
  -o-transform: rotateX(-90deg) translateZ(250px);
  transform: rotateX(-90deg) translateZ(250px);
}
/* line 2503, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-portrait .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(72.5px);
  -moz-transform: rotateY(-90deg) translateZ(72.5px);
  -ms-transform: rotateY(-90deg) translateZ(72.5px);
  -o-transform: rotateY(-90deg) translateZ(72.5px);
  transform: rotateY(-90deg) translateZ(72.5px);
}


.card-3d-view-medium .ratio-slim-landscape {
  height: 145px;
  width: 500px;
}
/* line 2482, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-landscape .page-side-top {
  -webkit-transform: rotateX(90deg) translateZ(250px);
  -moz-transform: rotateX(90deg) translateZ(250px);
  -ms-transform: rotateX(90deg) translateZ(250px);
  -o-transform: rotateX(90deg) translateZ(250px);
  transform: rotateX(90deg) translateZ(250px);
}
/* line 2489, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-landscape .page-side-right {
  -webkit-transform: rotateY(90deg) translateZ(72.5px);
  -moz-transform: rotateY(90deg) translateZ(72.5px);
  -ms-transform: rotateY(90deg) translateZ(72.5px);
  -o-transform: rotateY(90deg) translateZ(72.5px);
  transform: rotateY(90deg) translateZ(72.5px);
}
/* line 2496, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-landscape .page-side-bottom {
  -webkit-transform: rotateX(-90deg) translateZ(250px);
  -moz-transform: rotateX(-90deg) translateZ(250px);
  -ms-transform: rotateX(-90deg) translateZ(250px);
  -o-transform: rotateX(-90deg) translateZ(250px);
  transform: rotateX(-90deg) translateZ(250px);
}
/* line 2503, ../scss/3d.scss */
.card-3d-view-medium .ratio-slim-landscape .page-side-left {
  -webkit-transform: rotateY(-90deg) translateZ(72.5px);
  -moz-transform: rotateY(-90deg) translateZ(72.5px);
  -ms-transform: rotateY(-90deg) translateZ(72.5px);
  -o-transform: rotateY(-90deg) translateZ(72.5px);
  transform: rotateY(-90deg) translateZ(72.5px);
}


@media screen and (max-width: 640px) {
  /* line 2514, ../scss/3d.scss */
  .card-3d-view-medium {
    width: 300px;
  }
  /* line 2516, ../scss/3d.scss */
  .card-3d-view-medium .ratio-square-portrait, .card-3d-view-medium .card-viewport {
    height: 320px;
    width: 320px;
  }
  /* line 2520, ../scss/3d.scss */
  .card-3d-view-medium .ratio-square-portrait .page-side-top, .card-3d-view-medium .card-viewport .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(160px);
    -moz-transform: rotateX(90deg) translateZ(160px);
    -ms-transform: rotateX(90deg) translateZ(160px);
    -o-transform: rotateX(90deg) translateZ(160px);
    transform: rotateX(90deg) translateZ(160px);
  }
  /* line 2527, ../scss/3d.scss */
  .card-3d-view-medium .ratio-square-portrait .page-side-right, .card-3d-view-medium .card-viewport .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(160px);
    -moz-transform: rotateY(90deg) translateZ(160px);
    -ms-transform: rotateY(90deg) translateZ(160px);
    -o-transform: rotateY(90deg) translateZ(160px);
    transform: rotateY(90deg) translateZ(160px);
  }
  /* line 2534, ../scss/3d.scss */
  .card-3d-view-medium .ratio-square-portrait .page-side-bottom, .card-3d-view-medium .card-viewport .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(160px);
    -moz-transform: rotateX(-90deg) translateZ(160px);
    -ms-transform: rotateX(-90deg) translateZ(160px);
    -o-transform: rotateX(-90deg) translateZ(160px);
    transform: rotateX(-90deg) translateZ(160px);
  }
  /* line 2541, ../scss/3d.scss */
  .card-3d-view-medium .ratio-square-portrait .page-side-left, .card-3d-view-medium .card-viewport .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(160px);
    -moz-transform: rotateY(-90deg) translateZ(160px);
    -ms-transform: rotateY(-90deg) translateZ(160px);
    -o-transform: rotateY(-90deg) translateZ(160px);
    transform: rotateY(-90deg) translateZ(160px);
  }
  /* line 2548, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a5-portrait {
    height: 400px;
    width: 284px;
  }
  /* line 2551, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a5-portrait .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
  }
  /* line 2558, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a5-portrait .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(142px);
    -moz-transform: rotateY(90deg) translateZ(142px);
    -ms-transform: rotateY(90deg) translateZ(142px);
    -o-transform: rotateY(90deg) translateZ(142px);
    transform: rotateY(90deg) translateZ(142px);
  }
  /* line 2565, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a5-portrait .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(200px);
    -moz-transform: rotateX(-90deg) translateZ(200px);
    -ms-transform: rotateX(-90deg) translateZ(200px);
    -o-transform: rotateX(-90deg) translateZ(200px);
    transform: rotateX(-90deg) translateZ(200px);
  }
  /* line 2572, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a5-portrait .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(142px);
    -moz-transform: rotateY(-90deg) translateZ(142px);
    -ms-transform: rotateY(-90deg) translateZ(142px);
    -o-transform: rotateY(-90deg) translateZ(142px);
    transform: rotateY(-90deg) translateZ(142px);
  }
  /* line 2580, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-portrait {
    height: 400px;
    width: 190.4px;

    /* height: 308px;
      width: 220.0px;
    */


  }
  /* line 2583, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-portrait .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
  }
  /* line 2590, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-portrait .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(95.2px);
    -moz-transform: rotateY(90deg) translateZ(95.2px);
    -ms-transform: rotateY(90deg) translateZ(95.2px);
    -o-transform: rotateY(90deg) translateZ(95.2px);
    transform: rotateY(90deg) translateZ(95.2px);
  }
  /* line 2597, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-portrait .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(200px);
    -moz-transform: rotateX(-90deg) translateZ(200px);
    -ms-transform: rotateX(-90deg) translateZ(200px);
    -o-transform: rotateX(-90deg) translateZ(200px);
    transform: rotateX(-90deg) translateZ(200px);
  }
  /* line 2604, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-portrait .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(95.2px);
    -moz-transform: rotateY(-90deg) translateZ(95.2px);
    -ms-transform: rotateY(-90deg) translateZ(95.2px);
    -o-transform: rotateY(-90deg) translateZ(95.2px);
    transform: rotateY(-90deg) translateZ(95.2px);
  }
  /* line 2612, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-landscape {
    height: 220.0px;
    width: 308px;
  }
  /* line 2615, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-landscape .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(110px);
    -moz-transform: rotateX(90deg) translateZ(110px);
    -ms-transform: rotateX(90deg) translateZ(110px);
    -o-transform: rotateX(90deg) translateZ(110px);
    transform: rotateX(90deg) translateZ(110px);
  }
  /* line 2622, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-landscape .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(154px);
    -moz-transform: rotateY(90deg) translateZ(154px);
    -ms-transform: rotateY(90deg) translateZ(154px);
    -o-transform: rotateY(90deg) translateZ(154px);
    transform: rotateY(90deg) translateZ(154px);
  }
  /* line 2629, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-landscape .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(110px);
    -moz-transform: rotateX(-90deg) translateZ(110px);
    -ms-transform: rotateX(-90deg) translateZ(110px);
    -o-transform: rotateX(-90deg) translateZ(110px);
    transform: rotateX(-90deg) translateZ(110px);
  }
  /* line 2636, ../scss/3d.scss */
  .card-3d-view-medium .ratio-a6-landscape .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(154px);
    -moz-transform: rotateY(-90deg) translateZ(154px);
    -ms-transform: rotateY(-90deg) translateZ(154px);
    -o-transform: rotateY(-90deg) translateZ(154px);
    transform: rotateY(-90deg) translateZ(154px);
  }
  /* line 2644, ../scss/3d.scss */
  .card-3d-view-medium .ratio-panoramic-landscape {
    height: 200px;
    width: 400px;
  }
  /* line 2647, ../scss/3d.scss */
  .card-3d-view-medium .ratio-panoramic-landscape .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(100px);
    -moz-transform: rotateX(90deg) translateZ(100px);
    -ms-transform: rotateX(90deg) translateZ(100px);
    -o-transform: rotateX(90deg) translateZ(100px);
    transform: rotateX(90deg) translateZ(100px);
  }
  /* line 2654, ../scss/3d.scss */
  .card-3d-view-medium .ratio-panoramic-landscape .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(200px);
    -moz-transform: rotateY(90deg) translateZ(200px);
    -ms-transform: rotateY(90deg) translateZ(200px);
    -o-transform: rotateY(90deg) translateZ(200px);
    transform: rotateY(90deg) translateZ(200px);
  }
  /* line 2661, ../scss/3d.scss */
  .card-3d-view-medium .ratio-panoramic-landscape .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    -o-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
  }
  /* line 2668, ../scss/3d.scss */
  .card-3d-view-medium .ratio-panoramic-landscape .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(200px);
    -moz-transform: rotateY(-90deg) translateZ(200px);
    -ms-transform: rotateY(-90deg) translateZ(200px);
    -o-transform: rotateY(-90deg) translateZ(200px);
    transform: rotateY(-90deg) translateZ(200px);
  }
  /* line 2676, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-portrait {
    height: 400px;
    width: 116.0px;
  }
  /* line 2679, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-portrait .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
  }
  /* line 2686, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-portrait .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(58px);
    -moz-transform: rotateY(90deg) translateZ(58px);
    -ms-transform: rotateY(90deg) translateZ(58px);
    -o-transform: rotateY(90deg) translateZ(58px);
    transform: rotateY(90deg) translateZ(58px);
  }
  /* line 2693, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-portrait .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(200px);
    -moz-transform: rotateX(-90deg) translateZ(200px);
    -ms-transform: rotateX(-90deg) translateZ(200px);
    -o-transform: rotateX(-90deg) translateZ(200px);
    transform: rotateX(-90deg) translateZ(200px);
  }
  /* line 2700, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-portrait .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(58px);
    -moz-transform: rotateY(-90deg) translateZ(58px);
    -ms-transform: rotateY(-90deg) translateZ(58px);
    -o-transform: rotateY(-90deg) translateZ(58px);
    transform: rotateY(-90deg) translateZ(58px);
  }

  .card-3d-view-medium .ratio-slim-landscape {
    height: 116.0px;
    width: 400px;
  }
  /* line 2679, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-landscape .page-side-top {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    -moz-transform: rotateX(90deg) translateZ(200px);
    -ms-transform: rotateX(90deg) translateZ(200px);
    -o-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
  }
  /* line 2686, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-landscape .page-side-right {
    -webkit-transform: rotateY(90deg) translateZ(58px);
    -moz-transform: rotateY(90deg) translateZ(58px);
    -ms-transform: rotateY(90deg) translateZ(58px);
    -o-transform: rotateY(90deg) translateZ(58px);
    transform: rotateY(90deg) translateZ(58px);
  }
  /* line 2693, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-landscape .page-side-bottom {
    -webkit-transform: rotateX(-90deg) translateZ(200px);
    -moz-transform: rotateX(-90deg) translateZ(200px);
    -ms-transform: rotateX(-90deg) translateZ(200px);
    -o-transform: rotateX(-90deg) translateZ(200px);
    transform: rotateX(-90deg) translateZ(200px);
  }
  /* line 2700, ../scss/3d.scss */
  .card-3d-view-medium .ratio-slim-landscape .page-side-left {
    -webkit-transform: rotateY(-90deg) translateZ(58px);
    -moz-transform: rotateY(-90deg) translateZ(58px);
    -ms-transform: rotateY(-90deg) translateZ(58px);
    -o-transform: rotateY(-90deg) translateZ(58px);
    transform: rotateY(-90deg) translateZ(58px);
  }
}