header {
	position: fixed;
	top:0px;
	z-index: 150;
	width: 100%;
	transition: .3s;
	padding:25px 0px;
}
header.sticky {
	backdrop-filter:blur(5.9px);
    -webkit-backdrop-filter:blur(5.9px);
    background-color: rgba(48,55,63,.9);
    padding:10px 0px;
}
header .menuToggle {
	position: relative;
	top:0;
	float: left;
	line-height: 40px;
	color:whitesmoke;
}
.drop a:hover {
	background-color: transparent !important;
}
.drop img {
	border-radius: 100%;
	border:solid 2px rgba(0,0,0,0);
}
.drop img:hover {
	border-color: rgba(255,255,255,.8) !important;
}
.sub-content ul li {
	margin-left:0px !important;
	padding:5px 0px;
}
header.sticky .logoImg {
	display:none;
}
header.sticky .amblem {
	display:block !important;
}
header .logo {
	width:142px;
	transition: .3s;
}
header.sticky .logo {
	height: 40px;

}
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;
	opacity: 1;
}
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: 400;
	font-size:15px;
	line-height: 50px;
	color:whitesmoke;
	transition: .3s;
	letter-spacing: .5px
}
header.sticky .userButtons li a:hover i {
	color:white;
}
header nav ul > li > a .caret {
	font-size:10px;
	margin-left:2px;
}
header nav .sub {
	background-color:#635f58;
	min-width: 215px;
	border-radius: var(--subMenuRadius);
}
header.sticky nav .sub {
		top:60px !important;
	} 
header nav .sub ul li:last-child {
	border-bottom:none;
}
header nav .sub ul li a {
	display: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 a:hover {
	background-color:rgba(255,255,255,.2) !important;
}
header nav > ul > li.drop a:before {
    opacity: 0 !important;
}
header nav > ul > li > a {
	position: relative;
}
header nav > ul > li > a:hover {
	color:var(--secondaryColor);
}
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 a:hover {
	color:var(--secondaryColor);
}
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 {
	display:flex;
	justify-content: flex-end;
}
header .userButtons li:first-child {
	margin-left:0px;
}
header .userButtons li {
	margin-left:10px;
	display: flex;
}
header .userButtons li:nth-child(2) {
	margin-left:10px;
}
header .userButtons li a {
	color:var(--textColor);
	font-size:20px;
}
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 i {
	padding:10px;
	border-radius:0px;
	color:white;
}
header .menuContent {
	align-items: center;
	display:flex;
	justify-content: center;
}
header .userButtons li a:hover {
	background-color:var(--primaryColor);
	color:white;
}
header .userButtons li a 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;
}


@-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;
}



@-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:992px) {
	header.sticky nav .sub {
		top:0px !important;
	}
	nav .sub {
		position: relative !important;
		top:0 !important;
	}
	nav .drop .toggle {
		pointer-events: none;
	}
	header .menuContent {
		position: fixed;
		left:0;
		top:0;
		height: 100vh;
		width: 80%;
		background-color:rgba(48,55,63,.9);
		backdrop-filter:blur(5.9px);
	    -webkit-backdrop-filter:blur(5.9px);
	    margin-left:-100%;
	    transition: .5s;
	    z-index: 50;
	}
	header .menuContent nav ul {
		display:block;
	}
	header {
		padding-top:10px;
		padding-bottom: 10px;
	}
	header .logo i {
		font-size:26px;
		line-height: 26px;
	}
	header .logoImg {
		height:55px;
	}
}

@media screen and (max-height:1000px) {
	#headLine .carouselContent {
		transform:scale(.65) !important;
	}
}

#google_translate_element {
	height:43px !important;
}
#google_translate_element select {
	border: solid 1px rgba(255,255,255,.19);
    background-color: rgba(255,255,255,.65);
    color: #323232;
    padding: 10px;
    height: auto;
    border-radius: 10px;
    outline:none;
    box-shadow:none;
    display:block;
    width: 100%;
    backdrop-filter:blur(5.9px);
    -webkit-backdrop-filter:blur(5.9px);
    font-weight: 500;
}
#google_translate_element > div > span,
#google_translate_element .skiptranslate span
 {
	display:none !important;
}
.skiptranslate iframe {
	display:none !important;
}
body {
	top:0 !important;
}

@media screen and (max-width:992px) {
	#google_translate_element select,
	#google_translate_element {
		width:101px;
	}
	.userButtons li:nth-child(3) {
		display:none !important;
	}
	header .logo {
		width:auto !important;
	}
}