@media(min-width: 640px)and (max-width: 767px) {
	.hide-greater-sm {
		display: none
	}
}

@media(min-width: 768px)and (max-width: 1023px) {
	.hide-greater-md {
		display: none
	}
}

@media(min-width: 1024px)and (max-width: 1199px) {
	.hide-greater-lg {
		display: none
	}
}

@media(min-width: 1024px) {
	.w-lg-fit {
		width: fit-content !important
	}

	.w-lg-25 {
		width: 25%
	}

	.w-lg-50 {
		width: 50%
	}

	.w-lg-75 {
		width: 75%
	}

	.flex-lg-1 {
		flex: 1
	}

	.flex-lg-2 {
		flex: 2
	}
}

.font-futura_book {
	font-family: "futura-pt" !important
}

.font-futura_demi {
	font-family: "futura-pt" !important;
	font-weight: 600;
	font-style: normal;
}

.bg-light {
	background-color: #f4f5f7 !important
}

.bg-black {
	background-color: #000
}

.bg-cream {
	background-color: #f1ddc5
}

.container {
	max-width: 1100px
}

.secondary-font {
	font-family: "Playfair Display",sans-serif
}

.text-gray {
	color: #767676
}

.text-muted {
	color: rgba(32,32,32,.3) !important
}

.text-red-brown {
	color: rgba(93,27,2,.33)
}

.text-small {
	font-size: 14px
}

.zoom-animate {
	overflow: hidden
}

	.zoom-animate img {
		transition: .3s
	}

	.zoom-animate:hover img {
		transform: scale(1.02)
	}

.aspect-ratio_half {
	aspect-ratio: 2/1 !important
}

.grid-row-span-2 {
	grid-row: span 2
}

