:root {

	--header-padding-mobile: 0;
	--header-padding-tablet: 0;
	--header-padding-laptop: 0;
	--header-padding-desktop: 0;
	--header-padding-sm-laptop: 0;

	--header-row-padding-mobile: 0.5em 5%;
	--header-row-padding-tablet: 0.5em 5%;
	--header-row-padding-laptop: 0em 0;
	--header-row-padding-desktop: 0em 8%;
	--header-row-padding-sm-laptop: 0em 5%;

}

body.logged-in.admin-bar .site-header {
	top: 32px;
}

/*Widget parents rules*/
div.elementor:has(.site-header) > div.elementor-element {
	padding: 0 !important;
}

div.elementor:has(.site-header) > div.elementor-element > div {
	padding: 0 !important;
	max-width: 100% !important;
}

div.elementor-location-header > div.elementor-element,
div.elementor-location-header > div.elementor-element > div {
	padding: 0 !important;
	max-width: 100% !important;
}

/*Widget parents rules*/


body.menu-opened {
	height: 100%;
	overflow: hidden;
	margin: 0 !important;
}

.site-header {
	background: transparent;
	top: 0;
	left: 0;
	width: 100vw!important;
	z-index: 9999;
	display: grid;
	grid-template-columns: 250px 1fr;
	position: fixed;
	align-items: center;
	flex-direction: column;
	max-width: unset!important;
	justify-content: space-between;
	transition: all 0.35s ease-out;
	padding-inline-start: 0!important;
	padding-inline-end: 0!important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.header-row__column.column-logo{
	grid-row: 1/3;
	grid-column: 1/2;
}

.site-header.scrolled,
.site-header.scrolled-top,
body:not(.home) .site-header{
	background-color: #ffffff;
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	border-color: rgba(255, 255, 255, 0);
}

@media (hover: hover) {
	.home .site-header:hover {
		background-color: #ffffff;
		box-shadow: 0 0 15px rgb(0 0 0 / 10%);
		border-color: rgba(255, 255, 255, 0);
	}
}

.site-header::after {
	top: 0;
	left: 0;
	right: 0;
	content: "";
	opacity: 0;
	height: 100vh;
	z-index: -100;
	position: fixed;
	visibility: hidden;
	transform: translateX(-100%);
	background: rgba(56, 75, 99, .3);
	transition: all 0.3s ease-in-out;
}

body.menu-opened .site-header::after {
	opacity: 1;
	z-index: -1;
	visibility: visible;
	transform: translateX(0);
}

.site-header__row {
	gap: 2em;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}


.site-header .site-header__row--top {
	grid-row: 1/2;
	grid-column: 2/3;
	padding: 15px 35px;
	background-color: transparent;
	color: #ffffff;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	transition: margin-top .35s ease-out,
				padding 0.35s ease-out,
				background-color 0.35s ease-out,
				color 0.35s ease-out;
}

body:not(.home) .site-header .site-header__row--top {
	background-color: var(--e-global-color-a46044a);
	transition-delay: 0s, 0s, .25s ,0s;
}

@media (hover: hover) {
	.home .site-header:hover .site-header__row--top {
		background-color: var(--e-global-color-a46044a);
		transition-delay: 0s, 0s, .25s ,0s;
	}
}

.site-header.scrolled .site-header__row--top {
	background-color: var(--e-global-color-a46044a);
	color: var(--e-global-color-631738a);
}



.site-header .site-header__row--top ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 45px;
	padding-left: 0;
}

.site-header .site-header__row--top ul.header-socials{
	gap: 17px;
	padding-left: 10px;
}

.site-header .site-header__row--top ul.header-socials li a i{
	font-size: 22px;
	margin: 0;
}

.site-header .site-header__row--top ul.header-socials li a i.fa-instagram {
	font-size: 26px;
	margin: 0;
}

.site-header .site-header__row--top li a{
	color: #FFFFFF;
	font-family: 'urbanist', Sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.39px;
	opacity: .8;
	transition: color 0.35s ease-out, opacity 0.35s ease-out;

}

.site-header .site-header__row--top .header-socials li a,
body:not(.home)  .site-header .site-header__row--top  li a,
.site-header.scrolled .site-header__row--top li a,
.site-header.scrolled-top .site-header__row--top li a {
	color: var(--e-global-color-631738a);
	opacity: 1;
}

