:root {
	--spun-pearl-50: #f5f6f8;
	--spun-pearl-100: #edeef2;
	--spun-pearl-200: #dedfe7;
	--spun-pearl-300: #c9cbd8;
	--spun-pearl-400: #adadc2;
	--spun-pearl-500: #9f9eb6;
	--spun-pearl-600: #8c88a3;
	--spun-pearl-700: #79758d;
	--spun-pearl-800: #636073;
	--spun-pearl-900: #52515e;
	--spun-pearl-950: #312f37;
	--medium-purple-50: #f4f2ff;
	--medium-purple-100: #eae8ff;
	--medium-purple-200: #d7d4ff;
	--medium-purple-300: #bbb1ff;
	--medium-purple-400: #9a85ff;
	--medium-purple-500: #805cff;
	--medium-purple-600: #6830f7;
	--medium-purple-700: #5a1ee3;
	--medium-purple-800: #4b18bf;
	--medium-purple-900: #3f169c;
	--medium-purple-950: #250b6a;
	--mindaro-50: #f9fee7;
	--mindaro-100: #f1fccb;
	--mindaro-200: #dbf881;
	--mindaro-300: #cdf363;
	--mindaro-400: #b6e734;
	--mindaro-500: #97cd15;
	--mindaro-600: #75a40c;
	--mindaro-700: #597d0e;
	--mindaro-800: #476212;
	--mindaro-900: #3d5314;
	--mindaro-950: #1e2e05;
	--blue-ribbon-50: #edf7ff;
	--blue-ribbon-100: #d7eaff;
	--blue-ribbon-200: #b9dcff;
	--blue-ribbon-300: #88c8ff;
	--blue-ribbon-400: #50a8ff;
	--blue-ribbon-500: #2883ff;
	--blue-ribbon-600: #1364ff;
	--blue-ribbon-700: #0a4ceb;
	--blue-ribbon-800: #0f3dbe;
	--blue-ribbon-900: #133995;
	--blue-ribbon-950: #11245a;
	--sky-blue-50: #eaffff;
	--sky-blue-100: #cbfcff;
	--sky-blue-200: #9ef7ff;
	--sky-blue-300: #5bedff;
	--sky-blue-400: #1edcff;
	--sky-blue-500: #00bde5;
	--sky-blue-600: #0096c0;
	--sky-blue-700: #03769b;
	--sky-blue-800: #0d5f7d;
	--sky-blue-900: #104f69;
	--sky-blue-950: #033349;
	--wild-sand-50: #f6f5f4;
	--wild-sand-100: #eceae8;
	--wild-sand-200: #d8d4d0;
	--wild-sand-300: #bfb8b2;
	--wild-sand-400: #a59a92;
	--wild-sand-500: #93847c;
	--wild-sand-600: #867770;
	--wild-sand-700: #70625e;
	--wild-sand-800: #5d524f;
	--wild-sand-900: #4c4342;
	--wild-sand-950: #282322;
	--picasso-50: #fefce8;
	--picasso-100: #fffac2;
	--picasso-200: #fff494;
	--picasso-300: #ffe445;
	--picasso-400: #fcd113;
	--picasso-500: #ecb806;
	--picasso-600: #cc8f02;
	--picasso-700: #a26506;
	--picasso-800: #864f0d;
	--picasso-900: #724111;
	--picasso-950: #432105;
	--mint-green-50: #f1feef;
	--mint-green-100: #ddffd9;
	--mint-green-200: #bdfcb6;
	--mint-green-300: #8bf881;
	--mint-green-400: #4cea3e;
	--mint-green-500: #23d314;
	--mint-green-600: #17af0a;
	--mint-green-700: #15890c;
	--mint-green-800: #156c0f;
	--mint-green-900: #13580f;
	--mint-green-950: #043102;
	--thunderbird-50: #fff0f1;
	--thunderbird-100: #ffdddf;
	--thunderbird-200: #ffc1c6;
	--thunderbird-300: #ff959d;
	--thunderbird-400: #ff5965;
	--thunderbird-500: #ff2636;
	--thunderbird-600: #fc0618;
	--thunderbird-700: #db0010;
	--thunderbird-800: #af0511;
	--thunderbird-900: #900c16;
	--thunderbird-950: #500006;
	--red-orange-50: #fef3f2;
	--red-orange-100: #ffe3e1;
	--red-orange-200: #ffccc8;
	--red-orange-300: #ffa8a2;
	--red-orange-400: #fc776d;
	--red-orange-500: #f44336;
	--red-orange-600: #e22d20;
	--red-orange-700: #be2217;
	--red-orange-800: #9d2017;
	--red-orange-900: #82211a;
	--red-orange-950: #470c08;
	--blaze-orange-50: #fff8ec;
	--blaze-orange-100: #fff0d3;
	--blaze-orange-200: #ffdea7;
	--blaze-orange-300: #ffc56f;
	--blaze-orange-400: #ffa035;
	--blaze-orange-500: #ff830e;
	--blaze-orange-600: #fb6b04;
	--blaze-orange-700: #c94d05;
	--blaze-orange-800: #9f3d0d;
	--blaze-orange-900: #80340e;
	--blaze-orange-950: #451805;
	--fuchsia-pink-50: #fcf3ff;
	--fuchsia-pink-100: #f9e7ff;
	--fuchsia-pink-200: #f3cdff;
	--fuchsia-pink-300: #eda6ff;
	--fuchsia-pink-400: #e372ff;
	--fuchsia-pink-500: #d23df8;
	--fuchsia-pink-600: #be1de2;
	--fuchsia-pink-700: #9d14b7;
	--fuchsia-pink-800: #821296;
	--fuchsia-pink-900: #6e157a;
	--fuchsia-pink-950: #480052;
	--dull-lavender-50: #f4f5fe;
	--dull-lavender-100: #ebeafd;
	--dull-lavender-200: #d8d9fc;
	--dull-lavender-300: #bab9f9;
	--dull-lavender-400: #9790f4;
	--dull-lavender-500: #7564ee;
	--dull-lavender-600: #6244e3;
	--dull-lavender-700: #5231d0;
	--dull-lavender-800: #4529ae;
	--dull-lavender-900: #39238f;
	--dull-lavender-950: #211560;
	--white: #fff;
	--black: #000;
	--grey: rgba(29, 34, 47, .8);
	--grey-60: rgba(29, 34, 47, .6);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--spun-pearl-50);
	color: var(--spun-pearl-950);
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue" ,Helvetica, Arial, sans-serif;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}