.filter-shadow {
	filter: drop-shadow(2px -8px 8px #d9d9d9)
}

.ml-5 {
	margin-left: 5px !important
}

.mt-5 {
	margin-top: 5px !important
}

.mr-5 {
	margin-right: 5px !important
}

.mb-5 {
	margin-bottom: 5px !important
}

.mx-5 {
	margin-right: 5px !important;
	margin-left: 5px !important
}

.ml-10 {
	margin-left: 10px !important
}

.mt-10 {
	margin-top: 10px !important
}

.mr-10 {
	margin-right: 10px !important
}

.mb-10 {
	margin-bottom: 10px !important
}

.mx-10 {
	margin-right: 10px !important;
	margin-left: 10px !important
}

.ml-15 {
	margin-left: 15px !important
}

.mt-15 {
	margin-top: 15px !important
}

.mr-15 {
	margin-right: 15px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.mx-15 {
	margin-right: 15px !important;
	margin-left: 15px !important
}

.ml-20 {
	margin-left: 20px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mr-20 {
	margin-right: 20px !important
}

.mb-20 {
	margin-bottom: 20px !important
}

.mx-20 {
	margin-right: 20px !important;
	margin-left: 20px !important
}

.ml-25 {
	margin-left: 25px !important
}

.mt-25 {
	margin-top: 25px !important
}

.mr-25 {
	margin-right: 25px !important
}

.mb-25 {
	margin-bottom: 25px !important
}

.mx-25 {
	margin-right: 25px !important;
	margin-left: 25px !important
}

.ml-30 {
	margin-left: 30px !important
}

.mt-30 {
	margin-top: 30px !important
}

.mr-30 {
	margin-right: 30px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.mx-30 {
	margin-right: 30px !important;
	margin-left: 30px !important
}

.ml-35 {
	margin-left: 35px !important
}

.mt-35 {
	margin-top: 35px !important
}

.mr-35 {
	margin-right: 35px !important
}

.mb-35 {
	margin-bottom: 35px !important
}

.mx-35 {
	margin-right: 35px !important;
	margin-left: 35px !important
}

.ml-40 {
	margin-left: 40px !important
}

.mt-40 {
	margin-top: 40px !important
}

.mr-40 {
	margin-right: 40px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.mx-40 {
	margin-right: 40px !important;
	margin-left: 40px !important
}

.overflow-hidden {
	overflow: hidden
}

.m-0 {
	margin: 0 !important
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.ml-auto {
	margin-left: auto
}

.mr-auto {
	margin-right: auto
}

.margin-0 {
	margin: 0 !important
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto
}

.line-seperator {
	display: flex;
	align-items: center
}

	.line-seperator::before, .line-seperator::after {
		content: "";
		height: 1px;
		background-color: rgba(32,32,32,.1);
		flex: 1
	}

	.line-seperator::before {
		margin-right: 1rem
	}

	.line-seperator::after {
		margin-left: 1rem
	}

.pl-5 {
	padding-left: 5px
}

.pt-5 {
	padding-top: 5px
}

.pr-5 {
	padding-right: 5px
}

.pb-5 {
	padding-bottom: 5px
}

.px-5 {
	padding-right: 5px;
	padding-left: 5px
}

.py-5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.pl-10 {
	padding-left: 10px
}

.pt-10 {
	padding-top: 10px
}

.pr-10 {
	padding-right: 10px
}

.pb-10 {
	padding-bottom: 10px
}

.px-10 {
	padding-right: 10px;
	padding-left: 10px
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.pl-15 {
	padding-left: 15px
}

.pt-15 {
	padding-top: 15px
}

.pr-15 {
	padding-right: 15px
}

.pb-15 {
	padding-bottom: 15px
}

.px-15 {
	padding-right: 15px;
	padding-left: 15px
}

.py-15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.pl-20 {
	padding-left: 20px
}

.pt-20 {
	padding-top: 20px
}

.pr-20 {
	padding-right: 20px
}

.pb-20 {
	padding-bottom: 20px
}

.px-20 {
	padding-right: 20px;
	padding-left: 20px
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.pl-25 {
	padding-left: 25px
}

.pt-25 {
	padding-top: 25px
}

.pr-25 {
	padding-right: 25px
}

.pb-25 {
	padding-bottom: 25px
}

.px-25 {
	padding-right: 25px;
	padding-left: 25px
}

.py-25 {
	padding-top: 25px;
	padding-bottom: 25px
}

.pl-30 {
	padding-left: 30px
}

.pt-30 {
	padding-top: 30px
}

.pr-30 {
	padding-right: 30px
}

.pb-30 {
	padding-bottom: 30px
}

.px-30 {
	padding-right: 30px;
	padding-left: 30px
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.pl-35 {
	padding-left: 35px
}

.pt-35 {
	padding-top: 35px
}

.pr-35 {
	padding-right: 35px
}

.pb-35 {
	padding-bottom: 35px
}

.px-35 {
	padding-right: 35px;
	padding-left: 35px
}

.py-35 {
	padding-top: 35px;
	padding-bottom: 35px
}

.pl-40 {
	padding-left: 40px
}

.pt-40 {
	padding-top: 40px
}

.pr-40 {
	padding-right: 40px
}

.pb-40 {
	padding-bottom: 40px
}

.px-40 {
	padding-right: 40px;
	padding-left: 40px
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px
}

.p-0 {
	padding: 0 !important
}

.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important
}

hr.light {
	background-color: rgba(32,32,32,.1)
}

.fs-1 {
	font-size: 1px !important
}

.fs-2 {
	font-size: 2px !important
}

.fs-3 {
	font-size: 3px !important
}

.fs-4 {
	font-size: 4px !important
}

.fs-5 {
	font-size: 5px !important
}

.fs-6 {
	font-size: 6px !important
}

.fs-7 {
	font-size: 7px !important
}

.fs-8 {
	font-size: 8px !important
}

.fs-9 {
	font-size: 9px !important
}

.fs-10 {
	font-size: 10px !important
}

.fs-11 {
	font-size: 11px !important
}

.fs-12 {
	font-size: 12px !important
}

.fs-13 {
	font-size: 13px !important
}

.fs-14 {
	font-size: 14px !important
}

.fs-15 {
	font-size: 15px !important
}

.fs-16 {
	font-size: 16px !important
}

.fs-17 {
	font-size: 17px !important
}

.fs-18 {
	font-size: 18px !important
}

.fs-19 {
	font-size: 19px !important
}

.fs-20 {
	font-size: 20px !important
}

.fs-21 {
	font-size: 21px !important
}

.fs-22 {
	font-size: 22px !important
}

.fs-23 {
	font-size: 23px !important
}

.fs-24 {
	font-size: 24px !important
}

.fs-25 {
	font-size: 25px !important
}

.fs-26 {
	font-size: 26px !important
}

.fs-27 {
	font-size: 27px !important
}

.fs-28 {
	font-size: 28px !important
}

.fs-29 {
	font-size: 29px !important
}

.fs-30 {
	font-size: 30px !important
}

.fs-31 {
	font-size: 31px !important
}

.fs-32 {
	font-size: 32px !important
}

.fs-33 {
	font-size: 33px !important
}

.fs-34 {
	font-size: 34px !important
}

.fs-35 {
	font-size: 35px !important
}

.fs-36 {
	font-size: 36px !important
}

.fs-37 {
	font-size: 37px !important
}

.fs-38 {
	font-size: 38px !important
}

.fs-39 {
	font-size: 39px !important
}

.fs-40 {
	font-size: 40px !important
}

.fs-41 {
	font-size: 41px !important
}

.fs-42 {
	font-size: 42px !important
}

.fs-43 {
	font-size: 43px !important
}

.fs-44 {
	font-size: 44px !important
}

.fs-45 {
	font-size: 45px !important
}

.fs-46 {
	font-size: 46px !important
}

.fs-47 {
	font-size: 47px !important
}

.fs-48 {
	font-size: 48px !important
}

.fs-49 {
	font-size: 49px !important
}

.fs-50 {
	font-size: 50px !important
}

.fs-80 {
	font-size: 80px
}

.fw-100 {
	font-weight: 100
}

.fw-200 {
	font-weight: 200
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

.fw-800 {
	font-weight: 800
}

.fw-900 {
	font-weight: 900
}

.section-padding-1 {
	padding-block: 0.55rem
}

.section-padding-2 {
	padding-block: 1.1rem
}

.section-padding-3 {
	padding-block: 1.65rem
}

.section-padding-4 {
	padding-block: 2.2rem
}

.section-padding-5 {
	padding-block: 2.75rem
}

.section-padding-6 {
	padding-block: 3.3rem
}

.section-padding-7 {
	padding-block: 3.85rem
}

.section-padding-8 {
	padding-block: 4.4rem
}

.section-padding-9 {
	padding-block: 4.95rem
}

.section-padding-10 {
	padding-block: 5.5rem
}

.square-img {
	aspect-ratio: 1/1 !important;
	object-fit: cover;
	object-position: center
}

.fw-bold {
	font-weight: bold
}

.w-40 {
	width: 40% !important
}

.w-95 {
	width: 95% !important
}

.object-cover {
	object-fit: cover
}

.object-center {
	object-position: center
}

.object-top {
	object-position: top !important
}

.blur-wrap {
	position: relative
}

	.blur-wrap::after {
		content: "";
		position: absolute;
		pointer-events: none;
		bottom: 0;
		right: 0;
		background: linear-gradient(279deg, rgb(255, 255, 255) 31%, rgba(255, 255, 255, 0.5382528011) 54%, rgba(255, 255, 255, 0) 76%)
	}

.blur-wrap_horizontal::after {
	top: 0;
	height: 100%;
	width: 50%
}

.blur-wrap_vertical {
	left: 0;
	width: 100%;
	height: 100px
}

.bg-gradient-cover::before {
	pointer-events: none;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 4;
	background: #000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9444152661) 100%)
}

@media(min-width: 1024px) {
	.section-padding-1 {
		padding-block: 0.85rem
	}

	.section-padding-2 {
		padding-block: 1.7rem
	}

	.section-padding-3 {
		padding-block: 2.55rem
	}

	.section-padding-4 {
		padding-block: 3.4rem
	}

	.section-padding-5 {
		padding-block: 4.25rem
	}

	.section-padding-6 {
		padding-block: 5.1rem
	}

	.section-padding-7 {
		padding-block: 5.95rem
	}

	.section-padding-8 {
		padding-block: 6.8rem
	}

	.section-padding-9 {
		padding-block: 7.65rem
	}

	.section-padding-10 {
		padding-block: 8.5rem
	}

	.fs-lg-1 {
		font-size: 1px !important
	}

	.fs-lg-2 {
		font-size: 2px !important
	}

	.fs-lg-3 {
		font-size: 3px !important
	}

	.fs-lg-4 {
		font-size: 4px !important
	}

	.fs-lg-5 {
		font-size: 5px !important
	}

	.fs-lg-6 {
		font-size: 6px !important
	}

	.fs-lg-7 {
		font-size: 7px !important
	}

	.fs-lg-8 {
		font-size: 8px !important
	}

	.fs-lg-9 {
		font-size: 9px !important
	}

	.fs-lg-10 {
		font-size: 10px !important
	}

	.fs-lg-11 {
		font-size: 11px !important
	}

	.fs-lg-12 {
		font-size: 12px !important
	}

	.fs-lg-13 {
		font-size: 13px !important
	}

	.fs-lg-14 {
		font-size: 14px !important
	}

	.fs-lg-15 {
		font-size: 15px !important
	}

	.fs-lg-16 {
		font-size: 16px !important
	}

	.fs-lg-17 {
		font-size: 17px !important
	}

	.fs-lg-18 {
		font-size: 18px !important
	}

	.fs-lg-19 {
		font-size: 19px !important
	}

	.fs-lg-20 {
		font-size: 20px !important
	}

	.fs-lg-21 {
		font-size: 21px !important
	}

	.fs-lg-22 {
		font-size: 22px !important
	}

	.fs-lg-23 {
		font-size: 23px !important
	}

	.fs-lg-24 {
		font-size: 24px !important
	}

	.fs-lg-25 {
		font-size: 25px !important
	}

	.fs-lg-26 {
		font-size: 26px !important
	}

	.fs-lg-27 {
		font-size: 27px !important
	}

	.fs-lg-28 {
		font-size: 28px !important
	}

	.fs-lg-29 {
		font-size: 29px !important
	}

	.fs-lg-30 {
		font-size: 30px !important
	}

	.fs-lg-31 {
		font-size: 31px !important
	}

	.fs-lg-32 {
		font-size: 32px !important
	}

	.fs-lg-33 {
		font-size: 33px !important
	}

	.fs-lg-34 {
		font-size: 34px !important
	}

	.fs-lg-35 {
		font-size: 35px !important
	}

	.fs-lg-36 {
		font-size: 36px !important
	}

	.fs-lg-37 {
		font-size: 37px !important
	}

	.fs-lg-38 {
		font-size: 38px !important
	}

	.fs-lg-39 {
		font-size: 39px !important
	}

	.fs-lg-40 {
		font-size: 40px !important
	}

	.fs-lg-41 {
		font-size: 41px !important
	}

	.fs-lg-42 {
		font-size: 42px !important
	}

	.fs-lg-43 {
		font-size: 43px !important
	}

	.fs-lg-44 {
		font-size: 44px !important
	}

	.fs-lg-45 {
		font-size: 45px !important
	}

	.fs-lg-46 {
		font-size: 46px !important
	}

	.fs-lg-47 {
		font-size: 47px !important
	}

	.fs-lg-48 {
		font-size: 48px !important
	}

	.fs-lg-49 {
		font-size: 49px !important
	}

	.fs-lg-50 {
		font-size: 50px !important
	}

	.fs-lg-80 {
		font-size: 80px !important
	}

	.fs-lg-120 {
		font-size: 120px !important
	}

	.w-lg-40 {
		width: 40% !important
	}

	.w-lg-50 {
		width: 50% !important
	}

	.w-lg-60 {
		width: 60% !important
	}

	.w-lg-70 {
		width: 70% !important
	}

	.w-lg-75 {
		width: 75% !important
	}

	.w-lg-80 {
		width: 80% !important
	}

	.w-lg-85 {
		width: 85% !important
	}

	.w-lg-90 {
		width: 90% !important
	}

	.w-lg-95 {
		width: 95% !important
	}

	.w-lg-100 {
		width: 100% !important
	}

	.blur-wrap_horizontal::after {
		width: 0
	}

	.mt-reverse-lg-120 {
		margin-top: -120px
	}

	.pb-lg-120 {
		padding-bottom: 120px
	}
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	margin: 0;
	font-family: "futura-pt",sans-serif;
	font-weight:500;
	font-size: 16px;
	color: #202020
}

::selection {
	color: #fff;
	background: #202020;
	opacity: .6
}

main {
	display: block;
	position: relative
}

html, body {
	height: 100%
}

body {
	display: flex;
	flex-direction: column
}

main {
	flex: 1 0 auto
}

footer {
	flex-shrink: 0
}

p {
	margin-bottom: 0
}

h1 {
	font-size: 2em
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace,monospace;
	font-size: 1em
}

a {
	background-color: rgba(0,0,0,0);
	color: inherit;
	text-decoration: none
}

	a:hover {
		color: rgba(32,32,32,.75)
	}

dl, ol, ul {
	padding-left: 0;
	margin-bottom: 0
}

ul {
	list-style-type: none
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace,monospace;
	font-size: 1em
}

small {
	font-size: 88%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button {
	border: none;
	outline: none;
	background-color: rgba(0,0,0,0)
}

button, [type=button], [type=reset], [type=submit] {
	-webkit-appearance: button
}

	button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
		border-style: none;
		padding: 0
	}

	button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText
	}

fieldset {
	padding: .35em .75em .625em
}

figure {
	margin-bottom: 0
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	padding: .2em .4em;
	border-radius: .2em;
	font-size: .8rem
}

	input[type=search].dark {
		background: #222;
		color: #fff
	}

	input[type=search].light {
		background: #fff;
		color: #222
	}

	input[type=search]::-webkit-search-cancel-button {
		-webkit-appearance: none;
		height: 1em;
		width: 1em;
		border-radius: 50em;
		background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
		background-size: contain;
		opacity: 0;
		cursor: pointer
	}

	input[type=search]:focus::-webkit-search-cancel-button {
		opacity: .5;
		pointer-events: all
	}

	input[type=search].dark::-webkit-search-cancel-button {
		filter: invert(1)
	}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

::-webkit-scrollbar {
	width: 7px
}

::-webkit-scrollbar-track {
	background: #f4f5f7
}

::-webkit-scrollbar-thumb {
	background: #767676
}

	::-webkit-scrollbar-thumb:hover {
		background: #414141
	}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Black.woff2") format("woff2"),url("../fonts/PlayfairDisplay-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Bold.woff2") format("woff2"),url("../fonts/PlayfairDisplay-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-BoldItalic.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-ExtraBoldItalic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-ExtraBoldItalic.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-ExtraBold.woff2") format("woff2"),url("../fonts/PlayfairDisplay-ExtraBold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Medium.woff2") format("woff2"),url("../fonts/PlayfairDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-MediumItalic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"),url("../fonts/PlayfairDisplay-SemiBoldItalic.woff") format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2"),url("../fonts/PlayfairDisplay-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-SemiBold.woff2") format("woff2"),url("../fonts/PlayfairDisplay-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;

	
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt-bold", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt-bold", sans-serif;	
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "futura-pt", sans-serif;	
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0
}

.burger {
	width: 20px;
	border-radius: 4px;
	z-index: 1001;
	position: relative
}

	.burger::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 25px;
		height: 25px
	}

	.burger span {
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

		.burger span, .burger span::before, .burger span::after {
			display: block;
			width: 100%;
			height: 2px;
			background-color: rgba(32,32,32,.8);
			outline: 1px solid rgba(0,0,0,0);
			-webkit-transition-property: background-color,-webkit-transform;
			-moz-transition-property: background-color,-moz-transform;
			-o-transition-property: background-color,-o-transform;
			transition-property: background-color,transform;
			-webkit-transition-duration: .3s;
			-moz-transition-duration: .3s;
			-o-transition-duration: .3s;
			transition-duration: .3s
		}

			.burger span::before, .burger span::after {
				position: absolute;
				content: ""
			}

			.burger span::before {
				top: -7px
			}

			.burger span::after {
				top: 7px
			}

	.burger.clicked span {
		background-color: rgba(0,0,0,0)
	}

		.burger.clicked span::before {
			-webkit-transform: translateY(7px) rotate(45deg);
			-moz-transform: translateY(7px) rotate(45deg);
			-ms-transform: translateY(7px) rotate(45deg);
			-o-transform: translateY(7px) rotate(45deg);
			transform: translateY(7px) rotate(45deg)
		}

		.burger.clicked span::after {
			-webkit-transform: translateY(-7px) rotate(-45deg);
			-moz-transform: translateY(-7px) rotate(-45deg);
			-ms-transform: translateY(-7px) rotate(-45deg);
			-o-transform: translateY(-7px) rotate(-45deg);
			transform: translateY(-7px) rotate(-45deg)
		}

		.burger.clicked span:before, .burger.clicked span:after {
			background-color: #202020
		}

	.burger:hover {
		cursor: pointer
	}

.main-header {
	display: flex;
	align-items: center;
	min-height: 70px;
	max-height: 70px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: rgba(0,0,0,.08) 0px 1px 2px 0px
}

.header-container {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header-container_left {
	margin-right: 1rem
}

.header-container_center {
	flex: 1
}

.main-menu_desktop {
	list-style-type: none;
	display: none
}

	.main-menu_desktop li a {
		display: block;
		padding: 10px 20px;
		text-decoration: none;
		font-size: 13px;
		color: #000
	}

		.main-menu_desktop li a:hover {
			opacity: .4
		}

ul.secondary-menu {
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	transition-delay: .35s;
	display: flex;
	flex-direction: column
}

	ul.secondary-menu li {
		margin-bottom: 15px
	}

		ul.secondary-menu li a {
			display: block
		}

			ul.secondary-menu li a:hover {
				color: inherit;
				opacity: .4
			}

.secondary-nav {
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: .1s;
	height: calc(100vh - 70px);
	z-index: 100
}

.secondary-nav_content {
	background-color: #f4f5f7;
	height: 100%;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	width: 100%;
	transform: translateX(-445px);
	transition: .3s;
	transition-delay: .15s;
	display: flex;
	flex-direction: column
}

.secondary-nav.show {
	pointer-events: all;
	opacity: 1;
	visibility: visible
}

	.secondary-nav.show .secondary-nav_content {
		transform: translateX(0)
	}

	.secondary-nav.show ul.secondary-menu {
		visibility: visible;
		opacity: 1
	}

.newsletter-box {
	font-family: "Playfair Display",sans-serif
}

.newsletter-box_title {
	font-size: 26px
}

.newsletter-box_content {
	font-size: 14px
}

.newsletter-form {
	position: relative;
	position: relative;
	display: flex
}

	.newsletter-form button {
		font-family: "futura-pt"
	}

	.newsletter-form input, .newsletter-form textarea {
		width: 100%;
		background-color: rgba(0,0,0,0);
		border: none;
		border-bottom: 1px solid #767676;
		outline: none;
		margin-right: 10px
	}

		.newsletter-form input:focus, .newsletter-form textarea:focus {
			border-bottom-color: #202020
		}

		.newsletter-form input::placeholder, .newsletter-form textarea::placeholder {
			font-family: "futura-pt"
		}

.search-bar {
	position: fixed;
	z-index: 100;
	left: 0;
	right: 0;
	top: 70px;
	background-color: rgba(0,0,0,.5);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	height: calc(100vh - 70px)
}

.search-bar_btn {
	overflow-y: hidden;
	display: flex;
	flex-direction: column
}

	.search-bar_btn svg {
		min-height: 25px
	}

.search-bar_content {
	position: relative;
	background-color: #f4f5f7;
	min-height: 30%;
	max-height: 40%;
	overflow-y: auto;
	width: 100%;
	transition: .2s;
	display: flex;
	flex-direction: column;
	transform: translateY(-100%);
	padding: 1.5rem 0
}

.search-bar.show {
	pointer-events: all;
	opacity: 1;
	visibility: visible
}

	.search-bar.show .search-bar_content {
		transform: translateY(0%)
	}

main {
	margin-top: -20px
}

@media(min-width: 1024px) {
	.main-menu_desktop {
		display: flex
	}

	.secondary-nav_content {
		min-width: 445px;
		max-width: 445px
	}

	ul.secondary-menu li {
		margin-bottom: 25px
	}
}

.footer-grid {
	display: flex;
	overflow-x: auto
}

	.footer-grid::-webkit-scrollbar {
		display: none
	}

.footer-grid_item {
	flex: 1;
	min-width: 190px
}

.footer-menu {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

	.footer-menu li a {
		font-family: "futura-pt"
	}

	.footer-menu li:first-child a {
		text-transform: uppercase
	}

.footer-copyright_menu {
	display: flex;
	max-width: 99%;
	overflow: hidden;
}

	.footer-copyright_menu li a {
		display: block;
		font-size: 14px;
		padding: .25rem 1rem;
		color: #767676
	}

		.footer-copyright_menu li a:hover {
			color: #fff
		}

	.footer-copyright_menu li:not(:last-child) a {
		border-right: 1px solid #767676
	}

.btn-check:focus + .btn, .btn:focus {
	box-shadow: 0 0 0 .15rem rgba(226,226,226,.25)
}

.btn {
	border-radius: 0;
	padding: .675rem 1.5rem;
	font-size:0.9rem
}

.btn_primary {
	color: #fff;
	background-color: #202020
}

	.btn_primary:hover {
		border: 1px solid #202020;
		background-color: rgba(0,0,0,0)
	}

	.btn_primary:focus {
		box-shadow: #f8fafc 0px 0px 0px 2px,#202020 0px 0px 0px 4px,rgba(0,0,0,.05) 0px 1px 2px 0px
	}

.btn_light {
	color: #202020;
	background-color: #fff
}

	.btn_light:hover {
		color: #fff;
		border: 1px solid #202020;
		background-color: #000
	}

	.btn_light:focus {
		box-shadow: #f8fafc 0px 0px 0px 2px,#202020 0px 0px 0px 4px,rgba(0,0,0,.05) 0px 1px 2px 0px
	}

.btn-icon {
	width: 40px;
	min-width: 40px;
	height: 40px;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

	.btn-icon::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0)
	}

.search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem
}

.search-form_input {
	flex: 1;
	border: none;
	min-height: 45px;
	padding: .75rem 0;
	border-bottom: 1px solid #767676;
	background-color: rgba(0,0,0,0);
	outline: none
}

.form-select {
	min-height: 56px;
	border-radius: 2px;
	border-color: #202020;
	font-family: "futura-pt";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI2LjQ2MyIgdmlld0JveD0iMCAwIDEyIDYuNDYzIj48cGF0aCBkPSJNMzcuNjYzLDM2LjY2OGMuOTM5LDAsMS4xNjUuNTM0LjUsMS4ybC01LjAxMSw1LjAxMmEuODYyLjg2MiwwLDAsMS0xLjIxMSwwbC01LjAxMS01LjAxMmMtLjY2NC0uNjY0LS40NDEtMS4yLjUtMS4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2LjU0NCAtMzYuNjY4KSIgZmlsbD0iIzIwMjAyMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

	.form-select:focus {
		border: none;
		box-shadow: #f8fafc 0px 0px 0px 2px,#202020 0px 0px 0px 4px,rgba(0,0,0,.05) 0px 1px 2px 0px
	}

.search-bar_suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px
}

	.search-bar_suggestions li a {
		font-size: .8rem;
		display: block;
		padding: .375rem .75rem;
		border: 1px solid #202020;
		transition: .25s
	}

		.search-bar_suggestions li a:hover {
			background-color: #202020;
			color: #fff
		}

.form-control {
	border-radius: 0;
	border: none;
	font-family: "futura-pt",sans-serif;
	min-height: 45px
}

	.form-control:focus {
		border: none;
		box-shadow: #f8fafc 0px 0px 0px 2px,#202020 0px 0px 0px 4px,rgba(0,0,0,.05) 0px 1px 2px 0px
	}

.tab-menu_primary {
	flex-direction: column;
	gap: .75rem;
	justify-content: center
}

	.tab-menu_primary .nav-link {
		background-color: #f4f5f7;
		color: #202020;
		font-family: "futura-pt",sans-serif;
		font-size: 14px;
		padding: 1rem 1.3rem;
		border-radius: 0;
		text-transform: uppercase;
		width: 100%;
		min-width: 120px
	}

		.tab-menu_primary .nav-link.active {
			background-color: #202020;
			color: #fff
		}

.nav-astrology {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	border-bottom: 1px solid #f4f5f7;
	padding-bottom: 1rem
}

	.nav-astrology .nav-link {
		position: relative;
		border-radius: 0;
		background-color: #f4f5f7;
		color: #202020;
		padding: 1.2rem 2rem;
		white-space:break-spaces
	}

		.nav-astrology .nav-link.active {
			background-color: #202020
		}

@media(min-width: 1024px) {
	.tab-menu_primary {
		flex-direction: row
	}

		.tab-menu_primary .nav-link {
			padding: .75rem 1.3rem;
			width: fit-content
		}

	.nav-astrology {
		display: flex;
		flex-wrap: nowrap;
		padding-bottom: 0
	}

		.nav-astrology .nav-link {
			padding: 1.2rem 1.5rem;
			word-spacing: 4px;
			background-color: rgba(0,0,0,0);
			flex: 1;
			color: rgba(32,32,32,.3)
		}

			.nav-astrology .nav-link.active {
				background-color: rgba(0,0,0,0);
				color: #202020;
				border-bottom-color: #202020
			}

				.nav-astrology .nav-link.active::after {
					content: "";
					position: absolute;
					display: block;
					left: 0;
					right: 0;
					bottom: 0;
					height: 4px;
					border-radius: 7px 7px 0 0;
					background-color: #202020
				}
}

.breadcrumb {
	font-family: "futura-pt";
	font-size: 14px
}

.masonry {
	transition: all .5s ease-in-out;
	column-gap: 30px;
	column-fill: initial
}

	.masonry .brick {
		margin-bottom: 30px;
		display: inline-block;
		vertical-align: top
	}

		.masonry .brick img {
			max-width: 100%;
			transition: all .5s ease-in-out
		}

	.masonry.bordered {
		column-rule: 1px solid #eee;
		column-gap: 50px
	}

		.masonry.bordered .brick {
			padding-bottom: 25px;
			margin-bottom: 25px;
			border-bottom: 1px solid #eee
		}

	.masonry.gutterless {
		column-gap: 0
	}

		.masonry.gutterless .brick {
			margin-bottom: 0
		}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
	.masonry {
		column-count: 2
	}
}

@media only screen and (min-width: 1024px) {
	.desc {
		font-size: 1.25em
	}

	.intro {
		letter-spacing: 1px
	}

	.masonry {
		column-count: 3
	}
}

.swiper-pagination {
	bottom: 2rem
}

.swiper-pagination-bullet {
	background-color: rgba(32,32,32,.16);
	width: 35px;
	height: 1px;
	opacity: 1;
	transition: .3s
}

.swiper-pagination-bullet-active {
	background-color: #202020;
	width: 40px;
	border-radius: 50em
}

.homeIntroSwiper {
	min-height: 300px
}


	.homeIntroSwiper .swiper-pagination {
		bottom: 2rem;
		display:none
	}

	.homeIntroSwiper .swiper-pagination-bullet {
		background-color: #202020;
		width: 24px;
		height: 2px;
		opacity: .16;
		transition: .3s;
		border-radius: 3px
	}

	.homeIntroSwiper .swiper-pagination-bullet-active {
		background-color: #202020;
		width: 40px;
		opacity: 1
	}

	.homeIntroSwiper .swiper-wrapper, .homeIntroSwiper .swiper-slide {
		width: 100%;
		min-height: 300px;
		height: 100%;
		background-size: cover;
		display: flex;
		background-position:center
	}

	.homeIntroSwiper .swiper-slide {
		align-items: flex-end
	}

	.homeIntroSwiper .swiper-slide_container {
		width: 100%;
		background-color: #fff;
		padding: 1rem 3rem;
		text-align: center;
		margin-bottom: 1rem;
		font-size: 13px;
		justify-content: center;
		display: flex;
	}

.highlightArticlesSwiper .swiper-pagination {
	position: relative;
	bottom: 0
}

.highlightArticlesSwiper .swiper-pagination-bullet {
	background-color: rgba(32,32,32,.16);
	width: 16px;
	height: 2px;
	opacity: 1;
	transition: .3s;
	border-radius: 3px
}

.highlightArticlesSwiper .swiper-pagination-bullet-active {
	background-color: #202020;
	width: 40px
}

.slide-arrow {
	position: absolute;
	z-index: 10;
	top: 20%;
	transform: translateY(-20%);
	line-height: 1;
	cursor: pointer;
}

	.slide-arrow:focus {
		box-shadow: unset
	}

	.slide-arrow.swiper-button-disabled {
		display: none
	}

.homeIntroSwiper .slide-arrow__prev {
	left: 1px
}

.slide-arrow__prev {
	left: -20px
}

.slide-arrow__prev svg {
	transform: rotate(180deg);
}

.homeIntroSwiper .slide-arrow__next {
	right: 1px
}

.slide-arrow__next {
	right: -20px
}

.slide-arrow .material-icons {
	font-size: 50px;
	color: #fff;
	text-shadow: 0 0 5px #333;
	line-height: 1
}

.jewelry-swiper-section .slide-arrow {
	top: 40%;
	transform: translateY(-40%)
}

.jewelry-swiper-section .slide-arrow__prev {
	transform: rotate(180deg);
	left: -20px
}

.horoscopes-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem
}

.related-products-swiper-section .slide-arrow {
	display: none
}

@media(min-width: 768px) {
	.horoscopes-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(min-width: 1024px) {
	.homeIntroSwiper {
		min-height: 600px;
		width:calc(100% - 340px);
	}

		.homeIntroSwiper .swiper-wrapper, .homeIntroSwiper .swiper-slide {
			min-height: 600px
		}

		.homeIntroSwiper .swiper-slide_container {
			width: 620px;
			margin-inline: auto;
			font-size: 20px
		}

	.related-products-swiper-section .slide-arrow {
		display: flex
	}

	.horoscopes-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

.highlight-articles {
	display: none;
	grid-template-columns: 100%;
	gap: .5rem
}

.highlight-article {
	display: flex;
	flex-direction: column
}

.highlight-article_img {
	object-fit: cover;
	object-position: top;
	width: 100%;
	aspect-ratio: 175/111
}

.highlight-article_content {
	margin-top: 12px
}

	.highlight-article_content > .number {
		display: none;
		line-height: 100%
	}

	.highlight-article_content > .text {
		text-align: center;
		font-size: 16px;
		font-family: "Playfair Display",sans-serif
	}

.articles-grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 20px
}

	.articles-grid .article-item {
		min-height: 250px;
		display: none;
		flex-direction: column
	}

	.articles-grid .article-item_img {
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: center;
		flex: 1;
		position: relative
	}

	.articles-grid .article-item:first-child {
		grid-row: span 2;
		display: flex
	}

		.articles-grid .article-item:first-child .article-item_img {
			width: 100%;
			aspect-ratio: 87/44
		}

	.articles-grid .article-item_link {
		position: absolute;
		right: 1rem;
		bottom: 1rem
	}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem
}

.blog-grid-item {
	display: block
}

.blog-grid-item_img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center
}

.blog-grid-item_content {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	position: relative;
	margin-top:10px
}

.blog-grid-item_title {
	font-size: 16px;
	font-weight: 400
}

.blog-grid .blog-grid-item:first-child {
	grid-column: span 2
}

	.blog-grid .blog-grid-item:first-child .blog-grid-item_img {
		width: 100%;
		aspect-ratio: 39/20
	}

	.blog-grid .blog-grid-item:first-child .blog-grid-item_content {
		align-items: center;
		padding: 1.3rem;
		text-align: center
	}

	.blog-grid .blog-grid-item:first-child .blog-grid-item_title {
		font-size: 24px
	}


.care-serum_img {
	height: auto;
	object-fit: cover;
	object-position: center
}

.horoscope-box_img {
	width: 100%
}

.video-item_cover {
	position: relative;
	width: 100%;
	height: 250px
}

	.video-item_cover img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center
	}

.video-item_play {
	cursor: pointer;
	position: absolute;
	width: 56px;
	height: 56px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(32,32,32,.5);
	background-image: url("../img/icons/triangle-right.svg");
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%
}

.video-item_category {
	color: rgba(32,32,32,.3);
	display: none;
	font-size: 12px
}

.video-item_title {
	font-weight: 400;
	font-size: 16px
}

.video-item_description {
	display: none
}

.elletv-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}

	.elletv-grid .video-item:first-child {
		grid-column: span 2
	}

		.elletv-grid .video-item:first-child .video-item_cover {
			height: unset;
			aspect-ratio: 39/20
		}

.video-item_play.xl {
	width: 100px;
	height: 100px
}

.elletv-grid .video-item:first-child .video-item_category {
	display: none
}

.elletv-grid .video-item:first-child .video-item_title {
	font-size: 32px;
	text-align: center
}

.elletv-grid .video-item:first-child .video-item_description {
	display: none;
	font-size: 18px;
	text-align: center;
	color: #767676
}

.latest-news-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}

@media(min-width: 768px) {
	.highlightArticlesSwiper {
		display: none
	}

	.highlight-articles {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 1rem
	}

	.highlight-article_content {
		display: flex;
		gap: 1rem
	}

		.highlight-article_content > .number {
			display: inline-block;
			font-size: 32px
		}

		.highlight-article_content > .text {
			text-align: left;
			font-size: 14px
		}

	.care-serum {
		padding: 40px 30px;
		background-position: right -70px bottom -119px;
		background-size: 500px 500px
	}

	.care-serum_img {
		height: auto;
		object-fit: cover;
		object-position: center
	}

	.articles-grid {
		grid-template-columns: calc(71% - 20px) 29%
	}

		.articles-grid .article-item {
			display: flex
		}

	.blog-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1rem
	}

	.blog-grid-item_img {
		width: 100%;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: center
	}

	.blog-grid-item_content {
		display: flex;
		flex-direction: column;
		background-color: #fff;
		position: relative
	}

	.blog-grid-item_title {
		font-size: 18px
	}

	.blog-grid .blog-grid-item:first-child {
		grid-column: span 4
	}

		.blog-grid .blog-grid-item:first-child .blog-grid-item_img {
			width: 100%;
			aspect-ratio: 39/20
		}

		.blog-grid .blog-grid-item:first-child .blog-grid-item_content {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin-top: -3rem;
			padding: 2rem;
			text-align: center
		}

		.blog-grid .blog-grid-item:first-child .blog-grid-item_title {
			font-size: 32px
		}

	.video-item_category {
		display: block
	}

	.latest-news-grid {
		gap: 30px;
		grid-template-columns: repeat(3, 1fr)
	}

		.latest-news-grid .latest-news_item {
			min-height: 391px
		}
}

