@import "frontend";
@import "grid";

.moxie-shim{
	z-index: 99999 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.grid {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	list-style-type: none;
}

.col-double {
	grid-column: 1 / span 2;
}

.popup-account input.input-field {
	border-radius: 0;
}

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

.hidden {
	display: none;
}

.elementor-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.margin-0 {
	margin: 0 !important;
}

.list-item a,
.list-item span {
	display: inline-block;
}

.list-item a:after,
.list-item span:after {
	content: ",";
}

.list-item a:last-child:after,
.list-item span:last-child:after {
	content: "";
}

.accent-color {
	color: var(--civi-color-accent) !important;
}

.error-color {
	color: #e74807 !important;
}

.main-content {
	padding-top: 40px;
	padding-bottom: 60px;
}

.pd-top-50 {
	padding-top: 50px;
}

.pd-bottom-40 {
	padding-bottom: 40px;
}

.offset-item {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
}

.offset-item.animate,
.elementor-editor-active .offset-item {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
}

.access-denied {
	padding-top: 50px;
	padding-bottom: 70px;
}

.block-heading {
	margin-bottom: 20px;
}
.block-heading .entry-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 0;
}
.block-heading .entry-count {
	font-size: 16px;
	line-height: 25px;
	font-weight: 500;
	align-self: flex-end;
}
.space-between {
	display: flex;
	justify-content: space-between;
}

.page .entry-content .dropdown-select li {
	margin-bottom: 0;
}

.civi-menu-filter ul.filter-control li.active a:after {
	content: "";
	background-image: url(../images/icon-close.svg);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 4px;
	right: -15px;
}

.civi-nav-filter {
	display: flex;
	align-items: center;
}

.logged-in .pswp.pswp--open {
	margin-top: 32px;
}

.civi-map-filter .default-result {
	padding: 15px 30px;
}

.civi-marker .inner-marker {
	display: flex;
}

.civi-marker .inner-marker .entry-thumbnail img {
	width: 120px;
	height: 150px;
	object-fit: cover;
}

.civi-marker .entry-detail {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	min-width: 205px;
}
.civi-marker .place-cate {
	line-height: 18px;
	margin-bottom: 3px;
	padding-right: 20px;
}
.civi-marker .entry-detail .entry-head,
.civi-marker .entry-detail .entry-bottom {
	width: 100%;
}
.civi-marker .place-cate a {
	font-size: 12px;
	color: #8d8d8d;
	margin-right: 3px;
}
.civi-marker .place-cate a:last-child {
	margin-right: 0;
}
.civi-marker .place-title {
	margin-bottom: 3px;
}
.civi-marker .place-title .entry-title {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 0;
	opacity: 0.8;
}
.civi-marker .entry-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.civi-marker .place-price {
	font-size: 16px;
}
.civi-marker .place-location a {
	color: #222;
}
.civi-marker .place-location a i {
	margin-right: 3px;
}
.civi-marker .place-location a:hover {
	color: #00aeef;
}
.civi-marker .place-preview {
	display: flex;
	font-size: 15px;
}
.civi-marker .place-preview.hidden {
	display: none;
}
.civi-marker .place-rating {
	display: table;
	font-weight: 500;
	margin-right: 3px;
}
.civi-marker .place-rating i {
	margin-left: 3px;
}
.gm-style .gm-style-iw-c {
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	max-width: 325px !important;
	max-height: inherit !important;
}
.gm-style .gm-style-iw-c button {
	top: 0 !important;
	right: 0 !important;
}
.gm-style .gm-style-iw-d {
	overflow: auto !important;
	max-height: inherit !important;
	max-width: inherit !important;
}

.poi-info-window {
	padding: 15px;
	line-height: 23px;
}
.duplicate-form-reply {
	display: none;
}
.rate {
	display: inline-block;
	border: 0;
	cursor: pointer;
}
.rate > input {
	display: block;
	opacity: 0;
	position: absolute;
	visibility: hidden;
}
.rate > label#rating-error {
	margin-top: 2px;
	margin-left: 5px;
	float: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
}
.rate > label#rating-error:before {
	content: "";
	display: none;
}
.rate > label {
	padding: 3px;
}
.rate > label,
.rate > span {
	float: right;
	color: #dddddd;
}
.rate label + label {
	margin-left: 10px;
}
.rate > label:before {
	content: "\f005";
	width: 16px;
	height: 16px;
	font-size: 16px;
	display: inline-block;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
}
.author-rating .star i {
	color: #dddddd;
}
.author-rating .star.checked i {
	color: #F2B827;
}
input:checked ~ label:before,
label:hover:before,
label:hover ~ label:before {
	color: #F2B827;
}
.no-result {
	display: none;
}

.table-dashboard-wapper .civi-loading-effect {
	display: none;
}

.civi-loading-effect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 15;
}
.civi-loading-effect:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.6);
}
.area-civi-loading-effect:before {
	background: none;
}
#pac-input {
	position: absolute;
	top: 30px !important;
	right: 20px !important;
	height: 40px;
	border-color: #eee;
	padding: 5px 20px;
	min-width: 240px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.site-content {
	position: relative;
	z-index: 1;
}

