@charset "UTF-8";
/*----------------------------------------------------
	style.css
	リセット・基本・共通スタイル
----------------------------------------------------*/

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

/* 基本設定 */
html {
	font-size: 62.5%; /* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
	overflow-y: scroll;
}
body {
	min-height: 100%;
	color: #191919;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6em; /* フォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
a:link {
	color: #004898;
	text-decoration: none;
	-webkit-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s; /* Edge対策のため省略しない */
	outline: none;
}
a:hover, a:visited, a:active { 
	color: #004898;
	text-decoration: none;
}
img { vertical-align: top; }
hr { height: 0; margin: 0; padding: 0; border: 0; }
.imgL { float: left; }
.imgR { float: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* for IE8 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* box-sizing */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* テキスト選択時の色 */
::selection { background: #b8f0ff;  }
::-moz-selection { background: #b8f0ff; }

/* フォームリセット */
input, button, textarea, select {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  outline: none;
  font-family: FontAwesome;
}
input[type="button"] {
	cursor: pointer;
	font-family: FontAwesome;
}
input::placeholder {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #cdcccc;
	opacity: 1;
}
select::-ms-expand { display: none; }
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; /* Firefox用 */
	text-overflow: ""; /* Firefox用 */
	border: none;
	outline: none;
	cursor: pointer;
}
button {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	cursor: pointer;
}
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; }
select:-moz-focusring { /* 点線消し */
	color: transparent;
	text-shadow: 0 0 0 #000;
}
select option { padding: 5px 0; }


#page {
    width: 100%;
    text-align: left;
}

/* 投稿関係 */
.ic_cat {
	margin: 0 0 0 10px;
	padding: 2px 10px;
	color: #fff;
	font-size: 1.4rem;
	display: inline-block;
}
.cat-0 { background: #1C75BC; }
.cat-1 { background: #c94a4a; }

/* PC
--------------------------------------------------------------------------------------------------------*/

/* ---------- header ---------- */
#gloval_header {
	width: 100%;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	z-index: 100;
}
#gloval_header h1 {
	width: 180px;
	float: left;
}
#gloval_header h1 img {
	width: 100%;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
}
#gloval_header #nav_toggle { display: none; }
#gloval_header #gloval_nav {
	visibility: inherit;
	opacity: 1;
}
#gloval_header ul {
	padding: 10px 0 0 0;
	float: right;
}
#gloval_header ul li { display: inline-block; }
#gloval_header ul li a {
	padding: 0 20px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0068b7;
}
#gloval_header ul li a:visited { color: #0068b7; }
#gloval_header ul li a:hover { color: #6bc7f1; }

/* ---------- 共通 ---------- */
.pc { display: inline-block; }
.sp { display: none; }

