@charset "UTF-8";
*:focus {outline:none;}
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption,fieldset{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: top; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
main {display: block;/* for IE */}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;}
textarea {overflow: auto;vertical-align: top;}
li {list-style: none;}

/*==================================================
Body_Bace
==================================================*/
html { overflow:auto; }
body {
	width: 100%;
	height: 100%;
	font-size: 15px;
	line-height: 100%;
	color: #111;
	letter-spacing: 0.04em;
	background: #fff;
	font-family: YuGothic, Yu Gothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	word-wrap: break-word;
}
#wrapper {
	overflow-x: hidden;
}

/*------ link ------*/
a { color: #111; }
a:hover { color: #1f95d3; }
.tel-link a { 
	display: inline;
	color: #111 !important;
	text-decoration: none;
}

/*------ common ------*/
.main h1, .main h2, .main h3, .main h4 { line-height: 120%; }
.main p, .main li, .main dt, .main dd { line-height: 170%; }
sup { font-size: 0.5em; }

.inner {
	width: 1100px;
	margin: 0 auto;
}
.viewSp {
	display: none !important;
}

/*------ media ------*/
@media(min-width:1px) and (max-width: 1210px) {
	body { min-width: 100%; -webkit-text-size-adjust: none;}
	img { max-width: 100%; width : auto; height: auto; }
}
@media(min-width:1px) and (max-width: 1150px) {
	.inner {
		width: 90%;
	}
}
@media(min-width:1px) and (max-width: 640px) {
	body { 
		font-size: 14px;
	}
	.viewPc {
		display: none !important;
	}
	.viewSp {
		display: block !important;
	}
}
@media(min-width:1px) and (max-width: 480px) {
	body { 
		font-size: 13px;
	}
}

/*=================================================
#age-verification
==================================================*/
#age-verification {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8); 
	z-index: 9999;
}
.age-verification-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 700px;
	width: 90%;
	padding: 55px 20px 30px;
	background: #28aae2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
}
#age-verification .logo {
	padding: 0 100px 25px;
	text-align: center;
}
#age-verification h2 {
	padding: 0 0 20px;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 110%;
}
#age-verification h2 span {
	display: block;
	font-size: 16px;
}
#age-verification h2 br {
	display: none;
}
#age-verification  .txt {
	max-width: 550px;
	width: 100%;
	padding: 20px;
	margin: 0 auto 20px;
	line-height: 140%;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}
#age-verification .btn {
	display: block;
	padding: 20px 0;
	font-size: 35px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 100%;
	transition: all .3s;
	cursor: pointer;
	opacity: 1 !important;
}
#age-verification .btn span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 36px;
}
#age-verification .btn span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 26px;
	height: 26px;
	content: "";
	background: url(../img/icn_arrow_wt.svg) no-repeat 0 0;
	background-size: contain;
	 -webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all .3s;
}
#age-verification .btn:hover span:before {
	background: url(../img/icn_arrow_yw.svg) no-repeat 0 0;
	background-size: contain;
}
#age-verification .btn:hover {
	color: #f3c617;
}
	@media(min-width:1px) and (max-width: 768px) {
		#age-verification h2 {
			font-size: 28px;
		}
		#age-verification h2 span {
			font-size: 15px;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		#age-verification h2 br {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		#age-verification h2 {
			font-size: 6vw;
		}
		#age-verification h2 span {
			font-size: 3vw;
		}
		#age-verification .btn {
			font-size: 28px;
		}
	}
/*=================================================
#Header
==================================================*/
#header {
	position: relative;
	border-top: 3px solid #fee528;
	border-bottom: 1px solid #ccc;
}
.header {
	height: 70px;
	margin: 0 auto;
	box-sizing: border-box;
}
.header:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.header h1 {
	width: 185px;
	float: left;
	padding: 10px 0 0 20px;
}
.header h1 img {
	width: 100%;
}

/*gnav
---------------------------------------------------*/
.gnav {
	width:1100px;
	float: right;
}
.gnav:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.gnav > li {
	position: relative;
	width: 18%;
	height: 70px;
	line-height: 70px;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.gnav > li:last-child {
	width: 10%;
}
.gnav > li:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 15px;
	content: "";
	background: #ddd;
 	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
/*
.gnav li.nav-guide {
	position: relative;
}
*/
.gnav a {
	position: relative;
	display: block;
	padding: 0 5px;
	font-size: 15px;
	text-decoration: none;
	opacity: 1 !important;
	box-sizing: border-box;
	transition: all .3s;
}
.gnav a:hover,
.gnav a.current {
	color: #0188f0;
}
.gnav  > li > a::before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 100%;
	height: 6px;
	background: #fff;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.gnav > li > a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 6px;
	background: #0188f0;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.gnav > li > a:hover::after,
.gnav > li > a.current::after {
	width: 100%;
}
.gnav > li > li a:hover::after {
	width: 0;
}

.gnav > li:last-child img {
	padding: 22px 0 0;
	width: 22px;
	height: 22px;
}
.gnav > li span {
	position: relative;
	padding: 0 0 0 30px;
}
.gnav > li span:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.gnav > li:first-child span:before {
	width: 20px;
	height: 24px;
	background: url(../img/icn_game.svg) no-repeat 0 0;
	background-size: contain;
}
.gnav > li:nth-child(2) span:before {
	width: 27px;
	height: 20px;
	background: url(../img/icn_cart.svg) no-repeat 0 0;
	background-size: contain;
}
.gnav > li:nth-child(3) span:before {
	width: 27px;
	height: 23px;
	background: url(../img/icn_suport.svg) no-repeat 0 0;
	background-size: contain;
}
.gnav > li:nth-child(4) span:before {
	width: 20px;
	height: 20px;
	background: url(../img/icn_info.png) no-repeat 0 0;
	background-size: contain;
}
.gnav > li:nth-child(5) span:before {
	width: 25px;
	height: 12px;
	background: url(../img/icn_recruit.png) no-repeat 0 0;
	background-size: contain;
}

	@media(min-width:1px) and (max-width: 1400px) {
		.gnav {
			width: 900px;
			width : -webkit-calc(100% - 250px) ;
   			width : calc(100% - 250px) ;
		}
		.gnav > li:first-child { width: 16%; }
		.gnav > li:nth-child(2) { width: 23%; }
		.gnav > li:last-child { width: 7%; }
	}
	@media(min-width:1px) and (max-width: 900px) {
		#gnav {
			display: none;
		}
	}

