﻿@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
button,
i.icon,
select {
	text-transform: none
}

.ui-helper-reset,
a {
	text-decoration: none
}

.pswp,
body,
html {
	-webkit-text-size-adjust: 100%
}

*,
.pswp__container,
.pswp__img,
:after,
:before {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__caption--fake {
	visibility: hidden
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__img--placeholder,
.pswp__share-modal,
.pswp__share-tooltip,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.button,
.input_text {
	outline: 0;
	-moz-appearance: none
}

#home section.mbar1 .button_scroll,
#login .input_form .buttons,
nav.sitemap dl dd {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.services table.facilities,
.ui-datepicker table,
table,
table.timeline {
	border-collapse: collapse
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

.ui-helper-hidden,
[hidden],
template {
	display: none
}

audio:not([controls]) {
	display: none;
	height: 0
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

pre,
textarea {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

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

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.button,
.input_text,
.pswp__button {
	-webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

td,
th {
	padding: 0
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.roboto {
	font-family: Roboto, sans-serif
}

@font-face {
	font-family: URWDIN;
	src: url(../fonts/URWDIN-Regular.ttf) format("truetype"), url(../fonts/URWDIN-Regular.woff) format("woff"), url(../fonts/URWDIN-Regular.svg) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: URWDIN;
	src: url(../fonts/URWDIN-Bold.ttf) format("truetype"), url(../fonts/URWDIN-Bold.woff) format("woff"), url(../fonts/URWDIN-Bold.svg) format("svg");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: URWDIN;
	src: url(../fonts/URWDIN-BoldItalic.ttf) format("truetype"), url(../fonts/URWDIN-BoldItalic.woff) format("woff"), url(../fonts/URWDIN-BoldItalic.svg) format("svg");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: URWDIN;
	src: url(../fonts/URWDIN-Italic.ttf) format("truetype"), url(../fonts/URWDIN-Italic.woff) format("woff"), url(../fonts/URWDIN-Italic.svg) format("svg");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: URWDIN;
	src: url(../fonts/URWDIN-Medium.ttf) format("truetype"), url(../fonts/URWDIN-Medium.woff) format("woff"), url(../fonts/URWDIN-Medium.svg) format("svg");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: tunnel_tokyo;
	src: url(../fonts/tunnel_tokyo.ttf?g59ji7) format("truetype"), url(../fonts/tunnel_tokyo.woff?g59ji7) format("woff"), url(../fonts/tunnel_tokyo.svg?g59ji7#tunnel_tokyo) format("svg");
	font-weight: 400;
	font-style: normal
}

i.icon {
	font-family: 'thinks' !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon_alert:before {
	content: "\e900"
}

.icon_arrow-A-left:before {
	content: "\e901"
}

.icon_arrow-A-right:before {
	content: "\e902"
}

.icon-arrow_B_down:before {
	content: "\e900"
}



.icon_arrow-B-left:before {
	content: "\e904"
}

.icon_arrow-B-right:before {
	content: "\e905"
}

.icon_arrow-B-up:before {
	content: "\e906"
}

.icon_check:before {
	content: "\e907"
}

.icon_facebook:before {
	content: "\e908"
}

.icon_full-screen-close:before {
	content: "\e909"
}

.icon_full-screen:before {
	content: "\e90a"
}

.icon_glass:before {
	content: "\e90b"
}

.icon_grid:before {
	content: "\e90c"
}

.icon_hamburger:before {
	content: "\e90d"
}

.icon_heart:before {
	content: "\e90e"
}

.icon_human:before {
	content: "\e90f"
}

.icon_instagram:before {
	content: "\e910"
}

.icon_phon:before {
	content: "\e911"
}

.icon_pin:before {
	content: "\e912"
}

.icon_plus:before {
	content: "\e913"
}

.icon_reload:before {
	content: "\e914"
}

.icon_three-dots:before {
	content: "\e915"
}

.icon_triangle-down:before {
	content: "\e916"
}

.icon_triangle-left:before {
	content: "\e917"
}

.icon_triangle-right:before {
	content: "\e918"
}

.icon_triangle-up:before {
	content: "\e919"
}

.icon_twitter:before {
	content: "\e91a"
}

.icon_x-mark:before {
	content: "\e91b"
}


/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-zfix,
.ui-widget-overlay {
	top: 0;
	width: 100%;
	height: 100%;
	left: 0
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

html,
main {
	min-height: 100%
}

.ui-helper-zfix {
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important
}

.ui-state-disabled .ui-state-default {
	color: #CDD6DD!important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: fixed
}

.ui-datepicker {
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 10px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	background: center no-repeat;
	-webkit-background-size: 16px auto;
	background-size: 16px auto
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
	opacity: .3
}

.ui-datepicker .ui-datepicker-prev {
	left: 0;
	background-image: url(../images/svg/arrow_B_left.svg);
	background-position: left center
}

.ui-datepicker .ui-datepicker-next {
	right: 0;
	background-image: url(../images/svg/arrow_B_right.svg);
	background-position: right center
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 7px 0 0;
	padding: 0 0 0 7px;
	border: 0;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 0 1px #fb5e63;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 0 1px #fb5e63;
	color: #333;
	background: #fff;
	outline: 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	height: 30px
}

.ui-datepicker span.ui-datepicker-month {
	font-size: 24px;
	font-weight: 700
}

.ui-datepicker table {
	font-size: 12px
}

.ui-datepicker th {
	font-weight: 400;
	border: 0
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.center,
.ui-datepicker th {
	text-align: center
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.cover,
.pswp,
.pswp__item,
.pswp__scroll-wrap,
body.fixed {
	overflow: hidden
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker-trigger {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.ui-datepicker-inline,
tr td.date-event .ui-state-default {
	position: relative
}

tr td.date-event .ui-state-default:after {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	background: #D22630;
	border-radius: 100%;
	content: ''
}

.cover,
.datepicker_wrap,
.titleback,
html {
	position: relative
}

tr td.date-event .ui-state-default.active:after,
tr td.date-event.active .ui-state-default:after {
	background: #fff
}

.ui-datepicker td.ui-datepicker-today .ui-state-default {
	color: #d85358
}

.ui-datepicker-inline .ui-datepicker-current-day {
	-webkit-box-shadow: none;
	box-shadow: none
}

.ui-datepicker-inline .ui-datepicker-title {
	cursor: pointer
}

.ui-datepicker td {
	width: 42px;
	height: 30px;
	padding: 0;
	background: #F0F3F5;
	border: 4px solid #fff;
	font-size: 12px
}

.ui-datepicker td .ui-state-default {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: 30px;
	background: 0 0;
	border: 0;
	text-align: center;
	color: #6F7579
}

.button,
.titleback {
	-webkit-box-pack: center
}

.ui-datepicker td .ui-state-default.ui-state-active {
	background: #D22630;
	color: #fff
}

.ui-datepicker {
	border: 0!important;
	padding: 10px;
	background: #fff;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
}

.ui-widget-header.ui-datepicker-header {
	position: relative;
	height: 36px;
	border: 0;
	color: #6F7579;
	background: #fff
}

.ui-datepicker,
.ui-datepicker-header {
	border-radius: 0!important;
	width: 320px
}

@media (max-width:375px) {
	.ui-datepicker,
	.ui-datepicker-header {
		width: 260px
	}
}

.ui-datepicker th {
	color: #CDD6DD;
	background: #fff;
	width: 42px;
	height: 24px;
	padding: 0;
	vertical-align: middle;
	font-size: 12px
}

.ui-datepicker table {
	width: 320px;
	margin: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border: 0;
	border-top: 0
}

*,
.pswp *,
:after,
:before {
	-webkit-box-sizing: border-box
}

@media (max-width:375px) {
	.ui-datepicker table {
		width: 260px
	}
}

.ui-datepicker-inline {
	padding: 0 0 50px;
	-webkit-box-shadow: none;
	box-shadow: none
}

body,
figure,
html,
li,
ul {
	margin: 0;
	padding: 0
}

.input_text,
.pswp__button,
input.search_input {
	-webkit-box-shadow: none
}

.datepicker_wrap {
	display: inline-block
}

.input_text.hasDatepicker {
	background: url(../images/common/icon_calendar.png) right center no-repeat #fff;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

body,
html {
	width: 100%;
	height: 100%
}

html {
	background: #FFF;
}

body {
	font-family: 'Noto Sans JP','源ノ角ゴシック Regular','源ノ角ゴシック', 'Hiragino Kaku Gothic Pro', sans-serif;
	background: #fff;
	line-height: 1.6;
	overflow-x: hidden;
	font-weight: 500
}

	body:not(#home) main {
		padding-top: 100px;
	}

  @media (max-width:700px) {
    body:not(#home) main {
      padding-top: 78px;
    }
  }

@media (max-width:1280px) {
	/*body,
	body:not(#home) {
		padding-top: 56px
	}*/
}

/*
main {
	margin-bottom: -305px
}

@media (max-width:768px) {
	body {
		min-width: 680px
	}
	main {
		margin-bottom: -368px
	}
}

@media (max-width:480px) {
	body {
		min-width: auto
	}
	main {
		margin-bottom: -79.2vw
	}
}*/

*,
:after,
:before {
	box-sizing: border-box
}

input,
textarea {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

li,
ul {
	list-style: none
}

table {
	border-spacing: 0
}

.clearfix:after,
.clearfix:before {
	content: ' ';
	display: table
}

.clearfix:after {
	clear: both
}

.align_right {
	display: block;
	text-align: right
}

.or,
.pswp__error-msg,
h1.heading {
	text-align: center
}

.align_right>.btn {
	display: inline-block
}

h1.heading img,
h2.heading img,
h3.heading+p span,
hr {
	display: block
}

hr {
	width: 100%;
	height: 1px;
	background: #CDD6DD;
	border: none
}

.mt0 {
	margin-top: 0!important
}

.mb0 {
	margin-bottom: 0!important
}

.pt0 {
	padding-top: 0!important
}

.pb0 {
	padding-bottom: 0!important
}

.mt1 {
	margin-top: 1px!important
}

.mt-1 {
	margin-top: -1px!important
}

.mb1 {
	margin-bottom: 1px!important
}

.mb-1 {
	margin-bottom: -1px!important
}

.pt1 {
	padding-top: 1px!important
}

.pb1 {
	padding-bottom: 1px!important
}

.mt2 {
	margin-top: 2px!important
}

.mt-2 {
	margin-top: -2px!important
}

.mb2 {
	margin-bottom: 2px!important
}

.mb-2 {
	margin-bottom: -2px!important
}

.pt2 {
	padding-top: 2px!important
}

.pb2 {
	padding-bottom: 2px!important
}

.mt3 {
	margin-top: 3px!important
}

.mt-3 {
	margin-top: -3px!important
}

.mb3 {
	margin-bottom: 3px!important
}

.mb-3 {
	margin-bottom: -3px!important
}

.pt3 {
	padding-top: 3px!important
}

.pb3 {
	padding-bottom: 3px!important
}

.mt4 {
	margin-top: 4px!important
}

.mt-4 {
	margin-top: -4px!important
}

.mb4 {
	margin-bottom: 4px!important
}

.mb-4 {
	margin-bottom: -4px!important
}

.pt4 {
	padding-top: 4px!important
}

.pb4 {
	padding-bottom: 4px!important
}

.mt5 {
	margin-top: 5px!important
}

.mt-5 {
	margin-top: -5px!important
}

.mb5 {
	margin-bottom: 5px!important
}

.mb-5 {
	margin-bottom: -5px!important
}

.pt5 {
	padding-top: 5px!important
}

.pb5 {
	padding-bottom: 5px!important
}

.mt6 {
	margin-top: 6px!important
}

.mt-6 {
	margin-top: -6px!important
}

.mb6 {
	margin-bottom: 6px!important
}

.mb-6 {
	margin-bottom: -6px!important
}

.pt6 {
	padding-top: 6px!important
}

.pb6 {
	padding-bottom: 6px!important
}

.mt7 {
	margin-top: 7px!important
}

.mt-7 {
	margin-top: -7px!important
}

.mb7 {
	margin-bottom: 7px!important
}

.mb-7 {
	margin-bottom: -7px!important
}

.pt7 {
	padding-top: 7px!important
}

.pb7 {
	padding-bottom: 7px!important
}

.mt8 {
	margin-top: 8px!important
}

.mt-8 {
	margin-top: -8px!important
}

.mb8 {
	margin-bottom: 8px!important
}

.mb-8 {
	margin-bottom: -8px!important
}

.pt8 {
	padding-top: 8px!important
}

.pb8 {
	padding-bottom: 8px!important
}

.mt9 {
	margin-top: 9px!important
}

.mt-9 {
	margin-top: -9px!important
}

.mb9 {
	margin-bottom: 9px!important
}

.mb-9 {
	margin-bottom: -9px!important
}

.pt9 {
	padding-top: 9px!important
}

.pb9 {
	padding-bottom: 9px!important
}

.mt10 {
	margin-top: 10px!important
}

.mt-10 {
	margin-top: -10px!important
}

.mb10 {
	margin-bottom: 10px!important
}

.mb-10 {
	margin-bottom: -10px!important
}

.pt10 {
	padding-top: 10px!important
}

.pb10 {
	padding-bottom: 10px!important
}

.mt11 {
	margin-top: 11px!important
}

.mt-11 {
	margin-top: -11px!important
}

.mb11 {
	margin-bottom: 11px!important
}

.mb-11 {
	margin-bottom: -11px!important
}

.pt11 {
	padding-top: 11px!important
}

.pb11 {
	padding-bottom: 11px!important
}

.mt12 {
	margin-top: 12px!important
}

.mt-12 {
	margin-top: -12px!important
}

.mb12 {
	margin-bottom: 12px!important
}

.mb-12 {
	margin-bottom: -12px!important
}

.pt12 {
	padding-top: 12px!important
}

.pb12 {
	padding-bottom: 12px!important
}

.mt13 {
	margin-top: 13px!important
}

.mt-13 {
	margin-top: -13px!important
}

.mb13 {
	margin-bottom: 13px!important
}

.mb-13 {
	margin-bottom: -13px!important
}

.pt13 {
	padding-top: 13px!important
}

.pb13 {
	padding-bottom: 13px!important
}

.mt14 {
	margin-top: 14px!important
}

.mt-14 {
	margin-top: -14px!important
}

.mb14 {
	margin-bottom: 14px!important
}

.mb-14 {
	margin-bottom: -14px!important
}

.pt14 {
	padding-top: 14px!important
}

.pb14 {
	padding-bottom: 14px!important
}

.mt15 {
	margin-top: 15px!important
}

.mt-15 {
	margin-top: -15px!important
}

.mb15 {
	margin-bottom: 15px!important
}

.mb-15 {
	margin-bottom: -15px!important
}

.pt15 {
	padding-top: 15px!important
}

.pb15 {
	padding-bottom: 15px!important
}

.mt16 {
	margin-top: 16px!important
}

.mt-16 {
	margin-top: -16px!important
}

.mb16 {
	margin-bottom: 16px!important
}

.mb-16 {
	margin-bottom: -16px!important
}

.pt16 {
	padding-top: 16px!important
}

.pb16 {
	padding-bottom: 16px!important
}

.mt17 {
	margin-top: 17px!important
}

.mt-17 {
	margin-top: -17px!important
}

.mb17 {
	margin-bottom: 17px!important
}

.mb-17 {
	margin-bottom: -17px!important
}

.pt17 {
	padding-top: 17px!important
}

.pb17 {
	padding-bottom: 17px!important
}

.mt18 {
	margin-top: 18px!important
}

.mt-18 {
	margin-top: -18px!important
}

.mb18 {
	margin-bottom: 18px!important
}

.mb-18 {
	margin-bottom: -18px!important
}

.pt18 {
	padding-top: 18px!important
}

.pb18 {
	padding-bottom: 18px!important
}

.mt19 {
	margin-top: 19px!important
}

.mt-19 {
	margin-top: -19px!important
}

.mb19 {
	margin-bottom: 19px!important
}

.mb-19 {
	margin-bottom: -19px!important
}

.pt19 {
	padding-top: 19px!important
}

.pb19 {
	padding-bottom: 19px!important
}

.mt20 {
	margin-top: 20px!important
}

.mt-20 {
	margin-top: -20px!important
}

.mb20 {
	margin-bottom: 20px!important
}

.mb-20 {
	margin-bottom: -20px!important
}

.pt20 {
	padding-top: 20px!important
}

.pb20 {
	padding-bottom: 20px!important
}

.mt21 {
	margin-top: 21px!important
}

.mt-21 {
	margin-top: -21px!important
}

.mb21 {
	margin-bottom: 21px!important
}

.mb-21 {
	margin-bottom: -21px!important
}

.pt21 {
	padding-top: 21px!important
}

.pb21 {
	padding-bottom: 21px!important
}

.mt22 {
	margin-top: 22px!important
}

.mt-22 {
	margin-top: -22px!important
}

.mb22 {
	margin-bottom: 22px!important
}

.mb-22 {
	margin-bottom: -22px!important
}

.pt22 {
	padding-top: 22px!important
}

.pb22 {
	padding-bottom: 22px!important
}

.mt23 {
	margin-top: 23px!important
}

.mt-23 {
	margin-top: -23px!important
}

.mb23 {
	margin-bottom: 23px!important
}

.mb-23 {
	margin-bottom: -23px!important
}

.pt23 {
	padding-top: 23px!important
}

.pb23 {
	padding-bottom: 23px!important
}

.mt24 {
	margin-top: 24px!important
}

.mt-24 {
	margin-top: -24px!important
}

.mb24 {
	margin-bottom: 24px!important
}

.mb-24 {
	margin-bottom: -24px!important
}

.pt24 {
	padding-top: 24px!important
}

.pb24 {
	padding-bottom: 24px!important
}

.mt25 {
	margin-top: 25px!important
}

.mt-25 {
	margin-top: -25px!important
}

.mb25 {
	margin-bottom: 25px!important
}

.mb-25 {
	margin-bottom: -25px!important
}

.pt25 {
	padding-top: 25px!important
}

.pb25 {
	padding-bottom: 25px!important
}

.mt26 {
	margin-top: 26px!important
}

.mt-26 {
	margin-top: -26px!important
}

.mb26 {
	margin-bottom: 26px!important
}

.mb-26 {
	margin-bottom: -26px!important
}

.pt26 {
	padding-top: 26px!important
}

.pb26 {
	padding-bottom: 26px!important
}

.mt27 {
	margin-top: 27px!important
}

.mt-27 {
	margin-top: -27px!important
}

.mb27 {
	margin-bottom: 27px!important
}

.mb-27 {
	margin-bottom: -27px!important
}

.pt27 {
	padding-top: 27px!important
}

.pb27 {
	padding-bottom: 27px!important
}

.mt28 {
	margin-top: 28px!important
}

.mt-28 {
	margin-top: -28px!important
}

.mb28 {
	margin-bottom: 28px!important
}

.mb-28 {
	margin-bottom: -28px!important
}

.pt28 {
	padding-top: 28px!important
}

.pb28 {
	padding-bottom: 28px!important
}

.mt29 {
	margin-top: 29px!important
}

.mt-29 {
	margin-top: -29px!important
}

.mb29 {
	margin-bottom: 29px!important
}

.mb-29 {
	margin-bottom: -29px!important
}

.pt29 {
	padding-top: 29px!important
}

.pb29 {
	padding-bottom: 29px!important
}

.mt30 {
	margin-top: 30px!important
}

.mt-30 {
	margin-top: -30px!important
}

.mb30 {
	margin-bottom: 30px!important
}

.mb-30 {
	margin-bottom: -30px!important
}

.pt30 {
	padding-top: 30px!important
}

.pb30 {
	padding-bottom: 30px!important
}

h1.heading {
	margin: 0 0 40px;
	font-size: 38px;
	vertical-align: bottom;
	line-height: 46px;
	font-weight: 400
}

@media (max-width:480px) {
	h1.heading {
		font-size: 4.2666666667vw;
		line-height: 6.4vw;
		margin: 0 0 4.2666666667vw
	}
}

h1.heading img {
	margin: 0 auto
}

h1.heading strong {
	display: block;
	font-family: URWDIN, sans-serif;
	font-weight: 700;
	font-size: 56px;
	line-height: 66px;
	vertical-align: top;
	margin-bottom: 8px
}

@media (max-width:480px) {
	h1.heading strong {
		font-size: 6.4vw;
		line-height: 9.0666666667vw;
		margin-bottom: 0
	}
}

h1.heading+.container>p:first-child {
	font-weight: 700
}

h2.heading {
	margin: 0 0 40px
}

h2.heading img {
	margin: 0 auto
}

@media (max-width:1000px) {
	h2.heading#big_gate img {
		width: 514px
	}
	h2.heading#tunnel_vision img {
		width: 700px
	}
}

@media (max-width:768px) {
	h2.heading#big_gate img {
		width: 380px
	}
	h2.heading#tunnel_vision img {
		width: 518px
	}
}

@media (max-width:480px) {
	h2.heading {
		margin: 0 0 1.0666666667vw
	}
	h2.heading#big_gate {
		padding-top: 6.4vw
	}
	h2.heading#big_gate img {
		width: 37.3333333333vw
	}
	h2.heading#tunnel_vision img {
		width: 87.2vw
	}
}

h3.heading,
h4.heading {
	margin: 0;
	line-height: 1.5;
	font-weight: 700;
	vertical-align: middle
}

h3.heading {
	font-size: 24px
}

h3.heading+p {
	margin-top: 0
}

h3.heading+p span.inline_block {
	display: inline-block
}

@media (max-width:480px) {
	h3.heading+p {
		font-size: 4.2666666667vw;
		line-height: 1.5
	}
	h3.heading+p span,
	h3.heading+p span.inline_block {
		display: inline
	}
}

h4.heading {
	font-size: 16px;
	padding: 0
}

@media (max-width:480px) {
	h4.heading {
		font-size: 4.2666666667vw
	}
}

p.paragraph {
	font-size: 16px;
	line-height: 2;
	vertical-align: middle
}

section {
	width: 100%;
	background: center 0 no-repeat;
	background-color: rgba(0,0,0,0)
	color: #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

section.bg_purple {
	background-color: #53183f
}

section.bg_blue {
	background-color: #0b082c
}

section.bg_gray {
	background-color: #3b4043
}

section.bg_black {
	background-color: #282828
}

section.bg_white {
	background-color: #fff;
	color: #101010
}

section.bg_pattern {
	background: url(../images/common/bg_pattern.png);
	color: #101010
}

section.bg_purple {
	background-image: url(../images/common/bg_purple.jpg)
}

section.bg_blue {
	background-image: url(../images/common/bg_blue.jpg)
}

section.bg_gray {
	background-image: url(../images/common/bg_gray.png);
	-webkit-background-size: 1643px auto;
	background-size: 1643px auto;
	background-position: center
}

section.bg_black.pattern {
	background-image: url(../images/svg/pattern_left_black.svg), url(../images/svg/pattern_right_black.svg);
	-webkit-background-size: auto 29.1666666667vw;
	background-size: auto 29.1666666667vw;
	background-position: left 0, right bottom
}

@media (max-width:480px) {
	p.paragraph {
		font-size: 3.7333333333vw
	}
	section.bg_black.pattern {
		-webkit-background-size: 66.6666666667vw auto;
		background-size: 66.6666666667vw auto
	}
}

section.bg_white.pattern {
	background-image: url(../images/svg/pattern_left_white.svg), url(../images/svg/pattern_right_white.svg);
	-webkit-background-size: auto 29.1666666667vw;
	background-size: auto 29.1666666667vw;
	background-position: left 0, right bottom
}

.container {
  max-width: 1200px;
  margin: 0 auto
}


@media (max-width:1500px) {
  .container {
	max-width: 943px;
  }
  .logo_tex_container {
	width: 943px;
  }
}

@media (max-width:700px) {
	.container {
		width: 60vw
	}
}

@media (max-width:415px) {
	section.bg_white.pattern {
		-webkit-background-size: 66.6666666667vw auto;
		background-size: 66.6666666667vw auto
	}
	.container {
		width: 84vw
	}
}

@media (min-width: 1500px) {
  .container {
	  max-width: 1000px;
  }
}


@media (min-width: 1800px) {
	.container {
		max-width: 1348px
	}
}

.titleback {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 240px;
	background: url(../images/common/titleback.jpg) center 0 no-repeat #000;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

.titleback h1.heading {
	font-family: Helvetica Neue, Roboto, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 48px;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	margin: 0
}
/*
#home section.mbar1 .button_scroll,
.authentication_code span,
.breadcrumbs,
.button_login,
footer .container,
footer nav a,
footer th.name,
footer th.open_hours,
header nav a,
header nav a.active,
header + nav a,
header + nav a.active,
#af_head nav a,
#af_head nav a.active,
#af_head + nav a,
#af_head + nav a.active,
ul.information_list li .content_header time {
	font-family: Helvetica Neue, Roboto, sans-serif;
}*/

@media (max-width:1366px) {
	.titleback {
		height: 264px
	}
}

@media (max-width:768px) {
	.titleback {
		height: 128px
	}
	.titleback h1.heading {
		font-size: 40px
	}
}

@media (max-width:480px) {
	.titleback {
		height: 88px
	}
	.titleback h1.heading {
		font-size: 32px
	}
}

.cover .container {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cover>img {
	display: block;
	width: 100%;
	height: auto
}

@media (max-width:1280px) {
	.cover.concept_title>img {
		height: 400px;
		width: auto;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@media (max-width:768px) {
	.cover.concept_title>img {
		height: 322px;
		width: auto;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@media (max-width:480px) {
	.cover.concept_title>img {
		height: 195px;
		width: auto;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.cover .comment {
		display: none
	}
}

.cover .comment {
	position: absolute;
	width: 359px;
	height: auto;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 2;
	vertical-align: middle;
	background: rgba(0, 0, 0, .8)
}

.cover .comment.left {
	left: 0;
	top: 40px
}

.cover .comment.right {
	right: 0;
	bottom: 40px
}

@media (max-width:1366px) {
	.cover .comment.left {
		top: 20px
	}
	.cover .comment.right {
		bottom: 20px
	}
}

@media (max-width:768px) {
	.cover .comment.left {
		top: 30px
	}
	.cover .comment.right {
		bottom: 30px
	}
}

.breadcrumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 48px;
	padding-top: 24px;
	margin: 0 0 32px
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap {
	height: 100%;
	top: 0;
	left: 0
}

.breadcrumbs span {
	display: block;
	margin-right: 8px
}

.breadcrumbs span a:active,
.breadcrumbs span a:hover,
.breadcrumbs span a:link,
.breadcrumbs span a:visited {
	color: #393939
}

.breadcrumbs span:last-child {
	font-weight: 700
}

.breadcrumbs span:not(:first-child)::before {
	content: "/";
	margin-right: 8px;
	font-weight: 400;
	font-style: normal
}

.error_text_en {
	font-size: 16px;
	color: #282828;
	line-height: 24px;
	margin: 6px 0 12px;
	font-weight: 700
}

.error_text_en+.paragraph {
	margin-top: 0
}

.error_image {
	margin: 16px 0 0;
	padding-bottom: 202px
}

.error_image img {
	display: block;
	width: 40.6%;
	margin: 0 auto
}

@media (max-width:768px) {
	.error_image img {
		width: 83.9%
	}
}

@media (max-width:480px) {
	.error_image img {
		width: 87.4%
	}
}

.indent {
	display: block;
	padding-left: 1em;
	text-indent: -1em
}

#quit_page .indent,
#recess_page .indent {
	margin-top: .5em
}

#quit_page .indent a:active,
#quit_page .indent a:hover,
#quit_page .indent a:link,
#quit_page .indent a:visited,
#recess_page .indent a:active,
#recess_page .indent a:hover,
#recess_page .indent a:link,
#recess_page .indent a:visited {
	color: #D22630;
	text-decoration: underline
}

.or {
	display: block;
	width: 416px;
	max-width: 100%;
	color: #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#888)) center no-repeat;
	background: linear-gradient(to bottom, #888 0, #888 100%) center no-repeat;
	-webkit-background-size: 100% 1px;
	background-size: 100% 1px;
	margin-bottom: 48px
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
	width: 100%;
	position: absolute
}

.or span {
	display: inline-block;
	padding: 0 20px;
	background: #fff
}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
	display: none;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	outline: 0
}

.pswp--open,
.pswp__button {
	display: block
}

.pswp * {
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	background: #000;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: opacity
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__zoom-wrap {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie .pswp__img {
	width: 100%!important;
	height: auto!important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp__error-msg a {
	color: #CCC;
	text-decoration: underline
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
	color: #000;
	text-decoration: none
}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
	position: relative;
	cursor: pointer;
	overflow: visible;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: 0;
	opacity: .9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(skin/default-skin.png) no-repeat;
	-webkit-background-size: 264px 88px;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(skin/default-skin.svg)
	}
	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: 0 0
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: 0 0;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, .3);
	height: 30px;
	width: 32px;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

.pswp__caption--empty,
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__counter,
.pswp__preloader {
	height: 44px;
	top: 0;
	position: absolute
}

.button:disabled,
label.checkbox.disabled {
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D
}

a.pswp__share--download:hover {
	background: #DDD
}

.pswp__counter {
	left: 0;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: .75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption small {
	font-size: 11px;
	color: #BBB
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC
}

.button_flat,
.button_flat:active,
.button_flat:hover,
.button_flat:link,
.button_flat:visited {
	color: #D22630
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__ui {
	visibility: visible
}

.pswp__preloader {
	width: 44px;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url(skin/preloader.gif) no-repeat
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: 0 0;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: 0 0;
	margin: 0
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes donut-rotate {
	0%,
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
}

@keyframes donut-rotate {
	0%,
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__caption,
.pswp__top-bar {
	background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}

.pswp__element--disabled {
	display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
	background: 0 0
}

.button_flat {
	display: inline-block;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: center
}

.button_flat i.icon {
	font-size: 16px;
	margin-left: 9px;
	vertical-align: 2px
}