@media (hover: hover) {
	.home .site-header:hover .site-header__row--top li a {
		color: var(--e-global-color-631738a);
		opacity: 1;
	}
}

.column--top .header-row__column--rows{
	align-items: flex-end;
	flex: unset;
}

.header-row__column.column--top ul{
	list-style-type: none;
}
.site-header .site-header__row--top .blog-description{
	font-weight: 400;
}

.site-header .site-header__row--top .blog-description span{
	text-transform: uppercase;
	font-size: .95em;
	font-weight: 700;

}

.site-header .site-header__row--bottom {
	grid-row: 2/3;
	grid-column: 2/3;
	background-color: transparent;
	align-items: stretch;
	transition: padding 0.35s ease-out,
		background-color 0.35s ease-out;
}

.header-row__column {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-row__column--rows {
	justify-content: center;
	flex-direction: column;
	align-items: flex-start;
}

.header-row__column-row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-row__column.column-logo .header-logo {
	width: 190px;
	height: 85px;
	display: flex;
	position: relative;
	align-items: center;
	transition: all 0.35s ease-out;
}

.header-row__column.column-logo .header-logo img {
	height: 100%;
	max-width: 100%;
	width: 100%;
	position: absolute;
	transition: height 0.35s ease-out, opacity 0.35s ease-out;
}

.header-row__column.column-logo .header-logo img.logo--white,
.site-header.scrolled .header-row__column.column-logo .header-logo img.logo--dark,
body:not(.home) .site-header .header-row__column.column-logo .header-logo img.logo--dark,
.site-header.scrolled-top .header-row__column.column-logo .header-logo img.logo--dark {
	opacity: 1;
}

.site-header.scrolled .header-row__column.column-logo .header-logo img.logo--white,
.header-row__column.column-logo .header-logo img.logo--dark,
body:not(.home) .site-header .header-row__column.column-logo .header-logo img.logo--white,
.site-header.scrolled-top .header-row__column.column-logo .header-logo img.logo--white {
	opacity: 0;
}

@media (hover: hover) {
	.home .site-header:hover .header-row__column.column-logo .header-logo img.logo--dark {
		opacity: 1;
	}
	.home .site-header:hover .header-row__column.column-logo .header-logo img.logo--white {
		opacity: 0;
	}
}

.header-row__column .header-cta {
	white-space: nowrap;
}

.header-row__column .header-cta{
	font-weight: 600;
	border-width: 1px;
}

.header-row__column .header-cta .header-cta__text{
	display: flex  ;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.header-row__column .header-cta svg path{
	stroke: #ffffff;
}

.header-row__column .header-cta:has(img) {
	margin-right: 15px;
}

.header-row__column .header-cta img{
	width: 25px;
	height: 28px;
	max-width: unset;
}

/*	burger */




.column-burger {
	padding: 0;
	color: #000000;
	width: 45px;
	height: 45px;
	border: 0;
}
.column-burger .header-burger {
	transition: transform 600ms;
}
.column-burger .header-burger svg {
	width: 100%;
	height: 100%;
	transform: scaleX(-1);
}
.column-burger .header-burger .line {
	transition: all 0.6s;
	stroke-width: 6;
	stroke: var(--e-global-color-text);
}
.column-burger .header-burger #line-top {
	stroke-dasharray: 50 139;
}
.column-burger .header-burger #line-bottom {
	stroke-dasharray: 34 139;
}
.column-burger .header-burger #line-middle {
	transform-origin: 38% 20%;
}
.column-burger .header-burger.is-active {
	transform: rotate(0.375turn);
}

.column-burger .header-burger.is-active #line-top {
	stroke-dashoffset: -86;
}
.column-burger .header-burger.is-active #line-bottom {
	stroke-dashoffset: -63;
}
.column-burger .header-burger.is-active #line-middle {
	transform: rotate(90deg) translate(-1px, 1px);
}


.site-header.force-close .site-header__row--top{
	background: lime;
}
/*	burger */


/*RESPONSIVE*/



/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {

	.hide-tablet {
		display: none !important;
	}

	.site-header {
		padding: var(--header-padding-tablet);
	}

	.site-menu__primary li a ,
	.site-header__row {
		padding: var(--header-row-padding-tablet);
	}

	.header-row__column.column-logo .header-logo {
		height: unset;
		min-height: 58px;
	}

}

