
.btn-pay:active,
.form-group-radio .radio,
.checkbox,
.section-top-right,
.btn-back,
.swiper-container,
nav,
.show-form {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.checkbox label.checkbox-radio__label {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 500;
		color: #434953;
	}

		.checkbox label.checkbox-radio__label.active {
			color: #2188C9
		}

.checkbox-custom {
	width: 17px;
	height: 17px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid transparent;
	background: url('/Plugins/Payments.1Pay/Content/Images/check.svg') center no-repeat;
	-webkit-background-size: 10px 10px;
	background-size: 10px;
	background-color: #2188C9;
	position: absolute;
	right: 0.2em;
	top: 0.2em;
	display: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

[type="checkbox"]:not(:checked) + .checkbox-custom,
[type="radio"]:not(:checked) + .checkbox-custom--big {
	background: url('/Plugins/Payments.1Pay/Content/Images/check.svg') center white no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px;
	border: 1px solid #aab2bd;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

[type="radio"]:not(:checked) + .checkbox-custom.checkbox-custom--big {
	border-width: 2px;
}

.checkbox-custom--big {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 0.35em;
}

[type="checkbox"]:checked + span + span {
	color: #2188C9;
}

.checked {
	border-color: #2188C9 !important;
	color: #2188C9 !important;
}

.checkbox {
	margin: 0
}

	.checkbox label {
		padding: 0;
		margin: 0;
	}

.form-group:last-child {
	margin-bottom: 0;
}

.bg-dark {
	background-color: #081b3a;
	color: white
}

.grid7:after,
.grid4::after,
.grid3-5:after,
.grid3:after {
	content: "";
	clear: both;
	display: table;
}

.grid7 {
	position: relative;
}

.grid3-5,
.grid3,
.grid4,
.grid5,
.grid6,
.grid2 {
	margin-top: -15px;
	position: relative;
}

.group-pay-bill.grid4,
.group-pay-bill.grid3 {
	margin-top: 0;
	margin-bottom: 0;
}

.grid4 > li {
	width: 25%;
}

.group-pay-bill.grid3 > li:nth-of-type(3n-1) {
	width: 34%;
}

.group-pay-bill.grid4 > li:not(:nth-of-type(4n+0)),
.group-pay-bill.grid3 > li:not(:nth-of-type(3n+0)) {
	border-right: 1px solid #e6e9ed;
}

.grid7 > li {
	width: 14.28%
}

.grid3-5 > li,
.grid3 > li,
.grid4 > li,
.grid5 > li,
.grid6 > li,
.grid2 > li {
	width: 100%;
}

.grid2 > li {
	width: 50%;
}

.grid7 > li,
.grid3-5 > li,
.grid3 > li,
.grid4 > li,
.grid5 > li,
.grid6 > li,
.grid2 > li {
	display: inline-block;
	float: left;
}

.grid3-5 > li {
	width: 40%;
}

.grid2 > li {
	width: 50%;
}

.grid3 > li {
	width: 33%
}

.grid4 > li {
	width: 25%
}

.grid5 > li {
	width: 20%
}

.grid6 > li {
	width: 16.6%
}

.inline-block {
	display: inline-block;
}


.form-group.margin-big {
	margin-bottom: 30px;
}

.form-group {
	margin-bottom: 20px;
}

.control-label {
	font-weight: 400;
	font-size: 14px;
	color: #656d78;
	display: block;
	padding: 0
}

.form-group.row {
	margin-right: 10px;
	margin-left: 10px
}

.control-label.control-label-result {
	font-size: 16px;
	color: #000000;
}

.form-group-dashed {
	border-bottom: 1px dashed #aab2bd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

	.form-group-dashed:last-child {
		margin-bottom: 20px;
	}

.radio-btn-logo {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-width: 115px;
	left: 0;
	right: 0;
	margin: 0 auto;
	pointer-events: none;
}

.radio-btn-upperlogo {
	position: relative;
	width: 100%;
	height: 2.5em;
	background-image: url('/Plugins/Payments.1Pay/Content/Images/logo/mobiphone1.png');
	background-repeat: no-repeat;
	-webkit-background-size: 4.5em auto;
	background-size: 4.5em auto;
	background-position: 5px center;
	border-bottom: 1px solid #e8ebef;
}

.section-body-card .radio-btn-upperlogo {
	height: 2em;
	border-bottom: 0;
	-webkit-background-size: 4em auto;
	background-size: 4em auto;
}

.form-group-radio .radio-btn label.radio-label-big {
	height: 3.9em;
}

.form-group-radio .radio-btn label.label-height-auto {
	height: auto;
}

.section-body-card .form-group-radio .radio-btn label.label-height-auto {
	min-height: 4.5em;
	background: url(/Plugins/Payments.1Pay/Content/Images/card-bg.png) center bottom no-repeat;
}

.radio-big .radio-btn-logo {
	max-width: 200px;
}

.section-body-alone {
	margin-top: 100px;
	padding: 40px 0;
	padding-bottom: 0;
	margin-bottom: 100px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.section-body-middle-form-p1.no-border {
	border: none;
}

.no-border {
	border: none !important;
}

.no-border-top {
	border-top: none !important;
}

.btn-list-option {
	padding: 25px 40px;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #2b2b2b;
	border: 1px solid #e6e9ed;
	border-top: 2px solid #e6e9ed;
	border-left: 0;
	border-right: 0;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
}

	.btn-list-option:active {
		background: #f5f5f5;
	}

	.btn-list-option.collapsed {
		border-bottom: 0px solid #e6e9ed;
	}

.wrap:last-child .btn-list-option.collapsed {
	border-bottom: 2px solid #e6e9ed;
}

.btn-list-option:active > .triangle-border:before {
	border-color: #f5f5f5 transparent transparent transparent;
}

.btn-list-option.collapsed > .triangle-border,
.btn-list-option.collapsed > .triangle-border:before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}

.triangle-border {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	;
	border-color: #e6e9ed transparent transparent transparent;
	-webkit-transform: rotate(360deg);
	position: absolute;
	left: 40px;
	bottom: -10px;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: transform 0.2s ease;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease
}

	.triangle-border:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 15px 0 15px;
		border-color: white transparent transparent transparent;
		-webkit-transform: rotate(360deg);
		content: "";
		position: absolute;
		left: -15px;
		top: -11px;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top center;
		-ms-transform-origin: top center;
		transform-origin: top center;
		-webkit-transition: transform 0.2s ease;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		-o-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease
	}

.triangle-border--top {
	top: 0;
	bottom: auto;
}

.triangle-border__dropdown {
	top: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border-width: 7px 11px 5px 10px;
}

.btn-list-option.collapsed .plus-more {
	background: #2188C9
}

.plus-more {
	display: block;
	position: absolute;
	right: 40px;
	top: 50%;
	height: 3px;
	width: 21px;
	background: #2188C9;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.btn-list-option.collapsed .plus-more {
	background: #aab2bd;
}

	.btn-list-option.collapsed .plus-more.vertical {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

.radio-big-info {
	font-size: 14px;
	clear: both;
	padding: 15px;
	display: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.radio-big-info p {
		margin-bottom: 20px
	}

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.form-control {
	position: relative;
}

.form-group select.form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	cursor: pointer;
}

	.form-group select.form-control:focus {
		outline: none;
		border-color: #ccc;
	}

.form-group select > option {
	font-size: 14px;
	background: white;
	height: 24px;
	cursor: pointer;
	border: 0;
}

.note {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7em;
}

.h1-dark-note {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 1em;
}

.h1-grey-note {
	color: #a5a5a5;
}

.note.margin-sm {
	margin-top: 5px;
}

.note-date {
	font-size: 12px;
	text-transform: uppercase;
}

.collapse-note {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 14px;
}

	.collapse-note a:hover {
		color: #2188C9;
		text-decoration: underline;
	}

.sm-margin,
.form-group label.title.sm-margin {
	margin-bottom: 10px;
}

.bill {
	position: relative;
	text-align: center;
}

	.bill:after {
		content: "";
		position: absolute;
		bottom: 10px;
		right: 10px;
		height: 30px;
		width: 30px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background-image: url('/Plugins/Payments.1Pay/Content/Images/zoom.svg');
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 15px 15px;
		background-size: 15px 15px;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 1;
		pointer-events: none;
	}

.col-md-1.col-gap {
	width: 6%;
}

.bullet {
	display: inline-block;
	height: 5px;
	width: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #f34235;
	margin-right: 10px;
	line-height: 1em;
	vertical-align: middle;
	margin-bottom: 3px;
}

.bullet--grey {
	background: #ccd1d9;
}

.table-normal {
	font-size: 14px;
	width: 100%;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

	.table-normal thead {
		background: #f4f4f4;
		color: #646c78;
		font-weight: 500;
	}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 1.2em 2em;
}

.table-no-display {
	display: none;
}

.table-normal tr td {
}

.table-normal tr td {
	padding: 2em;
}

.table-title {
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 20px;
	margin-bottom: 15px
}

	.table-title > img {
		padding-right: 1em;
		height: 2.5em;
		width: auto;
		margin-bottom: 0.3em;
	}

		.table-title > img.direct-right {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			padding-right: 0;
			padding-left: 1em
		}

.table-fly > tbody > tr > td,
.table-fly > tbody > tr > th,
.table-fly > tfoot > tr > td,
.table-fly > tfoot > tr > th,
.table-fly > thead > tr > td,
.table-fly > thead > tr > th {
	padding: 0.5em 0.5em
}

.table-fly {
	margin-bottom: 30px;
	color: #434953;
	border-bottom: 1px solid #e5e8ec;
}

	.table-fly:last-child {
		margin-bottom: 10px;
	}

	.table-fly > thead > tr > td:first-child,
	.table-fly > tbody > tr > td:first-child {
		padding-left: 20px;
	}

	.table-fly > thead {
		background: #e5e8ec;
		color: #0f2348;
		border: none;
	}

.error {
	color: #ed3237;
	font-size: 14px;
	font-weight: 400;
	margin: 0.5em 0 0 0;
	display: block
}

.error--lighter-red {
	color: #f1989b
}

.form-control.error {
	border-color: #f59a9d;
	margin: 0
}

	.form-control.error:focus {
		-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.08);
		box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.08);
		border-color: #f59a9d;
	}

.affix {
	top: 0;
	z-index: 100;
}

.affix-top {
	position: initial !important;
}

.affix-bottom {
	position: absolute;
	top: 0;
	left: auto !important;
}

.show-form {
	cursor: pointer;
}

	.show-form ~ .form-group-wrap,
	.show-form ~ .note {
		display: none;
	}

.checkbox-agree {
	color: #2188C9;
}

	.checkbox-agree:hover {
		color: #2188C9
	}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	display: none;
}

.bootstrap-select.btn-group .dropdown-menu input {
	width: 100%;
	font-size: 14px;
}

.form-group .bootstrap-select.btn-group > .btn.dropdown-toggle,
.bootstrap-select {
	height: 3em;
	font-size: 14px;
}

	.form-control-big .btn-default:hover,
	.btn-default:hover,
	.open > .dropdown-toggle.btn-default:hover,
	.btn-default.active,
	.btn-default:active,
	.open > .dropdown-toggle.btn-default,
	.btn-default:active:hover,
	.btn-default:focus,
	.btn-default:active,
	.bootstrap-select .dropdown-toggle:focus,
	.open > .dropdown-toggle.btn-default {
		background: white !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none !important;
	}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	outline: none;
}

.form-control.form-blue .filter-option {
	color: #2188C9;
}

.btn-default:hover,
.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus {
	border-color: #dcdcdf
}

.select--custom-1l ~ .select2,
.select--custom-1r ~ .select2 {
	margin-top: 1em
}

	.select--custom-1l ~ .select2 .select2-selection--single .select2-selection__rendered,
	.select--custom-1r ~ .select2 .select2-selection--single .select2-selection__rendered {
		line-height: 32px;
		padding-left: 2.5em;
		color: #2188C9;
	}

	.select--custom-1l ~ .select2 .select2-selection.select2-selection--single {
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
		font-size: 15px;
		border-right: 0;
		line-height: 32px;
	}

	.select--custom-1l ~ .select2 .select2-selection__placeholder,
	.select--custom-1r ~ .select2 .select2-selection__placeholder,
	.select--custom-1r ~ .select2 .select2-selection__rendered,
	.select--custom-1l ~ .select2 .select2-selection__rendered {
		color: #434953;
	}

	.select--custom-1l ~ .select2 .select2-selection__placeholder,
	.select--custom-1r ~ .select2 .select2-selection__placeholder {
		padding-left: 0em;
	}

		.select--custom-1l ~ .select2 .select2-selection__placeholder:before,
		.select--custom-1r ~ .select2 .select2-selection__placeholder:before,
		.select--custom-1r ~ .select2 .select2-selection__rendered:before,
		.select--custom-1l ~ .select2 .select2-selection__rendered:before {
			position: absolute;
			top: 50%;
			left: 0.5em;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 2.8em;
			height: 2.8em;
			content: "";
			background: url('/Plugins/Payments.1Pay/Content/Images/ic_dark/ic-102.svg');
			-webkit-background-size: 2.5em 2.5em;
			background-size: 2.5em 2.5em;
			background-repeat: no-repeat;
			background-position: center center;
		}

	.select--custom-1r ~ .select2 .select2-selection.select2-selection--single {
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
		font-size: 15px;
	}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:focus,
.select2-container .select2-selection--multiple,
.select2-container.select2-selection--multiple:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #dcdcdf;
	outline: none;
}

.select2-container .select2-selection--single {
	height: 3em;
	padding: 6px 12px;
	padding-left: 1em;
	line-height: 32px;
}

.select2-container .select2-selection--multiple {
	min-height: 3em;
	padding: 6px 12px;
	padding-left: 1em;
	line-height: 0.7em;
}

.select-fly-number-title ~ .select2 .select2-selection.select2-selection--single {
	height: 3.6em
}

.select2-selection__arrow {
	display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
	padding: 0;
}

.select2-search__field:focus {
	outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #dcdcdf;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 1em;
}

.select2-dropdown,
.select2-dropdown.select2-dropdown--below {
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #dcdcdf;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.select2-results,
.select2-container--open .select2-dropdown--above,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: white;
	position: relative;
	color: #2188C9
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #2188C9;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
	background: #f5f5f5;
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1.5em;
}

.select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__group {
	padding-left: 1em;
	font-size: 13px;
	color: #525252;
}

.select2-container--default .select2-results__option[aria-selected=true]:before {
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\2713";
}

.form-blue ~ .select2 .select2-selection__rendered {
	color: #2188C9
}

.select-fly-number ~ .select2-container .select2-selection--single .select2-selection__rendered {
	color: #2188C9;
	font-size: 16px;
	line-height: 3.3em;
	position: relative;
}

.select-fly-single ~ .select2-container .select2-selection--single .select2-selection__rendered {
	color: #2188C9;
}

.select-fly-number ~ .select2 .select2-selection__rendered:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1em;
	height: 100%;
	background-image: url(/Plugins/Payments.1Pay/Content/Images/down-arrow-grey.svg);
	-webkit-background-size: 0.8em auto;
	background-size: 0.8em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.select-fly ~ .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	font-size: 14px;
	color: #434a54;
	line-height: 1.7em;
}

.select-fly ~ .select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size: 14px;
	color: #434a54;
	line-height: 2em;
}