/* subnav */
.gnav ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 50%;
	width: 250px;
	border: 2px solid #fff;
	background: #b7d100;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 110;
}
.gnav ul li {
	position: relative;
	display: block;
	text-align: left;
	border-top: 1px dotted #fff;
}
.gnav ul li:first-child::before {
	position: absolute;
	content: "";
	bottom: 100%;
	left: 50%;
	border-bottom: 12px solid #1f95d3;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 99;
}
.gnav ul li a {
	position: relative;
	display: block;
	padding: 15px;
	height: auto;
	line-height: 100%;
	font-size: 15px;
	 color: #fff !important; 
	background: #1f95d3;
	transition: .3s;
}
.gnav ul li a::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 2px solid #f7f2ea;
	border-right: 2px solid #f7f2ea;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: .3s;
}
.gnav ul li a:hover::after {
	right: 10px;
}

/* secrchOpen
---------------------------------------*/
.secrchOpen {
	display: none;
	position: absolute;
	bottom: -95px;
	left: 0;
	width: 100%;
	height: 95px;
	background-color: rgba(0,0,0,0.8);
	z-index: 500;
}
#fixedsecrchOpen {/*--ap--*/
	position: fixed;
	top: -95px;
	left: 0;
	width: 100%;
	height: 95px;
	background-color: rgba(0,0,0,0.8);
	z-index: 500;
}
.secrchOpen .inr {
	position: relative;
	padding: 20px 0;
}
.secrchOpen .inputbox,
.secrchOpen #searchbox {
	position: relative;
	width: 600px;
	margin: 0 auto;
	background: #fff;
}
.secrchOpen input#input_search,
.secrchOpen .fs-search {
	width: calc(100% - 45px);
	padding: 15px 10px;
	outline: none;
	border: none;
	background: #fff;
}
.secrchOpen .btn_submit,
.secrchOpen input.fs-btn {
	position: absolute;
	top: 50%;
	right: 5px;
	overflow: hidden;
	display:inline-block;
	width: 45px;
	height: 38px;
	margin-top: -19px;
	white-space: nowrap;
	text-indent: 200%;
	border: none;
	background: url(../img/icn_foot_search.png) no-repeat 50% 50%;
	background-size: 18px 18px;
	outline: none;
}
.secrchOpen .btn_close {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -10px;
}
	@media screen and (max-width: 768px) {
		.secrchOpen .inr {
			position: relative;
			padding: 20px 3%;
			box-sizing: border-box;
		}
		.secrchOpen .inputbox,
		.secrchOpen #searchbox {
			width: 90%;
			margin: 0;
		}
		.secrchOpen .btn_close {
			right: 3%;
		}
	}
	@media screen and (max-width: 415px) {
		.secrchOpen input#input_search,
		.secrchOpen .fs-search {
			width: 75%;
		}
	}
.secrchOpen input::-ms-clear {
    visibility:hidden
}
.secrchOpen input::-webkit-search-cancel-button,
.secrchOpen input::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*=================================================
spmenu
==================================================*/
.spMenu {
	display: none;
}
	@media(min-width:1px) and (max-width: 900px) {
		.spMenu {
			display: block;
			position: absolute;
			top: 15px;
			right: 10px;
		}
		.spMenu ul {
			display: table;
			width: 301px;
		}
		.spMenu li {
			width: 50px;
			height: 50px;
			float: left;
			margin: 0 0 0 1px;
		}
		.spMenu li a {
			display: table-cell;
			width: 50px;
			height: 50px;
			text-align: center;
			vertical-align: top;
			text-decoration: none;
			background: #e83416;
			opacity: 1 !important;
			transition: all .3s;
		}
		.spMenu li.tell_btn a {
			color: #fff;
			background: #b7d100;
		}
		.spMenu li.tell_btn a img {
			width: auto;
			padding: 6px 0 0;
			height: 38px;
		}
		.spMenu li.menu_btn a {
			color: #fff;
			background: #1f95d3;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.spMenu {
			top: 8px;
			right: 5px;
		}
	}

/*=================================================
menu
==================================================*/
/* btn */
.menu-btn {
	opacity: 1 !important;
}
.spMenu li.menu_btn a {
	position: relative;
}
.menu-btn {
	position: relative;
}
.menu-btn:before {
	display: block;
	width: 28px;
	height: 28px;
	margin: 3px auto 0;
	/*font-size: 36px;*/
	content: "";
	background: url(../img/icn_menu.svg) no-repeat 0 0;
	background-size:contain;
}
.headMenu li a.menu-btn:hover .icon-menu:before {
	color: #fff;
}
.menu-btn .txt {
	font-size: 11px;
	position: absolute;
	left: 50%;
	bottom: 3px;
	-webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
}
.mm-opened .menu-btn:before {
	background: url(../img/icn_close.svg) no-repeat 0 0;
	background-size:contain;
}
.menu-btn span+span {
	display: block;
	color : #78bd62;
	font-size: 10px;
}

/* menu-cont */
#menu {
	background: #f6f6f6;
}
#menu:after {
	display: block;
	position: absolute;
	content: "";
	bottom: -3%;
	right: -5%;
	width: 70%;
	padding: 70% 0 0;
	background: url(../img/icn_kv01.png) no-repeat 0 0;
	background-size: contain;
	opacity: 0.2;
}

#menu .spnav,
#menu .subnav {
	position: relative;
	width: 94%;
	margin: 0 3%;
	padding: 20px 0 30px;
	box-sizing: border-box;
	z-index:100;
}
#menu .spnav ul ul {
	display: none;
}
#menu .spnav ul a[data-target="#mm-3"] {
	display: none;
}
#menu .spnav > li {
	border: 1px solid #000;
	border-top: none;
	background: #fff;
	list-style: none;
}
#menu .spnav li.current .menuin_ttl {
	background: #f6f6f6;
}
#menu .spnav > li:first-child {
	border-top: 1px solid #000;
}
#menu .spnav > li:after {
	border: none;
}
#menu .spnav li a {
	position: relative;
	display: block;
	width: 90%;
	min-height: 15px;
	padding: 15px 6% 15px 4%;
	color: #1f95d3;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	opacity: 1 !important;
}
#menu .spnav li  li a {
	color: #444;
}
#menu .subnav li {
	margin: 0 0 10px;
}
#menu .subnav li a {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 1px;
	padding: 15px 6% 15px 4%;
	text-decoration: none;
	background: rgba(255,255,255,.85);
	box-sizing: border-box;
}
#menu .subnav li a:after {
	position: absolute;
	right: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu li a[target="_blank"] {
	position: relative;
}
#menu li a[target="_blank"]:before {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 15px;
	height: 15px;
	content: "";
	margin-top: -10px;
	background: url(../img/outside.svg) no-repeat 0 0;
	background-size: 15px;
}
#menu .spnav li a[target="_blank"]::after {
	display: none;
}
#menu .spnav li a.mm-subopen {
	position: absolute;
	width: 100%;
	padding: 0;
	background: none !important;
}
#menu .spnav li a.mm-subopen:before {
	border: none;
}
#menu .spnav li a::after,
#menu .subnav li a::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 3px solid #1f95d3;
	border-right: 3px solid #1f95d3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu .spnav li.pdf a::after,
