@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.hinge {
	animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	animation-duration: 0.75s;
}

@keyframes bounce {
	from,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		transform: translate3d(0, -4px, 0);
	}
}
.bounce {
	animation-name: bounce;
	transform-origin: center bottom;
}

@keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
.flash {
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}
.pulse {
	animation-name: pulse;
}

@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1);
	}
	30% {
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, 0.95, 1);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}
.rubberBand {
	animation-name: rubberBand;
}

@keyframes shake {
	from,
	to {
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0);
	}
}
.shake {
	animation-name: shake;
}

@keyframes headShake {
	0% {
		transform: translateX(0);
	}
	6.5% {
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		transform: translateX(0);
	}
}
.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake;
}

@keyframes swing {
	20% {
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		transform: rotate3d(0, 0, 1, -5deg);
	}
	to {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
.swing {
	transform-origin: top center;
	animation-name: swing;
}

@keyframes tada {
	from {
		transform: scale3d(1, 1, 1);
	}
	10%,
	20% {
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}
.tada {
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
	from {
		transform: none;
	}
	15% {
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
	to {
		transform: none;
	}
}
.wobble {
	animation-name: wobble;
}

@keyframes jello {
	from,
	11.1%,
	to {
		transform: none;
	}
	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg);
	}
	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6% {
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7% {
		transform: skewX(0.39063deg) skewY(0.39063deg);
	}
	88.8% {
		transform: skewX(-0.19531deg) skewY(-0.19531deg);
	}
}
.jello {
	animation-name: jello;
	transform-origin: center;
}

@keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
.bounceIn {
	animation-name: bounceIn;
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	to {
		transform: none;
	}
}
.bounceInDown {
	animation-name: bounceInDown;
}

@keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}
	75% {
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		transform: translate3d(5px, 0, 0);
	}
	to {
		transform: none;
	}
}
.bounceInLeft {
	animation-name: bounceInLeft;
}

@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	from {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		transform: translate3d(10px, 0, 0);
	}
	90% {
		transform: translate3d(-5px, 0, 0);
	}
	to {
		transform: none;
	}
}
.bounceInRight {
	animation-name: bounceInRight;
}