.select-fly ~ .select2 .select2-selection__rendered:before {
	position: absolute;
	content: "";
	right: 1.15em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1em;
	height: 100%;
	background-image: url(/Plugins/Payments.1Pay/Content/Images/down-arrow-grey.svg);
	-webkit-background-size: 0.95em auto;
	background-size: 0.95em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.select-fly ~ .select2 .select2-selection__rendered {
	line-height: 1.5em;
	margin-bottom: 0.3em;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 2em
}

.select-fly ~ .select2 .select2-selection__choice {
	line-height: 2em;
	margin-top: 0.3em;
	position: relative;
	padding-left: 15px;
	background: #023f88;
	color: white;
	border-color: transparent;
}

.select-fly ~ .select2 .select2-selection__choice__remove {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	padding-left: 3px;
	line-height: 1.7em;
	color: white;
}

	.select-fly ~ .select2 .select2-selection__choice__remove:hover {
		color: #2188C9
	}

.select-fly ~ .select2 .select2-search__field::-webkit-input-placeholder {
	color: #434a54;
	font-weight: 400
}

::-moz-placeholder {
	color: #434a54;
	font-weight: 400
}

:-ms-input-placeholder {
	color: #434a54;
	font-weight: 400
}

.select-fly ~ .select2-container .select2-selection--multiple {
	padding-bottom: 0;
	padding-top: 0px;
}

.select-fly ~ .select2-container .select2-search--inline .select2-search__field {
	margin-top: 9px
}






/*-------------------------------------------END-COMMON-------------------------------------------------*/


/*-------------------------------------------NAVBAR-TOP-------------------------------------------------*/

.logo {
	float: left;
	line-height: 68px;
}

	.logo img {
		width: 90px;
	}

.navbar-top .sub-menu.open > ul > li.active a {
	padding: 0;
}

.navbar-top .sub-menu.open > ul > li > a,
.navbar-top .sub-menu > ul > li > a {
	line-height: 40px;
	padding: 0;
	color: #7a7a7a;
}

.nav > li.sub-menu {
	display: none;
}

.nav > li.dropdown-sub--hover {
	display: block;
}

.dropdown-sub--hover > ul.dropdown-menu {
	margin-top: -5px;
	border-top: 1px solid #efefef;
	max-height: 0
}

.dropdown-sub--hover:hover > ul > li > a {
	color: #4a4a4a
}

.navbar-top .dropdown-sub--hover > li > a {
	line-height: 30px;
}

.dropdown-sub--hover .arrow {
	display: none;
}

.navbar-top .dropdown-menu > li > a:hover {
	background: transparent;
	color: #2188C9;
}

.dropdown-menu__header {
	color: #2188C9;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0.5em 0
}

.navbar-top .sub-menu > ul > li > a.dropdown-menu__longword {
	line-height: 20px;
}

.nav > li.visible-big-screen {
	display: inline-block;
}

.visible-big-screen.sub-menu ul {
	padding-left: 25px;
}

.sub-menu .dropdown-menu,
.sub-menu .dropdown-menu {
	max-height: 0;
	overflow: hidden;
	display: block;
	opacity: 0;
	-webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
	-o-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
	transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
	padding-top: 0;
	padding-bottom: 0;
}

.sub-menu.open .dropdown-menu {
	padding-top: 5px;
	opacity: 1;
	max-height: 9999px;
	-webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
	-o-transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
	transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.dropdown-sub--hover.active .dropdown-menu {
	display: none;
}

.sub-menu img {
	height: 28px;
	width: auto;
	margin-right: 6px;
	margin-left: 5px;
	position: absolute;
}

.sub-menu p {
	padding-left: 40px;
	margin: 0;
}

.sub-menu .arrow {
	position: absolute;
	right: 0;
	width: 20px;
	top: 50%;
	height: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.sub-menu .arrow img {
		height: 12px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: -webkit-transform 0.15s ease-in-out;
		transition: -webkit-transform 0.15s ease-in-out;
		-o-transition: transform 0.15s ease-in-out;
		transition: transform 0.15s ease-in-out;
		transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
	}

.sub-menu.open .arrow img,
.sub-menu.active .arrow img {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}






/*-------------------------------------------Burger-------------------------------------------------*/

.burger {
	float: left !important;
	margin-left: 15px;
	margin-right: 0;
}

	.burger .icon-bar {
		width: 22px;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
	}

.burger {
	position: relative;
	border: 0;
	z-index: 100;
	padding-left: 0;
}

.navbar-top .burger:focus,
.navbar-top .burger:hover {
	background: none;
	border: 0;
}

.burger .top-bar {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
	-webkit-transform-origin: 10% 10%;
}

.burger .middle-bar {
	opacity: 0;
}

.burger .bottom-bar {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
}

.burger.collapsed .top-bar {
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform: rotate(0);
}

.burger.collapsed .middle-bar {
	opacity: 1;
}

.burger.collapsed .bottom-bar {
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform: rotate(0);
}






/*-------------------------------------------EndBurger-------------------------------------------------*/

.full-nav {
	max-height: 67px;
}

.navbar-top {
	font-size: 13px;
	text-transform: uppercase;
	float: right;
	background: white;
	z-index: 9998;
	border: 0;
	-webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.09);
}

	.navbar-top .navbar-nav > li > a {
		color: #434953;
	}

	.navbar-top .navbar-nav > li > a,
	.navbar-brand {
		padding-top: 11px;
		padding-bottom: 11px;
		padding-right: 20px;
		line-height: 46px;
		height: 68px;
		font-weight: 500
	}

	.navbar-top .navbar-nav > li:not(.sub-menu) > a:hover {
		color: #2188C9;
	}






/*-------------------------------------------Search-------------------------------------------------*/

.search img {
	height: 24px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin: auto;
}

.search li {
	width: 70px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin-left: 15px;
}

	.search li > ul > li {
		border: 0;
		width: auto;
	}

.search > .open > a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6.5px 7px 6.5px;
	border-color: transparent transparent #2188C9 transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.search .dropdown-menu {
	width: 465px;
	height: 58px;
	-webkit-border-radius: 0;
	border-radius: 0;
	left: -395px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: 2px solid #2188C9 !important;
	padding: 0;
	-webkit-animation: fade 0.2s;
	/* Safari 4+ */
	/* Fx 5+ */
	/* Opera 12+ */
	animation: fade 0.2s;
	/* IE 10+, Fx 29+ */
}

@-webkit-keyframes fade {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.search {
	margin-left: 0;
	margin-right: 0;
}

	.search > .open > a,
	.search > .open > a:focus,
	.search > .open > a:hover {
		background: none;
	}

.input-search,
.input-search:focus {
	border: 0;
	height: 58px;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	font-size: 16px;
	width: 73%;
	color: #023f88;
	height: 56px;
	padding: 0;
	padding-left: 25px;
	-webkit-animation: slideIn 0.5s;
	/* Safari 4+ */
	/* Fx 5+ */
	/* Opera 12+ */
	animation: slideIn 0.5s;
	/* IE 10+, Fx 29+ */
	position: absolute;
	right: 27%;
}

@-webkit-keyframes slideIn {
	from {
		opacity: 0;
		right: 20px;
	}

	to {
		opacity: 1;
	}
}

@keyframes slideIn {
	from {
		opacity: 0;
		right: 20px;
	}

	to {
		opacity: 1;
	}
}

::-webkit-input-placeholder {
	color: #023f88;
	font-weight: 400
}

::-moz-placeholder {
	color: #023f88;
	font-weight: 400
}

:-ms-input-placeholder {
	color: #023f88;
	font-weight: 400
}

input:focus ~ label.required {
	display: none;
}

.required {
	/*position: absolute;*/
	color: #434953;
	font-size: 14px;
	top: 0.8em;
	left: 15px;
	display: inline-block;
	font-weight: 400
}

.required-center {
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	text-align: center;
}

:-moz-placeholder {
	color: #023f88;
	font-weight: 400
}

input.form-control::-webkit-input-placeholder {
	color: #ccc;
	font-weight: 400;
}

input.form-control::-moz-placeholder {
	color: #ccc;
	font-weight: 400;
	opacity: 1
}

input.form-control::-ms-input-placeholder {
	color: #ccc;
	font-weight: 400;
}

.radio-big-info input::-webkit-input-placeholder {
	color: #434953;
	font-weight: 400
}

.radio-big-info input::-moz-placeholder {
	color: #023f88;
	font-weight: 400
}

.radio-big-info input:-ms-input-placeholder {
	color: #023f88;
	font-weight: 400
}

.radio-big-info input:-moz-placeholder {
	color: #023f88;
	font-weight: 400
}

input .btn-search {
	width: 27%;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

.btn-search button {
	background: none;
	border: none;
	font-size: 16px;
	font-weight: bold;
	color: #2188C9;
	line-height: 36px;
	position: absolute;
	right: 0;
	width: 27%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 1px solid #eee;
}






/*-------------------------------------------End Search-------------------------------------------------*/


/*-------------------------------------------END NAVBAR-TOP-------------------------------------------------*/


/*-------------------------------------------MEGA MENU-------------------------------------------------*/

.mega-dropdown {
	position: static !important;
}

.mega-menu {
	background-color: #0c2c63;
	position: absolute;
}

	.mega-menu .navbar-nav {
		width: 100%
	}

.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0;
	overflow-y: scroll;
	padding: 50px 0;
}

	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
	}

		.mega-dropdown-menu > li > ul > li {
			list-style: none;
		}

	.mega-dropdown-menu > li ul > li > a:hover,
	.mega-dropdown-menu > li ul > li > a:focus {
		text-decoration: none;
		color: #444;
		background-color: #f5f5f5;
	}

	.mega-dropdown-menu .dropdown-header {
		color: #428bca;
		font-size: 18px;
		font-weight: bold;
	}

	.mega-dropdown-menu form {
		margin: 3px 20px;
	}

	.mega-dropdown-menu .form-group {
		margin-bottom: 3px;
	}

#mega-menu .navbar-nav {
	width: 100%
}

li.dropdown.mega-dropdown {
	width: 16.66%;
	height: 10em;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	float: left;
}

	li.dropdown.mega-dropdown:hover {
		background: white;
	}

		li.dropdown.mega-dropdown:hover > a.dropdown-toggle,
		li.dropdown.mega-dropdown > a.dropdown-toggle:active {
			color: #2188C9;
		}

	li.dropdown.mega-dropdown.touch:hover > ul {
		display: block;
		overflow: hidden;
	}

	li.dropdown.mega-dropdown > ul:hover ~ a {
		background: white;
	}

.mega-dropdown img {
	width: 3em;
	margin-bottom: 1em;
}

.mega-dropdown.open {
	background-color: white;
}

.mega-menu li a.dropdown-toggle,
.mega-menu li a.dropdown-toggle:focus,
.mega-menu li a.dropdown-toggle:hover {
	color: white;
	font-weight: 500;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	padding-top: 1.2em;
	line-height: 1.3em;
}

.mega-menu .side-menu a {
	color: #656d78;
	font-weight: 500;
	font-size: 13px;
	text-transform: none;
	line-height: 4.2em;
	height: 100%;
	display: block;
}

	.mega-menu .side-menu a:hover {
		text-decoration: none;
		color: #2188C9;
	}

.mega-menu .side-menu {
	list-style: none;
}






/*-------------------------------------------Mega menu Tab-------------------------------------------------*/

.btn-pay {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #656d78;
	padding: 9px 0px;
	width: 118px;
	border: 1px solid #ccd1d9;
	-webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	margin: 1em auto;
}

	.btn-pay:hover {
		color: #656d78;
	}

.mega-menu-content {
	margin-top: -20px;
}

ul.mega-menu-content li {
	padding: 20px;
	width: 240px;
	display: block;
	float: left;
}

.mega-dropdown .inside-box img {
	width: auto;
}

.mega-menu .inside-box {
	text-transform: none;
	text-align: center;
	border: 1px solid #e6e9ed;
	font-weight: 500;
}

.dropdown-menu.sm-mega-menu {
	left: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

	.dropdown-menu.sm-mega-menu ul > li,
	.dropdown-menu.sm-mega-menu ul > .pull-left > li {
		border-bottom: 1px solid #eee;
		line-height: 4em;
		min-width: 200px
	}

	.dropdown-menu.sm-mega-menu ul > .pull-left:first-child > li {
		border-right: 1px solid #eee;
	}

	.dropdown-menu.sm-mega-menu a {
		text-transform: uppercase;
		padding-left: 1.6em;
		padding-right: 1.6em;
		position: relative;
	}

		.dropdown-menu.sm-mega-menu a:before {
			width: 0;
			height: 1px;
			position: absolute;
			bottom: -1px;
			left: 0;
			background: #2188C9;
			-webkit-transition: width 0.3s ease;
			-o-transition: width 0.3s ease;
			transition: width 0.3s ease;
			content: "";
		}

	.dropdown-menu.sm-mega-menu ul > li:hover {
		border-bottom: 1px solid transparent;
	}

	.dropdown-menu.sm-mega-menu a:hover:before {
		width: 100%
	}

.mega-icon {
	width: 3em;
	height: 3em;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 1em;
	-webkit-background-size: 3em 6em;
	background-size: 3em 6em;
}

	.mega-icon.icon01 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-01.svg');
	}

	.mega-icon.icon02 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-02.svg');
	}

	.mega-icon.icon03 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-03.svg');
	}

	.mega-icon.icon05 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-05.svg');
	}

	.mega-icon.icon44 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-44.svg');
	}

	.mega-icon.icon47 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-47.svg');
	}

	.mega-icon.icon201 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-201.svg');
	}

	.mega-icon.icon3dots {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-3dots.svg');
	}

	.mega-icon.iconback {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-back.svg');
	}

li.dropdown.mega-dropdown:hover .mega-icon {
	background-position: top center;
}






/*-------------------------------------------END MEGA MENU-------------------------------------------------*/


/*-------------------------------------------SWIPER-------------------------------------------------*/