#menu .subnav li.pdf a::after {
	display: none;
}
#menu .mm-panels > .mm-panel {
	padding: 0 5px;
}
html.mm-opened .mm-page {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-panels {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
}

/* li.menuin */
#menu .spnav li.menuin {
	position: relative;
}
#menu .spnav li.menuin .mm-next {
	position: relative;
	z-index: 999;
}
#menu .spnav li.menuin .mm-panel {
	display: none;
}
#menu .spnav li.menuin.mm-opened .mm-panel {
	display: block;
}
#menu .spnav li.menuin .menuin_ttl {
	position: absolute;
	top: 0;
	left: 0;
}
#menu .spnav li.menuin .menuin_ttl span {
	position: relative;
	z-index: 9999;
}
		#menu .spnav li.mm-vertical ul li a:after {
	border-color: #666 !important;
}

/* li.menuin */
#menu .spnav li.menuin.mm-opened .mm-next,
#menu .spnav li.menuin.mm-opened .menuin_ttl {
	height: 10px;
	background: #f6f6f6;
}
#menu .spnav li.menuin a::after {
	border: none;
	border-right: 3px solid #1f95d3;
	border-bottom: 3px solid #1f95d3;
}
#menu .spnav li.menuin ul {
	padding: 0;
	border: 5px solid #f6f6f6;
	border-top: none;
}
#menu .spnav li.menuin ul li {
	list-style: none;
	border-top: 1px dotted #b9b9b9;
}
#menu .spnav li.menuin ul li a {
	font-weight: normal;
	background: none;
}
#menu .spnav li.menuin ul.nest li a {
	width: 100%;
	border-left: 10px solid #eee;
	padding-left: 6%;
	box-sizing: border-box;
}
#menu .spnav li.menuin ul li a.title {
	padding-left: 2%;
	background: #eee;
}
#menu .spnav li.menuin ul li:after {
	border-bottom-style: dotted;
}
#menu .spnav li.menuin ul li a:after {
	border: none;
	border-top: 2px solid #0085a1;
	border-right: 2px solid #0085a1;
}
#menu .spnav li.mm-opened a.mm-subopen:before,
#menu .spnav li.mm-opened a.mm-subopen:after {
	border: none !important;
}
#menu .spnav li.current .mm-next,
#menu .spnav li.current .page_current,
#menu .spnav li.current.mm-opened .mm-next {
	position: relative;
	color: #000;
	background: #f6f6f6;
}
#menu .spnav li.current .mm-next:before,
#menu .spnav li.current .page_current:before,
#menu .spnav li.current.mm-opened .mm-next:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	content: "";
	background: #000;
}
#menu .spnav li.current .menuin_ttl {
	color: #000;
}

/* search */
#menu .search {
	width: 94%;
	margin: 0 3% 70px;
	box-sizing: border-box;
}
#menu .search form {
	position: relative;
	height: 40px;
	background: #fff;
}
#menu .search input {
	width: calc(100% - 40px);
	padding: 10px;
	border: none;
	background: none;
	outline: none;
}
#menu .search .btn_submit,
#menu .search .fs-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #000;
}
#menu .search .fs-btn {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #000 url(../img/icn_foot_search.png) no-repeat 50% 50%;
}
#menu .search .btn_submit img {
	vertical-align: middle;
}