@media(min-width: 1024px) {
	.elletv-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px
	}

		.elletv-grid .video-item:first-child {
			grid-column: span 3
		}

			.elletv-grid .video-item:first-child .video-item_play {
				width: 100px;
				height: 100px
			}

			.elletv-grid .video-item:first-child .video-item_category {
				display: none
			}

			.elletv-grid .video-item:first-child .video-item_title {
				font-size: 32px;
				text-align: center
			}

			.elletv-grid .video-item:first-child .video-item_description {
				display: block;
				font-size: 18px;
				text-align: center;
				color: #767676
			}

	.latest-news-grid {
		gap: 30px;
		grid-template-columns: repeat(4, 1fr)
	}

		.latest-news-grid .latest-news_item {
			min-height: 391px
		}
}

.blog-intro-section {
	position: relative;
	height: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-size: cover;
	background-repeat: no-repeat
}

	.blog-intro-section::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%)
	}

.blog-intro-section_magazine {
	height: 250px;
	background-position: left 70% top 0px
}

.blog {
	display: flex
}

.blog_img {
	border-radius: 7px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1/1
}

.blog_content {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.blog-details-grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 30px
}

	.blog-details-grid .blog-grid-item:not(:first-child) {
		display: flex;
		flex-direction: row;
		gap: 1rem
	}

		.blog-details-grid .blog-grid-item:not(:first-child) .blog-grid-item_img {
			width: 170px !important
		}

		.blog-details-grid .blog-grid-item:not(:first-child) .blog-grid-item_content {
			justify-content: center
		}

	.blog-details-grid .blog-grid-item:first-child {
		grid-row: span 4;
		flex-direction: column
	}

		.blog-details-grid .blog-grid-item:first-child .blog-grid-item_img {
			aspect-ratio: 67/57
		}

		.blog-details-grid .blog-grid-item:first-child .blog-grid-item_title {
			font-size: 24px
		}

