header {
	position: sticky;
	top:0px;
	z-index: 150;
	width: 100%;
	transition: .3s;
	padding:15px 0px;
	backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.row.orderStep {
	display:none;
}
header.sticky {
    padding:10px 0px;
    background-color: #f8f8ff96;
}
header.blurOff {
	backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
header .logo {
	transition: .3s;
}
header .logo img {
	height:25px;
}

header .top {
	padding:10px 0px;
	border-bottom:1px solid rgba(255,255,255,.7);
	font-size:14.5px;
	letter-spacing: .5px;
}
header .top li a {
	color:var(--textColor);
	font-weight: 400;
}
header .top ul {
	display:flex;
}
header .top ul li {
	margin-left: 5px;
}
header .top ul li a {
	transition: .3s;
	padding:0px 15px;
	border-radius: var(--radius);
	line-height: 30px;
}
header .top ul li a:hover {
	background-color:var(--primaryColor);
	color:white;
}
header .top ul li a i {
	margin-right:10px;
}
header .bottom {
	padding:20px 0px;
	transition: .3s;
}
header.sticky .bottom {
	padding:10px 0px;
}
header nav {}
header nav ul {
	display:flex;
	justify-content: center;
}
header nav > ul > li {
	padding:0px 15px;
}
header .logo i {
	font-size:41px;
	line-height: 41px;
	color:var(--primaryColor);
}
header nav ul > li > a {
	font-weight: 500;
	font-size:15px;
	line-height: 50px;
	color:var(--textColor);
	transition: .3s;
	letter-spacing: .5px
}
header nav ul > li > a .caret {
	font-size:10px;
	margin-left:2px;
}
header nav ul > li:hover > a {
	color:var(--primaryColor);
}
header nav .sub {
	background-color:#635f58;
	min-width: 215px;
	border-radius: var(--subMenuRadius);
	position: fixed !important;
	top:75px !important;
}
header.sticky nav .sub {
		top:70px !important;
	} 
header nav .sub ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
header nav .sub ul li {
	width: 33%;
}
header nav .sub ul li:last-child {
	border-bottom:none;
}
header nav .sub ul li a {
	display:inline-block;
	font-weight: 200;
	padding:0px 15px;
	line-height: 50px;
	color:white;
	overflow: hidden;
	box-shadow:0px 2px 0px -1px transparent;
}
header nav .sub ul li:last-child a {
	border:none;
}
header nav .sub ul li a:hover {
	box-shadow:0px 2px 0px -1px white;
	background: rgb(245,245,246);
	background: linear-gradient(0deg, rgb(245 245 246 / 22%) 0%, rgba(245,245,246,0) 50%);
}
header nav > ul > li.drop a:before {
    opacity: 0 !important;
}
header nav > ul > li > a {
	position: relative;
}
header nav > ul > li > a > i:first-child {
	display:none;
}
header nav > ul > li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: var(--primaryColor);
    transition: .5s;
}
header nav > ul > li:hover a:before {
    width: 100%;
}
header nav > ul > li.drop a:after {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-family: 'default' !important;
    content: "\e995";
    color: #635f58;
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: -1;
    transition: .3s;
    transition-delay: 0s;
    line-height: 15px;
    font-size: 15px;
}
header nav > ul > li:hover > a:after {
    opacity: 1;
    bottom: -4px;
    transition-delay: .1s;
}
header.sticky nav > ul > li:hover > a:after {
    bottom: -14px;
}
header .userButtons {
	display:flex;
}
header .userButtons li a {
	display:flex;
	align-items: center;
}
header .userButtons li a span {
	display:block;
}
header .userButtons li a span span:first-child {
	font-size:13px;
	font-weight: 400;
	line-height: 13px;
	letter-spacing: .5px;
	color:var(--textColor);
	opacity: .6;
	margin-top:0px;
}
header .userButtons li a span span:last-child {
	font-size:16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: .5px;
	color:var(--textColor);
	margin-top:5px;
}
header .userButtons li.language {
	margin-left:35px;
}
header .userButtons li.language ul {
	display:flex;
}
header .userButtons {
	display:flex;
	justify-content: flex-end;
}
header .userButtons li:first-child {
	margin-left:0px;
}
header .userButtons li {
	margin-left:25px;
	display: flex;
}
header .userButtons li a {
	color:var(--textColor);
	font-size:20px;
	display:block;
}
header .userButtons li a.liveHref {
	position: relative;
}
header .userButtons li a.liveHref span {
	aspect-ratio: 1/1;
	display:inline-flex;
	width: 18px;
	background-color:var(--primaryColor);
	color:white;
	font-size:11px;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-weight: 500;
	position: absolute;
	right: -10px;
	top: -7px;
}
header .userButtons li a.basketToggle {
	position: relative;
	border-radius: var(--radius);
    padding: 0px 15px;
    transition: .3s;
    line-height: 30px;
}
header .userButtons li a.basketToggle:hover {
	background-color:var(--primaryColor);
	color:white;
}
header .userButtons li a.basketToggle span {
	aspect-ratio: 1/1;
	display:inline-flex;
	width: 18px;
	background-color:var(--primaryColor);
	color:white;
	font-size:11px;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-weight: 500;
	position: absolute;
	left: 26px;
	top: -7px;
	line-height: 18px;
}
header .userButtons li a.basketToggle b {
	font-size:14px;
	font-weight: 400;
	color:var(--textColor);
	margin-left:10px;
}
header .userButtons li a.basketToggle:hover b {
	color:White;
}
header .language img {
	height:21px;
	border-radius: 3px;
}
header .drop .toggle .caret {
	font-size:10px;
	margin-left:5px;
}


@-webkit-keyframes callPulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255,50,49,.4)
    }
    70%{
        -webkit-box-shadow:0 0 0 15px rgba(255,50,49,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(255,50,49,0)
    }
}
@keyframes callPulse{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(255,50,49,.4);
        box-shadow:0 0 0 0 rgba(255,50,49,.4)
    }
    70%{
        -moz-box-shadow:0 0 0 15px rgba(255,50,49,0);
        box-shadow:0 0 0 15px rgba(255,50,49,0)
    }
    100%{
        -moz-box-shadow:0 0 0 0 rgba(255,50,49,0);
        box-shadow:0 0 0 0 rgba(255,50,49,0)
    }
}