.swiper-container {
	width: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #f5f5f5;
	overflow: hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.swiper-slide img {
		position: absolute;
		left: -9999px;
		right: -9999px;
		margin: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}

.card-swiper-container,
.card-swiper-container-2,
.card-swiper-container-3 {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

	.card-swiper-container .swiper-slide,
	.card-swiper-container-2 .swiper-slide,
	.card-swiper-container-3 .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		height: 4.2em;
	}

.swiper-container-horizontal-logo .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: auto;
	padding: 30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.swiper-slide img {
		position: static;
		left: 0;
		right: 0;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.tab-content {
	position: relative;
}

.swiper-slide.form-group-radio {
	padding: 1px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 35px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 35px;
}

.swiper-button-prev,
.swiper-button-next {
	-webkit-background-size: 35px 44px;
	background-size: 35px 44px;
}

.swiper-container-horizontal-logo {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	background: white;
	height: 80px;
}

	.swiper-container-horizontal-logo img {
		height: 50px;
		width: auto;
	}

.swiper-button-next-card,
.swiper-button-prev-card {
	border: 1px solid #e6e9ed;
	height: 2.5em;
	width: 2.5em;
	-webkit-background-size: 1em 1em;
	background-size: 1em 1em;
	background-color: white;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(10, 144, 221, 0.13);
	box-shadow: 1px 2px 3px 0px rgba(10, 144, 221, 0.13);
	text-shadow: 1px 2px 3px rgba(10, 144, 221, 0.13);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-position: center center;
}

.swiper-button-next-card {
	right: -4em;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 306 306' style='enable-background:new 0 0 306 306;' xml:space='preserve'%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153 ' fill='%23434953'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.swiper-button-prev-card {
	left: -4em;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 199.404 199.404' style='enable-background:new 0 0 199.404 199.404;' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='135.412,0 35.709,99.702 135.412,199.404 163.695,171.119 92.277,99.702 163.695,28.285 ' fill='%23434953'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.section-news__article__img--swiper {
	position: relative;
}

.swiper-slide img.article__img {
	max-width: none;
	height: 100%;
	width: auto;
}

.card-note {
	font-size: 13px;
	margin-top: 7px;
	font-weight: 500;
	text-align: center;
}

.card-note__name {
	color: #646c78;
}

.card-note__price {
	color: #1a1a1a;
}

.section-body-card .form-group-radio .radio-btn div.card-data {
	font-size: 13px;
	line-height: 2em;
	color: #2188C9;
	margin-bottom: 0.5em;
}

.section-news__article__img--swiper .swiper-pagination-bullet {
	background: none;
	border: 1px solid white;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	opacity: 1
}

.section-news__article__img--swiper .swiper-pagination-bullet-active {
	background: white;
}

.section-news__related > .section-news__sm:last-child > .section-news__article {
	border-bottom: 0;
}

.section-news__header {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	text-transform: uppercase;
	padding: 1em 32px;
	background-color: #f5f8fc;
}

.section-news__article__smdetail {
	position: relative;
}

.section-news__article__socialic {
	position: absolute;
	top: -0.5em;
	right: 0
}

	.section-news__article__socialic > a {
		background-repeat: no-repeat;
		width: 2em;
		height: 2em;
		-webkit-background-size: auto 2em;
		background-size: auto 2em;
		background-image: url('/Plugins/Payments.1Pay/Content/Images/social-ic-group.svg');
		display: inline-block;
		font-size: 14px;
		margin-left: 0.7em
	}

		.section-news__article__socialic > a:nth-of-type(1) {
			background-position: center left;
		}

		.section-news__article__socialic > a:nth-of-type(2) {
			background-position: center center;
		}

		.section-news__article__socialic > a:nth-of-type(3) {
			background-position: center right;
		}

.section-news.col-md-12 .section-news__article {
	width: -webkit-calc(50% - 64px);
	width: calc(50% - 64px);
	float: left;
}

.wrap-bottom .swiper-button-prev,
.wrap-bottom .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-webkit-background-size: 27px 27px;
	background-size: 27px 27px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s
}

	.wrap-bottom .swiper-button-prev:hover,
	.wrap-bottom .swiper-button-next:hover {
		background-color: rgba(0, 0, 0, 0.2);
	}

.section-news__article__table {
	max-width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
}

/*-------------------------------------------END SWIPER-------------------------------------------------*/


/*-------------------------------------------CONTACT-------------------------------------------------*/

.contact {
	height: 61px;
	position: relative;
}

	.contact.container-fluid {
		width: 100%;
	}

	.contact > div {
		width: 49.5%;
		display: inline-block;
		line-height: 40px;
	}

		.contact > div.text-coppyright {
			width: 70%;
		}

	.contact .logo-protect {
		position: absolute;
		width: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: auto;
		text-align: right;
		z-index: 1
	}

.logo-protect__left {
	float: left;
}

.contact img {
	height: 30px;
	margin: 0 10px;
}

.contact .logo-protect__bg {
	height: 34px
}

.contact .col-xs-4 {
	line-height: 40px;
}

.bg-white {
	background-color: white
}

.text-coppyright__main {
	font-size: 12px;
	font-weight: 500;
	color: #2188C9;
	line-height: 1.3em;
	text-transform: uppercase;
}

.text-coppyright__sub {
	line-height: 1.3em;
	font-size: 12px;
	color: #838383
}






/*-------------------------------------------END CONTACT-------------------------------------------------*/


/*-------------------------------------------IMG-HEADER-------------------------------------------------*/

.header-img-1 {
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 69px;
	z-index: 0;
	height: 230px;
	text-align: center;
}

	.header-img-1 img {
		height: auto;
		position: absolute;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}






/*-------------------------------------------End-HEADER-------------------------------------------------*/


/*-------------------------------------------MAIN CONTENT-------------------------------------------------*/


/*-------------------------------------------banner-------------------------------------------------*/

.container.main {
	padding-top: 70px;
	z-index: 100;
	position: relative;
	margin-bottom: 120px;
}

.section-top {
	height: 10em;
	font-size: 18px;
	position: relative;
	z-index: 1
}

a.btn-back {
	height: 2em;
	width: 2em;
	background: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 1em;
	border-radius: 1em;
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	line-height: 2em;
}

	a.btn-back img {
		height: 16px;
	}

	a.btn-back img,
	.section-top-middle,
	.section-top-left,
	.section-top-right {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
	}

		.section-top-middle a {
			color: white;
		}

			.section-top-middle a img {
			}

			.section-top-middle a:hover {
				filter: blur(0);
				-webkit-filter: blur(0);
			}

			.section-top-middle a:after {
				content: "";
				width: 0;
				-webkit-transition: width 0.5s ease;
				-o-transition: width 0.5s ease;
				transition: width 0.5s ease
			}

			.section-top-middle a:hover > img {
				-webkit-animation-name: hvr-bob-float, hvr-bob;
				animation-name: hvr-bob-float, hvr-bob;
				-webkit-animation-duration: .3s, 1.5s;
				animation-duration: .3s, 1.5s;
				-webkit-animation-delay: 0s, .3s;
				animation-delay: 0s, .3s;
				-webkit-animation-timing-function: ease-out, ease-in-out;
				animation-timing-function: ease-out, ease-in-out;
				-webkit-animation-iteration-count: 1, infinite;
				animation-iteration-count: 1, infinite;
				-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
				-webkit-animation-direction: normal, alternate;
				animation-direction: normal, alternate;
				-webkit-backface-visibility: hidden;
				filter: blur(0);
				-webkit-filter: blur(0);
			}

			.section-top-middle a:hover {
				color: white;
			}

@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	50% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}

	100% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
}

@keyframes hvr-bob {
	0% {
		-webkit-transform: translateZ(0);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	50% {
		-webkit-transform: translateZ(0);
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}

	100% {
		-webkit-transform: translateZ(0);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
}

@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateZ(0);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
}

@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateZ(0);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
}

a.btn-back p {
	display: none;
}

.section-top-left {
	left: 0;
	right: auto;
	z-index: 2
}

.breadcrumb {
	background: none;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	padding-left: 0;
	margin: 0;
	padding-left: 45px;
	max-width: 400px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

	.breadcrumb > li > a {
		color: #ccd1d9;
		text-decoration: none;
	}

		.breadcrumb > li > a:hover {
			color: white;
		}

		.breadcrumb > li > a:visted {
			color: #ccd1d9;
		}

	.breadcrumb > li:last-child > a {
		color: white;
	}

	.breadcrumb li {
		white-space: nowrap;
		overflow: hidden;
		max-width: 13em;
		display: inline-block;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		color: #ccd1d9;
		line-height: 1em;
	}

		.breadcrumb li:last-child {
			color: white;
		}

		.breadcrumb li:first-child {
			padding-left: 5px;
		}

.section-top-middle {
	text-align: center;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
}

	.section-top-middle img {
		display: block;
		margin: 0 auto;
		margin-bottom: 0.5em;
		height: 75px;
	}

.section-top-right {
	font-size: 14px;
	width: 8em;
	height: 2.5em;
	-webkit-border-radius: 1.3em;
	border-radius: 1.3em;
	right: 0;
	left: auto;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7);
	text-align: center;
	z-index: 2;
	color: white;
	line-height: 2.5em;
	display: block;
}

	.section-top-right:hover {
		color: white;
	}

	.section-top-right img {
		margin-right: 0.5em;
		height: 20px;
	}






/*-------------------------------------------end banner-------------------------------------------------*/


/*-------------------------------------------menu-left-------------------------------------------------*/

.section-body-left {
	margin-bottom: 100px;
}

	.section-body-left ul {
		margin: 0;
		overflow: visible;
	}

		.section-body-left ul li img {
			width: 4.5em;
			display: block;
			margin: 0.9em auto;
			margin-top: 0;
		}

		.section-body-left ul li {
			text-align: center;
			position: relative;
		}

			.section-body-left ul li a:before {
				content: "";
				width: 2px;
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				bottom: 0px;
				left: 0px;
				background: #e8ebef;
				height: 0;
				background: #2188C9;
				-webkit-transition: height 0.4s ease;
				-o-transition: height 0.4s ease;
				transition: height 0.4s ease;
			}

			.section-body-left ul li a {
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
				background: white;
				-webkit-transition: -webkit-transform 0.2s ease;
				transition: -webkit-transform 0.2s ease;
				-o-transition: transform 0.2s ease;
				transition: transform 0.2s ease;
				transition: transform 0.2s ease, -webkit-transform 0.2s ease
			}

			.section-body-left ul li:hover,
			.section-body-left ul li.section-body-left-active {
				z-index: 1
			}

				.section-body-left ul li a:hover,
				.section-body-left ul li.section-body-left-active > a {
					-webkit-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
					-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.08);
					box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.08);
					color: #2188C9
				}

					.section-body-left ul li a:hover:before,
					.section-body-left ul li.section-body-left-active > a:before {
						height: 100%
					}

.section-left-big-text {
	font-size: 1.5em;
}

.margin-top-20 {
	margin-top: 20px
}

.section-body-left ul li a {
	font-size: 12px;
	font-weight: 500;
	color: #656d78;
	text-transform: uppercase;
	text-align: center;
	padding: 1.8em 0.5em;
	display: block;
	border-bottom: 1px solid #e8ebef;
}

	.section-body-left ul li a:hover {
		color: #2188C9
	}

.section-body-left ul li:last-child > a {
	border-color: transparent;
}

.news {
	font-size: 14px;
}

.news__header {
	background: #f5f8fc;
	padding: 1em;
}

.news__title {
	font-weight: 600;
	color: #1a1a1a;
	text-transform: uppercase;
}

.news__article {
	border-bottom: 1px solid #e8ebef;
	padding: 1em;
	background: white;
	display: inline-block;
	width: 100%;
	position: relative;
}

	.news__article:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -1px;
		margin: auto;
		height: 1px;
		width: 0;
		background: #2188C9;
		-webkit-transition: width 0.2s ease;
		-o-transition: width 0.2s ease;
		transition: width 0.2s ease;
		content: "";
	}

	.news__article:hover {
		border-color: transparent;
	}

		.news__article:hover:before {
			width: 100%;
		}

.news__head-line {
	color: #434953;
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	display: inline-block;
	max-height: 4.5em;
	vertical-align: top;
	margin-top: -0.3em;
}

.news__img {
	width: 6em;
	height: 4.5em;
	-webkit-background-size: 8.5em auto;
	background-size: 8.5em auto;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 0.8em;
	display: inline-block;
	vertical-align: top;
	max-width: 8.5em;
}






/*-------------------------------------------end menu-left-------------------------------------------------*/


/*-------------------------------------------section-body-middle-------------------------------------------------*/

.section-body-middle {
	font-size: 14px;
	background: white;
	margin-bottom: 80px;
	min-height: 46.3em;
}

	.section-body-middle:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 12px 10px;
		border-color: transparent transparent white transparent;
		content: "";
		top: -12px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}

	.section-body-middle.no-triangle:before {
		border: 0
	}

.wrap {
	position: relative;
	overflow: hidden;
}

.wrap-visible {
	overflow: visible;
}

.section-body-middle-introduce.big-box {
	height: 211px;
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	position: relative;
	padding: 30px;
}

.section-body-middle-introduce img {
	max-width: 100%;
	height: auto
}

.search-section {
	min-height: 55.2em
}

.hide-scrollbar {
	position: absolute;
	right: -15px;
	height: 100%;
	width: 40px;
	background: white;
	top: 0;
	z-index: 9999;
}

.introduce-btn {
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
	line-height: 1.3em;
	text-align: right;
}

.introduce-title {
	font-size: 16px;
	color: #023f88;
	text-transform: uppercase;
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	position: relative;
	font-weight: 600;
}

.introduce-title-sm {
	font-weight: 500;
	color: #1a1a1a;
	font-size: 14px;
	margin-bottom: 1em;
}

.introduce-title--left-line {
	padding-left: 1em;
}

.introduce-ul {
	position: relative;
}

.introduce-ul--bullet {
	padding-left: 1em;
}

	.introduce-ul--bullet li {
		padding: 7px;
		position: relative;
	}

		.introduce-ul--bullet li:before {
			width: 0.4em;
			height: 0.4em;
			-webkit-border-radius: 0.2em;
			border-radius: 0.2em;
			content: "";
			position: absolute;
			left: -0.9em;
			top: 1em;
			background: #ccd1d9;
		}

.introduce-title--left-line:before {
	content: "";
	width: 2px;
	height: 1em;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #023f88;
}


.introduce-btn:focus {
	color: all;
}

.section-body-top-introduce {
	padding: 20px;
}

.section-body-middle-introduce,
.section-body-middle-form-p1,
.section-body-middle-form-p2 {
	margin: 0;
	padding: 40px;
	position: relative;
}

	.section-body-middle-form-p1.no-padding-v {
		padding-top: 0;
		padding-bottom: 0;
	}

.introduce--bottom-note {
	border-top: 1px solid #e6e9ed;
	padding-top: 15px;
	font-size: 13px;
}

.section-body-middle-form-p2.padding-sm {
	padding-top: 20px;
}

.list-option-collapse .collapse-wrap {
	padding: 40px
}

.collapse-wrap.no-padding-bottom,
.no-padding-bottom {
	padding-bottom: 0
}

.section-body-middle-introduce.padding-sm {
	padding-bottom: 25px;
	padding-top: 5px;
}

.section-body-middle-introduce {
	font-weight: 400;
}

.introduce--header-border {
	padding-bottom: 0;
	padding-top: 10px;
}

.section-body-middle-form-p1 {
	border-top: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
}

.form-group label.title {
	text-transform: uppercase;
	color: #2b2b2b;
	font-weight: 500;
	margin-bottom: 1em;
	font-size: 13px
}

	.form-group label.title img {
		margin-right: 7px;
		height: 40px;
		padding-bottom: 5px;
	}

.form-group-wrap {
	position: relative;
}

.form-group .form-logo,
.form-logo-select {
	position: absolute;
	right: 7px;
	float: none;
	top: 2px;
	background: white;
	height: 38px
}

.form-h label.title {
	line-height: 3em;
	margin-bottom: 1em;
	padding-right: 0
}

input.form-control {
	height: 3em;
	font-size: 14px;
	color: #2188C9;
	padding-left: 1em;
	font-weight: 400;
	position: relative;
	max-height: 42px;
}

.form-control.form-normal,
.form-group select {
	font-size: 14px;
	height: 3em;
	max-height: 42px;
}

.form-control.form-short {
	width: 68%;
}

.form-group select {
	color: #656d78;
}

	.form-group select:focus {
		color: #2188C9;
	}

.down-arrow-black {
	content: "";
	position: absolute;
	top: 1px;
	background: url('/Plugins/Payments.1Pay/Content/Images/down-arrow-black.svg') center no-repeat;
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
	width: 20px;
	height: 40px;
	right: 25px;
	pointer-events: none;
	z-index: 4;
}

.down-arrow-white {
	content: "";
	position: absolute;
	top: 1px;
	background: url('/Plugins/Payments.1Pay/Content/Images/down-arrow-white.svg') center no-repeat;
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
	width: 20px;
	height: 40px;
	right: 10px;
	pointer-events: none;
	z-index: 4;
}

.down-arrow-black.arrow-big {
	width: 40px;
	height: 30px;
	border-left: 1px solid #c7cfd9;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	right: 1px;
	top: 6px;
}

	.down-arrow-black.arrow-big ~ .form-logo,
	.form-logo-select {
		right: 50px;
		z-index: 5;
		pointer-events: none;
	}

.form-group-radio > li {
	padding: 15px;
	font-size: 20px;
}

.form-control.form-control-big {
	font-size: 18px;
	max-height: 42px;
}

.form-control.form-blue {
	color: #2188C9;
}

.form-confirm {
	width: 50%;
	display: inline-block;
}

.form-verify {
	width: 30%;
}

.form-cal-width {
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px)
}