a {
	color: var(--spun-pearl-950);
	text-decoration: none;
}

a:hover {
	color: var(--blue-ribbon-400);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

button, input {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	outline: 0;
}

button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
	outline: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}

.outLink:empty {
	display: none;
}

.heading-h1 {
	font-size: 32px;
	color: var(--blue-ribbon-400);
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 24px 0;
}

.heading-h2 {
	font-size: 18px;
	color: var(--blue-ribbon-400);
	font-weight: 600;
	margin: 0 0 12px 0;
}

.sidebar-heading {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 12px 0;
}

.hr {
	margin: 24px 0;
	border-bottom: 1px solid var(--blue-ribbon-200);
}

.csp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 36px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 600;
	color: var(--white);
	border-radius: 16px;
	transition: all ease .15s;
}

.csp-btn:hover {
	text-decoration: none;
}

.csp-btn--red {
	background: var(--red-orange-500);
}

.csp-btn--red:hover {
	color: var(--white);
	background: var(--red-orange-400);
}

.csp-btn--secondary {
	background: var(--blue-ribbon-500);
}

.csp-btn--secondary:hover {
	color: var(--white);
	background: var(--blue-ribbon-400);
}

.csp-btn--blue {
	background: var(--blue-ribbon-400);
}

.csp-btn--blue:hover {
	color: var(--white);
	background: var(--blue-ribbon-500);
}