.blog-block-view {
	display: grid;
	grid-template-columns: 100%
}

.blog-block-view_right {
	display: none
}

.blog-block-view .blog-grid-item .blog-grid-item_img {
	aspect-ratio: auto
}

.blog-view_cover {
	width: 100%;
	max-height: 550px;
	overflow: hidden
}

	.blog-view_cover img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center
	}

.blog-view_content p, .blog-view_content .blog-content, .blog-view-grid article {
	font-size: 18px;
	line-height: 32px;
	font-family: "Playfair Display";
	font-weight: 400;
	margin-bottom: 24px;
}


.blog-view_content h1, .blog-view_content h2, .blog-view_content h3, .blog-view_content h4, .blog-view_content h5, .blog-view_content h6 {
	font-family: "futura-pt",sans-serif;
	margin-bottom: 1rem
}

.blog-view_content h3 {
	font-size: 20px
}

.blog-view_content a {
	color: #e638c5
}

.blog-view_content img {
	width: 100%;
	max-width: 100%;
	aspect-ratio: 77/96;
	object-fit: cover;
	object-position: center;
	display: block;
	margin: 5px auto;
	float: none;
	vertical-align: top;
}

.blog-view_content iframe {
	position:relative!important;
	max-width:100%;
}

.blog-view_content .video-item_cover {
	filter: grayscale(1);
	height: 300px
}

