@import url(common.css);
@import url(common_header.css);
@import url(remodal.css);

/*------------------------------------------------
サミットクイズ！
------------------------------------------------*/
.bg.mountain {
	margin-left: -50%;
	width: 100%;
}
.section .body {
	padding-bottom: 25.586%;
}
.section .body .title {
	margin: 11.133% auto 0;
	width: 46.094%; /*472px*/
}
.section .body .link {
	margin: 5.176% auto 0;
	width: 25.391%; /*260px*/
}
#usummit {
	width: 20.996%;
	position: absolute;
	left: 58.789%;
	top: 65.634%;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0;
	-webkit-transition: opacity 200ms ease-out, top 200ms ease-out;
	-moz-transition: opacity 200ms ease-out, top 200ms ease-out;
	-ms-transition: opacity 200ms ease-out, top 200ms ease-out;
	-o-transition: opacity 200ms ease-out, top 200ms ease-out;
	transition: opacity 200ms ease-out, top 200ms ease-out;
}
#usummit.hide {
	/*top: 100%;*/
	opacity: 0;
	filter: alpha(opacity=0);
}
.mountain .bg {
	position: relative;
	z-index: 1;
}

/* ------------------------------------------------
  クイズウィンドウ
------------------------------------------------ */

#quiz {
	max-width: 656px;
	width: 100%;
	/*height: 462px;*/
	position: relative;
}
#quiz .body img {
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}
#quiz.scale {
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
#quiz > .frame {
	width: 100%;
	height: auto;
}
#quiz .body {
	background: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/frame.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100%;
	height: 100%;
	/*display: none;*/
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#quiz_frame.question .body.question,
#quiz_frame.answer .body.answer,
#quiz_frame.result .body.result {
	display: block;
}

/*----- 質問 -----*/
#quiz .body.question .title {
	text-align: center;
	background: 50% 80px no-repeat;
	background: 50% 50% no-repeat;
	-webkit-background-size: auto 16.063%;
	background-size: auto 16.063%;
	display: table;
	width: 100%;
	/*height: 193px;*/
	height: 41.775%;
}
#quiz .body.question .title .txt {
	padding-top: 120px;
	padding-top: 18.293%;
	display: table-cell;
	vertical-align: middle;
}

#quiz_frame.q1 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_1.png);
}
#quiz_frame.q2 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_2.png);
}
#quiz_frame.q3 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_3.png);
}
#quiz_frame.q4 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_4.png);
}
#quiz_frame.q5 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_5.png);
}
#quiz_frame.q6 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_6.png);
}
#quiz_frame.q7 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_7.png);
}
#quiz_frame.q8 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_8.png);
}
#quiz_frame.q9 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_9.png);
}
#quiz_frame.q10 .question .title {
	background-image: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/q_10.png);
}
#quiz .body.question .choices {
	margin: 3.05% auto 0;
	width: 87.043%;
}
#quiz .body.question .choices li {
	text-align: right;
	margin-top: 1.524%;
	cursor: pointer;
}

/*----- 答え -----*/
#quiz_frame.answer .body.answer .title {
	margin: 0 auto -1.372%;
	width: 85.976%;
	position: relative;
	z-index: 1;
}
#quiz_frame.answer .nav .next {
	width: 7.165%;
	display: block;
	position: absolute;
	/*right: 58px;*/
	right: 8.841%;
	/*top: 102px;*/
	top: 22.078%;
	z-index: 3;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}
#quiz_frame.answer .nav .next.show {
	opacity: 1;
	filter: alpha(opacity=1000);
	-webkit-animation: animation-jelly 800ms linear both;
	animation: animation-jelly 800ms linear both;
}
#quiz_frame.answer .body.answer p.answer {
	margin: 0 auto;
	width: 82.317%;
}

/*----- 結果 -----*/
#quiz_frame.result .body.result {
	background-image: none;
}
#quiz_frame.result .nav .play_again {
	width: 36.433%;
	position: absolute;
	right: 40px;
	right: 6.1%;
	bottom: 45px;
	bottom: 9.74%;
	z-index: 3;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}