.form-confirm-btn {
	width: 145px;
	font-size: 14px;
	background: #f5f5f5;
	color: #434953;
	border: 1px solid #e1e1e1;
	display: inline-block;
	text-transform: uppercase;
	height: 3em;
	padding: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 15px;
	font-weight: 500;
	position: absolute;
}

.form-verify-label {
	display: inline-block;
	height: 42px;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 42px;
	margin: 0;
	position: absolute;
	margin-left: 15px;
	padding: 0 0.7em;
	background: url(/Plugins/Payments.1Pay/Content/Images/dashbg.png);
}

	.form-verify-label.form-label-fixed-width {
		font-size: 18px;
		text-align: center;
	}

.form-label-fixed-width {
	width: 115px;
}

.form-group-radio .radio-btn label {
    color: #434a54;
    font-weight: 500;
    padding: 0;
    height: 5.5em;
    border: 1px solid #dcdcdf;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 5.5em;
    display: block;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.form-group-radio .radio-btn {
	text-align: center;
	width: 100%;
}

.section-body-card .form-group-radio .radio-btn {
}

	.section-body-card .form-group-radio .radio-btn div {
		padding-left: 0px;
		color: #023f88;
		background-position: center center;
	}

		.section-body-card .form-group-radio .radio-btn div:not(.radio-btn-upperlogo) {
			line-height: 1.5em;
		}

			.section-body-card .form-group-radio .radio-btn div:not(.radio-btn-upperlogo) .section-body-card .form-group-radio .radio-btn label {
				line-height: 2.5em;
			}

.form-group-radio .radio-btn label:hover {
	border-color: #2188C9
}

.form-group-radio input[type="radio"] {
	visibility: hidden;
	position: absolute;
	top: 0.2em;
	right: 0.2em;
	margin: 0;
}

.checkbox .checkbox-custom {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.checkbox-custom {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}

.form-group-radio input[type="radio"]:checked ~ span:not(.ripple) {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	display: block;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.radio-btn {
	margin: 0;
}

.section-body-middle-form-p2 {
	font-size: 16px;
	line-height: 3em
}

.group-pay-bill li {
	display: inline-block;
	float: left;
	border-bottom: 1px solid #e6e9ed;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}

.group-pay-bill-content {
	height: 2.5em;
	position: relative;
}

.content-bg-title-sm {
	font-size: 12px;
	color: #2188C9;
}

.group-pay-bill-content .content-title {
	display: block;
	height: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	bottom: 0;
	margin: 0;
}

.group-pay-bill li a {
	display: block;
	color: #434953;
	padding: 1em;
	position: relative;
	padding-bottom: 2em
}

	.group-pay-bill li a .checkbox-custom {
		width: 22px;
		height: 22px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		top: 0.7em;
		right: 0.7em;
	}

.group-pay-bill > li > a:hover > .checkbox-custom {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.group-pay-bill > li > a:hover > .group-pay-bill-icon {
	background-position: top center;
}

.group-pay-bill > li > a:hover {
	color: #2188C9;
	outline: 1px solid #2188C9;
	-webkit-box-shadow: 0px 0px 13px 6px rgba(0, 185, 243, 0.1);
	box-shadow: 0px 0px 13px 6px rgba(0, 185, 243, 0.1);
}

.group-pay-bill-icon {
	width: 9em;
	height: 9em;
	background-position: bottom center;
	-webkit-background-size: 9em 18em;
	background-size: 9em 18em;
	background-repeat: none;
	margin: 0 auto;
	margin-bottom: 1em
}

	.group-pay-bill-icon.icon1,
	.section-body-icon-pay-bill.icon64 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-64.svg');
	}

	.group-pay-bill-icon.icon2,
	.section-body-icon-pay-bill.icon65 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-65.svg');
	}

	.group-pay-bill-icon.icon3,
	.section-body-icon-pay-bill.icon66 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-66.svg');
	}

	.group-pay-bill-icon.icon4,
	.section-body-icon-pay-bill.icon67 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-67.svg');
	}

	.group-pay-bill-icon.icon5,
	.section-body-icon-pay-bill.icon68 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-68.svg');
	}

	.group-pay-bill-icon.icon6,
	.section-body-icon-pay-bill.icon69 {
		background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-69.svg');
	}

.tab-card {
	overflow: hidden;
}

.section-body-icon-pay-bill {
	height: 5.5em;
	-webkit-background-size: 5.5em 11em;
	background-size: 5.5em 11em;
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: -20px;
	display: none;
}

.wrap-navfly.row {
	margin-left: -25px;
	margin-right: -25px;
	position: relative;
}

	.wrap-navfly.row:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 0px;
		border-top: 1px solid #e6e9ed;
		top: 50%;
		left: 0%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.navfly {
	width: 500px;
	margin: 0 auto;
	display: block;
	width: 40%;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 2.5em;
	font-weight: 500;
	background: white;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
}

.navfly__wrap {
	display: block;
	float: left;
	width: 50%;
	position: relative;
}

.navfly__btn {
	width: 35%;
	border: 2px solid #023f88;
	height: 2.5em;
	background: white;
	display: inline-block;
}

.navfly__btn--left {
	border-right: 0;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	float: right;
	background-position: center top;
}

.navfly__btn--right {
	border-left: 0;
	-webkit-border-radius: 0px 4px 4px 0;
	border-radius: 0px 4px 4px 0;
	float: left;
	background-position: center bottom;
}

.navfly__slider {
	position: absolute;
	width: 31.5%;
	background-color: #2188C9;
	height: 77%;
	top: 50%;
	right: -31.5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 9999;
	background-image: url('/Plugins/Payments.1Pay/Content/Images/2icon/2icon-fly.svg');
	-webkit-background-size: 73.5px 36.5px;
	background-size: 73.5px 36.5px;
	background-position: right center;
	background-repeat: no-repeat;
}

.active > .navfly__slider {
	right: 0;
	background-position: left center;
}

.navfly__wrap.active {
	color: #2188C9;
}

.tab-pane--fly {
	margin-top: 30px;
	margin-bottom: 25px;
}

.select-fly-number-title {
	position: absolute;
	top: 0.8em;
	z-index: 10;
	font-size: 11px;
	left: 2.63em;
	color: #023f88;
	text-transform: uppercase;
	pointer-events: none;
}

.navbar-card {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #2188C9;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 16px;
	display: table;
	height: 100%;
}

	.navbar-card li {
		display: table-cell;
		float: none;
		width: 33.333333333333333333333333%;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		position: relative;
		height: auto;
		vertical-align: middle;
	}

	.navbar-card .active a {
		color: white !important;
	}

.active > .navbar-card__slider {
	left: 0%;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.navbar-card li.active:nth-of-type(3) ~ li {
	left: -100%
}

.navbar-card__slider {
	position: absolute;
	width: 101%;
	background: #2188C9;
	height: 100%;
	top: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 0px 4px 4px 0;
	border-radius: 0px 4px 4px 0;
	left: 100%
}

.navbar-card a {
	display: block;
	padding: 0.6em 0.3em;
	text-align: center;
	color: #656d78;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.navbar-card li:nth-of-type(2) {
	border-left: 1px solid #2188C9;
	border-right: 1px solid #2188C9;
	-webkit-border-radius: 0;
	border-radius: 0;
}






/*-------------------------------------------end inner-middle-content-------------------------------------------------*/


/*-------------------------------------------left-ads-------------------------------------------------*/

.section-body-right img {
	width: 100%;
	max-width: 300px;
}

.section-body-right li {
	margin-bottom: 2em;
}

	.section-body-right li.news {
		margin-bottom: 40px;
	}

.introduce-ul > li {
	margin-bottom: 1em;
}

	.introduce-ul > li:last-child {
		margin-bottom: 0;
	}

.introduce-ul--bank li,
.introduce-ul--bank > li:last-child {
	margin: 0.7em 0;
	width: 50%;
	float: left;
}

.introduce-ul--bank:after {
	content: "";
	display: block;
	clear: both
}

.section-body-right .form-group-dashed {
	padding: 10px 25px;
	margin: 0;
}

	.section-body-right .form-group-dashed:last-child {
		border-bottom: 0;
	}

	.section-body-right .form-group-dashed .control-label {
		font-weight: 500;
	}

	.section-body-right .form-group-dashed .control-label-result {
		font-size: 14px;
	}

.section-body-right-header {
	background: #083175;
	padding: 14px 25px;
	color: white;
	font-size: 15px;
	text-transform: uppercase;
}

	.section-body-right-header .cart {
		height: 2em;
		width: 2em;
		display: inline-block;
		background: url('/Plugins/Payments.1Pay/Content/Images/cart.svg') no-repeat center top;
		-webkit-background-size: 2em 4em;
		background-size: 2em 4em;
		margin-right: 1em;
	}

	.section-body-right-header p {
		display: inline-block;
		margin-bottom: 0;
		position: relative;
		top: -0.5em;
	}

.section-body-right-text {
	padding: 1em;
	font-size: 14px;
	color: #656d78;
}

	.section-body-right-text .title {
		font-size: 16px;
		color: #2b2b2b;
		margin-bottom: 10px;
	}

.social-media {
	background: white;
}

.social-media__banner.social-media__banner img {
	width: 100%;
	display: block;
	margin: 0
}

p.social-media__introduce {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	color: #434a54;
	position: relative;
	padding: 1.5em 1.5em;
	margin: 0;
}

.social-media__link {
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	width: 50%;
	border-collapse: collapse;
	padding: 1em 0.5em;
	color: #656d78;
	position: relative;
	background: white;
}

	.social-media__link:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 1px;
		width: 0;
		background: #2188C9;
		-webkit-transition: width 0.2s ease;
		-o-transition: width 0.2s ease;
		transition: width 0.2s ease;
		content: "";
	}

	.social-media__link:hover:before {
		width: 100%;
	}

	.social-media__link:first-child {
		border-right: 1px solid #e8ebef;
	}

.social-media img {
	display: inline-block;
	width: 20%;
	margin: 0 6px;
	width: 28px;
}






/*-------------------------------------------end left-ads-------------------------------------------------*/


/*-------------------------------------------END MAIN CONTENT-------------------------------------------------*/

.form-group-radio > li .radio-btn label.touch:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	color: white !important;
	background: #2188C9;
	border-color: transparent;
}

	.form-group-radio > li .radio-btn label.touch:hover > span.checkbox-custom {
		background-color: transparent;
		border-color: white;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

.checkbox label:hover > span {
	color: #2188C9;
}






/*---------------------------------------------Date picker--------------------------------------*/

.datepicker,
.datedepart {
	background: url('/Plugins/Payments.1Pay/Content/Images/calendar.svg');
	-webkit-background-size: auto 90%;
	background-size: auto 90%;
	background-position: right 15px center;
	background-repeat: no-repeat;
}

	.datepicker[readonly],
	.datedepart[readonly] {
		background-color: white
	}

.form-control.form-normal.datepicker,
.form-control.form-normal.datedepart {
	font-size: 16px
}

input.datedepart::-webkit-input-placeholder {
	color: #434a54;
	font-weight: 400;
}

input.form-control::-moz-placeholder {
	color: #ccc;
	font-weight: 300;
	opacity: 1
}

input.form-control::-ms-input-placeholder {
	color: #ccc;
	font-weight: 300;
}

.ui-datepicker-calendar {
	display: table;
	border-collapse: separate;
	border-spacing: 1px;
}

.lunar-date,
.lunar-date-leap,
.ui-datepicker .lunar-date-tet {
	font-size: 11px;
	text-align: center;
	line-height: 1em;
	background: none;
	color: #94c7d7;
	opacity: 0.9;
	display: block;
	width: 2em;
	float: right;
	padding-right: 0.2em;
	cursor: pointer;
}

.ui-datepicker {
	padding: 0 1.8em 0 1.5em;
	height: 24.5em;
	z-index: 9999 !important
}

.ui-datepicker-header {
	text-align: center;
	padding: 1em 0 1.5em 0;
}

.ui-datepicker-year {
	display: block;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 500;
	color: #434953
}

.ui-datepicker-month {
	font-size: 18px;
}

.ui-datepicker-month {
	color: #023f88;
	font-weight: 600;
	font-size: 15px;
}

.ui-datepicker-calendar {
	font-size: 15px;
}

	.ui-datepicker-calendar thead {
		color: #023f88;
	}

		.ui-datepicker-calendar thead th {
			text-align: center;
		}

.ui-datepicker-week-end {
	color: #2188C9
}

.ui-datepicker-calendar td {
	width: 3em;
	height: 3em;
	text-align: center;
	font-weight: 500;
	max-width: 3em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	cursor: pointer;
}

	.ui-datepicker-calendar td:hover:not(.ui-datepicker-current-day) {
		background: #f5f5f5
	}

.ui-state-default {
	color: #434953;
	text-decoration: none;
	display: block;
	padding-right: 0em;
	line-height: 1em;
	padding-top: 0.6em;
}

.ui-datepicker-current-day .lunar-date,
.ui-datepicker-current-day .lunar-date-leap,
.ui-datepicker-current-day .ui-datepicker,
.ui-datepicker-current-day .lunar-date-tet,
.ui-state-active {
	color: white
}

	.ui-state-active:hover {
		color: white;
	}

.ui-datepicker-other-month.ui-state-disabled {
	visibility: hidden;
}

.ui-datepicker-current {
	display: none;
}

.ui-datepicker-close {
	display: none;
}

td.ui-datepicker-current-day {
	background: #023f88;
}

.ui-datepicker-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232188C9'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: 0.7em;
	-webkit-background-size: 0.7em auto;
	background-size: 0.7em auto;
	top: 1.6em;
	background-position: center center;
	cursor: pointer;
}

.ui-datepicker-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232188C9'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 0.7em;
	-webkit-background-size: 0.7em auto;
	background-size: 0.7em auto;
	background-position: center center;
	top: 1.6em;
	cursor: pointer;
}

.ui-state-disabled {
	opacity: 0.4
}

.ui-datepicker {
	background: white;
	-webkit-box-shadow: 0 2px 6px 0 hsla(0, 0%, 54%, .25);
	box-shadow: 0 2px 6px 0 hsla(0, 0%, 54%, .25);
	display: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px
}

.transform {
}

.ui-datepicker-group {
	float: left;
}






/*------------------------------------------NEWS-PAGE---------------------------------------*/

.section-news-wrap {
	background: white;
	margin-bottom: 10px;
	padding-bottom: 40px;
}

.section-news-wrap--fix1 {
	background: white;
	margin-bottom: 80px;
}

.section-news__bg {
	display: block;
}

.section-news__border-right {
	border-right: 1px solid #e6e9ed
}

.section-news__article--sm {
	margin: 0 32px 0 32px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 35px;
	padding-bottom: 25px;
	position: relative;
}

.section-news__article__img {
	overflow: hidden;
}

	.section-news__article__img > img {
		height: 79px;
		overflow: hidden;
	}

.section-news__article__img--bg {
	width: 100%;
	height: 253px;
}

	.section-news__article__img--bg > img {
		width: 100%;
		height: auto;
	}

.section-news__article__img--sm {
	width: 150px;
	height: 92px;
	float: left;
	margin-right: 15px;
}

.section-news__article {
	border-bottom: 1px solid #e6e9ed;
}

.section-news__article--sm:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: auto;
	height: 1px;
	width: 0;
	background: #2188C9;
	-webkit-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	transition: width 0.2s ease;
	content: "";
}

.section-news__article--sm:hover {
	border-color: transparent;
}

	.section-news__article--sm:hover:before {
		width: 100%;
	}

.section-news__article--bg > .section-news__article__content {
	padding: 30px 32px;
	min-height: 205px
}

.section-news__article__headline {
	color: #1a1a1a;
	font-weight: 500;
	text-transform: none;
	margin: 0;
	line-height: 1.4em;
	margin-top: -0.2em
}