@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	from {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		transform: translate3d(0, 10px, 0);
	}
	90% {
		transform: translate3d(0, -5px, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.bounceInUp {
	animation-name: bounceInUp;
}

@keyframes bounceOut {
	20% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
}
.bounceOut {
	animation-name: bounceOut;
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
.bounceOutDown {
	animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
.bounceOutLeft {
	animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
.bounceOutRight {
	animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
.bounceOutUp {
	animation-name: bounceOutUp;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInDownBig {
	animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInRightBig {
	animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInUpBig {
	animation-name: fadeInUpBig;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}
.fadeOutDown {
	animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
}
.fadeOutLeft {
	animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}
.fadeOutRight {
	animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
}
.fadeOutUp {
	animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig;
}

@keyframes flip {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		animation-timing-function: ease-in;
	}
	to {
		transform: perspective(400px);
		animation-timing-function: ease-in;
	}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: flip;
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	to {
		transform: perspective(400px);
	}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@keyframes flipInY {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		animation-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	to {
		transform: perspective(400px);
	}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInY;
}

@keyframes flipOutX {
	from {
		transform: perspective(400px);
	}
	30% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}
	to {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}
.flipOutX {
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@keyframes flipOutY {
	from {
		transform: perspective(400px);
	}
	30% {
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}
	to {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}

@keyframes lightSpeedIn {
	from {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
	60% {
		transform: skewX(20deg);
		opacity: 1;
	}
	80% {
		transform: skewX(-5deg);
		opacity: 1;
	}
	to {
		transform: none;
		opacity: 1;
	}
}
.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
	from {
		opacity: 1;
	}
	to {
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}
.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in;
}

@keyframes rotateIn {
	from {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}
	to {
		transform-origin: center;
		transform: none;
		opacity: 1;
	}
}
.rotateIn {
	animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
	from {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1;
	}
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
	from {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1;
	}
}
.rotateInDownRight {
	animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
	from {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1;
	}
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
	from {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1;
	}
}
.rotateInUpRight {
	animation-name: rotateInUpRight;
}

@keyframes rotateOut {
	from {
		transform-origin: center;
		opacity: 1;
	}
	to {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}
.rotateOut {
	animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
	from {
		transform-origin: left bottom;
		opacity: 1;
	}
	to {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
	from {
		transform-origin: right bottom;
		opacity: 1;
	}
	to {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
	from {
		transform-origin: left bottom;
		opacity: 1;
	}
	to {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
	from {
		transform-origin: right bottom;
		opacity: 1;
	}
	to {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight;
}

@keyframes hinge {
	0% {
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		transform: rotate3d(0, 0, 1, 80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	40%,
	80% {
		transform: rotate3d(0, 0, 1, 60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}
	to {
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}
.hinge {
	animation-name: hinge;
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}
	50% {
		transform: rotate(-10deg);
	}
	70% {
		transform: rotate(3deg);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
.jackInTheBox {
	animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.rollIn {
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}
.rollOut {
	animation-name: rollOut;
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
.zoomIn {
	animation-name: zoomIn;
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInDown {
	animation-name: zoomInDown;
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInLeft {
	animation-name: zoomInLeft;
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInRight {
	animation-name: zoomInRight;
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInUp {
	animation-name: zoomInUp;
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}
.zoomOut {
	animation-name: zoomOut;
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	to {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomOutDown {
	animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}
	to {
		opacity: 0;
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform-origin: left center;
	}
}
.zoomOutLeft {
	animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}
	to {
		opacity: 0;
		transform: scale(0.1) translate3d(2000px, 0, 0);
		transform-origin: right center;
	}
}
.zoomOutRight {
	animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	to {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomOutUp {
	animation-name: zoomOutUp;
}

@keyframes slideInDown {
	from {
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInDown {
	animation-name: slideInDown;
}

@keyframes slideInLeft {
	from {
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInLeft {
	animation-name: slideInLeft;
}

@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInRight {
	animation-name: slideInRight;
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInUp {
	animation-name: slideInUp;
}

@keyframes slideOutDown {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0);
	}
}
.slideOutDown {
	animation-name: slideOutDown;
}

@keyframes slideOutLeft {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(-100%, 0, 0);
	}
}
.slideOutLeft {
	animation-name: slideOutLeft;
}

@keyframes slideOutRight {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0);
	}
}
.slideOutRight {
	animation-name: slideOutRight;
}

@keyframes slideOutUp {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0);
	}
}
.slideOutUp {
	animation-name: slideOutUp;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 17px 31px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23989898'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23989898'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: relative;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 100%;
	background: #ddd;
	opacity: 1;
	border: 0;
	margin: 0 5px;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #d3452e;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: 200ms top, 200ms -webkit-transform;
	transition: 200ms top, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms top;
	transition: 200ms transform, 200ms top;
	transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms left, 200ms -webkit-transform;
	transition: 200ms left, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms left;
	transition: 200ms transform, 200ms left;
	transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms right, 200ms -webkit-transform;
	transition: 200ms right, 200ms -webkit-transform;
	-o-transition: 200ms transform, 200ms right;
	transition: 200ms transform, 200ms right;
	transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #989898;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000000;
}

.swiper-pagination-lock {
	display: none;
}

/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
}

.swiper-button-prev,
.swiper-button-next {
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	border-radius: 50%;
	cursor: pointer;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}
.swiper-button-prev:active,
.swiper-button-next:active {
	filter: brightness(1.2);
}
@media (hover: hover) {
	.swiper-button-prev:hover,
	.swiper-button-next:hover {
		filter: brightness(1.2);
	}
}

.swiper-button-prev {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/swiper-prev.png);
	left: 0;
}

.swiper-button-next {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/swiper-next.png);
	right: 0;
}

.btn {
	position: relative;
	cursor: pointer;
	box-shadow: 0;
	border-radius: 0;
	padding: 0;
	border: 0;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}

.icon {
	width: 25px;
	height: 25px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.icon-facebook {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-facebook.png);
}
.icon-line {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-line.png);
}
.icon-en {
	width: 68px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/EN.png);
}
.icon-ch {
	width: 68px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/CH.png);
}

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.6;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

.mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #ccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 41px;
	height: 41px;
	line-height: 41px;
	position: absolute;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: "";
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
       * Remove all paddings around the image on small screen
       */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}
@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}
.mfp-preloader {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/ajax-loader-b.png);
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
}

html {
	min-width: 100%;
}

body {
	font: 1em/1.6 Arial, "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", Helvetica, sans-serif, "Microsoft YaHei";
	min-width: 320px;
	overflow-x: hidden;
	color: #333;
	background-color: #d3452e;
	-webkit-text-size-adjust: 100%;
	image-rendering: -webkit-optimize-contrast;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	outline: none;
	behavior: expression(this.onFocus=this.blur());
	-moz-transition: color, opacity, background-color 0.5s ease;
	-o-transition: color, opacity, background-color 0.5s ease;
	-webkit-transition: color, opacity, background-color 0.5s ease;
	transition: color, opacity, background-color 0.5s ease;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

:focus {
	outline: none;
}

a:focus,
a:active,
a:hover {
	outline: 0;
	-moz-outline-style: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	-moz-user-select: none;
	-webkit-user-select: none;
	margin: 0 auto;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

p {
	margin: 0;
}

strong {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	text-wrap: balance;
}

blockquote {
	text-wrap: balance;
}

textarea,
select,
input[type="text"],
input[type="number"],
input[type="button"],
input[type="search"],
input[type="submit"],
button,
input[type="radio"] {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 18px;
	font-family: Arial, "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", Helvetica, sans-serif, "Microsoft YaHei";
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="button"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
button:focus,
input[type="radio"]:focus {
	outline: 0;
}

.scroll--hidden {
	overflow: hidden;
}

#container {
	overflow: hidden;
	width: 100%;
}

.container {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	position: relative;
}

.text-block {
	display: inline-block;
}

.lg-view {
	display: block;
}

.sm-view {
	display: none;
}

.is-toggle {
	display: block;
}

.in-view {
	opacity: 0;
}

/* fade image in while loading and show a spinner as background image (good for progressive images) */
.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
	background: #f7f7f7;
}

.site-content {
	position: relative;
	z-index: 0;
	padding-top: 100px;
}

.site-header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	background-color: #d3452e;
}
.site-header .container {
	height: 100px;
}
.site-header .logo {
	width: 246px;
	height: 44px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/logo.png);
	position: absolute;
	display: block;
	top: 28px;
	left: 20px;
	z-index: 2;
}
.site-header.sticky {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.site-menu {
	position: absolute;
	top: 16px;
	right: 10px;
}
.site-menu .menu-close {
	display: none;
}
.site-menu .menu-toggle {
	display: none;
}

.main-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.main-menu li {
	position: relative;
	padding: 0 10px;
}
.main-menu img {
	display: block;
	max-height: 32px;
	margin: 0 auto 5px;
}
.main-menu a {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	text-decoration: none;
}
.main-menu a:active,
.main-menu a.active {
	color: #ffcf4d;
}
@media (hover: hover) {
	.main-menu a:hover {
		color: #ffcf4d;
	}
}

.section {
	position: relative;
	z-index: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.section.in-view {
	opacity: 1;
	animation: none;
}
.section-anchor {
	position: absolute;
	top: -65px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	pointer-events: none;
	background-color: transparent;
}
.section a {
	text-decoration: none;
}
.section .section-header {
	margin: 0 auto;
}
.section .section-header img {
	max-height: 44px;
}
.section .section-content {
	margin: 0 auto;
}
.section.animated .section-header {
	-moz-animation: fadeIn 0.8s both;
	-webkit-animation: fadeIn 0.8s both;
	animation: fadeIn 0.8s both;
	animation-delay: 0.5s;
}
.section.animated .section-content {
	-moz-animation: fadeIn 0.8s both;
	-webkit-animation: fadeIn 0.8s both;
	animation: fadeIn 0.8s both;
	animation-delay: 1.5s;
}

.parent {
	position: relative;
}

.sprite {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font-size: 0;
}

@keyframes sprite {
	from {
		background-position: 0 0%;
	}
	to {
		background-position: 0 100%;
	}
}
.kv {
	position: relative;
	z-index: 1;
}
.kv .bg {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/kv-bg.jpg);
	background-position: center top;
	background-size: auto 100%;
}
.kv .container {
	padding: 0;
	max-width: 1200px;
}
.kv .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	opacity: 0;
	font-size: 0;
}
.kv .kv-bottom {
	opacity: 1;
}
.kv.active .kv-layer1 {
	-moz-animation: fadeIn 0.8s both;
	-webkit-animation: fadeIn 0.8s both;
	animation: fadeIn 0.8s both;
}
.kv.active .kv-main {
	-moz-animation: fadeInUp 0.8s both;
	-webkit-animation: fadeInUp 0.8s both;
	animation: fadeInUp 0.8s both;
}
.kv.active .kv-slogan {
	-moz-animation: fadeInUp 0.8s both;
	-webkit-animation: fadeInUp 0.8s both;
	animation: fadeInUp 0.8s both;
	animation-delay: 0.1s;
}
.kv.active .kv-sub {
	-moz-animation: fadeIn 0.8s both;
	-webkit-animation: fadeIn 0.8s both;
	animation: fadeIn 0.8s both;
	animation-delay: 0.5s;
}
.kv.active .kv-layer2 {
	-moz-animation: fadeInUp 0.8s both;
	-webkit-animation: fadeInUp 0.8s both;
	animation: fadeInUp 0.8s both;
	animation-delay: 0.1s;
}

.l-video .bg {
	background-size: 1920px auto;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/l-video-bg.jpg);
}
.l-video .container {
	padding-top: 100px;
	padding-bottom: 50px;
}
.l-video .box {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 30px;
	padding: 0;
	background-color: #fff;
	padding: 30px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
}
.l-video .box-top {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	pointer-events: none;
}
.l-video .box-top img {
	display: block;
	margin: 0 auto -10px;
	max-height: 75px;
}

.l-products .bg {
	top: 45px;
	background-size: 2070px auto;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/l-products-bg.png);
}
.l-products .container {
	padding-top: 50px;
	padding-bottom: 30px;
}
.l-products .section-header {
	margin-bottom: 40px;
}
.l-products .section-content {
	max-width: 900px;
}
.l-products .landing-swiper-container {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 65px;
}
.l-products .l-swiper {
	z-index: 0;
}
.l-products .swiper-pagination {
	display: none;
}
.l-products .swiper-slide {
	width: calc(100% / 3);
}
.l-products .item {
	width: calc(100% - 15px * 2);
	margin: 0 15px;
	background-color: #fff;
	border-radius: 10px;
	border: 6px solid #312927;
	overflow: hidden;
}
.l-products .image {
	position: relative;
	overflow: hidden;
}
.l-products .image:before {
	content: "";
	padding-top: 100%;
	display: block;
}
.l-products .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.l-products .action {
	position: relative;
	margin-top: 30px;
}
.l-products .action .btn {
	width: 124px;
	height: 40px;
	text-align: center;
	background-color: #312927;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	color: #fff;
	border-radius: 20px;
}
.l-products .action .btn .icon-arrow {
	margin-left: 5px;
	width: 7px;
	height: 12px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-arrow.png);
}
.l-products .action .btn:active {
	filter: brightness(1.2);
}
@media (hover: hover) {
	.l-products .action .btn:hover {
		filter: brightness(1.2);
	}
}

.l-store .bg {
	background-size: 3000px auto;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/l-store-bg.jpg);
	background-position: center bottom;
}
.l-store .container {
	padding-top: 30px;
	padding-bottom: 80px;
	min-height: 362px;
}
.l-store .section-header {
	margin-left: 260px;
	margin-bottom: 48px;
	max-width: 295px;
}
.l-store .section-content {
	margin-left: 260px;
	max-width: 295px;
}
.l-store .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	margin: -10px;
}
.l-store .list li {
	width: calc(100% / 2 - 10px * 2);
	margin: 10px;
}
.l-store .item {
	text-align: center;
	color: #fff;
	border-radius: 10px;
	border: 3px solid #fff;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	height: 60px;
}
.l-store .item .icon-place {
	margin-right: 5px;
	width: 18px;
	height: 24px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-place.png);
}
.l-store .item .main-text {
	font-size: 20px;
	line-height: 60px;
	font-weight: 700;
}
.l-store .item:active {
	color: #d3452e;
	background-color: #fff;
}
@media (hover: hover) {
	.l-store .item:hover {
		color: #d3452e;
		background-color: #fff;
	}
}

.page {
	position: relative;
	z-index: 0;
}
.page .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center bottom;
	pointer-events: none;
	background-color: transparent;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/page-bg.jpg);
}
.page-header {
	background-color: #efc145;
}
.page-content {
	position: relative;
	padding-top: 45px;
	padding-bottom: 168px;
}
.page .page-title {
	margin: 0 auto 40px;
}
.page .page-title img {
	max-height: 44px;
}
.page .box {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	border-radius: 20px;
	padding: 0;
	background-color: #fff;
	padding: 60px 40px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
	font-size: 20px;
	line-height: 32px;
	color: #000;
	min-height: 600px;
}
.page .box:before {
	content: "";
	position: absolute;
	top: -88px;
	left: 24px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/page-top.png);
	width: 184px;
	height: 114px;
	background-size: contain;
	pointer-events: none;
}
.page .inner {
	max-width: 870px;
	margin: 0 auto;
}
.page p {
	text-align: justify;
}
.page p + p {
	margin-top: 30px;
}
.page .heading {
	font-size: 28px;
	line-height: 48px;
	color: #d3452e;
	text-align: center;
	font-weight: 700;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}
.page .heading img {
	width: 48px;
	margin: 0 10px 0 0;
}

.about .image {
	margin-bottom: 50px;
	margin-top: 20px;
}
.about .image img {
	max-height: 56px;
	margin: 0 auto;
}
.about .video {
	max-width: 740px;
	margin: 0 auto;
	margin-top: 50px;
}

.story .top-block {
	letter-spacing: 0.05em;
}
.story .heading {
	margin-bottom: 40px;
}
.story .role {
	margin-top: 50px;
}
.story .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.story .item + .item {
	margin-top: 40px;
	padding-top: 50px;
	border-top: 1px solid #8d8d8d;
}
.story .item .image {
	width: 308px;
	height: 308px;
	position: relative;
}
.story .item .content {
	width: calc(100% - 308px);
	padding-left: 30px;
}
.story .item .main-text {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #442b2c;
	margin-bottom: 5px;
}
.story .dog {
	position: absolute;
	top: -32px;
	left: 16px;
	width: 88px;
}
.story .cat {
	position: absolute;
	top: -32px;
	right: 16px;
	width: 88px;
}

.products .heading {
	color: #000;
	font-size: 24px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}
.products .products-section + .products-section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #8d8d8d;
}
.products .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	margin: -18px;
}
.products .list .item {
	width: calc(100% / 3 - 18px * 2);
}
.products .products-swiper-container {
	position: relative;
	width: calc(100% + 65px * 2);
	max-width: calc(100% + 65px * 2);
	margin: 0 0 0 -65px;
	padding: 0 47px;
}
.products .swiper-container {
	position: relative;
	margin: -18px 0;
}
.products .swiper-slide {
	width: calc(100% / 3);
}
.products .item {
	width: calc(100% - 18px * 2);
	margin: 18px;
	text-decoration: none;
	display: block;
}
.products .image {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
	border: 6px solid #e5e5e5;
}
.products .image:before {
	content: "";
	padding-top: 100%;
	display: block;
}
.products .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.products .main-text {
	font-size: 20px;
	line-height: 32px;
	font-weight: 700;
	text-align: center;
	margin-top: 8px;
}

.store .top-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #faf4e2;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 40px;
}
.store .top-info .group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.store .top-info .group .image {
	width: 180px;
	position: relative;
}
.store .top-info .group .image img {
	position: absolute;
	top: -25px;
	left: calc(50% - 124px / 2);
	width: 124px;
	display: block;
}
.store .top-info .group .content {
	width: calc(100% - 180px);
}
.store .top-info .col-left {
	width: calc(100% - 220px);
	padding-right: 30px;
}
.store .top-info .col-left .main-text {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: #d3452e;
	margin-bottom: 5px;
}
.store .top-info .col-left .sub-text {
	font-size: 18px;
	line-height: 30px;
}
.store .top-info .col-left .price {
	font-size: 18px;
	font-weight: 700;
}
.store .top-info .col-left .highlight {
	color: #d3452e;
	padding-left: 0.5em;
}
.store .top-info .col-left .text-lg {
	font-size: 32px;
	font-family: "Century Gothic", CenturyGothic, sans-serif;
}
.store .top-info .col-right {
	width: 220px;
}
.store .top-info .barcode {
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.store .top-info .barcode .image {
	padding: 10px;
	min-height: 96px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.store .top-info .barcode .image img {
	width: 100%;
}
.store .top-info .barcode .main-text {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	background-color: #307ab6;
}
.store .top-info .barcode .sub-text {
	padding: 5px;
	font-size: 13px;
	line-height: 20px;
}
.store .tabs-header {
	position: relative;
}
.store .tabs-header .tabs-anchor {
	position: absolute;
	top: -150px;
	left: 0;
}
.store .tabs-header .link {
	position: absolute;
	top: -16px;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}
.store .tabs-header .link:active {
	color: #d3452e;
}
@media (hover: hover) {
	.store .tabs-header .link:hover {
		color: #d3452e;
	}
}
.store .tabs-header .link img {
	width: 46px;
	margin-right: 5px;
	margin-top: -8px;
}
.store .tabs {
	border-bottom: 1px solid #8d8d8d;
	margin-bottom: 10px;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	flex-wrap: nowrap;
}
.store .tabs li + li {
	margin-left: 16px;
}
.store .tabs .nav-link {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #919191;
	padding: 0 0 10px;
	border: 0;
	background-color: transparent;
	text-align: center;
}
.store .tabs .nav-link span {
	display: inline-block;
}
.store .tabs .nav-link:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #d3452e;
	visibility: hidden;
}
.store .tabs .nav-link.active {
	color: #d3452e;
	background-color: transparent;
}
.store .tabs .nav-link.active:before {
	visibility: visible;
}
.store .list {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}
.store .item {
	padding-top: 20px;
	padding-bottom: 20px;
	width: calc(100% / 2);
	position: relative;
}
.store .item:nth-child(1):before,
.store .item:nth-child(2):before {
	display: none;
}
.store .item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background-color: #8d8d8d;
}
.store .item .main-text {
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	margin-bottom: 10px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: #efc145;
	padding: 0 28px;
	border-radius: 36px;
}
.store .item .sub-text {
	padding: 0;
	text-align: left;
	width: calc(100% - 10px);
}
.store a {
	color: #d3452e;
	text-decoration: underline;
}

.stamp .top-info {
	background-color: #faf4e2;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 40px;
}
.stamp .top-info .group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.stamp .top-info .group .image {
	width: 180px;
	position: relative;
}
.stamp .top-info .group .image img {
	position: absolute;
	top: -25px;
	left: calc(50% - 124px / 2);
	width: 124px;
	display: block;
}
.stamp .top-info .group .content {
	width: calc(100% - 180px);
}
.stamp .top-info .group .main-text {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: #d3452e;
	margin-bottom: 5px;
}
.stamp .top-info .group .sub-text {
	font-size: 18px;
	line-height: 30px;
}
.stamp .top-info .group .price {
	font-size: 18px;
	font-weight: 700;
}
.stamp .top-info .group .highlight {
	color: #d3452e;
	padding-left: 0.5em;
}
.stamp .top-info .group .text-lg {
	font-size: 32px;
	font-family: "Century Gothic", CenturyGothic, sans-serif;
}
.stamp .top-info .barcode {
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.stamp .top-info .barcode .image {
	padding: 10px;
	min-height: 96px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.stamp .top-info .barcode .image img {
	width: 100%;
}
.stamp .top-info .barcode .main-text {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	background-color: #307ab6;
}
.stamp .top-info .barcode .sub-text {
	padding: 5px;
	font-size: 13px;
	line-height: 20px;
}
.stamp .tabs-header {
	position: relative;
}
.stamp .tabs-header .tabs-anchor {
	position: absolute;
	top: -150px;
	left: 0;
}
.stamp .tabs-header .link {
	position: absolute;
	top: -16px;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}
.stamp .tabs-header .link:active {
	color: #d3452e;
}
@media (hover: hover) {
	.stamp .tabs-header .link:hover {
		color: #d3452e;
	}
}
.stamp .tabs-header .link img {
	width: 46px;
	margin-right: 5px;
	margin-top: -8px;
}
.stamp .tabs {
	border-bottom: 1px solid #8d8d8d;
	margin-bottom: 20px;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	flex-wrap: nowrap;
}
.stamp .tabs li + li {
	margin-left: 16px;
}
.stamp .tabs .nav-link {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #919191;
	padding: 0 0 10px;
	border: 0;
	background-color: transparent;
	text-align: center;
}
.stamp .tabs .nav-link span {
	display: inline-block;
}
.stamp .tabs .nav-link:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #d3452e;
	visibility: hidden;
}
.stamp .tabs .nav-link.active {
	color: #d3452e;
	background-color: transparent;
}
.stamp .tabs .nav-link.active:before {
	visibility: visible;
}
.stamp .list-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}
.stamp .list-header .col-left {
	width: 194px;
}
.stamp .list-header .col-right {
	width: calc(100% - 194px);
}
.stamp .list-header .hd {
	height: 36px;
	padding: 0 20px;
	font-weight: 400;
	line-height: 36px;
	color: #000;
	font-size: 18px;
	vertical-align: middle;
	background: #efc145;
	border-radius: 36px;
	text-align: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.stamp .list {
	position: relative;
	overflow: hidden;
}
.stamp .item {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	border-bottom: 1px solid #8d8d8d;
}
.stamp .item .col-left {
	width: 194px;
	padding-right: 20px;
}
.stamp .item .col-right {
	width: calc(100% - 194px);
}
.stamp a {
	color: #d3452e;
	text-decoration: underline;
}
.stamp .btn-link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0 8px;
	vertical-align: middle;
}
.stamp .icon-pin {
	width: 20px;
	height: 20px;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-pin.svg);
}
.stamp .custom-select {
	display: inline-block;
	width: 100%;
	height: 36px;
	padding: 0 30px 0 20px;
	font-weight: 400;
	line-height: 34px;
	color: #000;
	font-size: 18px;
	vertical-align: middle;
	background: #efc145 url(../../themes/frontend/rwd/images/famiportTr/select-arrow.svg) right 0.75rem center/16px auto no-repeat;
	border: 1px solid #efc145;
	border-radius: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: left;
	max-width: 150px;
}

.contact .item + .item {
	margin-top: 40px;
	padding-top: 50px;
	border-top: 1px solid #8d8d8d;
}
.contact .item .main-text {
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	margin-bottom: 10px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: #efc145;
	padding: 0 28px;
	border-radius: 36px;
}
.contact .item .sub-text {
	padding: 0 28px;
}
.contact a {
	color: #d3452e;
	text-decoration: underline;
}
.contact a:active {
	text-decoration: none;
}
@media (hover: hover) {
	.contact a:hover {
		text-decoration: none;
	}
}
.contact .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}
.contact .info .hd {
	width: 5em;
}
.contact .info .bd {
	width: calc(100% - 5em);
}

.site-footer {
	position: relative;
	background-color: #f5f5f5;
	color: #000;
	width: 100%;
	padding: 50px 0 60px;
}
.site-footer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 11px;
	width: 100%;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/footer-line.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: center;
	display: block;
}
.site-footer .heading {
	font-size: 28px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.site-footer .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.site-footer .list li {
	padding: 5px 25px;
	position: relative;
}
.site-footer .list li + li:before {
	opacity: 1;
}
.site-footer .list li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background-color: #5a2b30;
	opacity: 0;
}
.site-footer .list img {
	max-height: 36px;
}
.site-footer a:active {
	filter: brightness(1.2);
}
@media (hover: hover) {
	.site-footer a:hover {
		filter: brightness(1.2);
	}
}
.site-footer p {
	text-align: center;
}

.menu-toggle {
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	appearance: none;
	cursor: pointer;
	z-index: 11;
	background-size: contain;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/menu-toggle.png);
}

.menu-close {
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	border-radius: 50%;
	appearance: none;
	cursor: pointer;
	z-index: 12;
	background-size: contain;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/menu-close.png);
}