#quiz_frame.result .nav .play_again.show {
	opacity: 1;
	filter: alpha(opacity=1000);
	-webkit-animation: animation-jelly 800ms linear both;
	animation: animation-jelly 800ms linear both;
}
#quiz_frame.result .score {
	display: none;
}
#quiz_frame.result_10 .body.result .mountain {
	/*margin-top: -32px;*/
	margin-top: -4.848%;
}
#quiz_frame.result_4 .body.result .mountain {
	margin-left: -74px;
	margin-left: -11.28%;
}
#quiz_frame.result_1 .body.result .mountain {
	/*margin-bottom: -3px;*/
	margin-bottom: -0.457%;
}


/*----- スコア -----*/

#quiz .score {
	text-align: left;
	letter-spacing: -.40em;
	background: url(/mofaj/gaiko/summit/ise-shima16/kids/img/quiz/score_line.png) 50% 50% no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	/*margin-left: -213px;*/
	margin-left: -32.393%;
	/*width: 425px;*/
	width: 64.787%;
	/*height: 50px;*/
	position: absolute;
	left: 50%;
	/*top: 24px;*/
	top: 5.2%;
	z-index: 10;
}
#quiz .score span,
#quiz .score span i {
	background: 50% 50% no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#quiz .score span {
	letter-spacing: normal;
	background-image: url(../img/quiz/score_mark.png);
	padding-top: 9.412%;
	width: 40px;
	width: 9.412%;
	height: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#quiz .score span i {
	background-image: url(../img/quiz/score_mark_incorrect.png);
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	-moz-transform: scale(0.1);
	-webkit-transform: scale(0.1);
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	/*padding-top: 100%;*/
	position: absolute;
	left: 0;
	top: 0;
}

#quiz .score .q1 {
	margin-top: 0.941%;
}
#quiz .score .q2 {
	margin-top: 1.176%;
	margin-left: 0.235%;
}
#quiz .score .q3 {
	margin-top: 1.882%;
	margin-left: 0.941%;
}
#quiz .score .q4 {
	margin-top: 0.941%;
	margin-left: 0.706%;
}
#quiz .score .q5 {
	margin-top: 0;
	margin-left: 0.471%;
}
#quiz .score .q6 {
	margin-top: 0.706%;
	margin-left: 0.706%;
}
#quiz .score .q7 {
	margin-top: 1.882%;
	margin-left: 0.471%;
}
#quiz .score .q8 {
	margin-top: 0.941%;
	margin-left: 0.706%;
}
#quiz .score .q9 {
	margin-top: 1.176%;
	margin-left: 0.706%;
}
#quiz .score .q10 {
	margin-top: 0.706%;
	margin-left: 0.706%;
}
#quiz .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#quiz_frame.q1 .score .q1,
#quiz_frame.q2 .score .q2,
#quiz_frame.q3 .score .q3,
#quiz_frame.q4 .score .q4,
#quiz_frame.q5 .score .q5,
#quiz_frame.q6 .score .q6,
#quiz_frame.q7 .score .q7,
#quiz_frame.q8 .score .q8,
#quiz_frame.q9 .score .q9,
#quiz_frame.q10 .score .q10 {
	background-image: url(../img/quiz/score_mark_current.png);
}
#quiz_frame.q1w .score .q1 i,
#quiz_frame.q2w .score .q2 i,
#quiz_frame.q3w .score .q3 i,
#quiz_frame.q4w .score .q4 i,
#quiz_frame.q5w .score .q5 i,
#quiz_frame.q6w .score .q6 i,
#quiz_frame.q7w .score .q7 i,
#quiz_frame.q8w .score .q8 i,
#quiz_frame.q9w .score .q9 i,
#quiz_frame.q10w .score .q10 i {
	opacity: 1;
	filter: alpha(opacity=1000);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
/*
	-webkit-animation: animation-jelly 800ms linear both;
	animation: animation-jelly 800ms linear both;
*/
}


/* ----------------------------
  キーフレーム
---------------------------- */


.animation-jelly-target {
  -webkit-animation: animation 1000ms linear both;
  animation: animation 1000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/NU1Cr6 */

@-webkit-keyframes animation-jelly { 
  0% { -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation-jelly { 
  0% { -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}




/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  /*background: rgba(43, 46, 56, 0.9);*/
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
	padding: 5px;
	display: block;
	position: absolute;
	top: -33px;
	right: -37px;
	cursor: pointer;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (max-width: 700px) {
.remodal-close {
	right: -3px;
	top: -40px;
}
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}