/* subnav */
#menu .subnav li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 3%;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #1f95d3;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/*==================================================
#main 
==================================================*/
#main {
	position: relative;
}
.main h2 {
	position: relative;
	padding: 25px 0 30px;
	margin: 0 0 50px;
	font-size: 26px;
	text-align: center;
}
.main h2 span {
	display: block;
	padding: 6px 0 0;
	font-size: 12px;
	color: #31bbe8;
	line-height: 100%;
}
.main h2:before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 12px;
	height: 12px;
	content: "";
	background: #fee528;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	-webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
}
	@media(min-width:1px) and (max-width: 640px) {
		.main h2 {
			font-size: 24px;
			margin-bottom: 20px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.main h2 {
			font-size: 22px;
		}
	}


/*==================================================
page
==================================================*/
/* page-header
--------------------------------------------------- */
.page-header h1 {
	position: relative;
	padding: 40px 0;
	color: #fff;
	letter-spacing: 0.2em;
	font-size: 28px;
	text-align: center;
	background: #31bae7;
}
.page-header .page-nav {
	text-align: center;
	background: #fee528;
}
.page-header .page-nav .label {
	display: none;
	cursor:pointer;
	padding: 20px 0;
	margin-bottom: 0;
	color: #0188f0;
	font-size: 18px;
}
.page-header .page-nav .label span {
	position: relative;
	padding: 0 20px 0 0;
}
.page-header .page-nav .label span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width:15px;
	height: 15px;
	content: "";
	background:url(../img/icn_arrow_down_blue.svg) no-repeat 0 0;
	background-size: contain; 
	 -webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.page-header .page-nav .label.active span:after {
	background:url(../img/icn_arrow_up_blue.svg) no-repeat 0 0;
	background-size: contain; 
}
.page-header .page-nav ul {
	margin-bottom: 0;
}
.page-header .page-nav li {
	display: inline-block;
	padding: 0 15px;
	margin: 0;
}
.page-header .page-nav li a {
	position: relative;
	display: block;
	padding: 20px 0;
	color: #111;
	text-decoration: none;
	opacity: 1 !important;
}
.page-header .page-nav li a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background: #31bae7;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.page-header .page-nav li a.current:after,
.page-header .page-nav li a:hover:after {
	width: 100%;
}
.page-header .page-nav.nav-fixed,
.page-header .page-pulldownnav.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
}
	@media(min-width:1px) and (max-width: 1300px) {
		.page-header .page-nav li:nth-child(5) {
			clear: both;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.page-header h1 {
			padding: 30px 0;
			font-size: 24px;
		}
		.page-header .page-nav .label {
			display: block;
		}
		.page-header .page-nav ul {
			display:none;
		}
		.page-header .page-nav ul li {
		display: block;
		padding: 0;
		border-top: 1px solid #31bae7;
		}
		.page-header .page-nav li a {
			padding: 15px 0;
		}
		.page-header .page-nav li a:after {
			display: none;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.page-header h1 {
			font-size: 22px;
		}
	}

/* page--- main
--------------------------------------------------- */
.page .main {
	max-width: 840px;
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 100px;
}
.page section {
	padding: 50px 0 15px;
}
.page h2 {
	padding-bottom: 10px;
	font-size: 28px;
}
.page h2 br {
	display: none;
}
.page h3 {
	margin: 50px 0 30px;
	font-size: 18px;
	font-weight: 700;
}
.page p,
.page ol,
.page ul {
	margin-bottom: 35px;
}
.page a {
	text-decoration: underline;
	color: #0188f0;
}
.page em {
	color: #d90101;
	font-style: normal;
}
.page p.import {
	font-size: .8em;
}
.page ol > li {
	margin: 0 0 15px 20px;
	list-style-type: decimal;
}
.page ul li {
	margin: 0 0 15px;
}
.page li:last-child {
	margin-bottom: 0;
}
.page li figure {
	margin-top: 10px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.page .main {
			padding: 30px 0 50px;
		}
		.page h2 {
			font-size: 24px;
		}
		.page h2 br {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.page section {
			padding: 10% 0;
		}
		.page h2 {
			font-size: 22px;
		}
	}

/* paragraph */
.page .txt-center {
	text-align: center;
}
.page .txt-bold {
	font-weight: 700;
}

/* bg */
.page .bg-glay {
	padding: 35px 35px 1px;
	margin: 0 0 35px;
	background: #f9f9f9;
}
	@media(min-width:1px) and (max-width: 640px) {
		.page .bg-glay {
			padding: 8% 8% 1px;
		}
	}

/* list-circle */
.page .list-circle li {
	position: relative;
	padding-left: 16px;
}
.page .list-circle li:before {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	width: 5px;
	height: 5px;
	border: 1px solid #db1212;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
}

/* list-note */
.page .list-note {
	padding-left: 1em;
	text-indent: -1em;
	color: #d90101;
}
.page .list-note li {
	margin: 0 0 5px;
}

/* list-point */
.page .list-point {
	padding-left: 1em;
	text-indent: -1em;
}
.page .list-point li {
	margin: 0 0 5px;
}

/* list-paragraph */
.page .list-paragraph span {
	font-weight: 700;
}
.page .list-paragraph ul {
	margin-top: 10px;
}
.page .list-paragraph p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* example */
.page .example {
	margin-top: 10px;
}
.page .example dt {
	width: 4em;
	float: left;
}
.page .example dd {
	padding: 0 0 0 4em;
	font-size: 94%;
}

/* box-caution */
.page .box-caution {
	background: #ffffe8;
}
.page .box-caution ul {
	padding: 35px;
	margin: 0;
}
.page .box-caution li {
	color: #d90101;
}
.page .box-caution p {
	padding: 35px;
	color: #fff;
	background: #d90101;
}
	@media(min-width:1px) and (max-width: 640px) {
		.page .box-caution ul,
		.page .box-caution p {
			padding: 8%;
		}
	}

/* table */
table {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
table tr {
	border-bottom: 1px solid #ccc;
}
table th {
	width: 230px;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #ccc;
	background: #f9f9f9;
}
table td {
	padding: 25px;
	line-height: 170%;
}
	@media(min-width:1px) and (max-width: 640px) {
		table th {
			width: 150px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		table th {
			display: block;
			width: 100%;
			padding: 15px 20px;
			border-right: none;
			text-align: left;
			box-sizing: border-box;
		}
		table td {
			display: block;
			width: 100%;
			padding: 15px 20px;
			box-sizing: border-box;
		}
	}


/*==================================================
parts
==================================================*/
/* tag
--------------------------------------------------- */
[class^="tag-"]  {
	display: inline-block;
	width: 90px;
	padding: 5px;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	background: #ccc;
	box-sizing: border-box;
}
.tag-game { background: #85b200; }
.tag-event { background: #4942a1; }
.tag-recruit { background: #ff4000; }
.tag-goods { background: #e34d7b; }
.tag-plan { background: #00A3D9; }
.tag-info { background: #f29612; }
.tag-other { background: #46abea; }

.news-article [class^="tag-"]  {
	width: auto;
}

/* common-subnav
--------------------------------------------------- */
.common-subnav {
	padding: 0 0 95px;
}
.common-subnav ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.common-subnav li {
	position: relative;
	width: 33.333%;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.common-subnav li:nth-child(2) {
	border-left: none;
	border-right: none;
}
.common-subnav li a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
	transition: all .3s;
	opacity: 1 !important;
}
.common-subnav li a:hover {
	color: #fff;
	background: #ccc;
}
.common-subnav li span {
	position: relative;
	padding: 0 0 0 35px;
}
.common-subnav li span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
.common-subnav li:first-child span:before {
	width: 20px;
	height: 24px;
	background: url(../img/icn_game.svg) no-repeat 0 0;
	background-size: contain;
}
.common-subnav li:nth-child(2) span:before {
	width: 22px;
	height: 27px;
	background: url(../img/icn_suport.svg) no-repeat 0 0;
	background-size: contain;
}
.common-subnav li:last-child span:before {
	width: 24px;
	height: 24px;
	background: url(../img/icn_cart.svg) no-repeat 0 0;
	background-size: contain;
}
.common-subnav li ul {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;
}
.common-subnav li ul li {
	overflow: hidden;
	width: 50%;
	display: block;
	height: 0;
	transition: .2s;
	border: none;
}
.common-subnav li:hover ul li {
	overflow: visible;
	height: auto;
}
.common-subnav li ul li a {
	width: 100%;
}
	@media(min-width:1px) and (max-width: 640px) {
		.common-subnav {
			padding: 0 0 50px;
		}
		.common-subnav li ul li {
			width: 50%;
			float: left;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.common-subnav li {
			width: 100%;
			float: none;
		}
		.common-subnav li:nth-child(2) {
			border-top: none;
			border-bottom: none;
		    border-left: 1px solid #ccc;
		    border-right: 1px solid #ccc;
		}
	}

/* common-bnr
--------------------------------------------------- */
.common-bnr {
	padding: 60px 0 30px;
	border-top: 1px solid #fee528;
	background: #f9f9f9;
}
.common-bnr ul {
	width: 1100px;
	margin: 0 auto;
}
.common-bnr ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.common-bnr li {
	float: left;
	margin-bottom: 30px;
}
.common-bnr li.bnr_double {
	width: 530px;
}
.common-bnr li.bnr_triple {
	width: 340px;
}
.common-bnr li.bnr_double:nth-child(odd),
.common-bnr li.bnr_triple {
	margin-right: 40px;
}
.common-bnr li.bnr_triple:last-child {
	margin: 0;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.common-bnr ul {
			width: 90%;
			margin: 0 auto;
		}
		.common-bnr li.bnr_double {
			width: 49%;
		}
		.common-bnr li.bnr_triple {
			width: 32%;
		}
		.common-bnr li.bnr_double:nth-child(odd),
		.common-bnr li.bnr_triple {
			margin: 0 2% 0 0;
		}
		.common-bnr li.bnr_triple:last-child {
			margin: 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.common-bnr {
			padding: 40px 0 30px;
		}
		.common-bnr li {
			margin-bottom: 2%;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.common-bnr li.bnr_double {
			width: 100%;
		}
		.common-bnr li.bnr_triple {
			width: 48%;
		}
		.common-bnr li.bnr_double,
		.common-bnr li.bnr_triple {
			margin: 0 0 2% !important;
		}
		.common-bnr li.bnr_triple:nth-child(odd) {
			margin: 0 2% 2% !important;
		}
	}

/*==================================================
#breadcrumb
==================================================*/
#breadcrumb {
	background: #f6f6f6;
}
#breadcrumb ol {
	width: 1100px;
	margin: 0 auto;
	font-size: 94%;
	box-sizing: border-box;
}
#breadcrumb li {
	display: inline-block;
	padding: 15px 10px 15px 0;
	margin: 0;
	font-size: 12px;
}
#breadcrumb li+li {
	padding-left: 5px;
}
#breadcrumb li a {
	padding: 0 10px 0 0;
	color: #1f94d2;
	text-decoration: none;
}

	@media(min-width:1px) and (max-width: 1050px) {
		#breadcrumb ol {
			width: 94%;
			padding: 5px 0;
		}
		#breadcrumb li {
			padding: 2px 10px 2px 0;
		}
	}

/*==================================================
Footer
==================================================*/
#footer {
}
.footer a {
	text-decoration: none;
}
.footer:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* footer01
--------------------------------------------------- */
.footer01 {
	padding: 20px 0;
	border-bottom: 5px solid #fee528;
	background: #0188f0;
}
.footer01 .inner {
	position: relative;
}
.footer01 .logo {
	display: inline-block;
	padding: 0 50px 0 0;
	vertical-align: middle;
}
.footer01 .sns-share {
	display: inline-block;
}
.footer01 .sns-share p {
	display: inline-block;
	padding: 0 20px 0 0;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
}
.footer01 .sns-share ul {
	display: inline-block;
}
.footer01 .sns-share li {
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
}
.footer01 .sns-share li img {
	height: 24px;
}
#pagetop {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
#pagetop a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
#pagetop a span {
	position: relative;
	padding: 0 0 0 28px;
}
#pagetop a span:before {
	display:block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	content: "";
	background: url(../img/icn_arrow_up.svg) no-repeat 0 0;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}

	@media(min-width:1px) and (max-width: 768px) {
		.footer01 {
			padding-top: 0;
		}
		#pagetop {
			position: relative;
			top: auto;
			right: auto;
			text-align: center;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		#pagetop a {
			display: block;
			padding: 20px 0;
		}
		.footer01 .logo {
			display: block;
			padding: 0 0 20px;
			text-align: center;
		}
		.footer01 .sns-share {
			display: block;
			text-align: center;
		}
	}

/* footer02
--------------------------------------------------- */
.footer02 {
	padding: 0 0 20px;
}
.footer02 ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer02 li {
	position: relative;
	width: 20%;
	float: left;
	text-align: center;
}
.footer02 li:before,
.footer02 li:nth-child(5):after {
	display:block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 15px;
	content: "";
	background: #ddd;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
.footer02 li:nth-child(5):after {
	left: auto;
	right: 0;
}
.footer02 li a {
	display: block;
	padding: 25px 0;
	text-decoration: none;
}
.footer02 li a span {
	position: relative;
}
.footer02 li a span:before {
	display:block;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
	@media(min-width:1px) and (max-width: 1150px) {
		.footer02 .inner {
			width: 94%;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.footer02 .inner {
			width: 100%;
		}
	}

/* footnav01 */
.footnav01 {
	border-bottom: 1px solid #777;
}
.footnav01 li:first-child a span {
	padding: 0 0 0 30px;
}
.footnav01 li:first-child a span:before {
	width: 20px;
	height: 24px;
	background: url(../img/icn_game.svg) no-repeat 0 0;
	background-size: contain;
}
.footnav01 li:nth-child(3) a span {
	padding: 0 0 0 37px;
}
.footnav01 li:nth-child(3) a span:before {
	width: 27px;
	height: 24px;
	background: url(../img/icn_suport.svg) no-repeat 0 0;
	background-size: contain;
}
.footnav01 li:nth-child(4) a span {
	padding: 0 0 0 31px;
}
.footnav01 li:nth-child(4) a span:before {
	width: 21px;
	height: 21px;
	background: url(../img/icn_info.png) no-repeat 0 0;
	background-size: contain;
}
.footnav01 li:nth-child(5) a span {
	padding: 0 0 0 38px;
}
.footnav01 li:nth-child(5) a span:before {
	width: 28px;
	height: 13px;
	background: url(../img/icn_recruit.png) no-repeat 0 0;
	background-size: contain;
}
.footnav01 li:nth-child(2) a span,
.footnav01 li:nth-child(6) a span,
.footnav01 li:nth-child(7) a span {
	padding: 0 0 0 35px;
}
.footnav01 li:nth-child(2) a span:before,
.footnav01 li:nth-child(6) a span:before,
.footnav01 li:nth-child(7) a span:before {
	width: 25px;
	height: 22px;
	background: url(../img/icn_cart.svg) no-repeat 0 0;
	background-size: contain;
}
.footnav01 li:nth-child(2) {
	display: block;
}
.footnav01 li:nth-child(6),
.footnav01 li:nth-child(7) {
	display: none;
}


.footnav01 li ul {
	position: absolute;
	top: -25%;
	width: 100%;
	z-index: 9999;
}
.footnav01 li ul li {
	overflow: hidden;
	width: 100%;
	display: block;
	height: 0;
	transition: .2s;
	border: none;
}
.footnav01 li:hover ul li {
	border: none;
	border: 1px solid #ccc;
	background: #fff;
	transition: .2s;
}
.footnav01 li:hover ul li {
	overflow: visible;
	height: auto;
}
.footnav01 li ul li a {
	width: 100%;
}


	@media(min-width:1px) and (max-width:768px) {
		.footnav01 li {
			width: 33.333% !important;
		}
		.footnav01 li ul li {
			width: 100% !important;
		}
	}
	@media(min-width:1px) and (max-width:640px) {
		.footnav01 li:nth-child(2) {
			display: none;
		}
		.footnav01 li:nth-child(6),
		.footnav01 li:nth-child(7) {
			display: block;
		}
		.footer02 li:nth-child(5):after {
			display: none;
		}
		.footnav01 li {
			width: 50% !important;
			border-bottom: 1px solid #ddd;
			box-sizing: border-box;
		}
		.footnav01 li:last-child {
			border-bottom: none;
		}
		.footnav01 li:nth-child(1),
		.footnav01 li:nth-child(4),
		.footnav01 li:nth-child(6){
			border-right: 1px solid #ddd;
		}
		.footer02 li:before,
		.footer02 li:last-child:after {
			width: 0;
		}
	}

/*footnav*/
.footnav02 {
	margin: 0 0 35px;
}
.footnav02 a {
	font-size: 90%;
}
.footnav02 a span {
	position: relative;
	padding: 0 0 0 25px;
}
.footnav02 a span:before {
	display:block;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 15px;
	height: 15px;
	background: url(../img/icn_arrow_right.svg) no-repeat 0 0;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
	@media(min-width:1px) and (max-width: 1150px) {
		.footnav02 li:first-child,
		.footnav02 li:nth-child(4) {
			width: 15%;
		}
		.footnav02 li:nth-child(2),
		.footnav02 li:last-child {
			width: 25%;
		}
	}
	@media(min-width:1px) and (max-width:870px) {
		.footnav02 li {
			width: 33.333% !important;
		}
		.footnav02 {
			padding: 10px 0 0; 
		}
		.footnav02 li a {
			padding: 15px 0;
		}
	}
	@media(min-width:1px) and (max-width:640px) {
		.footnav02 {
			padding: 0;
		}
		.footnav02 li {
			width: 100% !important;
			text-align: left;
			border-bottom: 1px solid #ddd;
		}
		.footnav02 li a {
			padding: 13px 5%;
		}
	}

/*footbottom*/
.footer02 p {
	padding: 0 5% 25px;
	text-align: center;
	font-size: 13px;
	color:#777; 
}
#copy {
	text-align: center;
	font-size: 13px;
	color:#777; 
}
	@media(min-width:1px) and (max-width:640px) {
		.footer02 p {
			text-align: left;
			font-size: 12px;
		}
	}


/*==================================================
clearfix
==================================================*/
.mb5 {margin-bottom: 5px !important;}

/*==================================================
Slider
==================================================*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
/* 	cursor: hand; */
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	left: 50%;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li div {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #fff;
	border-radius: 50%; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
}
.slick-dots li div:hover,
.slick-dots li div:focus {
	outline: none;
}
.slick-dots li.slick-active div {
	background: #1f95d3;
}

/*==================================================
	jQuery.mmenu CSS
==================================================*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
-webkit-transition: none 0.4s ease;
-moz-transition: none 0.4s ease;
-ms-transition: none 0.4s ease;
-o-transition: none 0.4s ease;
transition: none 0.4s ease;
-webkit-transition-property: top, right, bottom, left, border;
-moz-transition-property: top, right, bottom, left, border;
-ms-transition-property: top, right, bottom, left, border;
-o-transition-property: top, right, bottom, left, border;
transition-property: top, right, bottom, left, border; }

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
left: 0;
top: 0;
margin: 0;
border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
position: fixed;
left: 0; }

.mm-fixed-top {
top: 0; }

.mm-fixed-bottom {
bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }

html.mm-opened {
overflow-x: hidden;
position: relative; }

html.mm-opened .mm-page {
position: relative; }

html.mm-background .mm-page {
background: inherit; }

#mm-blocker {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
display: block; }

.mm-menu.mm-current {
display: block; }

.mm-menu {
background: inherit;
display: none;
overflow: hidden;
height: 100%;
padding: 0;
position: fixed;
left: 0;
top: 0;
z-index: 0; }
.mm-menu > .mm-panel {
background: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
top: 0;
left: 100%;
z-index: 0; }
.mm-menu > .mm-panel.mm-opened {
left: 0%; }
.mm-menu > .mm-panel.mm-subopened {
left: -40%; }
.mm-menu > .mm-panel.mm-highest {
z-index: 1; }
.mm-menu > .mm-panel.mm-hidden {
display: block;
visibility: hidden; }

.mm-menu .mm-list {
padding: 20px 0; }
.mm-menu > .mm-list {
padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
margin-left: -20px;
margin-right: -20px; }
.mm-panel > .mm-list:first-child {
padding-top: 0; }

.mm-list,
.mm-list > li {
list-style: none;
display: block;
padding: 0;
margin: 0; }

.mm-list {
font: inherit;
font-size: 14px; }
.mm-list a,
.mm-list a:hover {
text-decoration: none; }
.mm-list > li {
position: relative; }
.mm-list > li > a,
.mm-list > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
line-height: 20px;
display: block;
padding: 10px 10px 10px 20px;
margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
width: auto;
margin-left: 20px;
position: relative;
left: auto; }
.mm-list a.mm-subopen {
width: 40px;
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2; }
.mm-list a.mm-subopen:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen {
width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before {
border-left: none; }
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
padding-right: 5px;
margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen {
background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
padding-right: 45px;
margin-right: 0; }
.mm-list a.mm-subclose {
text-indent: 20px;
padding-top: 30px;
margin-top: -20px; }
.mm-list > li.mm-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
padding-right: 5px; }
.mm-list > li.mm-spacer {
padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label {
padding-top: 25px; }
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
content: '';
border: 2px solid transparent;
display: block;
width: 7px;
height: 7px;
margin-bottom: -5px;
position: absolute;
bottom: 50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mm-list a.mm-subopen:after {
border-top: none;
border-left: none;
right: 18px; }
.mm-list a.mm-subclose:before {
border-right: none;
border-bottom: none;
margin-bottom: -15px;
left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
display: none;
padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
height: 40px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 16px;
right: 16px; }

html.mm-opened .mm-page {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu {
background: #333333;
color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.05); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 80%; }

.mm-menu {
width: 80%; }

@media all and (max-width: 175px) {
.mm-menu {
width: 140px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 140px; } }
@media all and (min-width: 550px) {
.mm-menu {
width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
left: 440px; } }
/*
jQuery.mmenu counters addon CSS
*/
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 40px;
top: 50%; }
em.mm-counter + a.mm-subopen {
padding-left: 40px; }
em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
margin-right: 80px; }
em.mm-counter + a.mm-fullsubopen {
padding-left: 0; }

.mm-vertical em.mm-counter {
top: 12px;
margin-top: 0; }

.mm-nosubresults > em.mm-counter {
display: none; }

.mm-menu em.mm-counter {
color: rgba(255, 255, 255, 0.3); }

/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s; }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background: inherit;
border-bottom: 1px solid transparent;
text-align: center;
line-height: 20px;
width: 100%;
height: 60px;
padding: 30px 40px 0 40px;
position: absolute;
z-index: 2;
top: 0;
left: 0; }
.mm-header .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 100%;
position: relative;
z-index: 1; }
.mm-header .mm-prev,
.mm-header .mm-next {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
display: block;
width: 40px;
height: 100%;
position: absolute;
bottom: 0; }
.mm-header .mm-prev:before,
.mm-header .mm-next:before {
content: '';
border: 2px solid transparent;
display: block;
width: 7px;
height: 7px;
margin-bottom: -5px;
position: absolute;
bottom: 50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: -15px; }
.mm-header .mm-prev {
left: 0; }
.mm-header .mm-prev:before {
border-right: none;
border-bottom: none;
left: 22px; }
.mm-header .mm-next {
right: 0; }
.mm-header .mm-next:before {
border-top: none;
border-left: none;
right: 18px; }

.mm-menu.mm-hassearch .mm-header {
height: 50px;
padding-top: 20px;
top: 50px; }
.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
margin-bottom: -10px; }

.mm-menu.mm-hasheader li.mm-subtitle {
display: none; }
.mm-menu.mm-hasheader .mm-panel {
padding-top: 80px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
padding-top: 120px; }
.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
padding-top: 60px; }
.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
padding-top: 100px; }