.side-sticky {
	position: fixed;
	bottom: 20px;
	right: 20px;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
	z-index: 3;
}
.side-sticky.is-view .btn-top {
	display: block;
}
.side-sticky.change-bottom {
	position: absolute;
}
.side-sticky a {
	display: block;
	cursor: pointer;
}
.side-sticky .btn {
	position: relative;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}
.side-sticky .btn-top {
	display: none;
}
.side-sticky .icon-top {
	display: block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	background-size: contain;
	border-radius: 50%;
	background-image: url(../../themes/frontend/rwd/images/famiportTr/icon-top.png);
}

button.mfp-close,
a.mfp-close,
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.popup-modal-dismiss {
	width: 50px;
	height: 50px;
	padding: 0;
	display: block;
	vertical-align: middle;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -25px;
	right: -25px;
	opacity: 1;
	overflow: hidden;
	cursor: pointer;
	border-radius: 50%;
}
button.mfp-close:before,
a.mfp-close:before,
.mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:before,
.popup-modal-dismiss:before {
	content: "";
	background: url(../../themes/frontend/rwd/images/famiportTr/modal-close.png) no-repeat center center;
	width: 100%;
	height: 100%;
	background-size: contain;
	display: block;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}
button.mfp-close:active,
a.mfp-close:active,
.mfp-image-holder .mfp-close:active,
.mfp-iframe-holder .mfp-close:active,
.popup-modal-dismiss:active {
	filter: brightness(1.2);
}
@media (hover: hover) {
	button.mfp-close:hover,
	a.mfp-close:hover,
	.mfp-image-holder .mfp-close:hover,
	.mfp-iframe-holder .mfp-close:hover,
	.popup-modal-dismiss:hover {
		filter: brightness(1.2);
	}
}