.blog-view_content blockquote {
	padding-top: 1rem;
	padding-bottom: 1rem
}

	.blog-view_content blockquote p {
		text-align: center;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 32px;
		line-height: 150%;
		margin-top: -30px
	}

	.blog-view_content blockquote::before {
		font-size: 80px;
		display: block;
		text-align: center;
		font-family: "Playfair Display",sans-serif;
		content: "“"
	}

.blog-view.interview .blog-view_content img {
	aspect-ratio: unset
}

.blog-view_content__astrology h1, .blog-view_content__astrology h2, .blog-view_content__astrology h3, .blog-view_content__astrology h4, .blog-view_content__astrology h5, .blog-view_content__astrology h6 {
	font-family: "Playfair Display",sans-serif;
	margin-bottom: 1rem;
	font-weight: 400
}

.share-icons {
	gap: 1rem
}

	.share-icons li a {
		color: #414141;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		min-width: 56px;
		aspect-ratio: 1/1;
		background-color: #f4f5f7
	}

		.share-icons li a:hover {
			background-color: #ecedf0
		}

.blog-tag-list {
	display: flex;
	white-space: nowrap;
	overflow-x: auto;
	gap: 10px
}

	.blog-tag-list::-webkit-scrollbar {
		display: none
	}

	.blog-tag-list li a {
		display: block;
		padding: 13px 24px;
		font-size: 14px;
		background-color: #f4f5f7;
		color: #767676;
		text-transform: uppercase;
		transition: .15s
	}

		.blog-tag-list li a:hover {
			background-color: #ecedf0
		}