.mm-menu .mm-header {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-header a:before {
border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
background: inherit; }
.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
background: inherit !important;
opacity: 0.97;
height: 25px;
overflow: visible;
position: relative;
z-index: 1; }
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
background: inherit;
width: 100%;
position: absolute;
left: 0; }
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
padding-top: 25px; }

.mm-list > li.mm-label > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 17px; }
.mm-list > li.mm-collapsed {
display: none; }

.mm-menu .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }

.mm-search {
background: inherit;
width: 100%;
height: 50px;
padding: 10px;
position: relative;
top: 0;
z-index: 2; }
.mm-search input {
border: none;
border-radius: 15px;
font: inherit;
font-size: 14px;
line-height: 30px;
outline: none;
display: block;
width: 100%;
height: 30px;
margin: 0;
padding: 0 10px; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
display: none; }
.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
padding-right: 10px; }
.mm-menu li.mm-noresults {
text-align: center;
font-size: 21px;
display: none;
padding-top: 80px; }
.mm-menu li.mm-noresults:after {
border: none; }
.mm-menu.mm-noresults li.mm-noresults {
display: block; }
.mm-menu.mm-hassearch > .mm-panel {
padding-top: 60px; }

.mm-menu .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu li.mm-noresults {
color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%); }
html.mm-slide.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
-webkit-transform: translateX(40%);
-moz-transform: translateX(40%);
-ms-transform: translateX(40%);
-o-transform: translateX(40%);
transform: translateX(40%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
-ms-transform: translateY(-40%);
-o-transform: translateY(-40%);
transform: translateY(-40%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
-webkit-transform: translateY(40%);
-moz-transform: translateY(40%);
-ms-transform: translateY(40%);
-o-transform: translateY(40%);
transform: translateY(40%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(-40%);
-moz-transform: scale(0.7, 0.7) translateX(-40%);
-ms-transform: scale(0.7, 0.7) translateX(-40%);
-o-transform: scale(0.7, 0.7) translateX(-40%);
transform: scale(0.7, 0.7) translateX(-40%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(40%);
-moz-transform: scale(0.7, 0.7) translateX(40%);
-ms-transform: scale(0.7, 0.7) translateX(40%);
-o-transform: scale(0.7, 0.7) translateX(40%);
transform: scale(0.7, 0.7) translateX(40%);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(-40%);
-moz-transform: scale(0.7, 0.7) translateY(-40%);
-ms-transform: scale(0.7, 0.7) translateY(-40%);
-o-transform: scale(0.7, 0.7) translateY(-40%);
transform: scale(0.7, 0.7) translateY(-40%);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(40%);
-moz-transform: scale(0.7, 0.7) translateY(40%);
-ms-transform: scale(0.7, 0.7) translateY(40%);
-o-transform: scale(0.7, 0.7) translateY(40%);
transform: scale(0.7, 0.7) translateY(40%);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page.mm-opened .mm-page {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-zoom-page.mm-opening .mm-page {
-webkit-transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5); }
html.mm-zoom-page.mm-right.mm-opened .mm-page {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
html.mm-zoom-page.mm-top.mm-opened .mm-page {
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top; }
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom; }

html.mm-zoom-panels .mm-panel {
-webkit-transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-zoom-panels .mm-panel.mm-opened {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
-webkit-transform: scale(0.7, 0.7);
-moz-transform: scale(0.7, 0.7);
-ms-transform: scale(0.7, 0.7);
-o-transform: scale(0.7, 0.7);
transform: scale(0.7, 0.7); }

/*
jQuery.mmenu fullscreen extension CSS
*/
html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opening.mm-fullscreen .mm-fixed-bottom {
left: 100%; }

.mm-menu.mm-fullscreen {
width: 100%; }

@media all and (max-width: 140px) {
.mm-menu.mm-fullscreen {
width: 140px; }

html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opening.mm-fullscreen .mm-fixed-bottom {
left: 140px; } }
@media all and (min-width: 10000px) {
.mm-menu.mm-fullscreen {
width: 10000px; }

html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opening.mm-fullscreen .mm-fixed-bottom {
left: 10000px; } }
.mm-menu.mm-top.mm-fullscreen {
height: 100%; }

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
top: 100%; }
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: -100%; }

@media all and (max-height: 140px) {
.mm-menu.mm-top.mm-fullscreen {
height: 140px; }

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
top: 140px; }
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: -140px; } }
@media all and (min-height: 10000px) {
.mm-menu.mm-top.mm-fullscreen {
height: 10000px; }

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
top: 10000px; }
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: -10000px; } }
.mm-menu.mm-right.mm-fullscreen {
width: 100%; }

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
right: 100%; }