/* 見出し */
.st_title01 {
	width: 100%;
	font-size: 36px;
	font-size: 3.6rem;
	text-align: center;
	display: inline-block;
	position: relative;
}
.st_title01::first-letter { color: #0068b7; }
.st_title01 span {
	width: 100%;
	margin: 0 0 60px 0;
	position: relative;
	display: inline-block;
	top: 0;
}
.st_title01 span:before {
	content: '';
	position: absolute;
	bottom: -5px;
	width: 100px;
	height: 2px;
	left: 50%;
	display: inline-block;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #0068b7;
	border-radius: 1px;
}

/* 見出し下テキスト */
.st_catch { margin: 0 0 60px 0; }

/* アンカーリンク調整 */
.area {
	margin: -100px 0 0 0;
	padding: 100px 0 0 0;
}

/* ボタン */
.btn {
	display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff !important;
}
.btn i {
	display: inline-block;
	margin: 0 5px 0 0;
}
.btn_flat {
  overflow: hidden;
  padding: 1.5rem 4rem;
  border-radius: 0;
  background: #000;
}
.btn_flat span { position: relative; }
.btn_flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 500%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-55%) rotate(45deg);
  transform: translateX(-98%) translateY(-55%) rotate(45deg);
	background: #0068b7;
}
.btn_flat:hover { color: #fff; }
.btn_flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.btn_works {
	width: 300px;
	margin: 0 auto;
	padding: 12px 0;
  display: block;
  text-align: center;
  color: #0068b7;
  background-color: #fff;
  position: relative;
  border: 1px solid #0068b7;
  transition: color 0.5s ease;
}
.btn_works:hover { color: #fff; }
.btn_works:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.btn_works::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #0068b7;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
.btn_works span { position: relative; }
.btn_works span i {
	display: inline-block;
	margin: 0 5px 0 0;
}

/* フォーム関係 */
.fm01 {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #1cbcef;
	vertical-align: middle;
}
.fm02 {
	width: 100%;
	height: 300px;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #1cbcef;
	resize: vertical;
}
.fm03 {
	width: 20%;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #1cbcef;
}
.bt_search {
	display: inline-block;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5bc0de;
	border: 1px solid #46b8da;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	text-decoration: none;
	position: relative;
	top: -1px;
}
.btarea { text-align: center; }

/* チェックボックス */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}
label:hover:before { border: 2px solid #4778d9!important; }

.bt_form {
	width: 220px;
	margin: 0 20px;
	padding: 20px 0;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display: inline-block;
	cursor: pointer;
}
.bt_form.submit { background: #1c75bc; }
.bt_form.back { background: #a0a0a0; }
.bt_form.confirm { background: #759bb9; }

/* Modaal style */
#modal { display:none; }


/* ---------- footer ---------- */
#gloval_footer {
	width: 100%;
	padding: 30px;
	background: #666;
	color: #fff;
	text-align: center;
}
#gloval_footer .add_txt {
	margin: 0 0 40px 0;
	font-size: 14px;
	font-size: 1.4rem;
}
#gloval_footer .add_txt em {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	display: inline-block;
}
#gloval_footer .copy {
	font-size: 14px;
	font-size: 1.4rem;
}
  

/* SP
--------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 999px) {
	/* ---------- header ---------- */
	#gloval_header #nav_toggle {
	  position: fixed;
	  top: 15px;
	  right: 25px;
	  height: 32px;
	  cursor: pointer;
	  display: block;
	}
	#gloval_header #nav_toggle > div {
	  position: relative;
	  width: 36px;
	}
	#gloval_header #nav_toggle span {
	  width: 100%;
	  height: 1px;
	  left: 0;
	  display: block;
	  background: #333;
	  position: absolute;
	  transition: top .5s ease, -webkit-transform .6s ease-in-out;
	  transition: transform .6s ease-in-out, top .5s ease;
	  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
	}
	#gloval_header #nav_toggle span:nth-child(1) { top: 0; }
	#gloval_header #nav_toggle span:nth-child(2) { top: 14px; }
	#gloval_header #nav_toggle span:nth-child(3) { top: 28px; }
	#gloval_header #nav_toggle:hover span:nth-child(1) { top: 4px; }
	#gloval_header #nav_toggle:hover span:nth-child(3) { top: 23px; }
	.open #gloval_header #nav_toggle span { background: #fff; }
	.open #gloval_header #nav_toggle span:nth-child(1) {
	  top: 15px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.open #gloval_header #nav_toggle span:nth-child(2) {
	  top: 15px;
	  width: 0;
	  left: 50%;
	}
	.open #gloval_header #nav_toggle span:nth-child(3) {
	  top: 15px;
	  -webkit-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	#gloval_header #nav_toggle { z-index: 1000; }
	#gloval_header #gloval_nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		text-align: center;
		display: flex;
		visibility: hidden;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	.open #gloval_header #gloval_nav {
		background: #0068b7;
		visibility: visible;
		opacity: 1;
	}
	#gloval_header #gloval_nav li {
		margin: 0 0 20px 0;
		display: block;
	}
	#gloval_header #gloval_nav li a { color: #fff; }
	
	/* ---------- 共通 ---------- */
	.sp_br { display: block; }
	
	/* 見出し */
	.st_title01 {
		font-size: 30px;
		font-size: 3.0rem;
	}
	.st_title01 span { margin: 0 0 30px 0; }
}


/* 最小サイズ調整
--------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
}



/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll { overflow: hidden; }
.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}
.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}
.modaal-wrapper.modaal-start_fade { opacity: 0; }
.modaal-wrapper *[tabindex="0"] { outline: none !important; }
.modaal-wrapper.modaal-fullscreen { overflow: hidden; }
.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper { display: block; }
.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}
.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}
.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}
.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}
.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after { background: #b93d0c; }
.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}
.modaal-content-container { padding: 30px; }
.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}
.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}
.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }
.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }
.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}
.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}
.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}
.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}
.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}
.modaal-gallery-item { display: none; }
.modaal-gallery-item img { display: block; }
.modaal-gallery-item.is_active { display: block; }
.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.modaal-gallery-label:focus { outline: none; }
.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after { background: #afb7bc; }
.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
}
.modaal-gallery-next-outer { right: 45px; }
.modaal-gallery-prev:before,
.modaal-gallery-prev:after { left: 22px; }
.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
}
.modaal-gallery-prev-outer { left: 45px; }
.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}
.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}
.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}
.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}
.modaal-loading-spinner > div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}
.modaal-loading-spinner > div > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
@media only screen and (min-width: 1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px;
	}
}

@media only screen and (max-width: 1140px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0, 0, 0, 0.7);
	}
	.modaal-gallery-control:before,
	.modaal-gallery-control:after {
		background: #fff;
	}
	.modaal-gallery-next {
		left: auto;
		right: 20px;
	}
	.modaal-gallery-prev {
		left: 20px;
		right: auto;
	}
}

@media screen and (max-width: 900px) {
	.modaal-instagram iframe {
		width: 500px !important;
	}
}

@media only screen and (max-width: 600px) {
	.modaal-instagram iframe {
		width: 280px !important;
	}
}

@media screen and (max-height: 1100px) {
	.modaal-instagram iframe {
		width: 700px !important;
	}
}

@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.modaal-instagram iframe {
		width: 600px !important;
	}
}

@media screen and (max-height: 900px) {
	.modaal-instagram iframe {
		width: 500px !important;
	}	
	.modaal-video-container {
		max-width: 900px;
		max-height: 510px;
	}
}

@media only screen and (max-height: 820px) {
	.modaal-gallery-label {
		display: none;
	}
}

@keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}