/*mobile and tablet*/
@media (max-width: 1024px) {

	.site-header::before {
		z-index: 9999;
	}

	.header-row__column {
		flex: 1 1 0;
	}

	.header-row__column.column--top{
		flex-direction: column;
		gap: 5px;
	}

	.header-row__column.column-shop,
	.header-row__column.column-logo,
	.header-row__column.column-burger {
		z-index: 999;
	}

	.header-row__column.column-logo {
		justify-content: center;
	}

	.header-row__column--rows {
		justify-content: flex-start;
	}

	.site-header .site-header__row--top {
		z-index: 2;
	}

	.header-row__column.column-menu {
		top: 0;
		left: -5px;
		gap: 1em;
		opacity: 0;
		z-index: -1;
		width: 105vw;
		height: 100vh;
		display: flex;
		position: fixed;
		visibility: hidden;
		flex-direction: column;
		align-items: flex-start;
		align-content: flex-start;
		transition: 0.5s ease all;
		background-color: #ffffff;
		backdrop-filter: blur(10px);
		clip-path: circle(0px at 0 0px);
	}

	.header-row__column.column-menu.is-opened {
		opacity: 1;
		z-index: 1;
		visibility: visible;
		clip-path: circle(100%);
	}

	.header-row__column.column-menu .column-menu_content > * {
		width: fit-content;
	}

	.header-row__column.column-menu > .column-menu_content {
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	body:not(.home) .site-header .site-header__row--top {
		background-color: transparent !important;
	}

	.column-logo img {
		height: auto;
		max-width: 100%;
	}

	.header-row__column-row {
		gap: 1em;
		align-items: flex-start;
		flex-direction: column;
	}

	.site-menu__primary {
		width: 100%;
	}

	.site-header .header-burger__line,
	body.menu-opened .header-burger__line {
		background-color: #ffffff;
	}

	body.menu-opened .header-logo .header-logo--c {
		opacity: 1 !important;
	}

	body.menu-opened .header-logo .header-logo--w {
		opacity: 0 !important;
	}

	.site-header.scrolled .header-burger__line,
	.home .site-header:hover .header-burger__line ,
	.site-header.scrolled-top .header-burger__line {
		background-color: var(--e-global-color-text);
	}


	.site-header .site-header__row--bottom{
		display: grid;
		grid-template-columns: 45px 1fr 45px;
		align-items: center;
	}

	.header-row__column .header-cta:has(img) {
		margin: 0;
		width: 100%;
		z-index: 2;
	}

	.site-header .site-header__row--bottom{
		position: relative;
	}

	.site-menu__primary li.menu-item-has-children > a:after,
	.site-menu__primary li.menu-item-has-children > p:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		width: 10px;
		aspect-ratio: 1;
		border: 2px solid var(--e-global-color-text);
		border-bottom: unset;
		border-left: unset;
		translate: -15px -50%;
		rotate: 45deg;
	}

	.site-menu__primary li.menu-item-has-children .menu-image--container a:after,
	.site-menu__primary li.menu-item-has-children .menu-image--container p:after{
		content: unset;
	}

	.header-row__column.column-menu{
		gap: 0;
	}

	.header-row__column.column-menu .contact--in-menu{
		background: var(--e-global-color-dd41e99, #F3F7FA);
		width: 100%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		gap: 15px;
		padding: 30px 30px 50px;
		clip-path: ellipse(100% 100% at 50% 0%);
	}

	.header-row__column.column-menu .contact--in-menu .title{
		color: var(--e-global-color-text);
		font-size: 18px;
		font-weight: 600;
		display: flex;
		flex-direction: row;
		gap: 10px;
		align-items: center;
		justify-content: center;
	}

	.header-row__column.column-menu .contact--in-menu .title p{
		margin: 0;
	}

	.header-row__column.column-menu .contact--in-menu .custom-btn{
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		padding: 10px 25px;
		max-width: 290px;
		width: 100%;
	}

	.header-row__column.column-menu .call-to-action{
		width: 100%;
		position: relative;
		top: -30px;
		height: calc(100% + 30px);
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding: 60px 5px;
		z-index: -1;
		background: var(--e-global-color-text);
	}
}


/*desktop*/
@media (min-width: 1025px) {

	.hide-desktop {
		display: none !important;
	}

	.site-header {
		padding: var(--header-padding-desktop);
	}

	@keyframes stickySlideDown {
		0% {
			opacity: 0.7;
			transform: translateY(-100%);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.site-header.scrolled  .header-row__column.column-cta{
		padding: 5px 35px 5px 0;
	}

	.site-header.scrolled .header-row__column.column-logo .header-logo {
		height: 65px;
	}

	.header-row__column {
		flex: 1 1 0;
	}

	.header-row__column.column-logo{
		padding: 10px 25px;
		align-self: center;
	}

	.header-row__column.column-cta{
		padding: 10px 35px 10px 0;
	}


	.header-row__column-row {
		gap: 4em;
		padding-left: 2%;
		padding-right: 2%;
		flex-direction: row;
	}

	.header-row__column.column-menu {
		flex-basis: 75%;
	}

	.column--top .header-row__column.column-menu {
		flex-basis: unset;
	}

	.site-header__row--bottom .header-row__column.column-menu{
		height: 85px;
	}

	.menu-image--container a{
		cursor: default;
	}
}

/*laptop 1*/
@media (min-width: 1025px) and (max-width: 1439px) {

	.site-header {
		padding: var(--header-padding-sm-laptop);
	}

	.header-row__column.column-cta {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		justify-content: center;
		gap: 5px 10px;
	}

	.header-row__column.column-cta > .header-cta:nth-child(2){
		grid-row: 1/2;
	}

	.header-row__column.column-cta > .header-cta:nth-child(3){
		grid-row: 2/3;
	}

	.site-header .header-row__column .header-cta.custom-btn{
		padding: 10px 30px;
	}

	.site-header.scrolled .header-row__column .header-cta.custom-btn{
		padding: 3px 30px;
	}
}
/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.site-header {
		padding: var(--header-padding-laptop);
	}

	.site-header.scrolled  .site-header__row {
		padding: var(--header-row-padding-laptop);
	}


}


/*phone*/
@media (max-width: 767px) {
	.hide-mobile {
		display: none !important;
	}

	.site-header {
		padding: var(--header-padding-mobile);
	}

	.site-menu__primary li a,
	.site-header__row {
		padding: var(--header-row-padding-mobile);
	}

	.header-row__column.column-logo {
		min-width: 160px;
		grid-column: 2;
	}

	.header-row__column.column-logo .header-logo {
		width: 100%;
	}

	.site-header.scrolled .header-row__column.column-logo .header-logo{
		height: 45px;
	}

	.site-header .site-header__row--bottom{
		padding: 15px 25px;
	}

	.site-header .site-header__row--top{
		text-align: center;
		padding: 0;
		grid-column: 3;
		grid-row: 1 / 3;
		background: unset;
	}

	.header-row__column.column--top{
		gap: 20px;
	}

	.site-header.scrolled .site-header__row--top{
		background-color: #ffffff;
	}

	.header-row__column.column--top > div{
		display: flex;
		gap: 30px;
		justify-content: center;
		align-items: center;
	}

	.header-row__column.column--top  div svg path,
	.column-burger .header-burger .line{
		stroke: #ffffff;
		transition: color .3s ease-out;
	}

	.site-header.scrolled .header-row__column.column--top  div svg path,
	.site-header.scrolled-top .header-row__column.column--top  div svg path,
	body:not(.home) .site-header .header-row__column.column--top  div svg path,
	body.menu-opened .site-header .header-row__column.column--top  div svg path,
	.site-header.scrolled .column-burger .header-burger .line,
	.site-header.scrolled-top .column-burger .header-burger .line,
	body:not(.home) .site-header .column-burger .header-burger .line,
	body.menu-opened .site-header .column-burger .header-burger .line {
		stroke: var(--e-global-color-text);
	}

	.header-row__column.column-menu{
		left: 0;
		width: 100%;
	}

	.site-menu__primary{
		padding-inline-start: 0!important;
		padding-inline-end: 0!important;
		padding: 80px 0 0;
	}

	.site-header{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.site-header::after {
		content: none;
	}

	.site-header .site-header__row--bottom{
		grid-column: 1;
		grid-row: 1/3;
		grid-template-columns: 1fr;
	}
}

/*RESPONSIVE*/