.magazine-cards-grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 1rem
}

	.magazine-cards-grid .blog-grid-item_img {
		aspect-ratio: unset
	}

.magazine-card {
	position: relative
}

.magazine-card_img {
	width: 100%
}

.magazine-card:first-child .magazine-card_content {
	padding: 1.2rem;
	position: absolute;
	bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	z-index: 4
}

@media(min-width: 1024px) {
	.blog-intro-section {
		padding-top: 40px;
		padding-bottom: 40px;
		height: 400px
	}

	.blog-intro-section_magazine {
		background-position: center
	}

	.intro-title {
		font-size: 80px !important
	}

	.blog-details-grid {
		grid-template-columns: 60% calc(40% - 30px);
		gap: 16px
	}

		.blog-details-grid .blog-grid-item:first-child {
			grid-row: span 4;
			flex-direction: column
		}

			.blog-details-grid .blog-grid-item:first-child .blog-grid-item_title {
				font-size: 32px
			}

	.blog-block-view {
		display: grid;
		grid-template-columns: calc(100% - 280px - 30px) 280px;
		gap: 30px
	}

	.blog-block-view_right {
		display: flex;
		flex-direction: column;
		gap: 30px;
		width:340px
	}

	.blog-view-grid {
		display: grid;
		gap: 30px;
		grid-template-columns: calc(100% - 70px - 270px - 60px) 70px 270px
	}

	.share-icons {
		position: sticky;
		top: 80px;
		z-index: 20
	}

	.blog-view_content h1, .blog-view_content h2, .blog-view_content h3, .blog-view_content h4, .blog-view_content h5, .blog-view_content h6 {
		margin-bottom: 1rem;
		letter-spacing: .05rem
	}

	.blog-view_content h3 {
		font-size: 24px
	}

	.blog-tag-list {
		flex-wrap: wrap;
		overflow-x: unset
	}
}

