.topbar {
	height: 60px;
	width: 100%;
	flex-flow: row nowrap;
	justify-content: flex-start;

	position: relative;
    display: flex;
    align-items: center;
	padding: 16px;

	margin-bottom: 20px;
}

.topbar .topbar-navbar-nav {
	display: flex;
	flex:1;
	flex-direction: row;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.topbar .topbar-navbar-nav .dropdown-menu {
	position: absolute;
    z-index: 1000;
    float: left;
    width: 160px;
    padding: .8px 0;
    margin: .2px 0 0;
    font-size: 15px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

	top: 60px !important;
	left: calc(100% - 165px) !important;
	transform: none !important;
}

.topbar .topbar-navbar-nav .dropdown-menu.locale{
	left: calc(100% - 210px) !important;
}

.topbar .topbar-navbar-nav .dropdown-menu .dropdown-divider {
	height: 0;
    margin: 8px 0;
    overflow: hidden;
    border-top: 1px solid #ecf0f1;
}

.topbar .topbar-navbar-nav .dropdown-menu .dropdown-item {
	line-height: 22.5px;
	padding: 4px 24px;
}

.topbar .topbar-btn {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.topbar .topbar-nav-link {
	display: block;
	color: #FFFFFF ;
	text-decoration: none;
	background-color: transparent;

	padding: 8px;
    line-height: 22.5px;
}

.topbar .topbar-nav-link:hover {
	color: #18bc9c;
}

.topbar .topbar-nav-item.brand {
	flex: 1;
}

.topbar .topbar-nav-item.brand a {
	width: fit-content;
}

.topbar .mobile-search-icon {
	color: #FFFFFF;
	display: none;
}

.topbar .navbar-search {
	display: flex;
	margin-top: 2px;
	color: white;
	background-color: #3E546A;
	padding: 4px 10px 4px 10px;
	border-radius: 40px;
	border: 1px solid #B4BABE;

	z-index: 101;
    position: relative;
}

.topbar .navbar-search .nav-search-icon {
	align-self: center;
	color: #B4BABE;
	padding-right: 5px;
}

.topbar .navbar-search:focus{
	color: #ff0000;
}

.topbar .navbar-search .nav-clear-icon {
    padding-right: 5px;
	align-self: center;
	color: #B4BABE;
	cursor: pointer;
}

.topbar .navbar-search .nav-clear-icon:hover {
	color: #FFFFFF !important;
	opacity: 0.75;
}

.topbar .navbar-search .nav-clear-icon.searching {
	color: #FFFFFF !important;
}


.topbar .navbar-search>input {
	flex:1;
	color: white;
	border: 0px;
	background-color: #3E546A;
	line-height: 22.5px;
	width: 238px;
	font-size: 16px;
}

.topbar .navbar-search:hover {
	border: 1px solid #FFFFFF;
}

.topbar .navbar-search>input::placeholder{
	color: #B4BABE;
}

.topbar .navbar-search>input:focus {
	border: 0px;
	outline: none;
}

.topbar .dropdown-toggle.account {
	width: 45px;
}

.topbar .dropdown-toggle.locale {
	width: 50px;
}

.topbar .dropdown-toggle::after {
	display: inline-block;
    /* margin-left: .255em; */
	margin-left: 3.825px;
    vertical-align: 3.825px;
    content: "";
    border-top: 4.5px solid;
    border-right: 4.5px solid transparent;
    border-bottom: 0;
    border-left: 4.5px solid transparent;
}

.topbar .need-help > a {
	border-radius: 20px;
	padding: 6px 12px;
    border: 1px solid transparent;
	height: 36px;
}

.topbar .need-help > a > span {
	line-height: 22.5px;
}

.topbar .need-help > a > i {
	display: none;
}

.topbar .search-in-focus {
	display: block;
	border-radius: 20px;
	/* box-shadow: rgb(0 0 0 / 30%) 0px 0px 0px 100000px */
}

.topbar .features {
	padding-left: 10px;
    padding-top: 5px;
    color: #72767C;
}

.topbar .navbar-search-results {
	background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
	color: rgb(13, 13, 14);
	position: absolute;
    border: 1px solid #C0C0C7;
    width: 300px;
	z-index: 100;
	/* height: 300px; */
	/* overflow-y: scroll; */
	visibility: hidden;
	top: 30px;
    padding-top: 20px;
	padding-bottom: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.topbar .navbar-search-results.searching {
	visibility: visible;
}

.topbar .navbar-search-results > ul {
	padding: 0px;
	list-style: none;
}

.topbar .navbar-search-results .results-icon {
	align-self: center;
    color: rgb(101,105,110);
    padding-left: 5px;
    padding-right: 10px;
}

.topbar .navbar-search-results .results-svg {
	margin-left: 2px;
	margin-right: 8px;
	filter: brightness(0) saturate(100%) invert(18%) sepia(62%) saturate(330%) hue-rotate(168deg) brightness(98%) contrast(89%);
}

.topbar .navbar-search-results .results-item {
	display: flex;
}

.topbar .navbar-search-results .results-link-text-container {
	display: flex;
    flex-direction: column;
    flex: 1;
	max-width: calc(100% - 35px);
}

.topbar .navbar-search-results .results-link {
	display: flex;
	flex: 1;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

.topbar .navbar-search-results .hover {
	background-color: #E8E8E9;
}

.topbar .navbar-search-results .results-text {
	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 95%;
}

.topbar .navbar-search-results .download {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 135 135' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFile Download Icon%3C/title%3E%3Cg id='File-Download-Icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(29.000000, 18.000000)' fill='%23FFFFFF'%3E%3Cpath d='M77.894,22.52 L55.398,22.52 L55.398,0 L3.55271368e-15,0 L3.55271368e-15,99.4769965 L77.895,99.4769965 L77.894,22.52 Z M62.636,55.532 L41.722,80.512 C40.1947,82.3362 37.6986,82.3362 36.1751,80.512 L15.2611,55.532 C13.7338,53.7117 14.42907,52.2195 16.808,52.2195 L27.8,52.2195 L32.1203,52.2195 L32.1203,28.7895 C32.1203,26.4106 34.0656,24.4653 36.4445,24.4653 L41.4484,24.4653 C43.8273,24.4653 45.7726,26.4106 45.7726,28.7895 L45.7726,52.2195 L50.0968,52.2195 L61.0888,52.2195 C63.4638,52.2195 64.163,53.7078 62.6357,55.532 L62.636,55.532 Z' id='Fill-1'%3E%3C/path%3E%3Cpolygon id='Fill-2' points='62.312 0.06694 62.312 15.60194 77.902 15.60194'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    filter: brightness(0) saturate(100%) invert(18%) sepia(62%) saturate(330%) hue-rotate(168deg) brightness(98%) contrast(89%);
    align-self: center;
    margin-right: 10px;
}

.topbar .navbar-search-results .download:hover {
	filter: brightness(0) saturate(100%) invert(18%) sepia(62%) saturate(330%) hue-rotate(168deg) brightness(98%) contrast(89%) drop-shadow(2px 3px 5px rgba(149, 157, 165, 1));
}

.topbar .navbar-search-results .results-section-old {
	font-weight: 100;
    font-size: 15px;
    color: #65696E;

	white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 95%;
}
.topbar .navbar-search-results .results-section {
	font-weight: 100;
	font-size: 15px;
	color: #65696E;

	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 95%;
}

.topbar .download-icon {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 135 135' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFile Download Icon%3C/title%3E%3Cg id='File-Download-Icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(29.000000, 18.000000)' fill='%23FFFFFF'%3E%3Cpath d='M77.894,22.52 L55.398,22.52 L55.398,0 L3.55271368e-15,0 L3.55271368e-15,99.4769965 L77.895,99.4769965 L77.894,22.52 Z M62.636,55.532 L41.722,80.512 C40.1947,82.3362 37.6986,82.3362 36.1751,80.512 L15.2611,55.532 C13.7338,53.7117 14.42907,52.2195 16.808,52.2195 L27.8,52.2195 L32.1203,52.2195 L32.1203,28.7895 C32.1203,26.4106 34.0656,24.4653 36.4445,24.4653 L41.4484,24.4653 C43.8273,24.4653 45.7726,26.4106 45.7726,28.7895 L45.7726,52.2195 L50.0968,52.2195 L61.0888,52.2195 C63.4638,52.2195 64.163,53.7078 62.6357,55.532 L62.636,55.532 Z' id='Fill-1'%3E%3C/path%3E%3Cpolygon id='Fill-2' points='62.312 0.06694 62.312 15.60194 77.902 15.60194'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.topbar .cart-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	margin: -6px 0px;
	filter: brightness(1.0);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 135 135' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECart Icon%3C/title%3E%3Cg id='Cart-Icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M7.91025041,14.0008183 C6.3016095,14.0008183 5,15.2946746 5,16.8936364 C5,18.4925983 6.30165315,19.7864546 7.91025041,19.7864546 L25.9174248,19.7864546 L41.2413483,91.7453068 C41.6108192,93.5251132 42.8101188,95.0166502 44.2880895,95 L117.04435,95 C118.57907,95.0223201 120,93.6380632 120,92.106909 C120,90.5757549 118.584658,89.1915269 117.04435,89.2140909 L46.6526679,89.2140909 L31.1468538,16.2601093 C30.8569637,14.9832048 29.6007832,13.9888131 28.2820033,14 L7.91025041,14.0008183 Z M40,32 L48.6129032,75 L118.951613,75 L129,32 L40,32 Z M58,101 C52.4754286,101 48,105.475429 48,111 C48,116.524571 52.4754286,121 58,121 C63.5245714,121 68,116.524571 68,111 C68,105.475429 63.5245714,101 58,101 Z M102,101 C96.4754286,101 92,105.475429 92,111 C92,116.524571 96.4754286,121 102,121 C107.524571,121 112,116.524571 112,111 C112,105.475429 107.524571,101 102,101 Z' id='Fill-1' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
}

.topbar .cart-icon:hover {
	filter: brightness(0) saturate(100%) invert(77%) sepia(42%) saturate(5261%) hue-rotate(121deg) brightness(90%) contrast(81%);
}

.topbar #cart-icon.active {
	color: #149a80;
}

.topbar .cart-badge {
	position: relative;
	padding: 0px 6px;
    line-height: 1.5;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
	border-radius: 9000px;
    background-color: #E74D3C;
    color: #FFFFFF;
	display: block;
	top: -34px;
	left: 8px;
	margin-bottom: -34px;
	border: 2px solid #2C3D4F;
	font-style: normal;
	font-family: Helvetica Neue, sans-serif;
	font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.topbar .cart-badge.hidden {
	display: none;
}

.topbar .cart-container {
	display: none;
	/* display: flex; */
	flex-direction: column;
	position: absolute;
	background-color: white;
    /* border: 1px solid #E9ECED; */
    /* border-radius: 2px; */
	border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 10px;
    top: 60px;
    width: 400px;
    right: 0px;
	/* box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; */
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 10px;
	color: #2c3e50;
	z-index: 99;
}

.topbar .cart-container-toggle {
	display: flex;
}

.topbar .cart-container .btn-checkout {
	border-radius: 50px;
    /* width: fit-content;
    align-self: flex-end; */
}

.topbar .cart-container .btn-checkout:disabled {
	opacity: 0.65 !important;
}

.topbar .cart-container .heading-container{
	display: flex;
	align-items: center;
	/* border-bottom: 1px solid #EAECED; */
}

.topbar .cart-container .heading-container .title{
	flex: 1;
}

.topbar .cart-container .heading-container .count{
	margin: 0px;
}

.topbar .cart-container .cart-items {
	list-style: none;
	padding: 5px;
	max-height: 500px;
    overflow: auto;

	border-top: 1px solid #EAECED;
	/* border-bottom: 1px solid #EAECED; */
}

.topbar .cart-container .cart-items::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.topbar .cart-container .cart-items::-webkit-scrollbar-track {
	border-radius: 10px;
}

.topbar .cart-container .cart-items::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 10px;
}

.topbar .cart-container .cart-items::-webkit-scrollbar-corner {
	background-color: rgba(255, 255, 255, 0);
}

.topbar .cart-container .cart-items .cart-item {
	display: flex;
	align-items: center;
	padding: 10px 0px;
    border-bottom: 1px solid #EAECED;
}

.topbar .cart-container .cart-items .cart-item.no-items {
	justify-content: center;
	border-bottom: none;
	font-size: 18px;
}

.topbar .cart-container .cart-items .cart-item .description-container {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.topbar .cart-container .cart-items .cart-item .description-container .description {
	flex: 1;
	font-size: 16px;
	overflow-wrap: anywhere;
}

.topbar .cart-container .cart-items .cart-item .description-container .date{
	font-weight: 100;
	font-size: 14px;
	color: #65696E;
}

.topbar .cart-container .cart-items .cart-item .quantity {
	min-width: 50px;
	text-align: end;
}

.topbar .cart-container .cart-items .cart-item .amount {
	padding-left: 10px;
	min-width: 100px;
	text-align: end;
}

.topbar .cart-container .cart-total {
	align-self: flex-end;
}

.cart-blur {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	width: 100vw;
	height: 100vh;
	display: none;
}

.cart-blur.active {
	display: block;
}

@media (max-width: 576px){
	.topbar .quicklinks {
		display: none;
	}
}

@media (max-width: 768px){
	.topbar .mobile-search-icon {
		display: inline-block;
	}

	.topbar .navbar-search {
		position: absolute;
		top: 60px;
		width: calc(100% - 10px);
		left: 5px;
	}

	.topbar .navbar-search-results {
		top: 80px;
		width: calc(100% - 12px);
		left: 6px;
	}

	.mobile-search-closed{
		visibility: hidden;
	}

	.mobile-search-close-icon {
		top: 15px;
		left: 10px;
		position: absolute;
		z-index: 100;
		margin-left: 5px;

		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 135 135' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EClose Icon%3C/title%3E%3Cg id='Close-Icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M77.1039,67.00175 L114.9129,29.19675 C117.7059,26.40375 117.7059,21.88815 114.9129,19.09475 C112.1199,16.30175 107.6043,16.30175 104.8109,19.09475 L67.0019,56.90375 L29.1969,19.09475 C26.403901,16.30175 21.888301,16.30175 19.0949,19.09475 C16.3015001,21.88775 16.3019,26.40335 19.0949,29.19675 L56.9039,67.00175 L19.0949,104.81075 C16.3019,107.603748 16.3019,112.119348 19.0949,114.912748 C20.4894,116.303348 22.317601,117.002548 24.1457,117.002548 C25.9738,117.002548 27.8019,116.303328 29.1965,114.912748 L67.0015,77.10375 L104.8105,114.912748 C106.205,116.303348 108.0332,117.002548 109.8613,117.002548 C111.6894,117.002548 113.5175,116.303328 114.9121,114.912748 C117.7051,112.119748 117.7051,107.604148 114.9121,104.81075 L77.1031,67.00175' id='Fill-1' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	.search-blur {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 98;
		width: 100vw;
		height: 100vh;
		background-color: #000000;
		opacity: .8;
		transition: opacity .15s linear;
	}
}

@media (max-width: 992px){
	.topbar .need-help > a {
		padding: 4px 8px 4px 8px;
		font-size: 13px;
		margin-top: 4px;
		height: 28px;
	}

	.topbar .need-help > a > span {
		display: none;
	}

	.topbar .need-help > a > i {
		display: contents;
	}
}