.csp-btn--green {
	background: var(--mint-green-500);
}

.csp-btn--green:hover {
	color: var(--white);
	background: var(--mint-green-400);
}

.csp-btn--dark {
	color: var(--white);
	background: var(--spun-pearl-900);
}

.csp-btn--dark:hover {
	color: var(--white);
	background: var(--spun-pearl-950);
}

.csp-btn--white {
	color: var(--blue-ribbon-500);
	background: var(--white);
}

.csp-btn--white:hover {
	color: var(--blue-ribbon-500);
	background: var(--blue-ribbon-50);
}

.csp-btn--border-grey {
	color: var(--red-orange-500);
	border: 1px solid var(--spun-pearl-200);
}

.csp-btn--border-grey:hover {
	color: var(--white);
	background: var(--red-orange-500);
}

.csp-btn--borderbg-grey {
	color: var(--white);
	background: var(--spun-pearl-900);
}

.csp-btn--borderbg-grey:hover {
	color: var(--white);
	background: var(--spun-pearl-950);
}

.csp-btn--border-red {
	color: var(--red-orange-500);
	border: 1px solid var(--red-orange-500);
}

.csp-btn--border-red:hover {
	color: var(--white);
	background: var(--red-orange-500);
}


.csp-btn-icon {
	display: inline-grid;
	grid-template-columns: 40px 1fr;
	align-items: center;
	grid-gap: 12px;
	font-size: 16px;
	font-weight: 600;
	padding: 4px 24px 4px 4px;
	border-radius: 32px;
	height: 48px;
	transition: all ease .1s;
}

.csp-btn-icon:hover {
	text-decoration: none;
}

.csp-btn--ico {
	padding: 8px;
	height: 40px;
	border-radius: 50%;
	transition: all ease .1s;
}

.csp-btn--ico svg {
	width: 100%;
	height: 100%;
}

.csp-btn-icon--blue {
	color: var(--blue-ribbon-400);
	border: 1px solid var(--spun-pearl-200);
}

.csp-btn-icon--blue .csp-btn--ico {
	background: var(--blue-ribbon-400);
}

.csp-btn-icon--blue:hover {
	color: var(--white);
	background: var(--blue-ribbon-500);
	border-color: var(--blue-ribbon-500);
}

.csp-btn-icon--blue:hover .csp-btn--ico {
	background: var(--blue-ribbon-500);
}

.csp-btn-icon--blue-full {
	color: var(--white);
	background: var(--blue-ribbon-700);
}

.csp-btn-icon--blue-full .csp-btn--ico {
	background: var(--blue-ribbon-500);
}

.csp-btn-icon--blue-full:hover {
	color: var(--white);
	background: var(--blue-ribbon-800);
}

.csp-btn-icon--blue-full:hover .csp-btn--ico {
	background: var(--blue-ribbon-600);
}

.copy-code {
	display: inline-grid;
	grid-template-columns: auto 16px;
	align-items: center;
	grid-gap: 4px;
	color: var(--red-orange-500);
	line-height: 20px;
	cursor: pointer;
	transition: color ease .1s;
}

.copy-code:hover {
	color: var(--red-orange-600);
}

.copy-code-text {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 2px dashed var(--red-orange-500);
}

.copy-code:hover .copy-code-text {
	border-color: var(--red-orange-600);
}

.copy-code-ico {
	width: 16px;
	height: 16px;
}

.room-rating {
	max-width: max-content;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px;
	background: var(--blue-ribbon-950);
	border-radius: 32px;
}

.room-rating-star {
	display: flex;
	align-items: center;
	gap: 2px;
	color: var(--blue-ribbon-400);
}

.room-rating-star svg {
	width: 12px;
	height: 12px;
}

.room-rating-number {
	font-size: 16px;
	color: var(--white);
	font-weight: 600;
}

.aside-item{
	margin-bottom: 32px;
}

.sidebar-featured-list {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 6px;
}