.bg-dismiss {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: default;
	pointer-events: none;
}
.bg-dismiss:before {
	display: none;
}

.white-popup-block {
	border-radius: 20px;
	background-color: #fff;
	padding: 40px;
	width: calc(100% - 15px * 2);
	max-width: 864px;
	margin: 50px auto;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}
.white-popup-block ::-webkit-scrollbar {
	width: 8px;
}
.white-popup-block ::-webkit-scrollbar-track {
	background: #eee;
}
.white-popup-block ::-webkit-scrollbar-thumb {
	background: #a0a0a0;
	border-radius: 8px;
}
.white-popup-block ::-webkit-scrollbar-thumb:hover {
	background: #888;
}

/* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.7;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.article .main-text {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 16px;
}
.article .swiper-pagination {
	position: absolute;
}
.article .swiper-button-prev {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/swiper-prev2.png);
	left: 0;
}
.article .swiper-button-next {
	background-image: url(../../themes/frontend/rwd/images/famiportTr/swiper-next2.png);
	right: 0;
}

.floating {
	animation-name: floating;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.36, 0.45, 0.65, 0.55);
}

@keyframes floating {
	from {
		transform: translate(0, 0);
	}
	60% {
		transform: translate(0, -10px);
	}
	to {
		transform: translate(0, 0);
	}
}
.post-iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
}

.post-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-device-width: 800px),
	only screen and (device-width: 1024px) and (device-height: 600px),
	only screen and (width: 1280px) and (orientation: landscape),
	only screen and (device-width: 800px),
	only screen and (max-width: 767px) {
	.post-iframe {
		padding-top: 0;
	}
}
@media (max-width: 1200px) and (min-width: 751px) {
	.site-header .logo {
		width: 200px;
	}

	.site-menu {
		top: 25px;
		right: 15px;
	}

	.main-menu li {
		padding: 0 5px;
	}
	.main-menu img {
		max-height: 24px;
	}
	.main-menu a {
		font-size: 18px;
	}

	.l-video .bg {
		background-size: 144vw auto;
	}
	.l-video .box {
		max-width: 64vw;
	}
	.l-video .box-top img {
		max-height: 7vw;
	}

	.l-store .bg {
		background-size: 240vw auto;
	}
	.l-store .section-header {
		margin-left: 16vw;
	}
	.l-store .section-content {
		margin-left: 16vw;
	}

	.page .bg {
		background-position: 68% bottom;
	}
}
@media (max-width: 1000px) and (min-width: 751px) {
	.l-products .bg {
		top: 68px;
		background-size: 190vw auto;
	}

	.l-store .bg {
		background-size: 280vw auto;
	}
	.l-store .container {
		padding-bottom: 100px;
	}
	.l-store .section-header {
		margin-left: 8vw;
	}
	.l-store .section-content {
		margin-left: 8vw;
	}
}
@media (max-width: 1000px) and (min-width: 751px) {
	.store .top-info .group .image {
		width: 120px;
	}
	.store .top-info .group .image img {
		left: calc(50% - 90px / 2);
		width: 90px;
	}
	.store .top-info .group .content {
		width: calc(100% - 120px);
	}
	.store .top-info .col-left {
		width: calc(100% - 220px);
		padding-right: 30px;
	}
	.store .top-info .col-right {
		width: 220px;
	}
}
@media (max-width: 1000px) {
	.site-content {
		padding-top: 60px;
	}

	.site-header .container {
		height: 60px;
		max-width: 100%;
	}
	.site-header .logo {
		width: 179px;
		height: 32px;
		top: 14px;
		left: 15px;
	}

	.site-menu {
		top: 0;
		right: 0;
	}
	.site-menu .menu-toggle {
		display: block;
	}
	.site-menu .menu-close {
		display: block;
	}
	.site-menu.is-view .menu-panel {
		display: block;
		padding: 0;
		overflow: auto;
		overflow-x: hidden;
		width: 100%;
		height: 100vh;
		padding-top: 90px;
		padding-bottom: 65px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 12;
		min-height: -webkit-fill-available;
	}
	.site-menu.is-view .menu-panel .main-menu li {
		-moz-animation: fadeInUp 0.3s both;
		-webkit-animation: fadeInUp 0.3s both;
		animation: fadeInUp 0.3s both;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(1) {
		animation-delay: 0.1s;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(2) {
		animation-delay: 0.2s;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(3) {
		animation-delay: 0.3s;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(4) {
		animation-delay: 0.4s;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(5) {
		animation-delay: 0.5s;
	}
	.site-menu.is-view .menu-panel .main-menu li:nth-child(6) {
		animation-delay: 0.6s;
	}
	.site-menu.is-view .menu-panel .menu-close {
		-moz-animation: fadeInDown 0.3s both;
		-webkit-animation: fadeInDown 0.3s both;
		animation: fadeInDown 0.3s both;
	}

	.menu-panel {
		display: none;
		background-color: #d3452e;
	}

	.main-menu {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	.main-menu li {
		position: relative;
		margin: 0;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.main-menu li + li {
		margin-top: 30px;
	}
}
@media (max-width: 750px) {
	.lg-view {
		display: none;
	}

	.sm-view {
		display: block;
	}

	.container {
		max-width: 100%;
		padding: 0 15px;
	}

	.side-sticky {
		bottom: 10px;
		right: 10px;
	}
	.side-sticky .icon-top {
		width: 36px;
		height: 36px;
	}

	.site-footer {
		padding: 30px 0;
	}
	.site-footer .container {
		max-width: 375px;
	}
	.site-footer .heading {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	.site-footer .list {
		margin: 0 -15px;
	}
	.site-footer .list li {
		padding: 5px 15px;
	}

	.section .bg {
		background-size: 100% auto;
	}

	.l-video .bg {
		display: none;
	}
	.l-video .container {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.l-video .section-content {
		max-width: 375px;
	}
	.l-video .box {
		border-radius: 15px;
		padding: 20px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16);
	}
	.l-video .box-top img {
		margin: 0 auto -8px;
		max-height: 44px;
	}

	.l-products .bg {
		top: 100px;
		background-size: 750px auto;
		background-image: url(../../themes/frontend/rwd/images/famiportTr/l-products-bg_s.png);
	}
	.l-products .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.l-products .section-header {
		margin-bottom: 20px;
	}
	.l-products .section-content {
		max-width: 320px;
	}
	.l-products .landing-swiper-container {
		padding: 0 45px;
	}
	.l-products .swiper-slide {
		width: 100%;
	}
	.l-products .item {
		width: 100%;
		margin: 0;
		border: 4px solid #312927;
	}
	.l-products .action {
		margin-top: 40px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		width: 36px;
		height: 36px;
		margin-top: -18px;
	}

	.l-store .bg {
		background-size: 750px auto;
		background-image: url(../../themes/frontend/rwd/images/famiportTr/l-store-bg_s.jpg);
	}
	.l-store .container {
		padding-top: 30px;
		padding-bottom: 220px;
	}
	.l-store .section-header {
		margin-left: auto;
		margin-bottom: 40px;
	}
	.l-store .section-content {
		margin-left: auto;
	}

	.page-header .container {
		padding: 0;
		min-height: 22.833333333vw;
	}
	.page .bg {
		background-size: 750px auto;
		background-image: url(../../themes/frontend/rwd/images/famiportTr/page-bg_s.jpg);
	}
	.page-content {
		padding-top: 30px;
		padding-bottom: 130px;
	}
	.page .page-title {
		margin: 0 auto 40px;
	}
	.page .box {
		border-radius: 20px;
		padding: 40px 20px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16);
	}
	.page .box:before {
		top: -44px;
		left: 4px;
		width: 92px;
		height: 57px;
	}
	.page .heading {
		font-size: 24px;
		line-height: 36px;
	}
	.page .heading img {
		width: 36px;
	}

	.about .image {
		margin-bottom: 40px;
	}
	.about .video {
		margin-top: 40px;
	}

	.story .top-block {
		letter-spacing: 0;
	}
	.story .heading {
		margin-bottom: 40px;
	}
	.story .role {
		margin-top: 40px;
	}
	.story .item {
		display: block;
	}
	.story .item + .item {
		margin-top: 40px;
		padding-top: 50px;
		border-top: 1px solid #8d8d8d;
	}
	.story .item .image {
		width: 280px;
		height: 280px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.story .item .content {
		width: 100%;
		padding-left: 0;
	}
	.story .item .main-text {
		text-align: center;
	}
	.story .dog {
		width: 80px;
	}
	.story .cat {
		width: 80px;
	}

	.products .heading {
		font-size: 20px;
		line-height: 36px;
	}
	.products .heading img {
		width: 36px;
	}
	.products .list {
		margin: -10px;
	}
	.products .list .item {
		width: calc(100% / 2 - 10px * 2);
		margin: 10px;
	}
	.products .products-swiper-container {
		width: calc(100% + 30px * 2);
		max-width: calc(100% + 30px * 2);
		margin: 0 0 0 -30px;
		padding: 0 20px;
	}
	.products .swiper-container {
		margin: -10px 0;
	}
	.products .swiper-slide {
		width: calc(100% / 2);
	}
	.products .item {
		width: calc(100% - 10px * 2);
		margin: 10px;
	}
	.products .image {
		border: 4px solid #e5e5e5;
	}

	.store .top-info {
		display: block;
	}
	.store .top-info .group .image {
		width: 120px;
	}
	.store .top-info .group .image img {
		left: calc(50% - 90px / 2);
		width: 90px;
	}
	.store .top-info .group .content {
		width: calc(100% - 120px);
	}
	.store .top-info .col-left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.store .top-info .col-right {
		width: 100%;
	}
	.store .top-info .barcode .image {
		max-width: 320px;
		margin: 0 auto;
		min-height: 134px;
	}
	.store .tabs-header .tabs-anchor {
		top: -80px;
	}
	.store .tabs-header .link {
		position: fixed;
		top: inherit;
		bottom: 60px;
		right: 0;
		display: block;
		font-size: 13px;
		line-height: 18px;
		background-color: #fff;
		padding: 8px 4px 8px 8px;
		border-radius: 8px 0 0 8px;
		z-index: 5;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
		font-weight: 400;
	}
	.store .tabs-header .link img {
		width: 32px;
		margin: 0 auto 5px;
	}
	.store .tabs-header .link.change-bottom {
		bottom: 200px;
	}
	.store .tabs li {
		width: 25%;
	}
	.store .tabs li + li {
		margin-left: 8px;
	}
	.store .list {
		display: block;
	}
	.store .item {
		width: 100%;
	}
	.store .item:nth-child(1):before {
		display: none;
	}
	.store .item:nth-child(2):before {
		display: block;
	}

	.stamp .top-info {
		display: block;
	}
	.stamp .top-info .group .image {
		width: 120px;
	}
	.stamp .top-info .group .image img {
		left: calc(50% - 90px / 2);
		width: 90px;
	}
	.stamp .top-info .group .content {
		width: calc(100% - 120px);
	}
	.stamp .tabs-header .tabs-anchor {
		top: -80px;
	}
	.stamp .tabs-header .link {
		position: fixed;
		top: inherit;
		bottom: 60px;
		right: 0;
		display: block;
		font-size: 13px;
		line-height: 18px;
		background-color: #fff;
		padding: 8px 4px 8px 8px;
		border-radius: 8px 0 0 8px;
		z-index: 5;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
		font-weight: 400;
	}
	.stamp .tabs-header .link img {
		width: 32px;
		margin: 0 auto 5px;
	}
	.stamp .tabs-header .link.change-bottom {
		bottom: 200px;
	}
	.stamp .tabs li {
		width: 20%;
	}
	.stamp .tabs li + li {
		margin-left: 8px;
	}

	.contact .item + .item {
		margin-top: 30px;
		padding-top: 30px;
	}
	.contact .item .main-text {
		padding: 0 15px;
	}
	.contact .item .sub-text {
		padding: 0;
		text-align: left;
	}

	button.mfp-close,
	a.mfp-close,
	.mfp-image-holder .mfp-close,
	.mfp-iframe-holder .mfp-close,
	.popup-modal-dismiss {
		width: 36px;
		height: 36px;
		top: -15px;
		right: -15px;
	}

	.white-popup-block {
		padding: 20px;
		border-radius: 15px;
	}

	.article .main-text {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.article .swiper-pagination {
		position: relative;
		bottom: 0;
		margin-top: 10px;
	}
}
@media (max-width: 480px) {
	.stamp .top-info .group .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
	}
	.stamp .top-info .group .image img {
		top: -25px;
		left: calc(50% - 56px / 2);
		width: 56px;
	}
	.stamp .top-info .group .main-text {
		padding-top: 8px;
		padding-left: 80px;
		max-width: 340px;
	}
	.stamp .top-info .group .sub-text {
		font-size: 16px;
		line-height: 26px;
	}
	.stamp .top-info .group .content {
		width: 100%;
		padding-left: 0;
	}
	.stamp .list-header {
		display: block;
		margin-bottom: 10px;
	}
	.stamp .list-header .col-left {
		width: 100%;
	}
	.stamp .list-header .col-right {
		width: 100%;
		margin-top: 10px;
	}
	.stamp .list-header .custom-select {
		max-width: 100%;
		text-align: center;
	}
	.stamp .list-header .hd {
		width: 100%;
		text-align: center;
		display: block;
	}
	.stamp .item {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.stamp .item .col-left {
		width: 120px;
	}
	.stamp .item .col-right {
		width: calc(100% - 120px);
	}

	.store .top-info .group .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
	}
	.store .top-info .group .image img {
		top: -25px;
		left: calc(50% - 56px / 2);
		width: 56px;
	}
	.store .top-info .group .main-text {
		padding-top: 8px;
		padding-left: 80px;
		max-width: 340px;
	}
	.store .top-info .group .sub-text {
		font-size: 16px;
		line-height: 26px;
	}
	.store .top-info .group .content {
		width: 100%;
		padding-left: 0;
	}
	.store .top-info .col-left {
		margin-bottom: 10px;
	}
	.store .top-info .barcode .image {
		min-height: 118px;
	}
	.store .top-info .barcode .image img {
		max-height: 100px;
	}
}