.section-news__article--sm:hover .section-news__article__headline {
	color: #23527c;
}

.section-news__article--sm > .section-news__article__content {
	width: -webkit-calc(100% - 155px - 20px);
	width: calc(100% - 155px - 20px);
	float: left;
}

.section-news__article__headline--sm {
	font-size: 16px;
}

.section-news__article__headline--bg {
	font-size: 18px;
}

.section-news__article__date {
	font-size: 12px;
	color: #2188C9;
	text-transform: uppercase;
	margin-top: 0.9em;
	margin-bottom: 0;
}

.section-news__article__full {
	color: #434953;
	font-size: 14px;
	margin-top: 1em;
	margin-bottom: 0;
	text-align: justify;
}

	.section-news__article__full img {
		max-width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

.section-news__article__peak {
	color: #434953;
	font-size: 14px;
	margin-top: 0.5em;
	margin-bottom: 0;
	max-height: 5.2em
}

.readmore {
	color: #2188C9;
}

	.readmore:hover {
		color: #2188C9;
		text-decoration: underline;
	}

.section-news-more {
	width: 100%;
	padding: 1em;
	color: #2188C9;
	background: white;
	margin-bottom: 80px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
}

	.section-news-more:active {
		background: #f5f5f5
	}

.section-top-menu {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #d0d3da;
}

	.section-top-menu > li {
		padding: 0.5em 1em;
		display: inline-block;
		position: relative;
	}

.section-top-menu-active {
	color: white;
}

.section-top-menu > li:before {
	width: 0;
	-webkit-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	transition: width 0.2s ease;
	content: ""
}

.section-top-menu > li.section-top-menu-active:before,
.section-top-menu > li:hover:before {
	position: absolute;
	width: 60%;
	height: 3px;
	-webkit-border-radius: 1.5px;
	border-radius: 1.5px;
	background: #2188C9;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
}

.section-news-back {
	color: #2188C9;
	padding: 1em 0 1em 1.5em;
	font-size: 14px;
	background-image: url('/Plugins/Payments.1Pay/Content/Images/left-arrow-blue.svg');
	background-position: left center;
	-webkit-background-size: 1em 1em;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	margin-top: 1em;
	display: block;
}

.section-news__article__full td,
.section-news__article__full th {
	padding: 7px;
	text-align: justify;
}






/*------------------------------------------END NEWS-PAGE---------------------------------------*/

.nopadding-left {
	padding-left: 0
}

.nopadding-right {
	padding-right: 0
}

.nopadding-bottom {
	padding-bottom: 0
}

.no-border-bottom {
	border-bottom: 0;
}






/*------------------------------------------CONTACT PAGE---------------------------------------*/

.section-wrap-page {
	padding-top: 25vh
}

.section-wrap-page-sm {
	padding-top: 22vh
}

.section-contact-wrap {
	font-size: 14px;
}

.section-contact {
	margin-bottom: 55px;
}

.section-contact__title {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: white;
}

.section-contact__frame {
	display: inline-block;
	width: -webkit-calc(100% - 15px - 4em);
	width: calc(100% - 15px - 4em);
}

.section-contact__content-big,
.section-contact__content {
	margin-top: 5px;
}

	.section-contact__content > a:hover {
		color: #2188C9;
		text-decoration: underline;
	}

	.section-contact__content-big,
	.section-contact__content-big:focus,
	.section-contact__content-big:active,
	.section-contact__content-big:hover {
		font-size: 20px;
		font-weight: 300;
		color: white;
	}

.section-contact__content {
	color: #ccd1d9;
}

.section-contact__icon {
	width: 3.3em;
	height: 3.3em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 3.1em
}

	.section-contact__icon > img {
		width: 70%;
		height: 70%;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		-o-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease
	}

	.section-contact__icon:hover > img {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

.icon-red {
	background-color: #ff3b30;
}

.icon-blue {
	background-color: #2188C9;
}

.icon-green {
	background-color: #37bc9b;
}

.icon-yellow {
	background-color: #f6bb42;
}

.section-form-header__text {
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	margin-bottom: 3.5em;
	line-height: 2em;
}

.form-white {
	color: white;
	font-size: 16px;
}

.form-line {
	position: relative;
	margin-bottom: 40px;
}

.form-line--margin-sm {
	margin-bottom: 20px;
}

input.form-line__input {
	background: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #859fb7;
	padding-left: 0;
	color: white
}

.form-line__select ~ .select2-container .select2-selection--single {
	background: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #859fb7;
	padding: 0;
	color: white;
	height: 2.5em;
}

	.form-line__select ~ .select2-container .select2-selection--single .select2-selection__rendered,
	.form-line__select ~ .select2-container .select2-selection--multiple .select2-selection__rendered {
		line-height: 2.5em;
		color: white;
	}

.form-line__select ~ .select2-container .select2-results,
.form-line__select ~ .select2-container--open .select2-dropdown--above,
.form-line__select ~ .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.form-line__select ~ .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.form-white > .form-line__select ~ .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: white
}

textarea.form-line__input {
	border-bottom: 1px solid #859fb7;
	background: none;
	height: 7em;
	color: white;
	font-size: 16px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

	textarea.form-line__input::-webkit-input-placeholder {
		color: white;
		font-weight: 400;
	}

	textarea.form-line__input::-moz-placeholder {
		color: white;
		font-weight: 400;
		opacity: 1;
	}

	textarea.form-line__input::-ms-placeholder {
		color: white;
		font-weight: 400;
		opacity: 1 !important
	}

.form-line__label {
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	top: 0.5em;
	-webkit-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	transition: 0.2s all ease;
	pointer-events: none;
	left: 0;
}

.form-line__input:focus ~ .form-line__label,
.form-line__input.hadVal ~ .form-line__label,
.form-line__label--up {
	top: -1em;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.7
}

.section-form-header__icon > a > img {
	width: 2em;
	height: 2em;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

	.section-form-header__icon > a > img:hover {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}






/*------------------------------------------END CONTACT PAGE---------------------------------------*/


/*------------------------------------------PARTNER---------------------------------------*/

.group-partner__frame {
	width: 75%;
	text-align: center;
	vertical-align: middle;
	margin: 10% auto;
}

.group-partner__img > img {
	width: 90%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	margin: auto;
	left: 0;
	right: 0;
	height: auto;
}

.group-partner {
	margin-bottom: 5em;
}

.group-partner__img {
	background: white;
	height: 6.5em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.group-partner__name {
	font-weight: 500;
	color: white;
	text-align: center;
	margin-top: 1em;
	height: 3em;
}

.tab-pane.animated {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.frame-blank {
	height: 1px;
}

.tab-partner {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 3.5em;
}

	.tab-partner > li {
		display: inline-block;
		position: relative;
		width: auto;
	}

		.tab-partner > li > a {
			padding: 0.5em 2em;
			display: block;
		}

		.tab-partner > li > a {
			color: white;
		}

	.tab-partner > .active > a {
		color: white !important;
	}

	.tab-partner > li:after {
		width: 0;
		position: absolute;
		height: 2px;
		background: #2188C9;
		content: "";
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		-webkit-transition: 0.2s width ease;
		-o-transition: 0.2s width ease;
		transition: 0.2s width ease;
	}

	.tab-partner > li.active:after,
	.tab-partner > li:hover:after {
		width: 4em;
	}

.tab-partner {
	text-align: center;
}

.group-service > li {
	position: relative;
	border-bottom: 1px solid #e8ebef;
	padding: 40px;
	padding-left: 0
}

	.group-service > li:nth-of-type(n+1) {
		border-right: 1px solid #e8ebef;
	}

.hidden-partner-header {
	color: white;
	display: none;
}

.group-service__ic {
	display: inline-block;
	width: 8em;
	text-align: center;
	vertical-align: top
}

	.group-service__ic > img {
		width: 50%;
		height: auto;
	}

.group-service__frame {
	display: inline-block;
	width: -webkit-calc(100% - 46px - 5em);
	width: calc(100% - 46px - 5em);
	position: relative;
}

li:nth-of-type(1) > .group-service__frame,
li:nth-of-type(2) > .group-service__frame {
	height: 18em;
}

li:nth-of-type(3) > .group-service__frame,
li:nth-of-type(4) > .group-service__frame {
	height: 16em;
}

li:nth-of-type(5) > .group-service__frame,
li:nth-of-type(6) > .group-service__frame {
	height: 16em;
}

.group-service__title {
	color: #434953;
	font-size: 16px;
	margin-bottom: 1em;
	font-weight: 500;
	text-transform: uppercase;
}

.group-service__content {
	font-size: 14px;
	color: #646c78;
	line-height: 1.6em;
	margin-bottom: 6em;
	text-align: justify;
}

.group-service__btn {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #e8ebef;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	width: 12em;
	color: #434953;
	font-weight: 500;
	-webkit-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	transition: 0.2s all ease;
	position: absolute;
	text-transform: uppercase;
	bottom: 0;
	padding: 1em;
}

	.group-service__btn:hover {
		color: white;
		background: #2188C9;
		left: 0;
		border: 1px solid transparent;
	}

.group-service__section {
	background: white;
	margin-top: 15px;
}






/*------------------------------------------END PARTNER---------------------------------------*/


/*------------------------------------------HELP---------------------------------------*/

.group-help__frame {
	border: 1px solid #e1e1e1;
	padding-left: 5em;
	margin: 10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	height: 5em;
	display: block;
}

	.group-help__frame:hover {
		border-color: #2188C9
	}

.group-help__title {
	position: absolute;
	width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	padding-right: 1em;
	color: #434953
}

.group-help__ic {
	position: absolute;
	left: 1em;
	height: 3em;
	width: 3em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.group-help {
	margin-left: -10px;
	margin-right: -10px;
}

.group-help__ic img {
	width: 100%;
}

.group-help__section {
	padding: 0 40px;
}

.group-help__section--about img {
	max-width: 100%;
}

.group-help-link__ul > li {
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: relative;
	float: left;
	padding-right: 1em;
	width: 50%;
}

	.group-help-link__ul > li > a {
		color: #434953;
	}

		.group-help-link__ul > li > a:hover {
			color: #2188C9;
		}

	.group-help-link__ul > li:after {
		position: absolute;
		content: "";
		background: #ccc;
		left: 0;
		width: 0.7em;
		height: 2px;
		top: 1.2em;
	}

.group-help-link__ul--padding-bg {
	padding-bottom: 40px;
}






/*------------------------------------------END HELP---------------------------------------*/

.option-item-destiantion {
	padding-top: 20px;
	margin-bottom: -20px;
	z-index: 100;
	position: relative;
}

	.option-item-destiantion .form-group {
		margin-bottom: 0;
	}






/*---------------------------------------------Date picker--------------------------------------*/

.g-recaptcha iframe {
	padding: 0;
}

.g-recaptcha {
	padding: 0 0 15px 0;
	float: none !important;
}

.gift-label {
	font-weight: 400;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
	border-right: 0;
	padding: 0.5em 0.7em 0.5em 2.8em;
	position: relative;
	z-index: 2;
	background: white
}

	.gift-label:before {
		content: "\2713";
		top: 0;
		left: 0;
		width: 2.3em;
		height: 100%;
		position: absolute;
		text-align: center;
		line-height: 4em;
		color: white;
		background: #2188C9;
		-webkit-border-radius: 0.3em 0 0 0.3em;
		border-radius: 0.3em 0 0 0.3em;
	}

	.gift-label > b {
		font-size: 17px
	}

.gift-delete {
	padding: 1.35em 0.7em;
	min-width: 2.3em;
	display: inline-block;
	text-align: center;
	background-color: #ff8e91;
	color: white;
	margin-left: -3.3em;
	-webkit-border-radius: 0 0.3em 0.3em 0;
	border-radius: 0 0.3em 0.3em 0;
	vertical-align: top;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease
}

	.gift-delete:hover,
	.gift-delete:active,
	.gift-delete:focus {
		color: white;
		margin-left: -5px;
		-webkit-transition: 0.3s all ease;
		-o-transition: 0.3s all ease;
		transition: 0.3s all ease
	}

.gift-delete-text {
	margin-right: 0.5em
}






/*---------------------------------------404-------------------*/

.error404 {
	height: 100vh;
	background: white;
	position: relative;
	min-height: 400px;
}

	.error404:before {
		position: absolute;
		top: 0;
		height: 68px;
		width: 100%;
		content: ""
	}

.error404__content {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 630px
}

.error404__content__left,
.error404__content__right {
	display: inline-block;
	vertical-align: middle;
}

	.error404__content__left > img {
		height: 10.5em;
		margin-right: 1.5em;
	}

.error404__content__h2 {
	font-size: 30px;
	font-weight: 300;
	color: #4c4c4c;
	margin: 0;
	margin-bottom: 10px;
}

.error404__content__p {
	font-size: 14px;
	line-height: 1.7em;
	color: #a0a0a0
}

.error404__content__button {
	border: 1px solid #4c4c4c;
	width: 10em;
	font-size: 16px;
	color: #4c4c4c;
	padding: 0.4em 0;
	font-weight: 500;
	text-align: center;
	display: block;
}

	.error404__content__button:hover {
		-webkit-box-shadow: 4px 6px 0px 0px rgba(2, 168, 243, 1);
		box-shadow: 4px 6px 0px 0px rgba(2, 168, 243, 1);
		color: #4c4c4c;
	}

.text-error {
	color: #F34437;
	font-size: 26px;
	text-transform: uppercase;
}

.section-error .error {
	color: #333333;
	font-size: 16px;
	margin-top: 20px;
	line-height: 24px;
}

.section-error {
	min-height: 46.1em;
}

.text-success {
	color: #012b71;
	font-size: 26px;
	text-transform: uppercase;
}

.radio__header {
	margin-bottom: 15px;
}

.radio__header__h1 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0.1em;
}

.radio__header__h2 {
	font-size: 13px;
	font-weight: 500;
	color: #4a4a4a
}

.form-group-dashed-note {
	font-size: 13px;
	color: #023f88
}





/* modalBank */

.modal-bank__header {
	color: #023f88;
	font-weight: 500;
	margin: 10px 0 5px 0;
	display: block;
}

.modal-bank__title {
	color: #023f88
}

.modal-bank {
	width: 320px
}




/* end */

@media (max-width: 1600px) {
	.dropdown-menu.sm-mega-menu a {
		font-size: 11px;
	}

	ul.mega-menu-content {
		padding-left: 10px;
	}

		ul.mega-menu-content li {
			padding: 5px;
			width: 200px;
		}

	.btn-close span {
		width: 20px;
		top: 0;
	}

	.btn-close {
		width: 20px;
		height: 20px;
	}

	.mega-menu-content {
		margin-top: 0
	}

	.title {
		padding-left: 0;
	}

	.mega-dropdown .inside-box img {
		margin-bottom: 0;
	}

	.btn-pay {
		margin: 0.7em auto
	}

	.mega-dropdown-menu {
		padding: 20px 0;
	}

	.container-fluid {
		max-width: 1150px;
	}

	.search img {
		width: 20px;
	}

	.logo {
		line-height: 50px;
	}

		.logo img {
			width: 60px;
		}

	.navbar-top .navbar-nav > li > a {
		height: 50px;
		line-height: 28px;
	}

	.search li {
		width: 60px;
	}

	.search .dropdown-menu {
		left: -405px;
		height: 40px;
	}

	.input-search,
	.input-search:focus {
		height: 38px;
		font-size: 14px;
		padding: 0;
		padding-left: 15px;
		display: inline-block;
	}

	.btn-search button {
		background: none;
		font-size: 14px;
		font-weight: bold;
		color: #2188C9;
		line-height: 20px;
	}

	li.dropdown.mega-dropdown {
		font-size: 11px;
	}

	.container.main {
		padding-top: 50px;
		z-index: 100
	}

	.header-img-1 {
		top: 50px;
	}

	.form-group.margin-big {
		margin-bottom: 20px;
	}

	.form-control.form-control-big {
		font-size: 13px;
	}

	.section-body-middle-introduce,
	.section-body-middle-form-p1,
	.section-body-middle-form-p2,
	.list-option-collapse .collapse-wrap {
		padding: 25px 25px;
	}

		.section-body-middle-introduce.nopadding-bottom {
			padding-bottom: 0
		}

	h1 {
		font-size: 18px;
	}

	.section-top-middle {
		font-size: 14px;
	}

	.section-top-right {
		font-size: 12px;
	}

	.section-top {
		font-size: 12px
	}

	.breadcrumb {
		font-size: 13px;
		padding-left: 30px;
		line-height: 1em;
	}

	.section-body-middle-introduce {
		font-size: 13px;
	}

	.section-top-middle img {
		height: 50px;
		margin-bottom: 10px
	}

	.header-img-1 {
		height: 160px;
	}

		.header-img-1 img {
			height: 200px;
		}

	.bigCheck {
		width: 90px;
	}

	.div-bigCheck {
		height: 90px
	}

	.form-group-dashed {
		margin-bottom: 15px
	}

	.btn-list-option {
		padding: 15px 25px;
	}

	.btn-list-option {
		font-size: 14px;
	}

	.form-control.form-normal,
	.form-group select,
	.form-confirm-btn,
	.form-group .bootstrap-select.btn-group > .btn.dropdown-toggle {
		font-size: 13px;
		height: 3em;
	}

	.down-arrow-black,
	.down-arrow-white {
		height: 30px;
		top: 3px;
	}

    .form-group-radio .radio-btn label {
        height: 5.5em;
        line-height: 5.5em;
    }

	input.form-control {
		font-size: 15px;
	}

	.form-group .form-logo,
	.form-logo-select {
		height: 35px;
	}

	.form-group-radio > li {
		font-size: 16px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.form-group label.title {
		font-size: 12px;
		margin-bottom: 1em;
	}

	.section-body-left ul li a {
		font-size: 11px;
		padding: 1.2em 1em;
		display: block;
		height: 9em;
	}

	.section-body-left ul li img {
		width: 3em;
	}

	.navbar-top {
		font-size: 11px;
	}

	.btn-custom {
		font-size: 13px;
	}

	.form-group.form-h {
		margin-right: 0px;
		margin-left: 15px;
	}

	.section-body-middle-form-p2 {
		font-size: 13px;
	}

	.social-media__link img {
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	p.social-media__introduce {
		font-size: 13px;
	}

	.group-pay-bill li {
		font-size: 12px;
	}

	.content-bg-title-sm {
		font-size: 11px;
	}

	.section-body-middle-introduce.big-box {
		height: 193px;
		padding: 20px;
	}

	.group-pay-bill-icon {
		height: 6em;
		width: 6em;
		-webkit-background-size: 6em 12em;
		background-size: 6em 12em;
	}

	.form-verify-label {
		height: 39px;
		font-size: 18px;
		line-height: 39px;
		text-align: center;
	}

	.control-label {
		font-size: 13px;
	}

	.section-body-right .form-group-dashed {
		padding: 10px 15px;
	}

		.section-body-right .form-group-dashed .control-label {
			margin-bottom: 0;
		}

	.section-body-right-header {
		padding: 14px 11px;
		font-size: 13px;
		text-transform: uppercase;
	}

		.section-body-right-header .cart {
			margin-right: 0.5em;
		}

	.section-body-middle-form-p2.padding-sm {
		padding-top: 10px;
	}

	.table-normal {
		font-size: 14px;
		width: 100%;
	}

	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		padding: 1.2em 1em;
	}

	.table-fly > tbody > tr > td,
	.table-fly > tbody > tr > th,
	.table-fly > tfoot > tr > td,
	.table-fly > tfoot > tr > th,
	.table-fly > thead > tr > td,
	.table-fly > thead > tr > th {
		padding: 0.5em 0.5em
	}

	.h2 {
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 15px;
	}

	.section-body-alone {
		padding-top: 20px;
	}

	.swiper-slide img.radio-btn-logo {
		height: 80%;
		width: auto;
	}

	.radio {
		font-size: 15px;
	}

	.navbar-card {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.se-pre-con {
		-webkit-background-size: 200px 200px;
		background-size: 200px 200px;
	}

	.search-section {
		min-height: 45.8em;
	}

	.h1-search {
		margin-bottom: 15px;
	}

	.search-result-list {
		margin: 10px 0;
	}

	.breadcrumb li:first-child {
		padding-left: 3px;
	}

	a.btn-back img {
		height: 13px;
	}

	.select2-container .select2-selection--single,
	.select2-container .select2-selection--multiple {
		font-size: 13px
	}

	.required {
		font-size: 13px;
	}

	.checkbox label.checkbox-radio__label {
		font-size: 12px;
	}

	.navfly {
		font-size: 13px;
	}

	.navfly__slider {
		height: 75%;
		-webkit-background-size: 56px 40px;
		background-size: 56px 40px;
	}

	.select--custom-1l ~ .select2 .select2-selection.select2-selection--single,
	.select--custom-1r ~ .select2 .select2-selection.select2-selection--single {
		font-size: 14px;
	}

	.select--custom-1l ~ .select2 .select2-selection--single .select2-selection__rendered,
	.select--custom-1r ~ .select2 .select2-selection--single .select2-selection__rendered {
		line-height: 29px;
	}

	.tab-pane--fly {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.select--custom-1l ~ .select2,
	.select--custom-1r ~ .select2 {
		margin-top: 0.5em
	}

	.select-fly ~ .select2-container--default .select2-selection--single .select2-selection__placeholder {
		font-size: 13px;
	}

	.h1-dark,
	.h1-list-customer {
		font-size: 15px
	}

	.h1-dark-sm {
		font-size: 18px;
	}

	.table-title {
		font-size: 13px;
	}

	.select2-container .select2-selection--multiple {
		line-height: 0.7em
	}

	.ui-datepicker {
		font-size: 15px;
		height: 22.5em
	}

	.ui-datepicker-calendar {
		font-size: 13px;
	}

	.ui-datepicker-year {
		font-size: 17px;
	}

	.lunar-date,
	.lunar-date-leap,
	.ui-datepicker .lunar-date-tet {
		font-size: 10px;
		width: 2.8em
	}

	.ui-datepicker-header {
		padding: 0.5em 0 1em 0
	}

	.section-top-menu {
		font-size: 12px;
	}

		.section-top-menu > li.section-top-menu-active:before,
		.section-top-menu > li:hover:before {
			height: 2px;
		}

	.section-news__article__headline--sm {
		font-size: 14px;
	}

	.section-wrap-page {
		padding-top: 16vh
	}

	.section-wrap-page-sm {
		padding-top: 16vh
	}

	.section-contact__title,
	.section-contact__content,
	.section-contact__icon {
		font-size: 13px;
	}

	.section-form-header__text {
		font-size: 16px;
		margin-bottom: 1.5em
	}

	.btn-custom--bg {
		font-size: 13px;
		margin-bottom: 2em
	}

	.form-line__label {
		font-size: 14px
	}

	.form-line__select ~ .select2-container .select2-selection--single {
		font-size: 15px;
	}

	.form-line__input:focus ~ .form-line__label,
	.form-line__input.hadVal ~ .form-line__label,
	.form-line__label--up {
		font-size: 11px;
	}

	.section-contact__content-big,
	.section-contact__content-big:focus,
	.section-contact__content-big:active,
	.section-contact__content-big:hover {
		font-size: 18px;
	}

	.group-partner__img {
		height: 5.5em;
	}

	.tab-partner {
		margin-bottom: 2em;
	}

	.group-service > li {
		padding: 25px;
		padding-left: 0;
	}

	.group-service__ic {
		width: 6em;
	}

	.group-service__title {
		font-size: 13px;
	}

	.group-service__content {
		font-size: 13px;
	}

	li:nth-of-type(1) > .group-service__frame,
	li:nth-of-type(2) > .group-service__frame {
		height: 15em;
	}

	.group-service__btn {
		font-size: 12px;
	}

	li:nth-of-type(5) > .group-service__frame,
	li:nth-of-type(6) > .group-service__frame {
		height: 14em;
	}

	li:nth-of-type(3) > .group-service__frame,
	li:nth-of-type(4) > .group-service__frame {
		height: 14em;
	}

	.group-help__title {
		padding-right: 0.5em;
		width: -webkit-calc(100% - 4em);
		width: calc(100% - 4em);
	}

	.group-help__ic {
		left: 0.5em;
		width: 2.5em;
		height: 2.5em;
	}

	.group-help__frame {
		height: 4em;
	}

	.group-help__section {
		padding-left: 25px;
		padding-right: 25px;
	}

	.radio-btn-logo {
		width: 80%;
	}

	.option-item-destiantion {
		margin-bottom: -10px;
	}

	.error404:before {
		height: 50px;
	}

	.section-body-middle {
		min-height: 35.4em;
	}

	.dropdown-sub--hover > ul {
		font-size: 13px;
	}

	.section-contact:last-child {
		margin-bottom: 100px;
	}
}

@media (max-width: 1440px) and (min-width: 1200px) {
	.container {
		width: 1050px;
	}

	.section-news__article__img--bg {
		height: 229px;
	}

	.section-news__article--sm {
		padding-top: 33px;
		padding-bottom: 19px;
	}
}

@media (min-width: 1200px) {
	.dropdown-sub--hover:hover > ul,
	.dropdown-sub--hover.active:hover > ul {
		display: block;
		opacity: 1;
		max-height: 9999px;
		text-transform: none;
		padding: 10px 20px 20px 20px;
		overflow: visible;
	}
}

@media (max-width: 1200px) {
	.section-news__article__img--bg {
		height: 207px;
	}

	.section-news__article--sm {
		padding-top: 25px;
		padding-bottom: 12px
	}
	/*-------------------------------------------NAVBAR-TOP-------------------------------------------------*/
	.burger {
		margin-left: 0
	}

	.nav > li.sub-menu {
		display: block;
	}

	.logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	}

	.navbar-top {
		text-transform: none;
	}

	.search img {
		right: 0;
		left: auto;
	}

	ul.nav.navbar-nav.pull-right {
		float: none !important;
		padding-bottom: 60px;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px
	}

	.search li {
		width: 20px;
		border: 0;
		margin-left: 0;
	}

	.navbar-top .navbar-nav > li > a {
		text-align: left;
		font-weight: 400;
		font-size: 15px;
		text-transform: none;
		width: auto;
		padding-left: 0;
		line-height: 30px;
		position: relative;
		border-bottom: 1px solid #eee;
	}

		.navbar-top .navbar-nav > li > a:before {
			content: "";
			width: 0;
			height: 1px;
			background-color: #2188C9;
			position: absolute;
			bottom: 0;
			-webkit-transition: width 0.15s ease;
			-o-transition: width 0.15s ease;
			transition: width 0.15s ease
		}

	.navbar-top .search > li > a {
		border: 0;
	}

	.navbar-top .sub-menu.open > a,
	.navbar-top .navbar-nav > li.active > a {
		font-size: 16px;
		font-weight: 400;
		height: 50px;
		border-color: transparent;
		position: relative;
	}

		.navbar-top .sub-menu.open > a:before,
		.navbar-top .navbar-nav > li.active > a:before {
			background: #2188C9;
			width: 100%;
		}

	.navbar-header {
		float: none;
	}

	.burger {
		display: block;
	}

	.navbar-fixed-top {
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		margin-top: 0;
	}

	.navbar-top .navbar-nav > li {
		float: none;
	}

	.collapse.in {
		display: block !important;
	}

	.full-nav {
		display: block;
		overflow-y: auto;
		max-height: none;
		margin-left: -15px;
		margin-right: -15px;
		padding: 0 15px;
	}

	.full-nav,
	#navbar-top {
		-ms-overflow-style: none;
	}

		.full-nav::-webkit-scrollbar {
			display: none;
		}

		#navbar-top::-webkit-scrollbar {
			display: none;
		}

	.search .dropdown-menu {
		left: -430px;
	}

	li.dropdown.mega-dropdown {
		text-transform: none;
	}

	.mega-menu li a.dropdown-toggle,
	.mega-menu li a.dropdown-toggle:focus,
	.mega-menu li a.dropdown-toggle:hover {
		font-weight: 500;
	}

	.sub-menu ul {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-left: 40px
	}

	.container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.section-body-middle-form-p2 {
		font-size: 14px;
	}

	.button.btn-custom {
		font-size: 14px
	}

	.grid4 > li {
		width: 33.33%
	}

	.bigCheck {
		width: 90px;
	}

	.div-bigCheck {
		height: 90px
	}

	h1 {
		font-size: 20px;
	}

	.btn-list-option {
		font-size: 14px
	}

	.section-body-right-header {
		font-size: 13px;
		padding: 12px 13px;
	}

	.section-body-right .form-group-dashed {
		padding: 10px 17px;
	}

	.big-padding,
	.section-body-middle-introduce.big-padding,
	.section-body-middle-form-p1.big-padding,
	.section-body-middle-form-p2.big-padding {
		padding-bottom: 12.3em
	}

	.form-h label.title {
		line-height: 2em;
		margin-bottom: 1.8em;
		padding-right: 0;
		padding-left: 15px;
	}

	.form-h .form-group-wrap {
		padding-left: 15px;
	}

	.form-group.form-h {
		margin-right: 0px;
		margin-left: 0px;
	}

	.group-pay-bill .no-visible {
		display: none;
		height: 0
	}

	.group-pay-bill.grid4 > li:not(:nth-of-type(3n+0)) {
		border-right: 1px solid #e6e9ed;
	}

	.section-news__article__date {
		font-size: 11px;
	}

	.group-partner__img {
		height: 4.5em;
	}

	.group-partner__frame {
		width: 80%;
	}

	li:nth-of-type(1) > .group-service__frame,
	li:nth-of-type(2) > .group-service__frame {
		height: 18em;
	}

	li:nth-of-type(5) > .group-service__frame,
	li:nth-of-type(6) > .group-service__frame {
		height: 16em;
	}

	li:nth-of-type(3) > .group-service__frame,
	li:nth-of-type(4) > .group-service__frame {
		height: 16em;
	}

	.container--fly-result.container {
		width: 980px
	}

	.bg-dark .text-coppyright {
		padding-left: 90px;
	}

	.dropdown-sub--hover:hover > ul {
		visibility: none;
		opacity: 1;
		max-height: 0;
	}

	.dropdown-sub--hover .arrow {
		display: block;
	}

	.dropdown-sub--hover.open .dropdown-menu {
		padding-left: 25px;
	}

	.dropdown-sub--hover > ul.dropdown-menu {
		overflow: hidden;
		margin: 0;
		border: 0;
		padding-left: 25px;
		padding-top: 0;
		padding-bottom: 0
	}

	.triangle-border__dropdown {
		display: none;
	}

	#navbar-1 .navbar-nav .dropdown-menu.dropdown-sub--hover {
		display: block;
		max-height: 0;
		overflow: hidden;
	}

	#navbar-1 .navbar-nav .open .dropdown-menu {
		display: block;
		max-height: 9999px;
	}
}

@media (max-width: 1024px) {
	.affix {
		position: relative;
	}
}

@media (max-width: 998px) {
	.form-group-smr {
		width: 100%;
	}

	.form-group-sm {
		width: 100%;
	}

	.form-h label.title {
		line-height: 1.5em;
	}

	.grid7 > li {
		width: 20%;
	}

	.group-partner__img {
		height: 5.5em;
	}

	.group-partner__frame {
		width: 80%;
	}

	li.frame-blank {
		display: none;
	}

	.section-news__article--bg > .section-news__article__content {
		min-height: 0
	}

	.section-news.col-md-12 .section-news__article {
		width: auto;
		float: none;
	}

	.contact img {
		height: 25px;
	}

	.contact .logo-protect__bg {
		height: 30px;
	}

	.contact > div.text-coppyright {
		padding-left: 0px;
		margin-left: -20px;
		width: 55%;
	}

	.logo-protect__left {
		float: none;
	}

	.contact img {
		margin: 0 10px 0 0px;
	}

	.contact {
		height: 71px
	}

	.section-body-middle {
		min-height: 0;
	}
}

@media (max-width: 991px) {
	.section-body-right ul {
		margin-bottom: 0;
		padding: 0 40px 20px 40px;
		border-bottom: 1px solid #e6e9ed;
		border-top: 1px solid #e6e9ed;
	}

	.section-body-top-introduce ul {
		border: none;
	}

	.section-body-right .form-group-dashed .control-label {
		margin-bottom: 0;
		font-weight: 400;
	}

	.section-body-right .form-group-dashed {
		padding: 0
	}

	.section-body-right-header {
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 20px;
		padding-bottom: 20px;
		background: white;
		color: #083175;
		text-transform: none;
		font-weight: 500;
		font-size: 18px;
		text-align: center;
	}

		.section-body-right-header .cart {
			display: block;
			margin: 0 auto;
			background-position: center bottom;
			width: 2.5em;
			height: 2.5em;
			-webkit-background-size: 2.5em 5em;
			background-size: 2.5em 5em;
			margin-bottom: 1em;
		}

	.section-body-right .form-group-dashed {
		padding: 20px 0 10px 0;
	}

		.section-body-right .form-group-dashed .control-label-result {
			text-align: right;
		}

	.section-body-middle:before {
		border: 0;
	}

	.btn-list-option {
		border-top: 1px solid #e6e9ed;
	}

	.section-body-middle-introduce .col-md-8 {
		margin-bottom: 1em;
	}

	.section-body-right {
		margin-bottom: 0;
	}

	.introduce--bottom-note ul {
		padding: 0 0;
	}

	li.social-media {
		margin-bottom: 0;
	}

	.checkbox {
		text-align: center;
	}

	.section-body-middle-form-p2 .col-md-5.text-right {
		text-align: center;
	}

	.section-body-right ul.nopadding-sm {
		padding: 0;
	}

	.nopadding-left {
		padding-left: 15px;
	}

	.nopadding-right {
		padding-right: 15px;
	}

	.select--custom-1l ~ .select2 .select2-selection.select2-selection--single,
	.select--custom-1r ~ .select2 .select2-selection.select2-selection--single {
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #dcdcdf;
	}

	.navfly__slider {
		height: 75%;
		-webkit-background-size: auto 140%;
		background-size: auto 140%;
	}

	.navfly {
		width: 240px;
	}

	.tab-pane--fly .col-md-6:first-child {
		margin-bottom: 15px;
	}

	.select-fly-number-title {
		top: 0.5em;
	}

	.select-fly-number ~ .select2 .select2-selection__rendered {
		line-height: 2.7em;
	}

	.section-news__article__img--bg {
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		height: 253px;
		margin-left: -15px;
	}

	.section-news-more {
		background: #2188C9;
		color: white;
		margin-bottom: 0px;
		margin-top: -1px
	}

	.section-news-wrap,
	.section-news-wrap--fix1 {
		padding-bottom: 0;
		margin-bottom: 0
	}

	.section-news__border-right {
		border-right: 0
	}

	.section-news__header {
		margin-left: -15px;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		font-size: 13px;
		padding-left: 15px;
	}

	.form-line {
		margin-bottom: 20px;
	}

	.section-form-header__text {
		margin-bottom: 30px;
	}

	.section-contact {
		margin-bottom: 30px;
	}

	.section-contact-wrap {
		margin-bottom: 70px;
	}

	.section-form {
		margin-bottom: 0;
	}

	.form-line__label {
		font-size: 15px;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.form-line__input:focus ~ .form-line__label,
	.form-line__input.hadVal ~ .form-line__label,
	.form-line__label--up {
		top: -1em;
		font-size: 10px;
	}

	.section-wrap-page,
	.section-wrap-page-sm {
		padding-top: 15vh
	}

	.button-wrap.text-right {
		text-align: left;
	}
}

@media (max-width:768px) {
	.dropdown-menu.sm-mega-menu {
		overflow-y: scroll;
	}

	.mega-menu .side-menu a {
		line-height: 3.5em;
		font-weight: 400
	}

	.mega-menu > .container-fluid {
		padding: 0
	}

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.swiper-slide img {
		height: 100%;
		max-height: 475px;
		max-width: none;
		width: auto;
	}

	li.dropdown-search.open {
		position: static;
	}

		li.dropdown-search.open .dropdown-menu {
			display: table;
			width: 100%;
			text-align: center;
			left: 0;
			right: 0;
		}

	.search {
		margin-bottom: 0;
	}

	.mega-menu .navbar-nav .open .dropdown-menu,
	.navbar-nav .dropdown-search.open .dropdown-menu {
		position: absolute;
		background: white;
		min-width: 100%;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 10px;
	}

	.wrap-bottom .swiper-button-prev,
	.wrap-bottom .swiper-container-rtl .swiper-button-next {
		left: 0;
	}

	.wrap-bottom .swiper-button-next,
	.wrap-bottom .swiper-container-rtl .swiper-button-prev {
		right: 0
	}

		.wrap-bottom .swiper-button-prev:hover,
		.wrap-bottom .swiper-button-next:hover {
			background-color: transparent;
		}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 10px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		-webkit-background-size: 27px 27px;
		background-size: 27px 27px;
	}

	li.dropdown.mega-dropdown {
		width: 33.33%;
		font-size: 12px;
	}

	.contact {
		font-size: 10px;
		padding-top: 5px;
		height: 100px;
	}

		.contact div {
			width: 100%;
			display: inline-block;
			line-height: 1.4em;
		}

		.contact .text-right {
			text-align: left;
			padding-left: 80px;
		}

		.contact .logo-protect {
			text-align: right;
		}

	.swiper-pagination-bullet {
		width: 5px;
		height: 5px;
	}

	ul.nav.navbar-nav.pull-right {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.btn-close {
		right: 1em;
	}

		.btn-close span {
			height: 2px;
		}

	.dropdown-menu.sm-mega-menu {
		right: 0;
		width: 100% !important;
		text-align: center;
	}

	.breadcrumb {
		font-size: 12px;
	}

	a.btn-back {
		font-size: 14px;
	}

		a.btn-back img {
			height: 12px;
		}

		a.btn-back p {
			position: absolute;
			display: block;
			width: 100px;
			left: 10px;
			font-size: 11px;
			color: white;
		}

	.section-top-left,
	.section-top-right {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		top: auto;
	}

	.section-top-left {
		bottom: 44px;
		left: 0;
	}

	.breadcrumb {
		visibility: hidden;
	}

	.section-top-right {
		font-size: 10px;
		width: 7em;
		height: 2em;
		line-height: 0;
		-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.7);
		box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.7);
		right: 0;
		bottom: 50px;
	}

		.section-top-right img {
			width: 15px;
		}

	.section-top {
		height: 120px;
		font-size: 14px;
	}

	.section-top-middle a img {
		height: 50px;
	}

	.section-top-middle {
		top: 60px
	}

	.section-body .col-md-7,
	.section-body .col-md-10,
	.section-body .col-md-3.col-md-push-7,
	.section-body .col-md-3,
	.section-body .col-md-8.col-md-offset-2,
	.section-body > .col-md-12 {
		padding: 0;
	}

		.section-body .col-md-7.section-news {
			padding-left: 15px;
			padding-right: 15px;
		}

	.section-body-middle {
		margin: 0
	}

	.container.main {
		margin-bottom: 101px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.button.btn-custom {
		font-size: 12px;
		margin: 0 auto;
		float: none;
	}

	.section-body-middle-form-p2 {
		text-align: center;
	}

	.title {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.form-group label.title {
		margin-bottom: 10px;
	}

	.form-group {
		margin-bottom: 20px;
	}

		.form-group label.title img {
			height: 30px
		}

	h1 {
		font-size: 20px;
	}

	.se-pre-con {
		-webkit-background-size: 200px 200px;
		background-size: 200px 200px;
	}

	.btn-list-option,
	.wrap:last-child .btn-list-option.collapsed {
		font-size: 12px;
		border-bottom: 1px solid #e6e9ed;
	}

	.plus-more {
		height: 2px;
		width: 12px;
	}

	.note {
		font-size: 12px;
	}

	.header-img-1 img {
		height: 125px
	}

	input.form-control {
		font-size: 14px;
	}

	.navbar-top .navbar-nav > li > a {
		font-size: 14px;
	}

	.section-body-right-header {
		font-size: 16px;
	}

	.introduce-title {
		font-size: 14px;
	}

	.introduce-btn {
		background: #2188C9;
		color: white;
		border-color: transparent;
		padding: 7px 7px;
		text-align: center;
		margin-bottom: 15px;
	}

	.navbar-card {
		width: 80%;
		font-size: 16px;
	}

	.swiper-button-next.swiper-button-next-card,
	.swiper-button-prev.swiper-button-prev-card {
		font-size: 11px;
		-webkit-background-size: 1em 1em;
		background-size: 1em 1em;
		top: 43px;
		background-position: center center;
	}

	.swiper-button-prev.swiper-button-prev-card {
		left: -30px;
	}

	.swiper-button-next.swiper-button-next-card {
		right: -30px;
	}

	.swiper-slide img.radio-btn-logo {
		height: 70%;
	}

	.content-bg-title-sm {
		font-size: 11px
	}

	.section-body-alone {
		margin-top: 142px;
		margin-bottom: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.error {
		font-size: 13px;
	}

	body,
	html {
		background-color: white;
	}

	.search-section {
		min-height: 100%
	}

	.form-group-radio .radio-btn label:hover {
		border-color: #dcdcdf
	}

	.popover-title {
		display: block;
	}

	body > .select2-container {
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		height: 100% !important;
		z-index: 9999;
		-webkit-overflow-scrolling: touch;
	}

	.select2-dropdown {
		height: 100%;
		position: fixed;
		left: 0;
		top: 100%;
		right: 0;
		bottom: 0;
		width: 100% !important;
		-webkit-transition: top 0.4s ease;
		-o-transition: top 0.4s ease;
		transition: top 0.4s ease;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-border-radius: 0;
		border-radius: 0
	}

	.select2-results,
	.select2-container--open .select2-dropdown--above,
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.select2-dropdown.top0 {
		top: 0;
	}

	.select2-results {
		top: 64px;
	}

	.select2-container--default .select2-results > .select2-results__options {
		max-height: 100%;
		padding: 0 35px;
	}

	.select2-dropdown,
	.select2-dropdown.select2-dropdown--below {
		margin: 0;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.select2-search--dropdown {
		padding: 5px 35px 15px 35px;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background: white;
		color: #434953;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
		background: white;
		color: #2188C9;
	}

	.select2-container--default .select2-results__option .select2-results__option,
	.select2-dropdown,
	.select2-dropdown.select2-dropdown--below {
		font-size: 17px;
		padding-left: 0;
	}

		.select2-container--default .select2-results__option .select2-results__option:active {
			background: #f5f5f5;
		}

	.select2-container--default .select2-results__group {
		font-weight: 400;
		font-size: 13px;
		color: #94c7d7;
		padding-left: 0;
	}

	.close-select {
		padding: 15px 45px 15px 45px;
		background: #2188C9;
		color: white;
		font-size: 16px;
		font-weight: 400;
		position: relative;
		text-align: center;
	}

	.unselect-all {
		text-align: left;
		padding: 5px 0 5px 20px;
		margin: 0 35px 10px;
		color: #ff5353;
		font-size: 14px;
		position: relative;
		cursor: pointer;
	}

		.unselect-all:before {
			position: absolute;
			width: 16px;
			height: 16px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background-color: #ff5353;
			color: white;
			content: "×";
			text-align: center;
			left: 0;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			line-height: 1
		}

	.close-select__btn {
		position: absolute;
		top: 0;
		left: 0;
		width: 43px;
		height: 100%;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='960px' height='960px' viewBox='0 0 960 960' enable-background='new 0 0 960 960' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M391.152,888.375c16.355,16.879,43.455,16.879,60.381,0c16.308-16.354,16.308-43.455,0-59.81 L145.447,522.527H917.65c23.582,0,42.361-18.779,42.361-42.361c0-23.392-18.779-42.885-42.361-42.885H145.447l306.086-305.324 c16.308-16.926,16.308-44.216,0-60.381c-16.926-16.878-44.025-16.878-60.381,0L12.658,450.071 c-16.878,16.354-16.878,43.454,0,59.619L391.152,888.375z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}

	.close-select__done {
		position: absolute;
		right: 15px;
		top: 0;
		height: 100%;
		line-height: 52px;
		font-size: 14px;
		color: #ffffff;
		font-weight: 500;
	}

	.select2-container--default .select2-results__option[aria-selected=true]:before {
		right: 0
	}

	.select2-search__field {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 446.25 446.25' style='enable-background:new 0 0 446.25 446.25;' xml:space='preserve'%3E%3Cg%3E%3Cg id='search'%3E%3Cpath d='M318.75,280.5h-20.4l-7.649-7.65c25.5-28.05,40.8-66.3,40.8-107.1C331.5,73.95,257.55,0,165.75,0S0,73.95,0,165.75 S73.95,331.5,165.75,331.5c40.8,0,79.05-15.3,107.1-40.8l7.65,7.649v20.4L408,446.25L446.25,408L318.75,280.5z M165.75,280.5 C102,280.5,51,229.5,51,165.75S102,51,165.75,51S280.5,102,280.5,165.75S229.5,280.5,165.75,280.5z' fill='%23aab2bd'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
		-webkit-background-size: auto 50%;
		background-size: auto 50%;
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
	}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 18px;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		border-bottom: 1px solid #dcdcdf;
		padding-left: 0;
	}

		.select2-container--default .select2-search--dropdown .select2-search__field:focus {
			border-color: #2188C9
		}

	.select2-search__field:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.select-fly-number-id ~ .select2-results .select2-results__option {
		display: inline-block;
		width: 2.5em;
		height: 2.5em;
		padding: 0;
		margin-top: 0;
		margin-right: 3%;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #dcdcdf;
		line-height: 2.5em;
		text-align: center;
		margin-bottom: 15px;
		font-size: 15px;
	}

	.select-fly-number-id ~ .select2-results > .select2-results__options {
		padding: 15px 0 0 15px
	}

	.select-fly-number-id ~ .select2-results .select2-results__option--highlighted[aria-selected=true] {
		background: #2188C9;
		color: white;
		border-color: #2188C9
	}

	.select-fly-number-id ~ .select2-results .select2-results__option[aria-selected=true]:before {
		content: ""
	}

	.tab-pane--fly {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.wrap-navfly.row {
		margin-left: -10px;
		margin-right: -10px
	}

	.note-date {
		text-transform: none;
	}

	.select2-results__option {
		padding-left: 0;
	}

	.list-customer li {
		font-size: 13px
	}

	.section-body-frame-p2 {
		margin-bottom: 10px;
	}

	.ui-datepicker {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		width: 100% !important;
		height: 100% !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: 0 !important;
		padding: 15px;
		padding-top: 55px;
		overflow-y: hidden;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.transform-0 {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.ui-datepicker-close {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: #2188C9;
		width: 100%;
		color: white;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
		padding: 15px 15px 15px 45px;
		line-height: 1.4em;
	}

		.ui-datepicker-close:before {
			position: absolute;
			top: 0;
			left: 0;
			width: 43px;
			height: 100%;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='960px' height='960px' viewBox='0 0 960 960' enable-background='new 0 0 960 960' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M391.152,888.375c16.355,16.879,43.455,16.879,60.381,0c16.308-16.354,16.308-43.455,0-59.81 L145.447,522.527H917.65c23.582,0,42.361-18.779,42.361-42.361c0-23.392-18.779-42.885-42.361-42.885H145.447l306.086-305.324 c16.308-16.926,16.308-44.216,0-60.381c-16.926-16.878-44.025-16.878-60.381,0L12.658,450.071 c-16.878,16.354-16.878,43.454,0,59.619L391.152,888.375z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: 15px auto;
			background-size: 15px auto;
			content: ""
		}

	.ui-datepicker-year {
		font-size: 28px;
		font-weight: 300;
	}

	.ui-datepicker-month {
		font-size: 18px;
	}

	.ui-datepicker-calendar {
		font-size: 15px;
		margin: 0 auto;
		border-spacing: 5px;
	}

		.ui-datepicker-calendar td {
			-webkit-border-radius: 4px;
			border-radius: 4px;
			background: #f3fbff;
			height: 42px;
			width: 42px;
			font-weight: 400;
		}

			.ui-datepicker-calendar td:active {
				background: #023f88
			}

			.ui-datepicker-calendar td.ui-datepicker-current-day {
				background: #023f88;
			}

	.lunar-date,
	.lunar-date-leap,
	.ui-datepicker .lunar-date-tet {
		width: 3em;
		font-weight: 500;
		padding-top: 2px;
		text-align: right;
	}

	.ui-datepicker-prev,
	.ui-datepicker-next {
		top: auto;
		bottom: 0;
		width: 50%;
		background-color: #f5f5f5;
		height: 50px;
		-webkit-background-size: 1em auto;
		background-size: 1em auto;
	}

	.ui-datepicker-prev {
		left: 0;
		border-right: 1px solid #ddd;
	}

	.ui-datepicker-next {
		right: 0
	}

	.ui-datepicker-calendar td:hover:not(.ui-datepicker-current-day) {
		background: #f3fbff
	}

	.datepicker,
	.datedepart {
		cursor: default;
		-webkit-user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
	}

	.select2-search__field::-webkit-input-placeholder {
		color: #ccc;
		font-weight: 300;
	}

	.select2-search__field::-moz-placeholder {
		color: #ccc;
		font-weight: 300;
		opacity: 1
	}

	.select2-search__field::-ms-input-placeholder {
		color: #ccc;
		font-weight: 300;
	}

	.form-line__select ~ .select2-container .select2-selection--single {
		font-size: 17px;
	}

	.btn-custom--bg {
		font-size: 12px;
	}

	.group-partner__name,
	.tab-partner {
		font-size: 13px;
		font-weight: 400;
	}

	.grid7 > li {
		width: 25%;
	}

	.tab-partner {
		margin-bottom: 1em;
	}

		.tab-partner > li > a {
			height: 4em;
			width: 100%;
			position: relative;
		}

		.tab-partner > li:after {
			background: white;
		}

		.tab-partner > li > a:before {
			content: "";
			width: 3.5em;
			height: 3.5em;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			margin: auto
		}

		.tab-partner > li.active:after,
		.tab-partner > li:hover:after {
			width: 3em;
		}

		.tab-partner > li:nth-of-type(1) > a:before {
			background-image: url('/Plugins/Payments.1Pay/Content/Images/ic_banner_top/98.svg');
		}

		.tab-partner > li:nth-of-type(3) > a:before {
			background-image: url('/Plugins/Payments.1Pay/Content/Images/ic_banner_top/02.svg');
		}

		.tab-partner > li:nth-of-type(2) > a:before {
			background-image: url('/Plugins/Payments.1Pay/Content/Images/ic_banner_top/99.svg');
		}

		.tab-partner > li:nth-of-type(4) > a:before {
			background-image: url('/Plugins/Payments.1Pay/Content/Images/ic_banner_top/100.svg');
		}

	.hidden-partner-header--sm {
		display: none;
	}

	.hidden-partner-header {
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		margin-bottom: 1em;
	}

	.group-service__ic {
		width: 5em;
	}

	li:nth-of-type(1) > .group-service__frame,
	li:nth-of-type(2) > .group-service__frame {
		height: 18em;
	}

	li:nth-of-type(5) > .group-service__frame,
	li:nth-of-type(6) > .group-service__frame {
		height: 16em;
	}

	li:nth-of-type(3) > .group-service__frame,
	li:nth-of-type(4) > .group-service__frame {
		height: 16em;
	}

	.group-help {
		margin-left: -5px;
		margin-right: -5px;
	}

		.group-help.grid4 {
			margin-top: -5px
		}

	.group-service__frame {
		width: -webkit-calc(100% - 18px - 4em);
		width: calc(100% - 18px - 4em);
	}

	.group-help__frame {
		height: 4em;
		font-size: 13px;
		margin: 5px
	}

	.group-help__title {
		padding-right: 0.5em;
		width: -webkit-calc(100% - 3em);
		width: calc(100% - 3em);
	}

	.group-help__ic {
		width: 2em;
		height: 2em;
		left: 0.3em;
	}

	.group-help__section {
		padding-left: 15px;
		padding-right: 15px;
	}

	.radio-btn-logo {
		width: 100%;
	}

	.option-item-destiantion {
		padding-top: 15px;
		margin-bottom: 0;
		z-index: 100;
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0
	}

	.group-help-link__ul > li {
		width: 100%;
	}

	.error404__content {
		width: 260px;
	}

	.error404__content__left > img {
		height: 8.2em;
	}

	.error404__content__p {
		font-size: 13px;
	}

	.error404__content__h2 {
		font-size: 26px;
		margin-top: 10px
	}

	.error404__content__button {
		font-size: 14px
	}

	.error404__content {
		top: 50%;
	}

	.bg-dark .logo-footer img {
		margin-left: 10px
	}

	.text-success,
	.text-error {
		font-size: 22px;
		text-transform: uppercase;
		font-weight: 500;
		line-height: 30px;
	}

	.section-error {
		min-height: 0
	}

	.contact > div.text-coppyright {
		margin-left: 0;
		line-height: 1.3em;
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		top: 40%
	}

	.contact .logo-protect {
		top: 80%;
		text-align: left;
		padding-left: 5px;
	}

	.contact img,
	.contact .logo-protect__bg {
		margin: 0 10px;
	}

	.contact img {
		height: 20px;
	}

	.contact .logo-protect__bg {
		height: 25px;
	}

	.radio__header {
		margin-bottom: 10px;
	}

	.radio__header__h1 {
		font-size: 16px;
	}

	.radio__header__h2 {
		font-size: 13px;
		font-weight: 400;
	}

	li.dropdown.mega-dropdown:hover:not(.mega-show-more):not(.mega-show-less) {
		background: transparent;
	}

		li.dropdown.mega-dropdown:hover:not(.mega-show-more):not(.mega-show-less) .mega-icon {
			background-position: bottom center
		}

		li.dropdown.mega-dropdown:hover:not(.mega-show-more):not(.mega-show-less) > a.dropdown-toggle {
			color: white
		}

	li.dropdown.mega-dropdown:active:not(.mega-show-more):not(.mega-show-less) > a.dropdown-toggle {
		color: #2188C9 !important
	}

	li.dropdown.mega-dropdown:active:not(.mega-show-more):not(.mega-show-less) {
		background: white !important;
	}

		li.dropdown.mega-dropdown:active:not(.mega-show-more):not(.mega-show-less) .mega-icon {
			background-position: top center !important
		}

	.social-media__link {
		width: calc(50% - 22.5px);
		box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.05);
	}

		.social-media__link:first-child {
			margin: 0 15px;
			border-right: 0;
		}

	.bill {
		margin-bottom: 15px;
	}

	.section-body-right li {
		margin-bottom: 0
	}

	p.social-media__introduce {
		padding: 15px;
	}
}

@media(max-width: 667px) {
	.group-service.grid2 > li {
		width: 100%;
		border-right: 0;
	}

	.group-service > li {
		padding: 15px;
		padding-left: 0;
	}

	.group-service.grid2 > li > .group-service__frame {
		height: auto;
	}

	.group-service__content {
		margin-bottom: 4em;
	}

	.group-service__btn {
		padding: 0.7em;
	}
}

@media (max-width:767px) {
	.burger {
		margin-left: 15px;
	}
}
@media (max-width: 1600px) {
    .form-group-radio > li {
        width: 25%;
    }
}

    @media (max-width: 480px) {
        .section-body-middle-introduce,
        .section-body-middle-form-p1,
        .section-body-middle-form-p2,
        .list-option-collapse .collapse-wrap,
        .btn-list-option {
            padding: 15px;
        }

        .padding-sx-big {
            padding: 20px;
        }

        .radio {
            font-size: 15px;
        }

        .form-group-radio > li,
        .radio-big-info {
            padding: 9px;
            width: 50%;
        }

        .form-group .row,
        .collapse-wrap > .row,
        .row10 {
            margin-left: -10px;
            margin-right: -10px;
        }

        .grid4,
        .grid3,
        .grid3-5,
        .grid2,
        .grid5,
        .grid6 {
            margin-top: 0
        }

        .section-body-middle {
            font-size: 13px;
        }

        .section-body-middle-introduce {
            font-weight: 400;
        }

        .section-top-left {
            left: 0;
        }

        .section-top-right {
            right: 0;
        }

        .bigCheck {
            width: 80px;
        }

        .div-bigCheck {
            height: 80px;
        }

        .se-pre-con {
            -webkit-background-size: 180px 180px;
            background-size: 180px 180px;
        }

        .plus-more {
            right: 15px;
        }

        .btn-list-option {
            font-size: 12px;
        }

        .section-body-right-header {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .section-body-right ul {
            padding: 0 15px 10px 15px;
        }

        .introduce--bottom-note ul {
            padding: 0 0;
        }

        .form-control.form-normal,
        .form-group select,
        .required,
        .select2-container .select2-selection--single,
        .select2-container .select2-selection--multiple .select-fly ~ .select2-container--default .select2-selection--single .select2-selection__placeholder,
        .form-control.form-normal.datepicker,
        .form-control.form-normal.datedepart {
            font-size: 14px;
        }

        .down-arrow-black {
            height: 35px;
        }

            .down-arrow-black.arrow-big {
                top: 6.5px;
            }

        .collapse-note {
            font-size: 13px;
        }

        .group-pay-bill.grid4 > li,
        .group-pay-bill.grid3 > li,
        .group-pay-bill.grid3 > li:nth-of-type(3n-1),
        .group-pay-bill.grid3 > li:not(:nth-of-type(3n+0)) {
            width: 50%;
            border-left: none;
            border-right: none;
        }

        .grid3:before {
            content: "";
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            width: 1px;
            background: #e6e9ed;
        }

        .form-group label.title {
            font-size: 15px
        }

        .form-confirm {
            width: -webkit-calc(100% - 155px);
            width: calc(100% - 155px);
        }

        .form-confirm-btn,
        .form-verify-label {
            width: 32%;
            height: 42px;
            text-transform: none;
        }

        .form-verify-label {
            line-height: 42px;
        }

        .grid7 > li {
            width: 33.33%;
        }

        .group-partner {
            margin-left: -8px;
            margin-right: -8px;
        }

        .group-partner__img {
            height: 4.5em;
        }

        .group-partner__frame {
            width: 100%;
            padding: 4px 8px;
            margin: 0;
        }

        .group-partner__name {
            margin: 0.5em;
        }

        .group-help.grid4 > li {
            width: 50%;
        }

        .group-help__title {
            width: -webkit-calc(100% - 2.8em);
            width: calc(100% - 2.8em);
        }

        .form-group .form-logo,
        .form-logo-select {
            height: 38px;
        }

        .tab-partner > li {
            width: 24%;
        }

        .section-body-card .form-group-radio.grid4 > li {
            width: 50%;
        }
    }

    @media (max-width:384px) {
        .input-search {
            padding-left: 15px;
        }

        .contact img,
        .contact .logo-protect__bg {
            margin: 0 5px;
        }

            .contact img:last-child {
                /*padding-right: 15px;*/
            }

        .logo-footer img,
        .bg-dark .logo-footer img {
            margin-left: 15px
        }

        .contact .text-right,
        .text-coppyright {
            padding-left: 65px;
        }
    }

    @media (max-width:340px) {
        .ui-datepicker-year {
            font-size: 17px;
        }

        .ui-datepicker-month {
            font-size: 15px;
        }

        .ui-datepicker-calendar {
            font-size: 13px
        }

        a.ui-state-default {
            padding-top: 0;
        }

        .ui-datepicker-calendar td {
            height: 33px;
            width: 42px;
        }

        .close-select,
        .ui-datepicker-close {
            font-size: 13px;
            padding: 10px 45px 10px 45px;
        }

        .close-select__done {
            line-height: 41px;
            font-size: 13px
        }

        .full-nav {
            padding: 0;
        }

        .section-top-middle {
            top: 24px;
            font-size: 20px
        }

        .section-top {
            height: 75px
        }
    }

    .banks {
        display: none;
        -webkit-animation: fadeInLeft 0.5s forwards;
        animation: fadeInLeft 0.5s forwards;
    }


    .radio-big-info {
        display: block;
        padding-bottom: 0;
        padding-top: 0
    }

    .section-body--hidden {
        overflow: hidden;
    }

    @media (max-width: 1600px) {
        .btn-list-option,
        .btn-list-option:active,
        .btn-list-option:focus,
        .list-collapse__header__h1 {
            font-size: 16px;
        }

        .list-collapse__header__close {
            font-size: 13px;
        }

        .list-collapse__image img {
            font-size: 11px;
            height: 4em;
            right: -5px
        }
    }

    @media (max-width: 768px) {
        .btn-list-option,
        .btn-list-option:active,
        .btn-list-option:focus,
        .list-collapse__header__h1 {
            font-size: 15px;
        }

        .list-collapse__header {
            padding: 15px 0;
            margin-left: -5px;
            margin-right: -5px;
            background-color: #f6f6f6;
            margin-top: -16px;
            margin-bottom: 15px;
        }

        .list-collapse__header__h1 {
            text-align: right;
            padding-right: 15px;
            margin-bottom: 0
        }

        .list-collapse__image {
            display: none;
        }

        .btn-list-option,
        .btn-list-option:active,
        .btn-list-option:focus {
            padding: 2em 0.5em 2em 6em;
            -webkit-background-size: 5em auto;
            background-size: 5em auto;
        }

        .list-collapse__header__close {
            left: 14px;
        }

        .radio__header__h1 {
            font-size: 14px;
        }

        .form-group-2 {
            padding: 0 7.5px
        }

            .form-group-2 .col-xs-6 {
                padding: 0 7.5px;
            }

            .form-group-2 .down-arrow-black {
                right: 15px;
            }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .bigCheck {
            width: 120px
        }

        .div-bigCheck {
            margin-bottom: 20px
        }
    }

    ul.form-group-radio {
        margin-top: 20px;
    }

    /*.textroundbox {
    text-transform: none;
    font-size: 20px;
    color: #083175;    
    -webkit-background-size: 7em auto;
    background-size: 7em auto;
    background-repeat: no-repeat;
    background-position: center left 0.4em;
    margin-bottom: 0;
}*/
    .roundbox {
        -ms-border-radius: 50px;
        background: none repeat scroll 0% 0% rgb(94, 136, 158);
        border-radius: 50px;
        color: rgb(255, 255, 255);
        font-size: 14px !important;
        font-weight: bold;
        height: 20px;
        padding: 8px 12px;
        width: 20px;
    }

    .textroundbox {
        color: rgb(51, 51, 51);
        font-weight: bold;
    }