.image-copyright {
	color: #dee2e6;
	font-size: 12px
}

.gallery-item img {
	max-width: 74%;
	aspect-ratio: auto
}

.product-card a {
	width: 100%
}

.product-card img {
	aspect-ratio: auto
}

.abg245 {
	margin-bottom: 20px;
	padding: 0.5rem 1rem 1rem;
	background-color: #f3f3f3;
	text-align:center
}

	.abg245:before {
		content: " REKLAM ";
		display: block;
		text-align: center;
		font-weight: normal;
		color: #6c757d;
		font-size: .875rem;
		margin-bottom: 0.5rem;
		letter-spacing: 4px
	}

@media (max-width: 728px) {
	.hide-mobile {
		display: none !important
	}
	.nav-astrology .nav-link {
		padding: 0.5rem
	}

	.tarot-cards-container {
		display: flex;
		flex-wrap: wrap;
	}

	.footer-copyright_menu li a {
		padding: .25rem .4rem
	}

	.db-ads {
		grid-column-start: 1;
		grid-column-end: 3;
		text-align:center
	}

	.nav-astrology {
		white-space: nowrap;
		display: inline-block;
		overflow-y: hidden;
		padding: 0;
		overflow-x: auto;
		width:100%;
	}

		.nav-astrology a {
			display: inline-block;
		}

		.nav-astrology::-webkit-scrollbar {
			width: 12px;
			height: 3px
		}

		.nav-astrology::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			border-radius: 10px;
			height: 1px;
		}

		.nav-astrology::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
			height: 1px;
		}

	#homeHoroscopes .swiper-slide img {
		width: 150px;
		height: 150px;
	}

	.homeIntroSwiper .homeIntroArrows{
		display:none
	}

	.blog-intro-section {
		height: 150px !important
	}
}

