/* anim */

.fadeInRight, .fadeInLeft, .fadeOutLeft, .fadeOutRight, .fadeIn, .fadeOut {
	animation-duration: 200ms;
	-webkit-animation-duration: 200ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.zoomIn, .zoomOut {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.fadeInUp, .fadeOut {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.app-foot-home { background-color: #e8e8e8; }
.app-foot-home-row { padding: 12px 30px 15px 30px; font-size: 14px; color: #989ea7; line-height: 1em; text-align: center; }

/* start */

.app-start-1 { background-color: #ffffff; margin-top: 15px; }
.app-start-2 {
	color: #3c3c3c;
	line-height: 1.638em;
}
.app-start-2 h4 {
	color: #3c3c3c;
	font-size: 1.689rem;
	line-height: 0.97em;
	margin: 0;
	padding-bottom: 25px;
	padding-top: 25px;
}
.app-start-2 div {
	padding-left: 80px;
	margin-top: 25px;
	color: #3c3c3c;
	font-size: 1.25rem;
	line-height: 1.31em;
	background-position: 10px 5px;
	background-repeat: no-repeat;
}
.app-start-2 p {
	margin: 0;
	color: #3c3c3c;
	font-size: 0.938rem;
	line-height: 1.747em;
	padding-top: 5px;
}
.app-start-2 div:nth-of-type(1) { background-image: url(/images/d1.png) }
.app-start-2 div:nth-of-type(2) { background-image: url(/images/d2.png) }
.app-start-2 div:nth-of-type(3) { background-image: url(/images/d3.png) }
.app-start-3 { display: table; margin: 20px auto 0 auto; }
.app-start-3 > div > div { 
	display: table-cell;
	font-size: 1.24rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	height: 47px;
	width: 178px; 
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
	background-color: #e84529;
}
.app-start-3 > div > div i { color: #ffffff; margin-left: 10px; }
.app-start-3 > div > div:hover, .app-start-3 > div > div:active, .app-start-3 > div > div:focus, .app-start-3 > div > div:visited { text-decoration: none; color: #ffffff; }
.app-start-3 > div {
	text-align: center;
	padding-top: 15px;
	color: #7c7979;
	font-size: 0.938rem;
}
.app-start-4 {
	background-color: #ffffff;
	padding: 25px 20px 20px 18px;
	margin-top: 32px;
	margin-bottom: 30px;
}
.app-start-4 div {
	display: table-cell;
	vertical-align: top;
	color: #7c7979;
	font-size: 0.938rem;
	line-height: 1.6em;
}
.app-start-4 div i {
	font-size: 1.5rem;
	color: #7c7979;
	margin-right: 12px;
}
.app-entry-1, .app-entry-2 {
	display: table;
}
.app-entry-1 div, .app-entry-2 div {
	display: table-cell;
	vertical-align: middle;
	background-position: 9px 50%;
	background-repeat: no-repeat;
	padding: 0 10px 0 62px;
	width: 266px;
	height: 57px;
	cursor: pointer;
	color: #ffffff;
}
.app-entry-1 div *, .app-entry-2 div * { color: #ffffff; }
.app-entry-1 div {
	background-color: #4a6cac;
	background-image: url(/images/15/fb2.png);
}
.app-entry-2 div {
	background-color: #4c9d37;
	background-image: url(/images/15/em1.png);
}
.app-entry-2a { opacity: 0.48; cursor: default !important; }
.app-entry-3 {
	margin-top: 50px;
	margin-bottom: 40px;
}
.app-entry-4 { margin-bottom: 40px; display: none; }
.app-entry-4a { color: #3c3c3c; text-align: right; padding-top: 8px; }
.app-entry-4b { padding-top: 2px; }
.app-entry-4c input { 
	background-color: #4c9d37;
	color: #ffffff;
	font-weight: bold;
	border: none;
	width: 123px;
	height: 38px;
	text-align: center; 
}
.app-entry-5 {
	color: #3c3c3c;
	font-size: 1.689rem;
	padding-top: 45px;
	padding-bottom: 20px;
}
.app-entry-6 { margin: 20px 0 15px 0; }
.app-entry-6 > div { padding: 0 0 30px 0; margin-left: 120px; }
.app-entry-6a { background: url(/images/img08.png) 0 0 no-repeat; }
.app-entry-6b { background: url(/images/img09.png) 0 0 no-repeat; }
.app-entry-6c { background: url(/images/img10.png) 0 0 no-repeat; }
.app-entry-6a > div, .app-entry-6b > div { border-bottom: 2px dotted #cdd2d3; }
.app-entry-6c { margin-bottom: 0; }
.app-entry-6 > div { color: #3c3c3c; }
.app-entry-6 > div > div { font-weight: bold; padding-bottom: 3px; }
.app-entry-7 h4:first-of-type {
	background: url(/images/15/img06.png) 0 25px no-repeat;
	padding-left: 52px;
}
.app-entry-7 h4:last-of-type {
	background: url(/images/15/img13.png) 0 22px no-repeat;
	padding-left: 52px;
	margin-top: 20px;
}

/* inquiry */

.app-inq-bck-93, .app-inq-bck-105 { background-color: #e84529; }
.app-inq-color-93, .app-inq-color-105 { color: #c93a70; }

.app-inquiry {
	margin-bottom: 30px;
}
.app-inq-info {
	color: #8a8787;
	font-size: 0.813rem;
	text-align: right;
}
.app-inq-qst > div { display: table; width: 100%; }
.app-inq-qst > div > p { 
	display: table-cell; 
	vertical-align: middle; 
	height: 63px;
	margin: 0; 
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.248em;
	color: #ffffff;
	padding: 0 25px 0 25px;
}
.app-inq-answers {
	background-color: #ffffff;
	padding: 15px 15px 0 15px;
}
.app-inq-answ-col { margin-bottom: 15px; }
.app-inq-answ-col .radio {
	display: table;
	width: 100%;
}
.app-inq-answ-col label {
	background-color: #f6f6f6;
	border: 1px solid #dfdede;
	display: table-cell;
	color: #3c3c3c;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.063rem;
	line-height: 1.1em;
	width: 100%;
	height: 56px;
	vertical-align: middle;
}
.app-inq-answ-col label::before { top: calc(50% - 7px) !important; }
.app-inq-answ-col label::after { top: calc(50% - 3px) !important; }
.app-inq-answ-col label.checked {
	background-color: #30beec;
	color: #ffffff;
}
.app-inq-answ-col:hover label::before { 
	background-color: #ffffff; 
	border-color: #ffffff;
	box-shadow: none !important;
}
.app-inq-answ-col label.checked::before { 
	border-color: #ffffff !important;
	box-shadow: none !important;
}
.app-inq-answ-wait {
	display: none;
	position: absolute;
	top: calc(50% - 10px);
}
.app-inq-back {
	color: #7d7d7d;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.063rem;
	cursor: pointer;
	margin-top: 15px;
}
.app-inq-back i {
	color: #7d7d7d;
	font-size: 1.3rem;
	margin-right: 8px;
}
.app-inq-page {
	display: table;
	margin: 12px 0 0 auto;
	background-color: #ffffff;
	padding: 5px 8px 5px 8px;
	color: #3c3c3c;
}
.app-inq-content-wrapper {
	overflow: hidden;
	position: relative; 
}
.app-inq-content { position: relative; }
.app-inq-progress-wrapper { height: 5px; overflow: hidden; margin-top: 10px; }
.app-inq-progress { float: left; height: 4px; margin-bottom: 1px; background-color: #b6b9bd; }
.app-inq-cpl {
	background-color: #ffffff;
	padding: 30px 15px 30px 15px;
	text-align: center;
	font-size: 1.063rem;
	color: #3c3c3c;
}
.app-inq-join {
	margin-top: 40px;
	background-color: #ffffff;
	padding: 25px 25px 40px 25px;
}
.app-inq-join-1 { display: table; }
.app-inq-join-1 div {
	color: #3c3c3c;
	font-size: 1.438rem;
	display: table-cell;
	vertical-align: top;
}
.app-inq-join-1 i {
	color: #42c4ee;
	font-size: 1.875rem;
	padding-right: 15px;
	display: table-cell;
	vertical-align: top;
}
.app-inq-join-2 > div:first-of-type {
	color: #3c3c3c;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.063rem;
}
.app-inqf-f1 { margin-top: 20px; margin-bottom: 20px; }
.app-inqf-f1 .control-label { font-weight: normal; }
.app-inqf-hint { color: #b2a5a5 !important; }

/* pg */

label.control-label:first-letter { text-transform: uppercase; }

.app-pg-ctl {
	border: 1px solid #dcd4d4;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffffff;
}
.app-pg-ctl h4 {
	color: #3c3c3c;
	font-size: 1.688rem;
	line-height: 1.1em;
	margin: 0;
	padding-bottom: 30px;
}
.app-pg-ctl div {
	color: #3c3c3c;
	font-size: 0.875rem;
	line-height: 1.286em;
	padding: 10px 0 10px 0;
	font-weight: bold;
}
.app-pg-ctl div * {
	color: #3c3c3c;
	font-size: 0.875rem;
	font-weight: bold;
}
.app-pg-ctl ol { margin: 0; counter-reset: item; }
.app-pg-ctl ol > li > ol { padding: 0; }
.app-pg-ctl ol > li { counter-increment: item; }
.app-pg-ctl ol ol > li { display: block; }
.app-pg-ctl ol ol > li:before { content: counters(item, ".") ". "; }
.app-pg-ctl p, .app-pg-ctl li {
	color: #3c3c3c;
	font-size: 0.875rem;
	line-height: 1.286em;
	margin: 0;
}
.app-pg-ctl a, .app-pg-ctl b {
	color: #3c3c3c;
	font-size: 0.875rem;
	font-weight: bold;
}

/* uns */

#unMode, #subsConf { display: none; }
.app-uns-ctl {
	border: 1px solid #dcd4d4;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffffff;
}
.app-uns-1 {
	color: #3c3c3c;
	font-size: 1.688rem;
	line-height: 1.1em;
	padding-bottom: 15px;
}
.app-uns-2 {
	color: #3c3c3c;
	font-size: 1.063rem;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.412em;
	padding-bottom: 15px;
}
.app-uns-2 * {
	color: #3c3c3c;
	font-size: 1.063rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.app-uns-3 .control-label { font-weight: normal; }
.app-uns-3 .control-label:first-letter { text-transform: uppercase; }
.app-uns-4 {
	color: #3c3c3c;
	font-size: 1.063rem;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.412em;
	padding-bottom: 3px;
}
.app-uns-5 { margin-bottom: 10px; }
.app-uns-5 .checkbox-label {
	color: #3c3c3c !important;
	font-size: 1.063rem;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.412em;
}
.app-uns-6 {
	display: table;
	margin: 60px 0 0 auto;
}
.app-uns-6 .app-btn-1:first-letter { text-transform: uppercase; }

/* board */

.app-board-label {
	color: #5c5c5c;
	font-size: 0.813rem;
	text-align: right;
	padding-top: 5px;
}
.app-board-control { margin-bottom: 15px; }
.app-board-control select, .app-board-control option {
	color: #5c5c5c;
	font-size: 0.813rem;
}
.app-board-control select { border: 1px solid #e1e1e1; border-radius: none; }
.app-board-1 { padding-left: 0; }
.app-board-4 {
	background-color: #d9dada;
	width: 100%;
}
.app-board-4 div {
	display: table-cell;
	vertical-align: middle;
	height: 43px;
	font-weight: bold;
	font-size: 0.875rem;
	color: #303030;
	text-align: center;
	padding: 0 15px 0 15px;
}
.app-board-5 {
	text-align: center;
	color: #232323;
	padding-top: 15px;
	font-size: 0.813rem;
}
.app-board-6 {
	text-align: center;
	color: #232323;
	font-size: 0.813rem;
}
.app-board-7 { color: #888888; font-size: 0.813rem; }
.app-board-8 {
	padding: 15px 0 25px 0;
	margin: 0;
}
.app-board-8:nth-child(2n) { background-color: #f6f6f6; } 
.hbPrcs {
	display: table;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto 20px auto;
}
.hbPrc { display: table-row; }
.hbPrc div {
	font-size: 0.813rem;
	font-weight: bold;
	color: #035fb6;
	white-space: nowrap;
	display: table-cell;
}
.hbPrc1 { 
	padding: 0 3px 0 0;
	width: 90px; 
}
.hbPrc3 {
	padding: 0 0 0 3px;
	text-align: right;
	width: 70px;
}

/* contact */ 

.app-ctc-ctl {
	border: 1px solid #dcd4d4;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffffff;
}

.app-ctc-1 {
	color: #3c3c3c;
	font-size: 19px;
	font-weight: 600;
	line-height: 24px;
	padding: 0 0 0 55px;
	margin-bottom: 30px;
	background: url(/images/img18.png) 0 0 no-repeat; 
}
.app-ctc-1:first-letter { text-transform: uppercase; }
.app-ctc-2 label { margin: 0; font-weight: normal; }
.app-ctc-3 {
	display: table;
	margin: 40px 0 0 auto;
}
.app-ctc-3 .app-btn-1 { height: 61px; }
.app-ctc-3 .app-btn-1:first-letter { text-transform: uppercase; }
.app-ctc-4 { background-color: #f7f7f7; }
.app-ctc-5 { display: flex; }
.app-ctc-5 i { color: #30beec; font-size: 30px; margin-right: 25px; }
.app-ctc-5 > div { font-size: 15px; color: #7c7979; line-height: 18px; }
.app-ctc-5 > div b { display: block; font-size: 19px; font-weight: 600; line-height: 22px; }

/* exit popup */

.app-dialog-open body { overflow: hidden; }
.app-exit-popup { border-radius: 6px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5); border: solid 1px rgba(0, 0, 0, 0.2); background-color: #ffffff; }
.app-exit-close { margin: -5px 0 0 auto; cursor: pointer; font-size: 24px; color: #d9d9d9; display: table !important; }
.app-exit-1 { display: table !important; margin: 0 auto 0 auto; font-size: 40px; color: #30beec; }
.app-exit-text-1 { font-size: 22px; line-height: 27px; font-weight: bold; color: #30beec; text-align: center; margin-top: 22px; display: none; }
.app-exit-text-2 { font-size: 16px; line-height: 19px; text-align: center; margin-top: 10px; }
.app-exit-v1 .app-exit-text-v1 { display: block; }
.app-exit-v2 .app-exit-text-v2 { display: block; }
.app-exit-hotels { display: flex; flex-wrap: wrap; margin: 45px -6px 0 -6px; }
.app-exit-hotel { display: flex; margin: 12px 6px 0 6px; align-items: stretch; border-radius: 6px; }
.app-exit-hotel-img { width: 157px; max-width: 157px; height: 110px; max-height: 110px; overflow: hidden; }
.app-exit-hotel-img img { border-radius: 6px; min-height: 110px; max-height: 110px; width: auto; max-width: 100%; min-width: 100%; }
.app-exit-hotel-data { width: 215px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 5px 15px 5px 25px; background-color: #f9f9f9; }
.app-exit-hotel-data div { line-height: 14px; }
.app-exit-hotel-data div i { color: #30beec; font-size: 12px; margin-right: 3px; }
.app-exit-hotel-data h4 { font-size: 17px; line-height: 22px; color: #000000; font-weight: bold; margin: 5px 0 0 0; }
.app-exit-hotel-data p { font-size: 13px; line-height: 15px; color: #000000; font-weight: 300; margin: 5px 0 0 0; }
.app-exit-btn { display: table; margin: 34px auto 0 auto; cursor: pointer; }
.app-exit-btn div { display: none; height: 69px; justify-content: center; align-items: center; font-size: 23px; font-weight: bold; cursor: pointer; min-width: 285px; background-color: #30beec; color: #ffffff; }
.app-exit-v1 div.app-exit-btn-v1 { display: flex; }
.app-exit-v2 div.app-exit-btn-v2 { display: flex; }

/* LP1 start */

.app-lp1-1 { background-color: #ffffff; color: #3c3c3c; }
.app-lp1-3 { color: #7e959c; }
.app-lp1-6 { display: flex; align-items: center; }
.app-lp1-6 div { border-radius: 50%; background-color: #f1eeee; display: flex; align-items: center; justify-content: center; }
.app-lp1-6 div i { color: #30beec; }
.app-lp1-8 { display: table; margin-left: auto; margin-right: auto; cursor: pointer; }
.app-lp1-8 > div { display: flex; align-items: center; background-color: #e84529; border-radius: 8px; }
.app-lp1-8 i, .app-lp1-8 span { color: #ffffff; font-weight: 500; }
.app-lp1-9 { text-align: center; color: #686868; }
.app-lp1-10 { display: flex; align-items: flex-start; border-radius: 8px; border: solid 1px #cdcdcd; }
.app-lp1-10 i { color: #30beec; }
.app-lp1-10 p { color: #686868; }
.app-lp1-11 { display: flex; }
.app-lp1-12 { background-color: #ffffff; }
.app-lp1-13 { text-align: center; color: #686868; }

.app-lp1-email { display: flex; align-items: center; justify-content: center; gap: 21px; margin: 54px 0 -8px 0; }
.app-lp1-email-1 { display: flex; flex-direction: column; gap: 8px; }
.app-lp1-email-1 > div { display: flex; align-items: center; gap: 4px; }
.app-lp1-email-1 > div span:first-letter { text-transform: uppercase; }
.app-lp1-email-1 > div p { display: inline; font-weight: 600; color: #08A789; margin: 0; }

@media (max-width: 767px) {
	.app-lp1-1 { margin: 0 -3px 0 -3px; padding-bottom: 40px; }
	.app-lp1-3 { margin: 13px 15px 0 0; text-align: right; font-size: 11px; }
	.app-lp1-4 { margin: 32px 16px 0 16px; font-size: 13px; line-height: 1.54em; }
	.app-lp1-5 { margin: 11px 16px 2px 16px; font-size: 24px; line-height: 1.46em; }
	.app-lp1-6 { margin: 29px 16px 0 20px; }
	.app-lp1-6 div { width: 45px; min-width: 45px; height: 45px; }
	.app-lp1-6 p { margin: 0 0 0 17px; font-size: 17px; line-height: 1.41; }
	.app-lp1-6a div i { font-size: 21px; }
	.app-lp1-6b div i { font-size: 19px; }
	.app-lp1-6c div i { font-size: 23px; }
	.app-lp1-7 { margin: 42px 16px 0 20px; font-size: 15px; line-height: 1.73; }
	.app-lp1-8 { margin-top: 37px; }
	.app-lp1-8 div { min-height: 47px; padding: 0 26px 0 26px; }
	.app-lp1-8 i { font-size: 15px; margin-left: 10px; }
	.app-lp1-8 span { font-size: 15px; line-height: 1.6; }
	.app-lp1-9 { margin-top: 27px; font-size: 14px; line-height: 1.71; }
	.app-lp1-10 { padding: 16px 13px 16px 14px; margin: 29px 12px 0 12px; }
	.app-lp1-10 i { font-size: 26px; }
	.app-lp1-10 p { font-size: 14px; line-height: 1.57; margin: 0 0 0 10px; }
	.app-lp1-11 { flex-direction: column; }
	.app-lp1-12 { padding: 15px 12px 45px 12px; margin-top: 25px; }
	.app-lp1-13 { margin-top: 48px; font-size: 22px; line-height: 1.09; }
	.app-lp1-14 { font-size: 15px; line-height: 1.73; margin: 34px 10px 0 10px; }
	.app-lp1-email { margin: 30px 20px 0 30px; flex-direction: column; }
	.app-lp1-email-1 > div { justify-content: center; }
}

@media (min-width: 768px) {
	.app-lp1-1 { width: 792px; margin: 22px auto 0 auto; padding: 0 18px 56px 12px; }
	.app-lp1-2 { margin: 0 -18px 0 -12px; }
	.app-lp1-3 { margin: 20px 8px 0 0; text-align: right; font-size: 13px; }
	.app-lp1-4 { margin: 23px 0 0 38px; font-size: 16px; line-height: 1.56em; }
	.app-lp1-5 { margin: 14px 0 41px 38px; font-size: 30px; line-height: 1.53em; }
	.app-lp1-6 { margin: 19px 20px 0 76px; }
	.app-lp1-6 div { width: 56px; min-width: 56px; height: 56px; }
	.app-lp1-6 p { margin: 0 0 0 24px; font-size: 21px; line-height: 1.48; }
	.app-lp1-6a div i { font-size: 26px; }
	.app-lp1-6b div i { font-size: 25px; }
	.app-lp1-6c div i { font-size: 29px; }
	.app-lp1-7 { margin: 45px 51px 0 76px; font-size: 16px; line-height: 1.63; }
	.app-lp1-8 { margin-top: 53px; }
	.app-lp1-8 div { min-height: 61px; padding: 0 34px 0 34px; }
	.app-lp1-8 i { font-size: 20px; margin-left: 10px; }
	.app-lp1-8 span { font-size: 20px; line-height: 1.6; }
	.app-lp1-9 { margin-top: 36px; font-size: 16px; line-height: 1.5; }
	.app-lp1-10 { padding: 23px 25px 20px 20px; margin: 27px 71px 0 81px; }
	.app-lp1-10 i { font-size: 29px; }
	.app-lp1-10 p { font-size: 16px; line-height: 1.63; margin: 0 0 0 21px; }
	.app-lp1-11 { margin: 32px 0 0 0; gap: 39px; justify-content: center; }
	.app-lp1-12 { width: 354px; padding: 16px 17px 43px 14px; }
	.app-lp1-13 { margin-top: 37px; font-size: 22px; line-height: 1.09; }
	.app-lp1-14 { font-size: 16px; line-height: 1.63; margin: 31px 15px 0 17px; }
}

/* LP1 end */