@media all and (max-width: 140px) {
.mm-menu.mm-right.mm-fullscreen {
width: 140px; }

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
right: 140px; } }
@media all and (min-width: 10000px) {
.mm-menu.mm-right.mm-fullscreen {
width: 10000px; }

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
right: 10000px; } }
.mm-menu.mm-bottom.mm-fullscreen {
height: 100%; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: 100%; }
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
top: -100%; }

@media all and (max-height: 140px) {
.mm-menu.mm-bottom.mm-fullscreen {
height: 140px; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: 140px; }
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
top: -140px; } }
@media all and (min-height: 10000px) {
.mm-menu.mm-bottom.mm-fullscreen {
height: 10000px; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
bottom: 10000px; }
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
top: -10000px; } }
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
left: -100%; }

@media all and (max-width: 140px) {
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
left: -140px; } }
@media all and (min-width: 10000px) {
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
left: -10000px; } }
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
top: -100%; }

@media all and (max-height: 140px) {
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
top: -140px; } }
@media all and (min-height: 10000px) {
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
top: -10000px; } }
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
right: -100%; }

@media all and (max-width: 140px) {
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
right: -140px; } }
@media all and (min-width: 10000px) {
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
right: -10000px; } }
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
bottom: -100%; }

@media all and (max-height: 140px) {
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
bottom: -140px; } }
@media all and (min-height: 10000px) {
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
bottom: -10000px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
left: 0;
right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page {
box-shadow: none !important; }

/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
left: 0; }