@media (min-width: 728px) {
	.hide-desktop {
		display: none !important
	}

	.magazine-cards-grid {
		grid-template-columns: calc(48% - 2rem) 26% 26%
	}

	
}


.homeIntroSwiper .homeIntroArrows {
	margin-inline: auto;
	top: -60px;
	width: 620px;
	max-width:80%
}

.btn-bordered-black {
	width: 240px;
	display: inline-block;
	border: 3px solid #000;
	color: black !important;
	text-decoration: none;
	padding: 17px 20px;
	font-weight: bold
}

aside{
	width:310px
}



article.blog-view_content img{aspect-ratio:auto}

#lastMagazine video::-webkit-media-controls, #rightLastMagazine video::-webkit-media-controls {
	display: none !important;
}


  /*100. Yıl 
 #web_elle_tr_masthead, #m_elle_tr_masthead{margin-top:57px}
.main-header {
	flex-direction:column;
	padding-top:10px
}
	.main-header::after {
		width: 100%;
		height: 50px;
		content: ' ';
		display: block;
		background: url(/Content/images/10-kasim-1200x100.jpg) #070804 no-repeat center bottom;
		background-size: 520px;
		position: absolute;
		top: 70px
	}

@media (max-width: 767px) {
	.main-header::after {
		background-size: 95%;
		height: 55px;
		background: url(/Content/images/10-kasim-400x80.jpg) #070804 no-repeat center bottom;
		background-size: 280px;
	}
}
*/