.sidebar-featured-list button {
	position: relative;
	color: var(--white);
	font-weight: 600;
	background: var(--red-orange-500);
	padding: 0 12px;
	height: 36px;
	border-radius: 8px;
}

.sidebar-featured-list button::before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 6px;
	pointer-events: none;
}

.sidebar-featured-list button:hover {
	background: var(--red-orange-600);
}

.sidebar-featured-list button.active {
	border-radius: 8px 8px 0 0;
	background: var(--spun-pearl-100);
	color: var(--red-orange-500);
}

.sidebar-featured-list button.active::before {
	background: var(--spun-pearl-100);
}

.sidebar-featured-panel:not(.active) {
	display: none;
}

.sgl-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 8px 12px;
	background: var(--blue-ribbon-500);
	border-radius: 4px;
	clear: both;
}

.sgl-social-title {
	color: var(--white);
	font-size: 18px;
	font-weight: 600;
	margin: 0 12px;
}

.sgl-social__item {
	background-color: var(--blue-ribbon-400);
	border-radius: 4px;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color ease .1s;
}

.sgl-social__item:hover {
	background-color: var(--blue-ribbon-300);
}

.sgl-social__item.vk-share {
	background-image: url(../img/social/vk.svg);
}

.sgl-social__item.fb-share {
	background-image: url(../img/social/fb.svg);
}

.sgl-social__item.tw-share {
	background-image: url(../img/social/x.svg);
}

.sgl-social__item.wa-share {
	background-image: url(../img/social/wa.svg);
}

.sgl-social__item.tg-share {
	background-image: url(../img/social/tg.svg);
}

.post-author {
	display: grid;
	align-items: center;
	grid-gap: 24px;
	padding: 24px;
	border: 1px solid var(--spun-pearl-200);
	border-radius: 4px;
	margin-bottom: 24px;
}

.post-author--image-link img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}

.post-author--name {
	display: block;
	font-size: 16px;
	color: var(--blue-ribbon-400);
	font-weight: 600;
	margin-top: 10px;
}

.post-author--name:hover {
	color: var(--blue-ribbon-500);
}

.post-author--position {
	color: var(--spun-pearl-700);
}

.post-author--excerpt {
	color: var(--grey-60);
}

.post-author--socials {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
}

.post-author--socials a {
	display: block;
	max-width: 30px;
	min-width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 4px;
	background: var(--blue-ribbon-400);
	transition: background ease .1s;
}

.post-author--socials a:hover {
	background: var(--blue-ribbon-500);
}

.post-author--socials img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* pagination style */
.pagination-box {
	margin: 34px 0;
}

.pagination-box ul.pagination-list {
	margin: 0;
	padding: 0;
}
.pagination-box ul.pagination-list li {
	display: inline-block;
	margin-right: 3px;
}
.pagination-box ul.pagination-list li .page-numbers {
	display: inline-block;
	text-decoration: none;
	transition: all .1s ease-in-out;
	color: #333333;
	font-size: 12px;
	padding: 6px 11px;
	border: 1px solid var(--spun-pearl-100);
	border-radius: 4px;
}
.pagination-box ul.pagination-list li a.page-numbers:hover,
.pagination-box ul.pagination-list li.active .page-numbers {
	color: var(--white);
	border: 1px solid var(--blue-ribbon-400);
	background: var(--blue-ribbon-400);
}

.subscribe-response {
	color: var(--mint-green-700);
}

.subscribe-response:empty {
	display: none;
}

@media (max-width: 991px) {
	.heading-h2 {
		margin-bottom: 24px;
	}
}

@media (max-width: 576px) {
	.sgl-social-title {
		flex-basis: 100%;
		text-align: center;
	}
}

@media (min-width: 577px) {
	.post-author {
		grid-template-columns: 150px 1fr;
		padding: 12px;
	}

	.post-author-side {
		text-align: center;
	}
}

.popup__body {
	background-color: #fff !important;
	color: #000 !important;
}

@media (max-width: 768px) {
	.promo__image {
		max-width: 100%;
		margin-top: 10px;
	}
}