.fadeOutDown {
	-webkit-animation-duration: 900ms;
	animation-duration: 900ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.flipInX, .flipOutX {
	-webkit-animation-duration: 250ms;
	animation-duration: 250ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

@keyframes imageAnimation {  
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
	}
 	50% { opacity: 0.5; transform: scale(1.05); }
 	100% { opacity: 1; }
}
@keyframes imageAnimationHome {  
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
	}
 	10% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: scale(1.02);
	}
	25% { opacity: 1; transform: scale(1.03); }
 	50% { opacity: 1; }
 	100% { opacity: 1; transform: scale(1.05); }
}

.app-page-head-wrp .app-page-head {
	animation: imageAnimation 5s linear;
}

label.checkbox-custom, .app-hotel-filter-2 label.radio-custom { padding-left: 35px; }
.fuelux .checkbox label:hover::before, .fuelux .checkbox-inline label:hover::before, .fuelux .checkbox .input-label:hover::before, .fuelux .checkbox-inline .input-label:hover::before,
.fuelux .radio label:hover::before, .fuelux .radio-inline label:hover::before, .fuelux .radio .input-label:hover::before, .fuelux .radio-inline .input-label:hover::before { box-shadow: none; }
.fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label, .fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label, .fuelux .checkbox .checkbox-label:hover,
.fuelux .radio input[type="radio"]:focus + .radio-label, .fuelux .radio input[type="radio"]:hover + .radio-label, .fuelux .radio .radio-label:hover { color: #787878; }
.fuelux .checkbox-custom::before { width: 20px; height: 20px; border-radius: 6px; top: 0; border-color: #787878; }
.fuelux .checkbox-custom:hover::before { border-color: var(--main-color); }
.fuelux .checkbox-custom.checked::before { border-color: var(--main-color); background: none; color: var(--main-color); font-size: 13px; padding: 2px 0 0 2px; }
.fuelux .radio-custom::before { width: 20px; height: 20px; top: 0; border-color: #787878; }
.fuelux .radio-custom:hover::before { border-color: var(--main-color); }
.fuelux .radio-custom.checked::before { border-color: var(--main-color); background: none; color: var(--main-color); font-size: 13px; padding: 2px 0 0 2px; }
.fuelux .radio-custom.checked::after { background: var(--main-color); top: 5px; left: 5px; width: 10px; height: 10px; }

/* voucher order panel */

.app-voucher-order-panel { display: flex; justify-content: flex-end; align-items: center; flex-direction: column; padding: 20px; border-radius: 5px; background-repeat: no-repeat; background-position: center top; min-height: 330px; margin-bottom: 15px; }
.app-voucher-order-panel p { font-size: 22px; font-weight: bold; color: #ffffff; text-align: center; margin-bottom: 15px; text-shadow: 0 1px 1px rgba(0, 0, 0, .75); padding: 0 25px 0 25px; }
.app-voucher-order-panel p b { display: block; font-size: 22px; color: #ffffff; }
.app-voucher-order-panel img { margin: 0 0 0 auto; width: 131px; height: auto; }
.app-voucher-order-panel-1 { display: flex; align-items: center; height: 48px; background-color: var(--main-color); border-radius: 5px; font-size: 15px; font-weight: bold; color: #ffffff; justify-content: center; text-transform: uppercase; padding: 0 20px 0 20px; min-width: 190px; text-align: center; }
.app-voucher-order-panel-1:hover, .app-voucher-order-panel-1:focus, .app-voucher-order-panel-1:active, .app-voucher-order-panel-1:visited { text-decoration: none; color: #ffffff; }
.app-voucher-order-panel-2 { display: table; margin: 0 auto 0 auto; }

/* top */

.app-top-logo-1 img { width: 160px; }
.app-top-3 { height: 47px; align-items: flex-end; padding-bottom: 10px; }
.app-top-menu-xs-order { display: flex; align-items: center; margin: 0 0 0 auto; border-radius: 4px; border: solid 2px #ffffff; height: 32px; padding: 0 20px 0 20px; justify-content: center; text-align: center; }
.app-top-menu-xs-order span { font-size: 13px; font-weight: 500; color: #ffffff; text-transform: lowercase; }
.app-top-menu-xs-order span:first-letter { text-transform: uppercase; }
.app-top-menu-xs-order:focus, .app-top-menu-xs-order:hover, .app-top-menu-xs-order:active, .app-top-menu-xs-order:visited { color: #ffffff; text-decoration: none; }
.app-menu-order { display: flex; margin: 0 0 20px 0; justify-content: center; }
.app-menu-order a { color: var(--main-color); display: flex; align-items: center; border-radius: 4px; border: solid 2px var(--main-color); height: 38px; padding: 0 20px 0 20px; justify-content: center; text-align: center; }
.app-menu-order a:hover, .app-menu-order a:focus, .app-menu-order a:active, .app-menu-order a:visited { text-decoration: none; color: var(--main-color); }

/* top sticky */

.app-top-logo-2, .app-top-placeholder { display: none; }
.app-top-sticky .app-top-placeholder { display: block; }
.app-top-sticky .app-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 3001; }

/* foot */

.alt-foot { background-color: var(--dark-color); padding: 68px 0 20px 0; position: relative; z-index: 10; }
.alt-foot h5 { font-size: 24px; line-height: 1em; color: #efefef; margin: 0 0 30px 0; }
.alt-foot-1 { display: flex; align-items: stretch; margin-bottom: 20px; }
.alt-foot-2 { width: 430px; min-width: 430px; padding-right: 90px; }
.alt-foot-2 p { font-size: 14px; line-height: 24px; font-weight: 300; color: #aaabb0; margin: 0; }
.alt-foot-3 { width: 400px; min-width: 400px; padding-right: 50px; }
.alt-foot-3 .app-foot-menu { display: block; margin: 0; }
.alt-foot-3 .app-foot-menu li { display: block; margin: 0; line-height: 30px; }
.alt-foot-3 .app-foot-menu li a { font-size: 15px; line-height: 1em; color: #aaabb0; font-weight: 300; }
.alt-foot-3 .app-foot-menu li.selected a { font-size: 15px; line-height: 1em; color: #aaabb0; font-weight: 600; }
.alt-foot-4 { display: flex; flex-direction: column; flex: 1; }
.alt-foot-4 .app-inq-agr * { font-size: 14px; line-height: 24px; font-weight: 300; color: #aaabb0; }
.alt-foot-4 .app-inq-agr .checkbox.ui-state-error { border: none !important; }
.fuelux .alt-foot-4 .checkbox input[type="checkbox"]:focus + .checkbox-label, .fuelux .alt-foot-4 .checkbox input[type="checkbox"]:hover + .checkbox-label, .fuelux .alt-foot-4 .checkbox .checkbox-label:hover { color: #aaabb0; }
.alt-foot-4 p, .app-newsletter-input-2 { font-size: 13px; line-height: 24px; font-weight: 300; color: #aaabb0; margin: 0; }
.alt-foot-4 p { white-space: nowrap; }
.app-newsletter-input-2 { font-weight: 500; text-align: center; }

.app-newsletter-input { margin-bottom: 30px; }
.app-newsletter-input-1 { display: flex; align-items: center; margin-bottom: 20px; }
.app-newsletter-input-1 .textbox { height: 50px; border-radius: 4px; border: solid 1px #cdd2db; background-color: #e7e8e8; padding: 0 22px 0 22px; font-size: 15px; color: #747579; font-weight: 300; }
.app-newsletter-input-1 > span { display: block; width: 100%; }
.app-newsletter-input-1 div { height: 50px; width: 50px; min-height: 50px; min-width: 50px; margin-left: -4px; border-radius: 4px; background-color: #2C6DB0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.app-newsletter-input-1 div i { font-size: 20px; color: #ffffff; }

.alt-foot-pmts { margin: auto 0 20px 0; }
.alt-foot-pmts-1 { color: #f0f0f0; font-size: 17px; padding-bottom: 20px; }
.alt-foot-pmts-2 { display: flex; align-items: center; }
.alt-foot-pmts-2 div { margin-right: 9px; }
.alt-foot-pmts-2 div img { max-height: 26px; width: auto; }

/* fav selector */

.app-hotel-fav { position: relative; }
.app-hotel-fav-toggle { cursor: pointer; font-size: 13px; }
.app-hotel-fav-toggle i { margin-right: 10px; }
.app-hotel-fav-toggle i:last-of-type { margin-left: 10px; }
.app-hotel-fav-list { 
	position: absolute; 
	top: 28px; 
	right: -30px; 
	width: 485px; 
	border-radius: 2px;
	border: none;
	background-color: #f7f7f7;
	padding: 20px 0 20px 0; 
	z-index: 101;
	display: none;
}
.app-hotel-fav-item { display: flex; align-items: center; padding: 10px 30px 10px 30px; }
.app-hotel-fav-item-1 { font-size: 21px; font-weight: bold; color: #4d4d4d; width: 38px; }
.app-hotel-fav-item-2 { width: 80px; position: relative; }
.app-hotel-fav-item-3 { padding-left: 15px; }
.app-hotel-fav-item-3 a { font-size: 14px; font-weight: bold; color: #4d4d4d; }
.app-hotel-fav-item-3 a span { white-space: nowrap; }
.app-hotel-fav-item-3 a i { font-size: 10px; color: #EA953D; margin-left: 3px; align-self: flex-start; }
.app-hotel-fav-item-3 a i:first-of-type { margin-left: 10px; }
.app-hotel-fav-item-3 a:hover { color: #EA953D; }
.app-hotel-fav-item-3 div { display: flex; align-items: center; margin-top: 5px; }
.app-hotel-fav-item-3 div img { width: 24px; height: auto; }
.app-hotel-fav-item-3 div p { margin: 0 0 0 12px; font-size: 12px; font-weight: 300; color: #4d4d4d; }
.app-hotel-fav-item-4 { margin: 0 0 0 auto; }
.app-hotel-fav-item-4 i { font-size: 15px; color: #4d4d4d; cursor: pointer; }
.app-hotel-fav-item-img1 { width: 30px; height: 30px; position: absolute; top: 2px; left: 2px; }
.app-hotel-fav-item-img2 { width: 100%; max-width: 100%; height: auto; border-radius: 2px; }
.app-hotel-fav-empty-text { color: #ffffff; padding-left: 30px; }
.app-hotel-fav-empty .app-hotel-fav-list { background-color: #4d4d4d; }
.app-hotel-fav-link, .app-hotel-fav-link:visited { display: table; margin: 10px 25px 0 auto; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #EA953D; text-transform: uppercase; height: 45px; line-height: 45px; border-radius: 5px; padding: 0 10px 0 10px; justify-content: center; align-items: center; }
.app-hotel-fav-link:hover, .app-hotel-fav-link:focus, .app-hotel-fav-link:active { color: #ffffff; text-decoration: none; }
.app-hotel-fav-item:hover .app-hotel-fav-item-1 { color: #EA953D; }
.app-hotel-fav-item:hover .app-hotel-fav-item-3 h2, 
.app-hotel-fav-item:active .app-hotel-fav-item-3 h2,
.app-hotel-fav-item:focus .app-hotel-fav-item-3 h2 { color: #EA953D; text-decoration: none; }
.app-hotel-fav-item:hover .app-hotel-fav-item-3 a, 
.app-hotel-fav-item:active .app-hotel-fav-item-3 a,
.app-hotel-fav-item:focus .app-hotel-fav-item-3 a { text-decoration: none; }
.app-hotel-fav-item-4:hover i { color: #d50000; }

/* hotel tip */

.app-hotel-tip { margin-bottom: 15px; background-color: #ffffff; border-radius: 5px; padding: 33px 25px 33px 17px; display: flex; align-items: center; }
.app-hotel-tip-1 { width: 48px; height: 48px; min-width: 48px; min-height: 48px; border: solid 1.5px #ff9a32; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 22px; }
.app-hotel-tip-1 i { font-size: 23px; color: #ff9a32; }
.app-hotel-tip-2 { margin-right: 20px; }
.app-hotel-tip-2 h5 { font-weight: bold; font-size: 18px; line-height: 24px; color: #4c4c4c; margin: 0 0 6px 0; }
.app-hotel-tip-2 p { font-size: 14px; line-height: 21px; color: #4c4c4c; margin: 0; }
.app-hotel-tip-3 { margin: 0 0 0 auto; display: flex; align-items: center; }
.app-hotel-tip-3:hover, .app-hotel-tip-3:focus, .app-hotel-tip-3:active, .app-hotel-tip-3:visited { text-decoration: none; }
.app-hotel-tip-3 span { font-size: 12px; line-height: 18px; color: #ff9a32; white-space: nowrap; }
.app-hotel-tip-3:hover span, .app-hotel-tip-3:active span, .app-hotel-tip-3:focus span, .app-hotel-tip-3:visited span { color: #ff9a32; text-decoration: underline; }
.app-hotel-tip-3 i { font-size: 20px; color: #ff9a32; margin-left: 6px; }

/* date range */

.app-date-period .dropdown-menu { padding: 0; }
.app-date-sel-1 { display: flex; }
.app-date-sel-2 { display: flex; align-items: center; padding-left: 30px; height: 70px; width: 50%; }
.app-date-sel-2:first-of-type { background-color: var(--main-color); border-top-left-radius: 5px; }
.app-date-sel-2:last-of-type { background-color: #ffa64c; border-top-right-radius: 5px; }
.app-date-sel-2 div { font-size: 15px; font-weight: 300; color: #ffffff; }
.app-date-sel-2 p { font-size: 23px; font-weight: 500; color: #ffffff; margin: 0; }
.app-date-sel-3 { margin: 0 35px 0 auto; display: flex; align-items: center; height: 50px; justify-content: flex-end; }
.app-date-sel-3 span { cursor: pointer; font-size: 15px; color: #4d4d4d; font-weight: bold; display: block; text-align: right; min-width: 60px; text-transform: uppercase; }
.app-date-sel-3 span:hover { color: var(--main-color);  }
.app-date-period-inline .app-date-sel-1 { border: 1px solid #f2f2f2; border-radius: 5px; padding: 8px 17px 8px 0; cursor: pointer; align-items: center; }
.app-date-period-inline .app-date-sel-1 i { font-size: 21px; color: #4c4c4c; }
.app-date-period-inline .app-date-sel-2 { height: 44px; background-color: #ffffff; padding-left: 17px; }
.app-date-period-inline .app-date-sel-2:first-of-type { border-right: 1px solid #f2f2f2; }
.app-date-period-inline .app-date-sel-2 div, .app-date-period-inline .app-date-sel-2 p { color: #4c4c4c; }
.app-date-period-inline .app-date-sel-2 div { font-size: 13px; }
.app-date-period-inline .app-date-sel-2 p { line-height: 28px; font-size: 20px; }
.app-date-period-inline .dropdown-menu { margin-top: 4px; }
.app-date-picker { padding-left: 20px; padding-right: 20px; }
.app-date-picker .datepicker-inline, .app-date-picker .datepicker-inline .table-condensed { width: 100%; background-color: #f2f2f2; }
.app-date-picker .day, .app-date-picker .dow { width: 40px; height: 40px; border-radius: 0; color: #4d4d4d; padding: 0 !important; }
.app-date-picker .datepicker-switch { height: 50px; text-transform: uppercase; }
.app-date-picker .next, .app-date-picker .prev { font-size: 20px; }
.app-date-picker .datepicker table tr td.new, .app-date-picker .datepicker table tr td.old { color: #4d4d4d; }
.app-date-picker .datepicker table { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.app-date-picker .day.app-date-range,
.app-date-picker .datepicker table tr td.new.app-date-range,
.app-date-picker .datepicker table tr td.old.app-date-range { background-color: #ffa64c; color: #ffffff; border-bottom: 1px solid #f7f7f7; }
.app-date-picker .datepicker table tr td.active.active, 
.app-date-picker .datepicker table tr td.active.highlighted.active, 
.app-date-picker .datepicker table tr td.active.highlighted:active, 
.app-date-picker .datepicker table tr td.active:active { background-color: var(--main-color); text-shadow: none; color: #ffffff; border-bottom: 1px solid #f7f7f7; }
.app-date-picker .datepicker table tr td.day:hover, .app-date-picker .month:hover, .app-date-picker .year:hover { background-color: var(--main-color); color: #ffffff; border-radius: 0; }
.app-date-picker .datepicker table tr td.disabled, .app-date-picker .month.disabled, .app-date-picker .year.disabled { color: #bfbfbf !important; text-decoration: line-through !important; }
.app-date-picker .datepicker table tr td.disabled:hover, .app-date-picker .month.disabled:hover, .app-date-picker .year.disabled:hover { background-color: #dddddd !important; color: #bfbfbf !important; border-radius: 0; }
.app-date-picker th.next i, .app-date-picker th.prev i { font-size: 20px; font-weight: bold; } 
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background-color: #f2f2f2; }
.datepicker th.dow, .datepicker table tr td span.focused, .datepicker table tr td span:hover { background-color: #f2f2f2; }

/* hotels */

.app-hotels-head-ctl { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2; }
.app-hotels-head-search-ctl { position: relative; z-index: 10; }
.app-hotels-head-search-sel span { padding-left: 15px; }
.app-hotels-head-search-sel-down { margin: 0 0 0 auto; }
#hotels .app-head-bread-ctl { background-color: #2C6DB0; }
#hotels .app-htl-head { height: 75px; }
#hotels .app-head-bread-ctl * { color: #ffffff; } 

.app-hotels-head-sort { margin: 0 30px 0 auto; }
.app-hotels-head-sort .dropdown { width: 250px; }
.app-hotels-head-sort .dropdown-toggle { display: flex; align-items: center; height: 45px; margin: 0 0 0 30px; cursor: pointer; justify-content: flex-end; }
.app-hotels-head-sort .dropdown-toggle span { font-size: 12px; color: #4d4d4d; padding-right: 5px; }
.app-hotels-head-sort .dropdown-toggle span i { margin-right: 5px; }
.app-hotels-head-sort .dropdown-toggle > i { font-size: 12px; color: #4d4d4d; margin: 0; }
.app-hotels-head-sort .dropdown-menu { border-radius: 2px; background-color: #4c4c4c; box-shadow: none; }
.app-hotels-head-sort .dropdown-menu li a { color: #ffffff; font-size: 12px; }
.app-hotels-head-sort .dropdown-menu li:hover a, .app-hotels-head-sort .dropdown-menu li.selected a { font-weight: bold; color: #ffffff; background: #4c4c4c; }
.app-hotels-head-sort .dropdown-menu li a i { margin-right: 20px; color: #ffffff; }

.app-hotel-item-addr { z-index: 100; position: absolute; right: 0; top: 25px; width: 375px; border-radius: 5px; white-space: normal; background-color: #f7f7f7; box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.1); }
.app-hotel-item-addr p { margin: 0; padding: 15px 20px 15px 20px; font-size: 14px; line-height: 18px; color: #4c4c4c; border-bottom: 1px solid #e8e8e8; }
.app-hotel-item-addr p * { font-size: 14px; color: #4c4c4c; }
.app-hotel-item-addr > div { padding: 15px 20px 15px 20px; }
.app-hotel-item-addr > div > div { display: flex; align-items: center; }
.app-hotel-item-addr > div > div i { font-size: 16px; color: #4d4d4d; }
.app-hotel-item-addr > div > div span, .app-hotel-item-addr > div > div a { font-size: 15px; color: #4d4d4d; margin-left: 15px; }

.app-hotel-pages { display: flex; align-items: center; justify-content: flex-end; margin-top: 30px; }
.app-hotel-pages div, .app-hotel-pages p { min-width: 45px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin-left: 3px; }
.app-hotel-pages .selected, .app-hotel-pages div:hover { border-radius: 5px; box-shadow: 0px 2px 2.97px 0.03px rgba(0, 0, 0, 0.04); background-color: #ffffff; cursor: pointer; }
.app-hotel-pages div i { font-size: 20px; font-weight: bold; }
.app-hotel-pages p { font-size: 16px; margin: 0; }

.app-hotel-no-data { display: none; background-color: #ffffff; border-radius: 5px; padding: 25px 30px 25px 30px; font-size: 14px; color: #4d4d4d; margin-bottom: 15px; }
.app-hotel-no-data div { font-size: 20px; font-weight: bold; }
.app-hotel-no-data b { cursor: pointer; }
.app-hotel-no-data b:hover { text-decoration: underline; }
.app-hotel-no-data a { font-size: 14px; font-weight: bold; color: #4d4d4d; }
.app-hotel-no-data-1 { display: flex; align-items: center; flex-wrap: wrap; }
.app-hotel-no-data-1 > div { margin: 8px 8px 0 0; height: 37px; border-width: 2px; border-style: solid; border-radius: 3px; display: flex; align-items: center; padding: 0 10px 0 10px; cursor: pointer; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.app-hotel-no-data-1 > div img { margin-right: 10px; }
.app-hotel-no-data-1 > p { margin: 8px 8px 0 0; background-color: #f2f2f2; height: 33px; border-radius: 3px; display: flex; align-items: center; padding: 0 10px 0 10px; cursor: pointer; font-size: 13px; font-weight: normal; color: #4d4d4d; }
.app-hotel-no-data-1 > p:hover { background-color: rgba(242,242,242,0.7); }

.app-hotel-alt-header { font-size: 23px; font-weight: 600; text-align: center; padding: 15px 0 30px 0; }

.app-selected-hotels { background-color: #ffffff; border-radius: 5px; margin-bottom: 15px; }
.app-selected-hotels-title { display: flex; align-items: center; }
.app-selected-hotels-title h4 { margin: 0; font-size: 15px; font-weight: bold; color: #4d4d4d; }
.app-selected-hotels-title div { margin: 0 0 0 auto; cursor: pointer; text-align: right; }
.app-selected-hotels-items { border-top: 1px solid #ededed; margin-top: 10px; }
i.app-selected-hotels-up { display: none; }
i.app-selected-hotels-down { display: inline-block; }
.app-selected-hotels.app-selected-hotels-exp .app-selected-hotels-up { display: inline-block; }
.app-selected-hotels.app-selected-hotels-exp .app-selected-hotels-down { display: none; }
.app-selected-hotel { display: flex; align-items: stretch; margin-top: 18px; }
.app-selected-hotel-1 { width: 95px; padding-right: 15px; }
.app-selected-hotel-1 img { min-width: 80px; max-width: 100%; height: auto; border-radius: 3px; }
.app-selected-hotel-2 { display: flex; flex-direction: column; justify-content: center; }
.app-selected-hotel-2 a { font-size: 14px; font-weight: bold; color: #4d4d4d; line-height: 18px; }
.app-selected-hotel-2 a:hover, .app-hotel-item-s22 a:active, .app-hotel-item-s22 a:focus, .app-hotel-item-s22 a:visited { text-decoration: none; }
.app-selected-hotel-2 a:hover { text-decoration: underline; }
.app-selected-hotel-2 a span { white-space: nowrap; padding-left: 5px; line-height: 11px; font-size: 11px; display: inline-block; text-decoration: none; }
.app-selected-hotel-2 a i { margin-left: 2px; font-size: 11px; color: #EA953D; }
.app-selected-hotel-2 div { display: flex; align-items: center; color: #4d4d4d; font-size: 12px; margin-top: 5px; }
.app-selected-hotel-2 div img { width: 24px; height: auto; margin-right: 10px; }

/* hotel */

.app-htl-head { height: 120px; background-color: #2C6DB0; display: flex; align-items: flex-end; }
#hotel .app-page-title h2, #editor .app-page-title h2 { font-size: 25px; font-weight: bold; margin: 0; }
#hotel .app-page-title span, #editor .app-page-title span { display: flex; height: 28px; align-items: flex-start; margin-left: 5px; }
#hotel .app-page-title span i, #editor .app-page-title span i { font-size: 15px; color: #EA953D; margin-left: 3px; }
#hotel .alt-blk-13 { background-color: #ffffff; padding-bottom: 50px; padding-top: 30px; }
#hotel .app-blk3-wrp { margin: 30px 30px 0 30px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.04); height: 10px; }
.app-hotel-nav-row { display: flex; align-items: center; }
.app-hotel-nav { display: flex; align-items: center; margin-bottom: 19px; }
.app-hotel-nav:hover, .app-hotel-nav:active, .app-hotel-nav:focus, .app-hotel-nav:visited { text-decoration: none; }
.app-hotel-nav i { font-size: 20px; color: #ffffff; }
.app-hotel-nav span { font-size: 12px; color: #ffffff; }
.app-hotel-nav span:hover, .app-hotel-nav span:active, .app-hotel-nav span:focus, .app-hotel-nav span:visited { text-decoration: underline; color: #ffffff; }
.app-hotel-nav-prev i { margin-right: 9px; }
.app-hotel-nav-next i { margin-left: 9px; }
.app-hotel-nav-next { margin-left: auto; }
.app-hotel-fav-toggle { margin: 0 20px 0 auto; cursor: pointer; display: flex; align-items: center; }
.app-hotel-fav-toggle i { margin-right: 10px; }
.app-hotel-fav-toggle * { color: #EA953D; font-size: 13px; }
.app-hotel-filter-info { margin: 0 12px 0 auto; }
.app-page-title .app-hotel-filter-info { display: flex; align-items: center; }
.app-hotel-content { display: flex; align-items: flex-start; }
.app-hotel-sep { height: 10px; background-color: #f2f2f2; margin: 15px -15px 0 -15px; }
.app-hotel-p2 { width: 330px; min-width: 330px; }
.app-hotel-content .app-page-txt1 { font-weight: 300; }
.app-hotel-content .app-page-txt1 a { font-weight: normal; }
.app-hotel-content .app-page-txt1 span { display: none; }
.app-hotel-img-wrp { min-height: 150px; width: 210px; min-width: 150px; max-width: 210px; position: relative; flex: 1; flex-basis: 8rem; margin: 0 8px 8px 0; position: relative; overflow: hidden; }
.app-hotel-gallery a { width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .25s; }
.app-hotel-gallery a:hover { transform: scale(1.03); }
.app-hotel-gallery-close { display: none; }
.app-hotel-img-last { background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 500; color: #ffffff; }
.app-hotel-gallery .app-hotel-img-hidden { display: none; }
.app-hotel-map { height: 280px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.leaflet-container a { font-size: 11px; }
.app-hotel-s1 { display: flex; align-items: center; margin-bottom: 20px; }
.app-hotel-s1 div, .app-hotel-item-f { font-size: 10px; color: #ffffff; display: flex; align-items: center; padding: 0 8px 0 8px; height: 23px; border-radius: 3px; margin-right: 6px; line-height: 1em; }
.app-hotel-s11 { background-color: #43bbf7; }
.app-hotel-s12 { background-color: #a9d13b; }
.app-hotel-s13 { background-color: #fdca34; }
.app-hotel-s1 img { margin: 0 0 0 auto; width: 35px; height: auto; }
.app-hotel-s2 { display: flex; align-items: center; }
.app-hotel-s21 h2 { margin: 0 5px 0 0; font-size: 18px; font-weight: bold; line-height: 22px; display: inline; }
.app-hotel-s21 > span { display: inline-flex; }
.app-hotel-s21 i { color: #EA953D; margin-left: 2px; font-size: 12px; }
.app-hotel-s22 { margin: 0 0 0 auto; cursor: pointer; }
.app-hotel-s23 { margin-right: 15px; cursor: pointer; display: none; }
.app-hotel-s23 i { color: #ffffff; font-size: 23px; }
.app-hotel-s3 { display: flex; align-items: center; border-bottom: 1px solid #f2f2f2; font-size: 11px; font-weight: 300; color: #4d4d4d; padding: 0 15px 15px 15px; margin: 15px -15px 0 -15px; }
.app-hotel-s3 a { font-size: 11px; font-weight: 300; color: #4d4d4d; }
.app-hotel-s3 img { width: 18px; height: auto; margin-right: 8px; }
.app-hotel-s3 span { padding: 0 4px 0 4px; color: #cccccc; font-size: 11px; }
.app-hotel-2 { border-radius: 5px; display: flex; align-items: center; }
.app-hotel-r1 { display: flex; align-items: flex-start; }
.app-hotel-r1 i { margin: 3px 8px 0 0; font-weight: bold; font-size: 16px; }
.app-hotel-r1 div span { font-size: 13px; line-height: 20px; padding-left: 5px; }
.app-hotel-r1 div b { font-weight: bold; font-size: 14px; }
.app-hotel-r3 { border: 1px solid #e6e6e6; border-radius: 5px; margin-bottom: 15px; padding: 25px 30px 20px 30px; }
.app-hotel-r3 p { margin: 0; font-weight: bold; font-size: 15px; line-height: 20px; padding-bottom: 8px; }
.app-hotel-r4 { display: flex; flex-wrap: wrap; }
.app-hotel-r4 div { background-color: #f2f2f2; height: 38px; padding: 0 12px 0 12px; display: flex; align-items: center; font-size: 13px; font-weight: 300; color: #4d4d4d; border-radius: 5px; margin: 0 5px 5px 0; text-transform: uppercase; line-height: 1.1em; }
.app-hotel-4 { border: 1px solid #e6e6e6; padding: 25px 25px 20px 30px; border-radius: 5px; margin-top: 25px; }
.app-hotel-5 { font-weight: bold; font-size: 15px; padding-bottom: 15px; }
.app-hotel-6 { display: flex; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dotted #e6e6e6; }
.app-hotel-6:last-of-type { border-bottom: none; }
.app-hotel-6 div { display: flex; align-items: center; }
.app-hotel-6 div span { font-size: 14px; color: #4d4d4d; display: block; white-space: nowrap; }
.app-hotel-6 div:first-of-type span { font-weight: bold; width: 50px; }
.app-hotel-6 div:last-of-type { margin: 0 0 0 auto; }
.app-hotel-6 div:last-of-type span { min-width: 65px; text-align: right; }
.app-hotel-6 div:last-of-type span:first-of-type { padding-right: 10px; }
.app-hotel-7 { margin-top: 15px; }
.app-hotel-7 p, .app-hotel-7 p b { font-size: 14px; }
.app-hotel-8 { display: flex; align-items: center; min-height: 70px; background-color: #ff9a30; border-radius: 5px; font-size: 15px; font-weight: 500; line-height: 20px; color: #ffffff; margin-bottom: 15px; }
.app-hotel-8 img { margin: 0 15px 0 15px; }
.app-hotel-b1 { background-color: #ffffff; padding: 30px; margin-top: 15px; border-radius: 5px; }
.app-hotel-b1 h5 { font-size: 15px; font-weight: bold; line-height: 18px; color: #4d4d4d; padding-bottom: 10px; margin: 0; border-bottom: 1px solid #ededed; }
.app-hotel-b11 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.app-hotel-b12 { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; }
.app-hotel-9 { display: flex; align-items: flex-start; margin-top: 15px; }
.app-hotel-p2 .app-hotel-b1:first-of-type { margin-top: 0; }
.app-hotel-9 > div { width: 35px; }
.app-hotel-9 > div i { font-size: 18px; }
.app-hotel-9 p { font-size: 14px; font-weight: 300; color: #4d4d4d; line-height: 18px; margin: 0; }
.app-hotel-91 { margin-top: 0; }
.app-hotel-91 > div { width: auto; }
.app-hotel-91 p { margin-left: auto; }
.app-hotel-10:first-of-type { margin-top: 10px; }
.app-hotel-10 a { display: flex; align-items: center; }
.app-hotel-10 a div { color: #4d4d4d; font-weight: 300; line-height: 21px; height: 21px; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-hotel-10 a span { font-size: 13px; display: block; margin: 0 10px 0 5px; height: 18px; line-height: 18px; color: #4d4d4d; background-color: #f2f2f2; border-radius: 2px; padding: 0 4px 0 4px; }
.app-hotel-10 a i { color: #ff8f00; }
.app-hotel-10 a:hover { text-decoration: none; }
.app-hotel-10 a:hover div { color: #EA953D; }
.app-hotel-11 { border-top: 1px solid #ededed; padding-top: 15px; font-size: 14px; font-weight: bold; line-height: 18px; color: #4d4d4d; margin-top: 15px; }
.app-hotel-s4 { background-color: #f2f2f2; padding: 0 15px 10px 15px; margin: -15px -15px 0 -15px; }
.app-hotel-s4 .app-hotel-b1 { padding: 15px; }
h5.app-hotel-h1 { margin-top: 15px; }
h5.app-hotel-h2 { margin-top: 15px; margin-bottom: 15px; }
.app-htl-to-order { font-size: 22px; line-height: 30px; font-weight: bold; color: #4d4d4d; margin: 0; padding-bottom: 30px; }
.app-hotel-i1 { width: 62px; height: 62px; min-width: 62px; min-height: 62px; border: solid 3px #EA953D; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0 auto; }
.app-hotel-i1 i { font-size: 23px; color: #ff9a32; }

.map-hotel-popup .leaflet-popup-content-wrapper { width: 385px; border-radius: 5px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.35); background-color: #ffffff; padding: 20px; }
.map-hotel-popup .leaflet-popup-content { margin: 0; }
.map-hotel-popup-1 { display: flex; align-items: flex-start; }
.map-hotel-popup-2 { overflow: hidden; max-width: 90px; min-width: 90px; }
.map-hotel-popup-2 > a { width: 90px; height: 90px; min-width: 90px; min-height: 90px; display: block; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px; transition: all .4s; position: relative; }
.map-hotel-popup-2 > a:hover { transform: scale(1.05); }
.map-hotel-popup-3 { margin-left: 15px; }
.map-hotel-popup-3 h2 { font-size: 20px; line-height: 28px; font-weight: 600; color: #4d4d4d; margin: 0; }
.map-hotel-popup-3 span { display: flex; align-items: center; margin-top: 3px; }
.map-hotel-popup-3 span i { font-size: 16px; color: var(--main-color); margin-right: 2px; }
.map-hotel-popup-4 { display: flex; align-items: center; margin-top: 12px; }
.map-hotel-popup-4 > span { font-size: 15px; font-weight: 300; color: #838080; }
.map-hotel-popup-4 > i { font-size: 15px; font-weight: bold; color: #838080; display: block; margin: 0 10px 0 10px; font-style: normal; }
.map-hotel-popup-5 { display: flex; align-items: center; margin-top: 18px; }
.map-hotel-popup-6 { margin-top: 20px; }
.map-hotel-popup-6 > div { display: flex; align-items: center; }
.map-hotel-popup-6 > div i { width: 32px; font-size: 21px; color: #fe9931; }
.map-hotel-popup-6 > div b { font-size: 15px; font-weight: bold; color: #4d4d4d; }
.map-hotel-popup-6 > div span { font-size: 15px; line-height: 22px; font-weight: 300; color: #4d4d4d; }
.map-hotel-popup-6 > div span span { white-space: nowrap; }
.map-hotel-popup-7 { display: flex; margin-top: 22px; align-items: center; justify-content: flex-end; }
.map-hotel-popup-7 span { font-size: 15px; line-height: 24px; color: #fe9931; font-weight: 500; }
.map-hotel-popup-7 i { margin-left: 9px; color: #fe9931; font-size: 21px; }
.map-hotel-popup-7:hover, .map-hotel-popup-7:active, .map-hotel-popup-7:focus, .map-hotel-popup-7:visited { text-decoration: none; }
.map-hotel-popup-7:hover span, .map-hotel-popup-7:active span, .map-hotel-popup-7:focus span, .map-hotel-popup-7:visited span { text-decoration: underline; color: #fe9931; }
.leaflet-control-fullscreen a { background-image: url(/images/mapfs.png); }
.leaflet-touch .leaflet-bar a { width: 34px; height: 34px; line-height: 34px; background-size: 34px 68px; }
.leaflet-touch .leaflet-control-fullscreen a { background-position: 0 0; }
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a { background-position: 0 -34px; }
  
.app-direct-order .app-block-3 { margin-top: 0; }
.app-direct-order .app-block-3 .app-blk1-1 { display: none; }
.app-direct-order .app-btn-1 { cursor: pointer; border: none; border-radius: 5px; background-color: var(--main-color); font-size: 14px; line-height: 16.5px; color: #ffffff; font-weight: bold; min-height: 45px; height: auto; display: flex; align-items: center; justify-content: center; min-width: 150px; padding: 0 30px 0 30px; }
.app-direct-order .app-btn-1:hover, .app-direct-order .app-btn-1:focus, .app-direct-order .app-btn-1:active, .app-direct-order .app-btn-1:visited { text-decoration: none; color: #ffffff; }

/* favorite */

#favorite .app-page-head { background-image: url(/images/img25.jpg); }
#favorite .app-page { padding: 0; background: none; }

/* editor */

.app-hotel-edt-body { overflow-x: hidden; }
#editor .app-htl-head { height: 35px; }
#editor .textbox { height: 35px; line-height: 35px; border-radius: 6px; border: 2px solid #b7b7b7; background-color: #ffffff; padding-left: 10px; padding-right: 10px; }
#editor .app-hotel-9 { align-items: center; margin-top: 9px; }
#editor .app-hotel-b1 .app-hotel-9:first-of-type { margin-top: 15px; }
.app-hotel-img-dim a { border: 7px solid #ff0000; }
.app-hotel-edt-1 { position: absolute; right: 5px; top: 5px; cursor: pointer; z-index: 10; display: none; }
.app-hotel-edt-2 { position: absolute; left: 5px; bottom: 5px; cursor: pointer; z-index: 10; display: none; }
.app-hotel-img-edited:hover .app-hotel-edt-1, .app-hotel-img-edited:hover .app-hotel-edt-2 { display: block; }
.app-hotel-img-dim:hover .app-hotel-edt-2 { display: none; }
.app-hotel-edit-3 { display: flex; margin: 20px 10px 10px 0; align-content: center; justify-content: flex-end; }
.app-hotel-edit-4, .app-hotel-edit-5 { cursor: pointer; font-size: 13px; color: #ff0000; font-weight: 500; margin-right: 15px; }
.app-hotel-edit-4:hover, .app-hotel-edit-5:hover { background: none; }
.app-hotel-edit-5 { color: #0da0c5; }
.app-hotel-edt-dlg { background-color: #ffffff; padding: 15px; }
.app-hotel-edt-dlg img { max-width: 100%; max-height: 70vh; width: auto; }
.app-hotel-edt-btn { display: table; margin: 20px auto 0 auto; line-height: 49px; cursor: pointer; background-color: #448ccb; font-size: 16px; font-weight: 500; color: #ffffff; padding: 0 20px 0 20px; border: none; }
.app-hotel-9 > div.app-hotel-edit-6:first-of-type { width: 45px; display: table; }
.app-hotel-9 div.checkbox, .app-hotel-9 div.dropdown { width: 100%; margin: 0; }
.fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label, .fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label, .fuelux .checkbox .checkbox-label:hover { color: #4c4c4c; box-shadow: none; }
.app-hotel-editor a { display: block; color: #0da0c5; font-size: 13px; font-weight: 500; line-height: 20px; }
.app-hotel-editor-err { border-color: #ff0000 !important; }
.app-hotel-9 .dropdown-toggle { width: 100%; display: flex; align-items: center; background: none; border-radius: 6px; border: 2px solid #b7b7b7; color: #4c4c4c; }
.app-hotel-9 .dropdown-toggle .caret { display: block; margin: 0 5px 0 auto; }
.app-hotel-9 .dropdown-menu { background-color: #ffffff; border: 2px solid #b7b7b7; border-radius: 6px; }
.app-hotel-9-100 > span { width: 100%; display: block; }
.app-hotel-img-drop-right { border-right: 3px dashed #000000; }
.app-hotel-img-drop-left { border-left: 3px dashed #000000; }

/* voucher pool */

.app-voucher-pool-1 { display: flex; align-items: flex-start; border-top: 1px solid #e3e3e3; margin-top: 19px; padding-top: 27px; }
.app-voucher-pool-2 { margin-right: 22px; }
.app-voucher-pool-3 p { font-size: 15px; line-height: 21px; color: #4c4c4c; margin: 0; }
.app-voucher-pool-3 div { display: flex; margin-top: 7px; align-items: center; }
.app-voucher-pool-3 div span { font-size: 12px; line-height: 18px; color: #ff9a32; cursor: pointer; }
.app-voucher-pool-3 div span:hover { text-decoration: underline; }
.app-voucher-pool-3 div i { color: #ff9a32; font-size: 20xp; margin-left: 6px; cursor: pointer; }
.app-voucher-pool-4 { font-size: 13px; line-height: 20px; color: #4d4d4d; padding-top: 20px; }
.app-voucher-pool-progress { position: relative; margin: 4px; float: left; text-align: center; }
.app-voucher-pool-progress span { font-size: 18px; color: #4c4c4c; font-weight: bold; }
.app-voucher-pool-overflow { position: relative; overflow: hidden; width: 90px; height: 45px; margin-bottom: -14px; }
.app-voucher-pool-bar { position: absolute; top: 0; left: 0; width: 90px; height: 90px; border-radius: 50%; box-sizing: border-box; border: 10px solid #f2f2f2; border-bottom-color: #ff9a32; border-right-color: #ff9a32; }

/* voucher info */

.app-voucher-info-1 { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 22px 0 7px 0; }
.app-voucher-info-1 > div { display: flex; align-items: center; margin-bottom: 15px; }
.app-voucher-info-1 > div i { min-width: 50px; width: 50px; color: #ff9a32; font-size: 23px; }
.app-voucher-info-1 > div > div { font-size: 13px; line-height: 18px; color: #4c4c4c; }
.app-voucher-info-1 > div > div p { font-size: 16px; line-height: 18px; color: #1760ab; font-weight: 500; margin: 0; }
.app-voucher-info-2 { font-size: 13px; line-height: 20px; color: #a1a1a1; margin: 22px 0 22px 0; }
.app-voucher-info-3 { display: flex; align-items: center; justify-content: flex-end; text-decoration: none; outline: none; }
.app-voucher-info-3:hover { text-decoration: none; }
.app-voucher-info-3 span { font-size: 12px; line-height: 18px; color: #ff9a32; }
.app-voucher-info-3 span:hover { text-decoration: underline; }
.app-voucher-info-3 i { color: #ff9a32; font-size: 20xp; margin-left: 6px; }

/* banner */

#get .app-page-head { background-image: url(/images/imge19.jpg); }
#info .app-page-head { background-image: url(/images/imge11.jpg); }
#contact .app-page-head { background-image: url(/images/imge07.jpg); }
#privacy .app-page-head { background-image: url(/images/imge06.jpg); }
#terms .app-page-head { background-image: url(/images/imge05.jpg); }
#about .app-page-head { background-image: url(/images/imge04.jpg); }
#voucher .app-page-head { background-image: url(/images/imge03.jpg); }
#get .app-page-head { background-image: url(/images/imge11.jpg); }
#opinions .app-page-head { background-image: url(/images/imge04.jpg); }
#getvoucher .app-page-head { background-image: url(/images/imge11.jpg); }

/* filter */

.app-hotel-filter { padding: 22px 30px 10px 30px; }
.app-hotel-filter-item { margin-bottom: 29px; }
.app-hotel-filter-1 { display: flex; align-items: center; margin-bottom: 18px; }
.app-hotel-filter-1 h5 { font-weight: bold; font-size: 16px; color: #4c4c4c; margin: 0; }
.app-hotel-filter-1 h5:first-letter { text-transform: uppercase; }
.app-hotel-filter-1 span { font-size: 12px; color: #ff9a32; cursor: pointer; margin: 0 0 0 auto; text-align: right; }
.app-hotel-filter-1 span:hover { text-decoration: underline; }
.app-hotel-filter-1 span:first-letter { text-transform: uppercase; }
.app-hotel-filter-unsel { display: none; }
.app-hotel-filter-all .app-hotel-filter-sel { display: none; }
.app-hotel-filter-all .app-hotel-filter-unsel { display: block; }
.app-hotel-filter-2 { margin: 13px 0 0 16px; }
.app-hotel-filter-2 .checkbox { margin: 0; }
.app-hotel-filter-2 .checkbox-label, .app-hotel-filter-2 label.radio-custom { font-size: 14px; color: #787878; }
.app-hotel-filter-3 { display: table; margin: 0 0 0 auto; }
.app-hotel-filter-3 span { display: flex; align-items: center; justify-content: center; text-align: center; height: 47px; border-radius: 5px; border: solid 1px #ff9a32; padding: 0 27px 0 27px; font-size: 14px; color: #ff9a32; cursor: pointer; }
.app-hotel-filter-search { margin-bottom: 29px; }
.app-hotel-filter-search .textbox, .app-hotel-search-results { background-color: #efefef; }
.app-hotel-search-results { width: 550px; right: auto; left: 0; }

/* info */

#info .alt-blk-13 { padding-top: 78px; background-color: #ffffff; }
#info .alt-blk-4-10 { display: none; }
.app-info-page-1 { background-color: #2C6DB0; padding: 46px 0 50px 0; }
.app-info-page-1-1 h4 { text-align: center; font-size: 32px; line-height: 1.5em; font-weight: 600; margin: 0 0 53px 0; color: #ffffff; }
.app-info-page-1-2 { display: flex; align-items: flex-start; }
.app-info-page-1-3 div { display: flex; flex-direction: column; }
.app-info-page-1-3 img { flex-shrink: 0; }
.app-info-page-1-3 h5 { font-size: 24px; line-height: 1.5em; color: #ffffff; font-weight: 600; margin: 0 0 19px 0; text-align: center; }
.app-info-page-1-3 h5:after { content: ' '; width: 105px; height: 2px; background-color: #ffffff; display: block; margin: 15px auto 0 auto; }
.app-info-page-1-3 p { font-size: 17px; line-height: 1.88em; color: #ffffff; margin: 0; font-weight: 300; text-align: center; }
.app-info-page-1-3 p b, .app-info-page-1-3 p a { font-size: 17px; color: #ffffff; font-weight: bold; }
.app-info-page-2 h3 { font-size: 32px; line-height: 1.5em; font-weight: 600; margin: 67px 0 89px 0; color: #3e3f40; }
.app-info-page-3.alt-blk-6 { padding-top: 64px; padding-bottom: 93px; }
.app-info-page-3 .alt-blk-6-4 { display: flex; padding-top: 40px; justify-content: center; }
.app-info-page-3 .alt-htl { margin-left: 17.5px; margin-right: 17.5px; }
.app-info-page-3 .alt-htl:first-of-type { margin-left: 0; }
.app-info-page-3 .alt-htl:last-of-type { margin-right: 0 }
.app-info-page-3 .alt-htl-1 { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.app-info-page-3 .alt-htl-2 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-left: solid 1px #dcdfe5; }
.app-info-page-3 .alt-htl-3 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-left: solid 1px #dcdfe5; border-right: solid 1px #dcdfe5; left: 0; width: 385px; }

/* voucher */

#voucher .alt-blk-13 { padding-top: 109px; }
#voucher .alt-blk-4-10 { display: none; }
.app-voucher-page { padding-top: 150px; }
.app-info-blk-1 { display: flex; align-items: flex-start; padding-bottom: 100px; }
.app-info-blk-1 img { flex-shrink: 0; }
.app-info-blk-1 > div { margin-left: 40px; }
.app-info-blk-1r { flex-direction: row-reverse; }
.app-info-blk-1r > div { margin-left: 0; margin-right: 40px; }
.app-info-blk-1 h4 { font-size: 24px; line-height: 1.5em; color: #3e3f40; font-weight: 600; margin: 0 0 19px 0; }
.app-info-blk-1 h4:after { content: ' '; width: 105px; height: 2px; background-color: #2C6DB0; display: block; margin-top: 15px; }
.app-info-blk-1 p { font-size: 17px; line-height: 1.88em; color: #3e3f40; margin: 0; font-weight: 300; }
.app-info-blk-1 p b { font-size: 17px; color: #3e3f40; font-weight: bold; }
.app-info-blk-1 p a { font-size: 17px; color: var(--main-color); font-weight: 300; }

/* download voucher */

#getvoucher .app-page-head-wrp .app-page-head { animation: none; }
#getvoucher .app-head-bread-ctl { display: none; }
#getvoucher .app-page-content-ctl { justify-content: center; }
.app-vch-get { position: relative; z-index: 1000; }
.app-vch-get h2 { font-size: 25px; line-height: 1.52em; font-weight: 600; margin: 0 0 38px 0; }
.app-vch-get p { font-size: 16px; line-height: 30px; margin: 0; }
.app-vch-get p b, .app-vch-get p a { font-size: 16px; }
.app-vch-get-1 { background-color: #ffffff; border-radius: 4px; padding: 48px 38px 64px 38px; }
.app-vch-get-2 { display: flex; align-items: flex-start; }
.app-vch-get-3 i { color: var(--main-color); font-size: 38px; }
.app-vch-get-3 i.far { font-size: 40px; }
.app-vch-get-4 { margin-left: 18px; padding-right: 50px; }
.app-vch-get-5 { margin-top: 40px; }
.app-vch-get-5 > div { margin-top: 15px; display: flex; align-items: center; }
.app-vch-get-5 > div > label { color: #888888; font-size: 14px; line-height: 21px; font-weight: normal; padding: 0; margin: 0 16px 0 0; width: 150px; text-align: right; }
.app-vch-get-5 > div > div { width: 374px; }
.app-vch-get-5 > div > span { width: 160px; display: block; }
.app-vch-get-5 .input-group { border-radius: 6px; border: solid 1px #cdd2db; }
.app-vch-get-5 .textbox { height: 48px; border-radius: 6px; border: solid 1px #cdd2db; background-color: #ffffff; font-size: 16px; padding-left: 18px; }
.app-vch-get-5 .date .form-control { height: 48px; border: none; background-color: #ffffff; box-shadow: none; font-size: 16px; padding-left: 18px; padding-right: 0; }
.app-vch-get-5 .input-group-addon { background-color: #ffffff; border: none; width: 48px; }
.app-vch-get-5 .input-group-addon i { font-size: 26px; color: #888888; }
.app-vch-get-6 { display: table; margin: 57px auto 0 auto; }
.app-vch-get-6 .app-btn-1 { height: 57px; font-size: 16px; font-weight: 600; min-width: 204px; }
.app-vch-get-err { margin-top: 54px; }
.app-vch-get-err > div { display: flex; align-items: center; margin-bottom: 9px; }
.app-vch-get-err > div i { font-size: 40px; color: #ff0404; width: 64px; }
.app-vch-get-err > div span { font-size: 17px; line-height: 30px; color: #ff0000; font-weight: 600; }
.app-vch-get-err > p { margin-left: 64px; }
.app-vch-get-err > p a { text-decoration: underline; }
.app-vch-get-err-exp > p a { color: var(--main-color); font-weight: 600; }
.app-vch-get-nf { margin-top: 65px; }
.app-vch-get-nf > div { display: flex; align-items: center; margin-bottom: 9px; }
.app-vch-get-nf > div i { font-size: 40px; color: var(--main-color); width: 64px; }
.app-vch-get-nf > div span { font-size: 17px; line-height: 30px; font-weight: 600; font-style: italic; }
.app-vch-get-nf > p { margin-left: 64px; font-style: italic; }
.app-vch-get-nf > p a, .app-vch-get-nf > p span { text-decoration: underline; font-size: 16px; cursor: pointer; }