.nav-place-map {
	position: absolute;
	top: 30px;
	left: 50px;
	z-index: 1;
	display: flex;
}
.add-menu-list .place-fields-wrap:first-child {
	margin-top: 20px;
}
.form-2-col {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}
.form-2-col .form-group {
	padding-left: 15px;
	padding-right: 15px;
	flex: 0 0 50%;
	max-width: 50%;
}

.group-field + .group-field {
	margin-top: 15px;
}
.civi-steps-content .place-map {
	position: relative;
	z-index: 1;
}
.civi-steps-content .place-map #pac-input {
	top: 20px !important;
	left: 20px !important;
	max-width: 300px;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #eeeeee;
	box-shadow: none;
}
.civi-table {
	position: relative;
	width: 100%;
	background-color: #fff;
	font-size: 15px;
	border: 0;
	margin: 0;
}
.civi-table tbody {
	position: relative;
}
.civi-table tbody > span {
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	left: 50%;
	margin-top: 40px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}
.list-item a.mb-intro,
.list-item span.mb-intro,
.mb-intro {
	display: none;
	font-weight: 500;
	color: #2d2d2d;
}
.mb-intro:after {
	display: none;
}
.entry-my-table {
	position: relative;
	border: solid 1px #eeeeee;
	background: #fff;
}
.entry-my-table .civi-loading-effect {
	display: none;
}
.entry-my-table .civi-table > tbody span.civi-dual-ring {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.entry-my-table .civi-loading-effect.loading {
	display: flex;
	align-items: center;
	justify-content: center;
}
.civi-table > tbody > tr,
.civi-table > tfoot > tr,
.civi-table > thead > tr {
	border-bottom: solid 1px #eeeeee;
}
.civi-table > tbody > tr:last-child {
	border-bottom: 0;
}
.civi-table td,
.civi-table th {
	padding: 20px 15px;
	border: 0;
}
.civi-table td.hidden {
	display: table-cell;
}
.civi-table th {
	font-size: 15px;
	font-weight: 500;
	color: #5d5d5d;
	text-transform: uppercase;
}
.civi-table tr td:first-child,
.civi-table tr th:first-child {
	padding-left: 30px;
}
.civi-table tr td:last-child,
.civi-table tr th:last-child {
	padding-right: 30px;
}
.civi-table td.place-id {
	color: #2d2d2d;
}
.civi-table td.place-thumb {
	width: 100px;
}
.civi-table td.place-thumb img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}
.civi-table td.place-control a {
	color: #5d5d5d;
}
.civi-table td.place-control a:hover {
	color: var(--civi-color-accent);
}
.civi-table td.place-control a + a {
	margin-left: 20px;
}
.civi-table td.booking-action a {
	margin-left: 20px;
}
.civi-table td.booking-action a:first-child {
	margin-left: 0;
}
.civi-table td.place-status {
	display: table-cell;
}
.civi-table .has-featured {
	color: #fb6a19;
}
.civi-table td.status div {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	text-transform: capitalize;
}
.civi-table td.publish div {
	color: #20d706;
}
.civi-table td.pending div {
	color: #f2d23d;
}
.civi-table td.expired div,
.civi-table td.canceled div {
	color: #e74807;
}
.page-control .agent-nav {
	background-color: #1d1d1d;
}
.page-control .agent-nav ul {
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.page-control .agent-nav ul li {
	display: inline-block;
	margin-right: 30px;
}

.page-control .agent-nav ul li a {
	border-bottom: 1px solid transparent;
}

.page-control .agent-nav ul li.active a,
.page-control .agent-nav ul li a:hover {
	border-color: #fff;
}
.page-control .agent-nav ul li:last-child {
	margin-right: 0;
}
.page-control .agent-nav ul li a {
	color: #fff;
}
.civi-my-panel-head > h2 {
	font-size: 28px;
	line-height: 39px;
	margin-bottom: 30px;
}
.civi-my-place-filter {
	color: #2d2d2d;
}
.page-control .block-search.search-input {
	max-width: 200px;
	background: none;
}
.page-control .block-search.search-input .input-search {
	padding-top: 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #2d2d2d;
}
.page-control .block-search.search-input .icon-search {
	top: calc(50% - 2px);
}
.page-control .place-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.page-control .place-filter .left-filter > div {
	display: inline-block;
}
.page-control .place-filter .left-filter > div + div {
	margin-left: 30px;
}

.alert {
	margin-bottom: 30px;
}

.civi-message,
.alert {
	display: flex;
	flex-wrap: nowrap;
	font-size: 15px;
	font-weight: 500;
	padding: 22px;
	color: #5a6570;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.civi-message .icon-message {
	margin-right: 22px;
	line-height: 0;
}
.civi-message.account a {
	color: #007456;
}
.civi-message p {
	margin-bottom: 0;
}
.civi-message.alert-success,
.alert.alert-success {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #20d706;
	background-color: #ffffff;
}
.civi-message.alert-success i {
	color: #20d706;
}
.civi-message.alert-warning,
.alert.alert-warning {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #f2d23d;
	background-color: #ffffff;
}
.civi-message.alert-warning i {
	color: #f2d23d;
}
.civi-message.alert-error,
.alert.alert-error {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #ff2d55;
	background-color: #ffffff;
}
.civi-message.alert-error i {
	color: #ff2d55;
}

.form-error {
	text-align: left;
	color: #ff2d55;
	margin-top: 5px;
}

.civi-ajax-search .area-search {
	position: relative;
}
.civi-ajax-search .area-result,
.civi-ajax-search .list-categories,
.civi-ajax-search .focus-result {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 4;
	margin-top: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	font-weight: 500;
}
.civi-ajax-search .area-result ul,
.civi-ajax-search .list-categories ul,
.civi-ajax-search .focus-result ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	padding: 10px 0;
	max-height: 370px;
	overflow: auto;
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
}
.block-search .list-categories,
.block-search .search-result,
.block-search .area-result,
.block-search .focus-result {
	display: none;
	top: 100%;
	margin-top: 2px;
	text-align: left;
}
.civi-form .form-group .form-control {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: 0;
	border-bottom: 2px solid #2d2d2d;
	font-style: normal;
	padding: 0 0 6px;
	width: 100%;
	box-shadow: inherit;
	background-image: initial;
}
.civi-form .form-icon {
	position: relative;
}
.civi-form .form-icon .form-control {
	padding: 10px 15px 10px 30px;
	margin-bottom: 0;
}
.civi-form .form-group + .form-group {
	margin-top: 20px;
}
.civi-form .form-icon .left {
	font-size: 24px;
	position: absolute;
	bottom: 13px;
	left: 0;
}
.civi-form .form-icon .right {
	font-size: 12px;
	position: absolute;
	bottom: 16px;
	right: 0;
}
.form-toggle {
	position: relative;
}
.form-toggle .open-toggle {
	display: block;
	text-align: left;
	cursor: pointer;
}
.form-toggle .inner-toggle {
	display: none;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}