header .loginSide {
	background-color:#635f58c2;
	backdrop-filter:blur(5.9px);
    -webkit-backdrop-filter:blur(5.9px);
	width: 100%;
	height: 166px;
	position: absolute;
	top:0;
	transform:scaleY(0);
	transform-origin: top;
	color:white;
	transition: .5s;
	padding:15px 0px;
	z-index: 15;
}
header .loginSide .title {
	font-weight: 400;
	margin-bottom:10px;
	font-size:14px;
}
header .loginSide .title article {
	font-weight: 200;
	opacity: .8;
}
header .loginSide .inputBox {
	position: relative;
	width: 100%;
	margin-bottom:15px;
}
header .loginSide .inputBox input {
	width: 100%;
	padding:0px 25px;
	background-color:white;
	line-height: 46px;
	border-radius: var(--radius);
	border:solid 1px rgba(0,0,0,0.1);
	outline:none;
	color:var(--primaryColor);
	font-size:14px;
}
header .loginSide .loginSubs ul {
	display:flex;
	justify-content: space-between;
	padding:0px 7px;
}
header .loginSide .loginSubs ul a {
	color:white;
	position: relative;
	font-size:14px;
}
header .loginSide .loginSubs ul a:before {
	content:"";
	width: 0;
	position: absolute;
	left:0;
	bottom:-5px;
	height: 1px;
	background-color:white;
	border-radius: var(--radius);
	transition: .3s;
}
header .loginSide .loginSubs ul a:hover:before {
	width: 100%;
}
header .loginSide button {
	border:none;
	background-color:var(--success);
	line-height: 46px;
}
header .loginSide button:hover {
	background-color:var(--secondaryColor);
}
header .signUp {
	border-left:1px solid rgba(255,255,255,.3);
	padding-left:35px;
	text-align: right;
}
header .signUp .button {
	background-color:var(--secondaryColor);
	line-height: 46px;
}
header .signUp ul {
	display:flex;
	justify-content: flex-end;
}
header .signUp ul li:last-child {
	margin-left:10px;
}
header .signUp ul li:last-child .button {
	background-color:var(--success);
}
header .signUp ul li:last-child .button:hover {
	background-color:var(--successHover);
}
header .signUp .button i {
	line-height: 46px;
}
header .loginSide > .container {
	position: relative;
}
header .loginSide > .container .closeLogin {
	position: absolute;
    left: -45px;
    top: 36px;
    font-size: 30px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transform: rotate(0deg) scale(1) skew(0deg) translate(0)!important;
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0)!important;
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0)!important;
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0)!important;
    -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0)!important;

    transition: .7s;
}
header.loginOn .loginSide > .container .closeLogin {
    transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
    -webkit-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
    -moz-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
    -o-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
    -ms-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
}
header .loginSide > .container .closeLogin:hover {
    background-color:rgba(0,0,0,0.2);
}


header.loginOn .loginSide {
	transform: scaleY(1);
}