.mm-menu.mm-right {
left: auto;
right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
left: auto;
right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
left: auto; }

.mm-menu.mm-bottom {
width: 100%;
top: auto;
bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
bottom: 0%;
top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
top: auto;
left: 0; }

.mm-menu.mm-top {
height: 80%; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
top: 80%; }
html.mm-top.mm-opening .mm-fixed-bottom {
bottom: -80%; }

@media all and (max-height: 175px) {
.mm-menu.mm-top {
height: 140px; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
top: 140px; }
html.mm-top.mm-opening .mm-fixed-bottom {
bottom: -140px; } }
@media all and (min-height: 1100px) {
.mm-menu.mm-top {
height: 880px; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
top: 880px; }
html.mm-top.mm-opening .mm-fixed-bottom {
bottom: -880px; } }
.mm-menu.mm-right {
width: 80%; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
right: 80%; }

@media all and (max-width: 175px) {
.mm-menu.mm-right {
width: 140px; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
right: 140px; } }
@media all and (min-width: 550px) {
.mm-menu.mm-right {
width: 440px; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
right: 440px; } }
.mm-menu.mm-bottom {
height: 80%; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
bottom: 80%; }
html.mm-bottom.mm-opening .mm-fixed-top {
top: -80%; }

@media all and (max-height: 175px) {
.mm-menu.mm-bottom {
height: 140px; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
bottom: 140px; }
html.mm-bottom.mm-opening .mm-fixed-top {
top: -140px; } }
@media all and (min-height: 1100px) {
.mm-menu.mm-bottom {
height: 880px; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
bottom: 880px; }
html.mm-bottom.mm-opening .mm-fixed-top {
top: -880px; } }
/*
jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
-webkit-transition: none 0.4s ease;
-moz-transition: none 0.4s ease;
-ms-transition: none 0.4s ease;
-o-transition: none 0.4s ease;
transition: none 0.4s ease;
-webkit-transition-property: top, right, bottom, left, -webkit-transform;
-moz-transition-property: top, right, bottom, left, -moz-transform;
-ms-transition-property: top, right, bottom, left, -o-transform;
-o-transition-property: top, right, bottom, left, -o-transform;
transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
z-index: 0; }

.mm-menu.mm-front {
z-index: 1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
left: 0;
top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
left: auto;
right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
top: auto;
left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
left: 0;
bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next {
left: -80%; }

@media all and (max-width: 175px) {
.mm-menu.mm-front, .mm-menu.mm-next {
left: -140px; } }
@media all and (min-width: 550px) {
.mm-menu.mm-front, .mm-menu.mm-next {
left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
top: -80%; }

@media all and (max-height: 175px) {
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
top: -140px; } }
@media all and (min-height: 1100px) {
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
right: -80%; }

@media all and (max-width: 175px) {
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
right: -140px; } }
@media all and (min-width: 550px) {
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
bottom: -80%; }

@media all and (max-height: 175px) {
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
bottom: -140px; } }
@media all and (min-height: 1100px) {
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
bottom: -880px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
left: 0;
right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
bottom: 0; }

/*
jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light {
background: #f3f3f3;
color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light li.mm-noresults {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header a:before {
border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-white .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
background: white;
color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.06);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white li.mm-noresults {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header a:before {
border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-black .mm-page {
box-shadow: none; }

.mm-ismenu.mm-black {
background: black;
color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-list > li:after {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black li.mm-noresults {
color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter {
color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header a:before {
border-color: rgba(255, 255, 255, 0.3); }





/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.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-invisible-blank-slide {
  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(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: 27px 44px;
  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'%23007aff'%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'%23007aff'%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: absolute;
  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: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
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: #007aff;
}
.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: #007aff;
  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;
}



/*==================================================
clearfix
==================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}