.form-toggle.active .inner-toggle {
	display: block;
}
.form-toggle .inner-toggle > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.form-toggle .inner-toggle .adult {
	margin-bottom: 20px;
}
.form-toggle .inner-toggle span {
	font-size: 15px;
	color: #2a2a2a;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
	border: none;
}

.btn-control {
	display: flex;
	align-items: center;
}

.btn-control > span {
	margin-right: 10px;
	color: #2d2d2d;
}

.btn-control .switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 24px;
	margin-bottom: 0;
}

.btn-control .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.btn-control .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2d2d2d;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.btn-control .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.inner-content.has-map .btn-control .slider,
.nav-bar.has-map .btn-control .slider {
	background-color: var(--civi-color-accent);
}

.inner-content.has-map .btn-control .slider:before,
.nav-bar.has-map .btn-control .slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}

/* Rounded sliders */
.btn-control .slider.round {
	border-radius: 15px;
}

.btn-control .slider.round:before {
	border-radius: 50%;
}

/*Mega menu*/
.has-mega-menu.elementor-column,
.has-mega-menu .elementor-column-wrap,
.has-mega-menu .elementor-widget-wrap {
	position: unset;
}

.elementor-widget.elementor-widget-civi-nav-menu {
	position: unset;
}

.mega-menu-full-width .elementor-nav-menu--dropdown {
	background: inherit;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-full-width,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-container {
	position: unset;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu .sub-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	min-width: 240px;
	width: auto;
	margin-top: 50px;
	z-index: 1;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.mega-menu-content .icon-cate i{
	right:auto !important;
	left:50% !important;
	top:50% !important;
	transform:translate(-50%,-50%) !important;
	font-size:inherit !important;
}

.mega-menu-content .icon-cate{
	position: relative;
}

.elementor-widget-civi-nav-menu .mega-menu-default .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-default .children {
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
	padding: 18px 20px;
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-full-width .children,
.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
	background: no-repeat;
	box-shadow: none;
	padding: 0;
}

.elementor-widget-civi-nav-menu
	.mega-menu-full-width
	.mega-menu-content.container {
	max-width: 100%;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
	padding-left: 0;
	padding-right: 0;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .sub-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .children {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	z-index: 2;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.elementor-widget-civi-nav-menu .mega-menu-default .container,
.elementor-widget-civi-nav-menu .mega-menu-custom .container {
	padding-left: 0;
	padding-right: 0;
}

.popup.popup-custom .inner-popup {
	top: 50%;
	max-width: 340px;
	left: 20px;
	right: 20px;
	margin: 50px auto 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
}

.popup.open.popup-custom .inner-popup {
	top: 50%;
	margin-top: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
}

.popup.popup-custom .inner-popup .btn-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 2;
}

.civi-slick-carousel{
	.slick-dots {
		position: inherit;
	}
	&.slick-for{
		img{
			height: 400px;
			width: 100%;
			object-fit: cover;
			border-radius: 8px;
		}
	}
	figure.civi-image-nav{
		height: 120px;
		cursor: pointer;
		img{
			width: 100%;
			border-radius: 8px;
			object-fit: cover;
			height: 120px;
		}
	}
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-archive-footer {
	display:-ms-flexbox;
	display:flex
}
.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-footer-right {
	margin-top:0
}

.ai-popup{
	border-radius: 8px;
	.inner-popup{
		max-width: 767px;
	}
	.btn-close{
		position: absolute;
		top: 37px;
		right: 30px;
		i{
			font-size: 20px;
		}
	}
	h4{
		font-size: 24px;
		margin-bottom: 20px;
		padding-right: 30px;
	}
	h5{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.field-group{
		margin-bottom: 20px;
	}
	textarea{
		resize: none;
	}
	.generate-content{
		@include d-flex();
		align-items: flex-start;
		margin: 0 -15px;
		.left,
		.right{
			flex: 0 0 50%;
			max-width: 50%;
			width: 50%;
			padding: 0 15px;
			transition: all 0.3s;
		}
		.left{
			flex: 0 0 100%;
			max-width: 100%;
			width: 100%;
		}
		.right{
			display: none;
		}
		&.has-suggestion{
			.left,
			.right{
				flex: 0 0 50%;
				max-width: 50%;
				width: 50%;
				display: block;
			}
		}
		.suggestion{
			height: calc(100% - 124px);
			margin-bottom: 20px;
			overflow-y: auto;
			overflow-x: hidden;
			background-color: #ece3fd;
			color: var(--civi-color-accent);
			p:last-child{
				margin-bottom: 0;
			}
		}
	}
	.btn-loading{
		margin-left: 5px;
	}
	.field-notice.error{
		p{
			color: #ff2d55;
		}
	}
}

.wp-block-search__inside-wrapper{
	@include d-flex();
	.wp-block-search__input{
		border: 1px solid $border-color !important;
		border-radius: 0;
	}
}

.tel-group{
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	.select2.select2-container{
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		z-index: 1;
		width: 100% !important;
		.select2-selection{
			padding: 0 10px;
			background-color: transparent;
			border-radius: 4px 0 0 4px;
			font-size: 14px;
			display: inline-flex;
			align-items: center;
			justify-content: flex-start;
			border-right: 1px solid #ddd;
		}
	}
	input[type="tel"]{
		position: relative;
		z-index: 2;
		margin-left: 62px;
		width: calc(100% - 62px);
		border: 0;
	}
	.select2.select2-container .select2-selection__rendered{
		background-image: url('../../assets/images/flags.png');
		width: 20px;
		height: 10px;
		box-shadow: 0px 0px 1px 0px #888;
		background-repeat: no-repeat;
		font-size: 0;
		&.be {
			width: 18px
		}

		&.ch {
			width: 15px
		}

		&.mc {
			width: 19px
		}

		&.ne {
			width: 18px
		}

		&.np {
			width: 13px
		}

		&.va {
			width: 15px
		}

		&.ac {
			height: 10px;
			background-position: 0px 0px
		}

		&.ad {
			height: 14px;
			background-position: -22px 0px
		}

		&.ae {
			height: 10px;
			background-position: -44px 0px
		}

		&.af {
			height: 14px;
			background-position: -66px 0px
		}

		&.ag {
			height: 14px;
			background-position: -88px 0px
		}

		&.ai {
			height: 10px;
			background-position: -110px 0px
		}

		&.al {
			height: 15px;
			background-position: -132px 0px
		}

		&.am {
			height: 10px;
			background-position: -154px 0px
		}

		&.ao {
			height: 14px;
			background-position: -176px 0px
		}

		&.aq {
			height: 14px;
			background-position: -198px 0px
		}

		&.ar {
			height: 13px;
			background-position: -220px 0px
		}

		&.as {
			height: 10px;
			background-position: -242px 0px
		}

		&.at {
			height: 14px;
			background-position: -264px 0px
		}

		&.au {
			height: 10px;
			background-position: -286px 0px
		}

		&.aw {
			height: 14px;
			background-position: -308px 0px
		}

		&.ax {
			height: 13px;
			background-position: -330px 0px
		}

		&.az {
			height: 10px;
			background-position: -352px 0px
		}

		&.ba {
			height: 10px;
			background-position: -374px 0px
		}

		&.bb {
			height: 14px;
			background-position: -396px 0px
		}

		&.bd {
			height: 12px;
			background-position: -418px 0px
		}

		&.be {
			height: 15px;
			background-position: -440px 0px
		}

		&.bf {
			height: 14px;
			background-position: -460px 0px
		}

		&.bg {
			height: 12px;
			background-position: -482px 0px
		}

		&.bh {
			height: 12px;
			background-position: -504px 0px
		}

		&.bi {
			height: 12px;
			background-position: -526px 0px
		}

		&.bj {
			height: 14px;
			background-position: -548px 0px
		}

		&.bl {
			height: 14px;
			background-position: -570px 0px
		}

		&.bm {
			height: 10px;
			background-position: -592px 0px
		}

		&.bn {
			height: 10px;
			background-position: -614px 0px
		}

		&.bo {
			height: 14px;
			background-position: -636px 0px
		}

		&.bq {
			height: 14px;
			background-position: -658px 0px
		}

		&.br {
			height: 14px;
			background-position: -680px 0px
		}

		&.bs {
			height: 10px;
			background-position: -702px 0px
		}

		&.bt {
			height: 14px;
			background-position: -724px 0px
		}

		&.bv {
			height: 15px;
			background-position: -746px 0px
		}

		&.bw {
			height: 14px;
			background-position: -768px 0px
		}

		&.by {
			height: 10px;
			background-position: -790px 0px
		}

		&.bz {
			height: 14px;
			background-position: -812px 0px
		}

		&.ca {
			height: 10px;
			background-position: -834px 0px
		}

		&.cc {
			height: 10px;
			background-position: -856px 0px
		}

		&.cd {
			height: 15px;
			background-position: -878px 0px
		}

		&.cf {
			height: 14px;
			background-position: -900px 0px
		}

		&.cg {
			height: 14px;
			background-position: -922px 0px
		}

		&.ch {
			height: 15px;
			background-position: -944px 0px
		}

		&.ci {
			height: 14px;
			background-position: -961px 0px
		}

		&.ck {
			height: 10px;
			background-position: -983px 0px
		}

		&.cl {
			height: 14px;
			background-position: -1005px 0px
		}

		&.cm {
			height: 14px;
			background-position: -1027px 0px
		}

		&.cn {
			height: 14px;
			background-position: -1049px 0px
		}

		&.co {
			height: 14px;
			background-position: -1071px 0px
		}

		&.cp {
			height: 14px;
			background-position: -1093px 0px
		}

		&.cr {
			height: 12px;
			background-position: -1115px 0px
		}

		&.cu {
			height: 10px;
			background-position: -1137px 0px
		}

		&.cv {
			height: 12px;
			background-position: -1159px 0px
		}

		&.cw {
			height: 14px;
			background-position: -1181px 0px
		}

		&.cx {
			height: 10px;
			background-position: -1203px 0px
		}

		&.cy {
			height: 13px;
			background-position: -1225px 0px
		}

		&.cz {
			height: 14px;
			background-position: -1247px 0px
		}

		&.de {
			height: 12px;
			background-position: -1269px 0px
		}

		&.dg {
			height: 10px;
			background-position: -1291px 0px
		}

		&.dj {
			height: 14px;
			background-position: -1313px 0px
		}

		&.dk {
			height: 15px;
			background-position: -1335px 0px
		}

		&.dm {
			height: 10px;
			background-position: -1357px 0px
		}

		&.do {
			height: 13px;
			background-position: -1379px 0px
		}

		&.dz {
			height: 14px;
			background-position: -1401px 0px
		}

		&.ea {
			height: 14px;
			background-position: -1423px 0px
		}

		&.ec {
			height: 14px;
			background-position: -1445px 0px
		}

		&.ee {
			height: 13px;
			background-position: -1467px 0px
		}

		&.eg {
			height: 14px;
			background-position: -1489px 0px
		}

		&.eh {
			height: 10px;
			background-position: -1511px 0px
		}

		&.er {
			height: 10px;
			background-position: -1533px 0px
		}

		&.es {
			height: 14px;
			background-position: -1555px 0px
		}

		&.et {
			height: 10px;
			background-position: -1577px 0px
		}

		&.eu {
			height: 14px;
			background-position: -1599px 0px
		}

		&.fi {
			height: 12px;
			background-position: -1621px 0px
		}

		&.fj {
			height: 10px;
			background-position: -1643px 0px
		}

		&.fk {
			height: 10px;
			background-position: -1665px 0px
		}

		&.fm {
			height: 11px;
			background-position: -1687px 0px
		}

		&.fo {
			height: 15px;
			background-position: -1709px 0px
		}

		&.fr {
			height: 14px;
			background-position: -1731px 0px
		}

		&.ga {
			height: 15px;
			background-position: -1753px 0px
		}

		&.gb {
			height: 10px;
			background-position: -1775px 0px
		}

		&.gd {
			height: 12px;
			background-position: -1797px 0px
		}

		&.ge {
			height: 14px;
			background-position: -1819px 0px
		}

		&.gf {
			height: 14px;
			background-position: -1841px 0px
		}

		&.gg {
			height: 14px;
			background-position: -1863px 0px
		}

		&.gh {
			height: 14px;
			background-position: -1885px 0px
		}

		&.gi {
			height: 10px;
			background-position: -1907px 0px
		}

		&.gl {
			height: 14px;
			background-position: -1929px 0px
		}

		&.gm {
			height: 14px;
			background-position: -1951px 0px
		}

		&.gn {
			height: 14px;
			background-position: -1973px 0px
		}

		&.gp {
			height: 14px;
			background-position: -1995px 0px
		}

		&.gq {
			height: 14px;
			background-position: -2017px 0px
		}

		&.gr {
			height: 14px;
			background-position: -2039px 0px
		}

		&.gs {
			height: 10px;
			background-position: -2061px 0px
		}

		&.gt {
			height: 13px;
			background-position: -2083px 0px
		}

		&.gu {
			height: 11px;
			background-position: -2105px 0px
		}

		&.gw {
			height: 10px;
			background-position: -2127px 0px
		}

		&.gy {
			height: 12px;
			background-position: -2149px 0px
		}

		&.hk {
			height: 14px;
			background-position: -2171px 0px
		}

		&.hm {
			height: 10px;
			background-position: -2193px 0px
		}

		&.hn {
			height: 10px;
			background-position: -2215px 0px
		}

		&.hr {
			height: 10px;
			background-position: -2237px 0px
		}

		&.ht {
			height: 12px;
			background-position: -2259px 0px
		}

		&.hu {
			height: 10px;
			background-position: -2281px 0px
		}

		&.ic {
			height: 14px;
			background-position: -2303px 0px
		}

		&.id {
			height: 14px;
			background-position: -2325px 0px
		}

		&.ie {
			height: 10px;
			background-position: -2347px 0px
		}

		&.il {
			height: 15px;
			background-position: -2369px 0px
		}

		&.im {
			height: 10px;
			background-position: -2391px 0px
		}

		&.in {
			height: 14px;
			background-position: -2413px 0px
		}

		&.io {
			height: 10px;
			background-position: -2435px 0px
		}

		&.iq {
			height: 14px;
			background-position: -2457px 0px
		}

		&.ir {
			height: 12px;
			background-position: -2479px 0px
		}

		&.is {
			height: 15px;
			background-position: -2501px 0px
		}

		&.it {
			height: 14px;
			background-position: -2523px 0px
		}

		&.je {
			height: 12px;
			background-position: -2545px 0px
		}

		&.jm {
			height: 10px;
			background-position: -2567px 0px
		}

		&.jo {
			height: 10px;
			background-position: -2589px 0px
		}

		&.jp {
			height: 14px;
			background-position: -2611px 0px
		}

		&.ke {
			height: 14px;
			background-position: -2633px 0px
		}

		&.kg {
			height: 12px;
			background-position: -2655px 0px
		}

		&.kh {
			height: 13px;
			background-position: -2677px 0px
		}

		&.ki {
			height: 10px;
			background-position: -2699px 0px
		}

		&.km {
			height: 12px;
			background-position: -2721px 0px
		}

		&.kn {
			height: 14px;
			background-position: -2743px 0px
		}

		&.kp {
			height: 10px;
			background-position: -2765px 0px
		}

		&.kr {
			height: 14px;
			background-position: -2787px 0px
		}

		&.kw {
			height: 10px;
			background-position: -2809px 0px
		}

		&.ky {
			height: 10px;
			background-position: -2831px 0px
		}

		&.kz {
			height: 10px;
			background-position: -2853px 0px
		}

		&.la {
			height: 14px;
			background-position: -2875px 0px
		}

		&.lb {
			height: 14px;
			background-position: -2897px 0px
		}

		&.lc {
			height: 10px;
			background-position: -2919px 0px
		}

		&.li {
			height: 12px;
			background-position: -2941px 0px
		}

		&.lk {
			height: 10px;
			background-position: -2963px 0px
		}

		&.lr {
			height: 11px;
			background-position: -2985px 0px
		}

		&.ls {
			height: 14px;
			background-position: -3007px 0px
		}

		&.lt {
			height: 12px;
			background-position: -3029px 0px
		}

		&.lu {
			height: 12px;
			background-position: -3051px 0px
		}

		&.lv {
			height: 10px;
			background-position: -3073px 0px
		}

		&.ly {
			height: 10px;
			background-position: -3095px 0px
		}

		&.ma {
			height: 14px;
			background-position: -3117px 0px
		}

		&.mc {
			height: 15px;
			background-position: -3139px 0px
		}

		&.md {
			height: 10px;
			background-position: -3160px 0px
		}

		&.me {
			height: 10px;
			background-position: -3182px 0px
		}

		&.mf {
			height: 14px;
			background-position: -3204px 0px
		}

		&.mg {
			height: 14px;
			background-position: -3226px 0px
		}

		&.mh {
			height: 11px;
			background-position: -3248px 0px
		}

		&.mk {
			height: 10px;
			background-position: -3270px 0px
		}

		&.ml {
			height: 14px;
			background-position: -3292px 0px
		}

		&.mm {
			height: 14px;
			background-position: -3314px 0px
		}

		&.mn {
			height: 10px;
			background-position: -3336px 0px
		}

		&.mo {
			height: 14px;
			background-position: -3358px 0px
		}

		&.mp {
			height: 10px;
			background-position: -3380px 0px
		}

		&.mq {
			height: 14px;
			background-position: -3402px 0px
		}

		&.mr {
			height: 14px;
			background-position: -3424px 0px
		}

		&.ms {
			height: 10px;
			background-position: -3446px 0px
		}

		&.mt {
			height: 14px;
			background-position: -3468px 0px
		}

		&.mu {
			height: 14px;
			background-position: -3490px 0px
		}

		&.mv {
			height: 14px;
			background-position: -3512px 0px
		}

		&.mw {
			height: 14px;
			background-position: -3534px 0px
		}

		&.mx {
			height: 12px;
			background-position: -3556px 0px
		}

		&.my {
			height: 10px;
			background-position: -3578px 0px
		}

		&.mz {
			height: 14px;
			background-position: -3600px 0px
		}

		&.na {
			height: 14px;
			background-position: -3622px 0px
		}

		&.nc {
			height: 10px;
			background-position: -3644px 0px
		}

		&.ne {
			height: 15px;
			background-position: -3666px 0px
		}

		&.nf {
			height: 10px;
			background-position: -3686px 0px
		}

		&.ng {
			height: 10px;
			background-position: -3708px 0px
		}

		&.ni {
			height: 12px;
			background-position: -3730px 0px
		}

		&.nl {
			height: 14px;
			background-position: -3752px 0px
		}

		&.no {
			height: 15px;
			background-position: -3774px 0px
		}

		&.np {
			height: 15px;
			background-position: -3796px 0px
		}

		&.nr {
			height: 10px;
			background-position: -3811px 0px
		}

		&.nu {
			height: 10px;
			background-position: -3833px 0px
		}

		&.nz {
			height: 10px;
			background-position: -3855px 0px
		}

		&.om {
			height: 10px;
			background-position: -3877px 0px
		}

		&.pa {
			height: 14px;
			background-position: -3899px 0px
		}

		&.pe {
			height: 14px;
			background-position: -3921px 0px
		}

		&.pf {
			height: 14px;
			background-position: -3943px 0px
		}

		&.pg {
			height: 15px;
			background-position: -3965px 0px
		}

		&.ph {
			height: 10px;
			background-position: -3987px 0px
		}

		&.pk {
			height: 14px;
			background-position: -4009px 0px
		}

		&.pl {
			height: 13px;
			background-position: -4031px 0px
		}

		&.pm {
			height: 14px;
			background-position: -4053px 0px
		}

		&.pn {
			height: 10px;
			background-position: -4075px 0px
		}

		&.pr {
			height: 14px;
			background-position: -4097px 0px
		}

		&.ps {
			height: 10px;
			background-position: -4119px 0px
		}

		&.pt {
			height: 14px;
			background-position: -4141px 0px
		}

		&.pw {
			height: 13px;
			background-position: -4163px 0px
		}

		&.py {
			height: 11px;
			background-position: -4185px 0px
		}

		&.qa {
			height: 8px;
			background-position: -4207px 0px
		}

		&.re {
			height: 14px;
			background-position: -4229px 0px
		}

		&.ro {
			height: 14px;
			background-position: -4251px 0px
		}

		&.rs {
			height: 14px;
			background-position: -4273px 0px
		}

		&.ru {
			height: 14px;
			background-position: -4295px 0px
		}

		&.rw {
			height: 14px;
			background-position: -4317px 0px
		}

		&.sa {
			height: 14px;
			background-position: -4339px 0px
		}

		&.sb {
			height: 10px;
			background-position: -4361px 0px
		}

		&.sc {
			height: 10px;
			background-position: -4383px 0px
		}

		&.sd {
			height: 10px;
			background-position: -4405px 0px
		}

		&.se {
			height: 13px;
			background-position: -4427px 0px
		}

		&.sg {
			height: 14px;
			background-position: -4449px 0px
		}

		&.sh {
			height: 10px;
			background-position: -4471px 0px
		}

		&.si {
			height: 10px;
			background-position: -4493px 0px
		}

		&.sj {
			height: 15px;
			background-position: -4515px 0px
		}

		&.sk {
			height: 14px;
			background-position: -4537px 0px
		}

		&.sl {
			height: 14px;
			background-position: -4559px 0px
		}

		&.sm {
			height: 15px;
			background-position: -4581px 0px
		}

		&.sn {
			height: 14px;
			background-position: -4603px 0px
		}

		&.so {
			height: 14px;
			background-position: -4625px 0px
		}

		&.sr {
			height: 14px;
			background-position: -4647px 0px
		}

		&.ss {
			height: 10px;
			background-position: -4669px 0px
		}

		&.st {
			height: 10px;
			background-position: -4691px 0px
		}

		&.sv {
			height: 12px;
			background-position: -4713px 0px
		}

		&.sx {
			height: 14px;
			background-position: -4735px 0px
		}

		&.sy {
			height: 14px;
			background-position: -4757px 0px
		}

		&.sz {
			height: 14px;
			background-position: -4779px 0px
		}

		&.ta {
			height: 10px;
			background-position: -4801px 0px
		}

		&.tc {
			height: 10px;
			background-position: -4823px 0px
		}

		&.td {
			height: 14px;
			background-position: -4845px 0px
		}

		&.tf {
			height: 14px;
			background-position: -4867px 0px
		}

		&.tg {
			height: 13px;
			background-position: -4889px 0px
		}

		&.th {
			height: 14px;
			background-position: -4911px 0px
		}

		&.tj {
			height: 10px;
			background-position: -4933px 0px
		}

		&.tk {
			height: 10px;
			background-position: -4955px 0px
		}

		&.tl {
			height: 10px;
			background-position: -4977px 0px
		}

		&.tm {
			height: 14px;
			background-position: -4999px 0px
		}

		&.tn {
			height: 14px;
			background-position: -5021px 0px
		}

		&.to {
			height: 10px;
			background-position: -5043px 0px
		}

		&.tr {
			height: 14px;
			background-position: -5065px 0px
		}

		&.tt {
			height: 12px;
			background-position: -5087px 0px
		}

		&.tv {
			height: 10px;
			background-position: -5109px 0px
		}

		&.tw {
			height: 14px;
			background-position: -5131px 0px
		}

		&.tz {
			height: 14px;
			background-position: -5153px 0px
		}

		&.ua {
			height: 14px;
			background-position: -5175px 0px
		}

		&.ug {
			height: 14px;
			background-position: -5197px 0px
		}

		&.um {
			height: 11px;
			background-position: -5219px 0px
		}

		&.us {
			height: 11px;
			background-position: -5241px 0px
		}

		&.uy {
			height: 14px;
			background-position: -5263px 0px
		}

		&.uz {
			height: 10px;
			background-position: -5285px 0px
		}

		&.va {
			height: 15px;
			background-position: -5307px 0px
		}

		&.vc {
			height: 14px;
			background-position: -5324px 0px
		}

		&.ve {
			height: 14px;
			background-position: -5346px 0px
		}

		&.vg {
			height: 10px;
			background-position: -5368px 0px
		}

		&.vi {
			height: 14px;
			background-position: -5390px 0px
		}

		&.vn {
			height: 14px;
			background-position: -5412px 0px
		}

		&.vu {
			height: 12px;
			background-position: -5434px 0px
		}

		&.wf {
			height: 14px;
			background-position: -5456px 0px
		}

		&.ws {
			height: 10px;
			background-position: -5478px 0px
		}

		&.xk {
			height: 15px;
			background-position: -5500px 0px
		}

		&.ye {
			height: 14px;
			background-position: -5522px 0px
		}

		&.yt {
			height: 14px;
			background-position: -5544px 0px
		}

		&.za {
			height: 14px;
			background-position: -5566px 0px
		}

		&.zm {
			height: 14px;
			background-position: -5588px 0px
		}

		&.zw {
			height: 10px;
			background-position: -5610px 0px
		}
	}
}

@media only screen and (max-width: 991px) {
	#place-search-map #pac-input {
		display: none !important;
	}
	.lg-static{
		position: static !important;
	}
}

@media only screen and (min-width: 768px) {
	.hidden-md-up {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.hidden-md-down {
		display: none !important;
	}
	.civi-table,
	.civi-table thead,
	.civi-table tbody,
	.civi-table th,
	.civi-table td,
	.civi-table tr {
		display: block;
	}
	.civi-table > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.civi-table > tbody > tr {
		border-top: 1px solid #ccc;
		border-bottom: 0;
	}
	.civi-table > tbody > tr:nth-child(2n) {
		background-color: #f5f5f5;
	}
	.civi-table > tbody > tr:first-child {
		border-radius: 3px 3px 0 0;
		border-top: none;
	}
	.civi-table > tbody > tr:last-child {
		border-radius: 0 0 3px 3px;
		border-bottom: none;
	}
	.civi-table > tbody > tr td {
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 30% !important;
		width: 100%;
		overflow: hidden;
		text-align: right;
	}
	.civi-table > tbody > tr td:before {
		content: attr(data-title);
		position: absolute;
		top: 22px;
		left: 14px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
		font-size: 14px;
		text-align: left;
	}
	.civi-table.table-order > tbody > tr:nth-child(-n + 3) > td:first-child {
		padding: 25px 0 25px 30% !important;
		background-position: left 32% center;
	}
	.civi-table.table-order > tbody > tr:nth-child(-n + 3) > td:first-child span {
		left: 32%;
	}
	.civi-table td.place-thumb {
		width: 100%;
	}
	.civi-table td.place-status {
		display: block;
	}
	.page-control .place-filter .left-filter > div,
	.page-control .block-search.search-input {
		width: 50%;
		max-width: inherit;
	}
	.page-control .block-search.search-input {
		padding-right: 15px;
	}
	.ai-popup .generate-content{
		flex-direction: column;
	}
	.ai-popup .generate-content.has-suggestion .left,
	.ai-popup .generate-content.has-suggestion .right{
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.ai-popup .generate-content.has-suggestion .left{
		margin-bottom: 30px;
	}
	.ai-popup .generate-content .suggestion{
		height: auto;
	}
}

@media only screen and (max-width: 575px) {
	.nav-place-map {
		left: 25px;
	}
	#place-search-map #pac-input {
		top: 90px !important;
		right: inherit !important;
		left: 25px !important;
	}
}

@media only screen and (max-width: 479px) {
	.page-control .agent-nav ul {
		font-size: 14px;
		text-transform: inherit;
	}
	.page-control .agent-nav ul li {
		margin-right: 20px;
	}
	#pac-input {
		min-width: 150px;
	}
	.group-field + .group-field {
		margin-top: 40px;
	}
	.civi-place-multi-step .civi-steps-content > h2,
	.main-content .entry-my-page > h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.form-2-col {
		display: block;
	}
	.form-2-col .form-group {
		max-width: 100%;
	}
	.form-2-col .form-group + .form-group {
		margin-top: 20px;
	}
	.page-control .block-search.search-input {
		width: 100%;
		padding-right: 0;
	}

	.civi-ajax-search .civi-ajax-result {
		font-size: 13px;
	}

	.civi-ajax-search .search-result ul {
		padding: 5px 0;
	}

	.civi-ajax-search .search-result ul li {
		font-size: 14px;
	}
}