header label.form-check-label {
	display:flex;
	align-items: center;
	cursor: pointer;
	font-size:14px;
}
header label.form-check-label input {
	margin-right: 10px;
}
header label.form-check-label .form-check-input {
	width: 20px;
	height: 20px;
	margin-top:0px;
}
header label.form-check-label .form-check-input:focus {
	box-shadow:none !important;
}
header label.form-check-label .form-check-input:checked {
	background-color:var(--secondaryColor) !important;
	border-color:var(--secondaryColor) !important;
}
header .menuToggle {
	margin-right:10px;
	float: left;
	line-height: 30px;
}
header .rtContent img {
	-webkit-animation:spinReverse 20s linear infinite;
    -moz-animation:spinReverse 20s linear infinite;
    animation:spinReverse 20s linear infinite
}
@-moz-keyframes spinReverse{
    100%{
        -moz-transform:rotate(-360deg)
    }
}
@-webkit-keyframes spinReverse{
    100%{
        -webkit-transform:rotate(-360deg)
    }
}
@keyframes spinReverse{
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@-webkit-keyframes callPulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255,50,49,.4)
    }
    70%{
        -webkit-box-shadow:0 0 0 15px rgba(255,50,49,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(255,50,49,0)
    }
}
@keyframes callPulse{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(255,50,49,.4);
        box-shadow:0 0 0 0 rgba(255,50,49,.4)
    }
    70%{
        -moz-box-shadow:0 0 0 15px rgba(255,50,49,0);
        box-shadow:0 0 0 15px rgba(255,50,49,0)
    }
    100%{
        -moz-box-shadow:0 0 0 0 rgba(255,50,49,0);
        box-shadow:0 0 0 0 rgba(255,50,49,0)
    }
}

@media screen and (max-width:1440px) {
	header nav ul > li > a {
		font-size:17px;
	}
	header .userButtons li a {
		zoom:100%;
	}
}

@media screen and (max-width:992px) {
	header .drop.language .sub img {
		width: auto !important;
	}
	header .drop.language .sub {
		position: absolute !important;
		top:30px !important;
		background-color:transparent;
	}
	header .userButtons li {
		display:inline-block;
	}
	header nav ul > li > a {
		color:var(--primaryColor);
	}
	header nav .mobileLogo  {
		padding:10px;
	}
	header nav .mobileLogo i {
		display:block !important;
		color:var(--primaryColor) !important;
		font-size:20px;
		line-height: 20px;
	}
	header.sticky nav .sub {
	    top: 0px !important;
	}
	header nav .sub ul li a {
		width: 100%;
		height: 40px;
		font-size:13px;
		line-height: 40px;
		border-bottom:1px solid rgba(255,255,255,.1);
	}
	.sub-content > .container {
		padding:0px;
		width: 100%;
	}
	header nav .sub ul li {
		width: 100%;
	}
	header .drop .sub {
		position: relative !important;
		top:0 !important;
		min-width: 100%	!important;
		left:0;
		background:#635f58;
		border-radius: 0px;
	}
	header .drop .sub img {
		width: 65%;
		display:table;
		margin:auto;
	}
	header nav > ul > li:hover a {
		color:white;
	}
	header nav > ul > li a:before {
		display: none;
	}
	header nav ul > li > a .caret {
		transform:rotate(270deg) !important;
		display:inline-block;
		font-size:6px;
		line-height: 40px;
		margin-left:auto;
	}
	header nav ul > li > a i.menuIcon {
		display:flex;
		align-items: center;
		justify-content: center;
		margin-top:5px;
		line-height: 30px;
		min-width: 30px;
		max-height: 30px;
		margin-right:7px;
		border-radius: 100%;
		background-color:var(--primaryColor);
		color:white;
		aspect-ratio: 1/1;
	}
	header nav ul > li:hover > a i.menuIcon {
		background-color:var(--secondaryColor);
	}
	header nav > ul > li {
		padding:0px;
		padding-top:7px;
		padding-bottom:7px;
		border-bottom:1px solid rgba(0,0,0,0.1);
		border-top:1px solid rgba(255,255,255,0.4);
	}
	header nav > ul > li:first-child:hover {
		background-color:transparent; !important;
	}
	header .menuContent {
		position: fixed;
		left:0;
		top:0;
		height: 100%;
		width: 50%;
		padding:0px;
		backdrop-filter:blur(30px);
	    -webkit-backdrop-filter:blur(30px);
	    transition: .5s;
	    margin-left:-100%;
	    z-index: 15;
	    overflow-y: auto;
	    -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.08);
	    -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,.08);
	    box-shadow: 0 0 15px 5px rgba(0,0,0,.08);
	    background-color:#f0f8ff8f;
	}
	header .menuContent .toggle {
		pointer-events: none;
	}
	header nav > ul > li > a {
		line-height: 40px;
		font-weight: 500;
		font-size:14px;
		display:flex;
		width: 100%;
		padding:0px 15px;
	}
	header .menuContent nav ul {
		display:block;
	}
	header {
		padding-top:10px;
		padding-bottom: 10px;
		width: 100vw;
	}
	header .logo i {
		font-size:26px;
		line-height: 26px;
	}
	header .logo {
		width:auto;
		zoom:66%;
	}
	header .loginSide > .container > .row {
		zoom:87%;
	}
	header .signUp {
		text-align: left;
		margin-top:25px;
		padding-top:25px;
		border-top:dashed 1px rgba(255,255,255,.2);
		border-left:0px;
	}
	header .signUp ul {
		justify-content: flex-start;
	}
	header .loginSubs{
		display:flex;
		align-items: center;
		justify-content: space-between;
	}  
	header .loginSide .loginSubs ul {
		width: 100%;
	}
	.menuContent.open {
		opacity: 1 !important;
		margin-left:0 !important;
	}
}

header {}
header {}
header {}
header {}
header {}
header {}
header {}
header {}