/* Header layout. Keeps the bar, logo, and menu row stable while the rest of style.css loads. */
body {
	margin:0;
	font-family:'Work Sans',sans-serif;
	font-size:16px;
	font-weight:400;
	color:#000;
}
body {
	&.wp-admin {
		line-height:1;
		*{
			line-height:1;
		}
	}
}

button, input, select, textarea {
	font-family:'Work Sans',sans-serif;
}

html {
	&.page-template-page-home {overflow-x:hidden;}
}
body {
	&.page-template-page-home {overflow-x:hidden;}
}

a {text-decoration:none;color:#000;}

img {
	max-width:100%;
	height:auto;
}
figure {
	margin:0;
	&.wp-block-image {margin-bottom:0;}
}

.secondary a *, .site-footer a *, .site-header a *, a {
    transition:all .3s linear;
	-moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
}
a:hover, a:focus {
    color:#009dd0;
}
a:hover {
    outline:0;
}

.small-view {display:block;}
.medium-view, .site-nav-main-wrap {display:none;}

.visually-hidden {
	position:absolute!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    height:1px!important;
    width:1px!important;
    margin:-1px!important;
    padding:0!important;
    border:0!important;
}

@media (min-width:801px) {
	.small-view {display:none;}
	.medium-view, .site-nav-main-wrap {display:block;}
}

.uppercase {
	text-transform:uppercase;
}


.container, .site-main {
	max-width:1200px;
	padding:0 15px;
	margin:0 auto;
}

.site-header-outer-wrap {
	padding-bottom:30px;
}
.archive {
	.site-header-outer-wrap {
		padding-bottom:0;
	}
}

.site-header-wrap {
	color:#fff;
	background-color:#000;
}

.site-inner-head-wrap {
	padding: 5px 0;

	display:flex;
	align-items:center;
	justify-content:space-between;

	@media (min-width:801px) {
		padding:10px 0;
	}
	@media (min-width:1281px) {
		padding:23px 25px 23px 0;
	}

	.site-outer-nav-wrapper {
		@media (min-width:801px) {
			justify-content:right;
			flex:1;
			display:flex;
			align-items:center;
		}

		@media (min-width: 801px) and (max-width: 1280px) {
			max-width:72%;
			padding-right:5%;
		}
	}

	.site-nav-main-wrap {
		ul {
			list-style:none;
			padding:0;
			margin:0;

			@media (min-width:801px) {
				display:flex;
				align-items:center;

				&.sub-menu {
					display:block!important;
				}
			}

			&.sub-menu {
				@media (max-width:800px) {
					padding:15px 10px 5px;
				}
			}
		}
	}

	.header-search-data {
		padding:0 5px;
		a, button {display:inline-block;}
	}

	.header-account-data {
		a, button {display:inline-block;}
	}

	.site-logo-wrap {
		flex:1;
    	padding-left:15px;
		text-align:right;

		a {
			display:inline-block;
		}

		img {
			max-width: 150px;
		}

		@media (min-width:801px) {
			padding-left:0;
			flex:none;

			position: relative;
			min-width: 242px;

			a {
				position: absolute;
				top: -70px;
				width: 100%;
				left: 0;

				&.custom-logo-link{
					&::before {
						bottom: 0;
						left: 0;
						content: '';
						position: absolute;
						height: 260px;
						width: 100%;
						border-radius: 50%;
						z-index: 1;
						background: linear-gradient(0deg, #01031B, #01031B 66%, transparent 66%, transparent 34%, transparent 34%);
					}
				}
			}
		}

		@media (min-width: 801px) and (max-width: 1280px) {
			min-width: 147px;

			a {
				top: -45px;

				&.custom-logo-link{
					&::before {
						height: 155px;
					}
				}
			}
		}
	}

	.site-contact-details-wrap {
		display:flex;
		align-items:center;
		justify-content:right;
	}

	.site-cart-wrap {
		padding-right:10px;
		a {display:inline-block;position:relative;}

		.cart-main-count {
			position:absolute;
			content:'';
			right:-10px;
			top:-10px;
			height:21px;
			border-radius:50%;
			color:#fff;
			background-color:#009dd0;
			font-size:13px;
			text-align:center;
			line-height:21px;
			font-weight:600;
			min-width:11px;
			padding:0 5px;
		}
	}
}

.top-announcement-bar-wrap {
	background-color: #009DD0;
	.top-announcement-bar-content-wrap {
		padding: 7px 0;
		font-size: 14px;
		text-transform: uppercase;
		text-align: center;
		color: #fff;

		@media (min-width:801px) {
			padding: 12px 0;
			font-size: 16px;
		}

		p{
			&:last-child {
				margin:0;
			}
		}

		a {
			text-decoration: underline;
			color: inherit;
			font-size: inherit;

			&:hover {
				text-decoration: none;
			}
		}
	}
}

.cart-bar-wrap{
	//background-color: #01031B;
	color: #01031B;
	padding: 15px 0 10px;

	@media (min-width:801px) {
		padding: 21px 0;
	}

	a{
		color: #01031B;
	}

	.head-location-text-wrap{
		a {
			font-size: 14px;
			@media (min-width:801px) {
				font-size: 16px;
			}

			&:hover{
				text-decoration: underline;
			}
		}
	}
}
.cart-right-items-wrap{
	display: flex;
    align-items: center;
    justify-content: right;

	.top-head-flex {
		padding: 0 25px;
		@media (min-width:801px) {
			padding: 0 40px;
		}
		.head-location-text-wrap {
			display: flex;
			align-items: center;

			.head-location-icon-wrap{
				padding-right:5px;

				@media (min-width:801px) {
					padding-right: 12px;
				}
			}
		}
	}

	.site-contact-details-wrap {
		display: flex;
		align-items: center;
		justify-content: right;
		gap: 25px;
		padding: 0;

		@media (min-width:801px) {
			gap: 40px;
		}

		&.search-md {
			display: none;

			@media (min-width:801px) {
				display: block;
			}

			form {
				display: flex;
				align-items: flex-end;
			}
			input[type=text] {
				&.top-bar-searchinput{
					border: none;
					border-bottom: 1px solid #01031B;
					background-color: transparent;
					padding: 0 5px 5px 0;
					color:#01031B;

					&:focus-visible {
						outline: none;
					}

					&:-moz-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}
					&::-moz-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}

					:-ms-input-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}
					::-ms-input-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}

					&:-webkit-input-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}
					&::-webkit-input-placeholder {
						color:#01031B;
						font-size:14px;
						line-height:1;
						text-transform:uppercase;
					}
				}
			}
			.top-bar-search-button{
				border: none;
				padding: 0 0 0 4px;

				&:hover, &:focus {
					background-color: transparent;
				}
			}
		}

		&.search-sm {
			display: block;

			@media (min-width:801px) {
				display: none;
			}
		}
	}
}

.site-header-wrap {
	position:relative;
	&::before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3);
		width: 100%;
		height: 100%;
	}
	&>.container {
		position:relative;
	}
}

.page-template-page-home{
	.site-header-wrap {
		&::before {
			box-shadow: none;
		}
	}
}

.head-location-text-wrap {
	a {display:flex;align-items:center;}
}

.site-navigation-bar{
	background-color: #01031B;
	@media (min-width:801px) {
		position: relative;
		z-index: 3;
	}
	&>.container{
		position: relative;
	}
	.site-inner-head-wrap{
		.site-logo-wrap{
			img{
				@media (min-width:801px) {
					max-width: 100%;
					z-index: 10;
					position: relative;
				}
			}
		}
	}
	.custom-logo-link{
		@media (min-width:801px) {
			padding: 0 17px 25px;
			border-radius: 50%;
		}
		@media (min-width: 801px) and (max-width: 1280px) {
			padding: 0 17px 17px;
		}
	}
}

.navbar {
	left:0;
    max-width:300px;
    position:fixed;
    top:0;
    bottom:0;
    overflow:auto;
    background-color:transparent;
    text-align:left;
    height:100%;
    z-index:999;
    margin:0;
    border:none;
    padding:0 15px;
    transform:translateX(-350px);
    -webkit-transform:translateX(-350px);
	transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
    -webkit-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    -ms-transition:all ease-in-out .3s;

    width:100%;

	.close-icon {display:none;}

	ul {
		list-style-type:none;
		padding:0;
		margin:0;
		position:relative;
		li {
			padding-bottom:10px;
			&:last-child {padding-bottom:0;}
			@media (min-width:801px) {
				&.menu-item-has-children {
					position:relative;
				}
			}
		}
	}
	.sub-menu {
		padding:20px 15px 0;
		@media (max-width:800px) {
			display:none;
		}

		.sub-menu {
			@media (max-width:800px) {
				padding-bottom:20px;
			}
		}

		&>li {
			&>a {
				color:#fff;
				@media (min-width:801px) and (max-width:1024px) {
					font-size:12px;
				}
				@media (min-width:1025px) and (max-width:1200px) {
					font-size:13px;
				}
				&:hover {
					@media (min-width:801px) {
						text-decoration:underline;
					}
				}
			}
			&.menu-item-has-children {
				@media (min-width:801px) {
					&:hover {
						&>.sub-menu {
							left:100%;
							top:0;
						}
					}
				}
			}
		}
	}
	.nav-menu {
		@media (min-width:801px) {
			justify-content:right;
		}
		&>li {
			&>a {
				position:relative;
				display:inline-block;
				line-height:1.5;
				text-transform:uppercase;
				color:#FFFFFF;
				font-weight:700;
				font-size:16px;
				letter-spacing:0.5px;

				@media (min-width:801px) {
					padding:10px 0;

					&:hover {
						&::before {
							bottom:0;
							left:0;
							content:'';
							position:absolute;
							width:100%;
							height:2px;
							background-color:#009dd0;
						}
					}
				}
				@media (min-width:801px) and (max-width:1024px) {
					font-size:12px;
				}
				@media (min-width:1025px) and (max-width:1200px) {
					font-size:13px;
				}
			}
			&.current-menu-item {
				&>a {
					&::before {
						bottom:0;
						left:0;
						content:'';
						position:absolute;
						width:100%;
						height:2px;
						background-color:#009dd0;
					}
				}
			}
			&.menu-item-has-children {
				&>a {

					@media (max-width:800px) {
						display:flex;
						align-items:center;
						justify-content:space-between;
					}

					display:block;
					&::after {
						content:"\f107";
						display:inline-block;
						font-family:"Font Awesome 5 Free";

						font-weight:900;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale;
						margin-left:5px;

						font-style:normal;
						font-variant:normal;
						text-rendering:auto;
						line-height:1;

						padding-right:6px;
						font-size:1.5rem;

						@media (min-width:801px) {
							font-size:14.5px;
							padding-right:0;
							display:none;
						}
					}
				}
				&.arrow-toggle {
					&>a {
						&::after {
							content:"\f106";
							@media (min-width:801px) {content:"\f107";}
						}
					}
				}
			}
			&>button {
				position:relative;
				display:inline-block;
				line-height:1.5;
				text-transform:uppercase;
				color:#FFFFFF;
				font-weight:700;
				font-size:16px;
				letter-spacing:0.5px;
				padding:0;
				background-color:transparent;
				box-shadow:none;
				border:none;
			}
		}
		.sub-menu {
			&>li {
				&.menu-item-has-children {
					&>a {
						display:flex;
						align-items:center;
						justify-content:space-between;
						&::after {
							content:"\f107";
							display:inline-block;
							font-family:"Font Awesome 5 Free";

							font-weight:900;
							-webkit-font-smoothing:antialiased;
							-moz-osx-font-smoothing:grayscale;
							margin-left:5px;

							font-style:normal;
							font-variant:normal;
							text-rendering:auto;
							line-height:1;

							padding-right:6px;
							font-size:1.5rem;

							@media (min-width:801px) {
								font-size:.9rem;
								padding-right:0;
							}
						}
						@media (min-width:801px) {
							&:hover {
								&::after {
									transform:rotate(270deg);
								}
							}
						}
					}
					&.arrow-toggle {
						&>a {
							&::after {
								content:"\f106";
								@media (min-width:801px) {content:"\f107";}
							}
						}
					}
				}
			}
		}
	}

	@media (min-width:801px) {
		position:initial;
		width:100%;
		max-width:initial;
		background-color:transparent;
		left:auto;
		top:auto;
		bottom:auto;
		height:auto;
		padding:0;
		overflow:initial;
		transform:none;
		-webkit-transform:none;
		&>ul {
			display:flex;flex-wrap:wrap;
			&>li {
				padding:0 10px;
				&:first-child {
					padding-left:0;
				}
				&:hover {
					&>.sub-menu {left:10px;}
					&:first-child {
						&>.sub-menu {left:0;}
					}
				}
			}
		}
		ul {
			list-style-type:none;
			padding:0;
			margin:0;
			position:relative;
		}
		.nav-menu {
			.sub-menu {
				box-shadow:0 4px 10px -2px rgba(255,255,255,0.1);
				min-width:190px;
				background:#000;
				left:-999em;
				position:absolute;
				top:100%;
				z-index:99999;
				padding:25px 20px 10px 20px;
				&>li {
					padding:0 0 5px;
					margin-bottom:10px;
				}
			}
		}
	}
	@media (min-width:801px) and (max-width:1024px) {
		.nav-menu {
			.sub-menu {
				min-width:150px;
			}
		}
	}
	@media (min-width:1025px) and (max-width:1200px) {
		.nav-menu {
			.sub-menu {
				min-width:170px;
			}
		}
	}
	@media (min-width:801px) and (max-width:1920px) {
		&>ul {
			&>li {
				&:hover {
					&:last-child, &:nth-last-child(2), &:nth-last-child(3) {
						&>.sub-menu {
							left:auto;
							right:10px;
						}
					}
				}
				&:last-child, &:nth-last-child(2), &:nth-last-child(3) {
					&>.sub-menu {
						.menu-item-has-children {
							&:hover {
								&>.sub-menu {
									left:auto;
									right:100%;
								}
							}
						}
					}
					.sub-menu {
						&>li {
							&.menu-item-has-children {
								&>a {
									&::after {
										position:absolute;
										left:-15px;
										margin:0;
									}
									&:hover {
										&::after {
											transform:rotate(90deg);
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@media (min-width:1201px) {
		&>ul {
			&>li {
				padding:0 22px;
				&:hover {
					&>.sub-menu {left:15px;}
				}
			}
		}
	}
}*/

@media (min-width: 801px) {
  .mega-sub-menu {
    background-color: #01031b !important;
  }
}

#mega-menu-wrap-header-menu-1 {
  position: static !important;
}
#mega-menu-wrap-header-menu-1 .mega-menu-toggle {
  display: none !important;
}
@media (max-width: 800px) {
  #mega-menu-wrap-header-menu-1 .mega-menu-toggle + #mega-menu-header-menu-1 {
    background: transparent !important;
    padding: 15px 0 !important;
    display: block !important;
    margin-top: 45px;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 {
  position: static !important;
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    padding-left: 15px;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 {
    justify-content: space-evenly;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
  background: transparent !important;
  background-color: transparent !important;
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    background-color: #01031b !important;
    padding: 10px;
    width: auto;
    min-width: 250px;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    min-width: 170px;
    padding: 10px 0;
  }
}
@media (min-width: 1025px) and (max-width: 1390px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    min-width: 190px;
    padding: 10px 0;
  }
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    width: auto;
    min-width: 180px;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    min-width: 170px;
  }
}
@media (min-width: 1025px) and (max-width: 1390px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    min-width: 190px;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: transparent !important;
  color: #fff !important;
  font-size: 16px !important;
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 14px !important;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  color: #009dd0 !important;
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: #01031b !important;
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  background: transparent !important;
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 12px !important;
  }
}
@media (max-width: 800px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #fff !important;
  }
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    top: 40px !important;
    bottom: 40px !important;
    min-height: calc(100% - 80px) !important;
    border-left: none !important;
    padding: 0 20px !important;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    padding: 0 10px !important;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
    padding: 5px 10px 10px !important;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 14px !important;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.all-submenu-links-wrap > a.mega-menu-link {
  color: #009dd0 !important;
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.all-submenu-links-wrap > a.mega-menu-link:hover, #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.all-submenu-links-wrap > a.mega-menu-link:focus {
  color: #fff !important;
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px !important;
  }
}
@media (min-width: 801px) and (max-width: 1200px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    max-width: 80%;
    margin: 0px auto;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 40px 20px !important;
    left: 15px !important;
    right: 15px !important;
    width: calc(100% - 30px);
    transform: translateX(0) !important;
  }
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 40px 10px !important;
  }
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-megamenu.brand-half-width > ul.mega-sub-menu {
    left: calc(25% - 15px) !important;
    right: calc(25% - 15px) !important;
    width: calc(50% - 30px);
  }
}
@media (min-width: 1201px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item {
    padding: 0 12px;
  }
}
#mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link {
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 16px !important;
}
@media (min-width: 801px) and (max-width: 1024px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link {
    font-size: 12px !important;
  }
}
@media (max-width: 800px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link {
    padding: 0 !important;
  }
}
@media (min-width: 801px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link {
    position: relative;
    display: flex;
    align-items: center;
  }
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link:hover::before, #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item > a.mega-menu-link:focus::before {
    bottom: 0;
    left: 10px;
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: 2px;
    background-color: #009dd0;
  }
}
@media (max-width: 800px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent !important;
  }
}
@media (max-width: 800px) {
  #mega-menu-wrap-header-menu-1 #mega-menu-header-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: transparent !important;
  }
}



#mega-menu-wrap-header-menu-1 .mega-sub-menu {
	display: none;
}
@media (min-width: 801px) {
	.site-navigation-bar {
		min-height: 86px;
	}
	#mega-menu-wrap-header-menu-1 {
		min-height: 40px;
	}
}

/* Cart dropdown and header buttons, so they do not expand before style.css arrives. */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color:#009dd0;
	color:#fff;
    border-radius:0;
	border-color:#009dd0;
	&:hover {color:#009dd0;background-color:#fff;border-color:#009dd0;}
}

input[type=submit], .button,button[type=submit] {
	font-weight:600;
    color:#009dd0;
    border:none;
    padding:10px;
    cursor:pointer;
	display:inline-block;
	letter-spacing:1px;
	border-radius:0;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
	position:relative;
	z-index:1;
	font-size:16px;
	text-transform:capitalize;
	border:1px solid #009dd0;
	background-color:transparent;
	text-align:center;

	@media (min-width:551px) {font-size:18px;}

	&:hover {
		background-color:#009dd0;
		color:#fff;
	}
}

.button {
	box-sizing:border-box;
	&.reverse-button, &.button-reverse {
		color:#fff;
		background-color:#009dd0;
		&:hover {
			background-color:#fff;
			color:#009dd0;
		}
	}
}

a {
	&.button {
		&:hover, &:focus {
			color:#fff;
		}
	}
}

.woocommerce div.product form.cart .button {
	background-color:#009dd0;
    border-radius:0;
	font-weight:600;
    color:#fff;
    border:1px solid #009dd0;
    padding:10px;
    cursor:pointer;
	display:inline-block;
	&:hover {color:#009dd0;background-color:#fff;}
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input[type=submit].button, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
	background-color:#009dd0;
    border-radius:0;
	font-weight:600;
    color:#fff;
    border:1px solid #009dd0;
    padding:11px;
    cursor:pointer;
	display:inline-block;
	text-decoration:none;
	&:hover {color:#009dd0;background-color:#fff;}
}

.site-cart-wrap {
  position: relative;
}

.fc-h-summary-outer {
  position: absolute;
  z-index: 4;
  right: -15px;
  opacity: 0;
  visibility: hidden;
  /*transition: opacity .5s linear .1s;*/
  transition: all 0.3s linear;
  background-color: #fff;
  width: 273px;
}

.fc-h-summary {
  padding-top: 1em;
  background-color: #fff;
}
.fc-h-summary::before {
  content: "";
  display: block;
  border: 1em solid #888AA7;
  position: absolute;
  top: 2px;
  right: 29px;
  width: 29px;
  height: 29px;
  background: #FFFFFF;
  border-right: 3px solid #888AA7;
  border-bottom: 3px solid #888AA7;
  border-left: 3px solid transparent;
  border-top: 3px solid transparent;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

@media (min-width: 801px) {
  .site-cart-wrap:hover .fc-h-summary-outer {
    opacity: 1;
    visibility: visible;
  }
}

.fc-summary-prds-wrap {
  max-width: 273px;
  padding: 14px;
  border: 3px solid #888AA7;
}

.fc-summary-prds-inner-wrap {
  max-height: 228px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.fc-summary-prds-inner-wrap::-webkit-scrollbar {
  width: 6px;
}
.fc-summary-prds-inner-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.fc-summary-prds-inner-wrap::-webkit-scrollbar-thumb {
  background: #888;
}
.fc-summary-prds-inner-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.fc-summary-prd-row-wrap {
  display: flex;
  gap: 17px;
  line-height: 1;
  padding: 6px 0;
}

.fc-summary-prd-img-wrap {
  position: relative;
}

.site-inner-head-wrap .site-cart-wrap .fc-summary-prd-inner-img-wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 83px;
}
.site-inner-head-wrap .site-cart-wrap .fc-summary-prd-inner-img-wrap a img {
  display: block;
  max-width: 75px;
  height: auto;
  max-height: 75px;
  width: auto;
}

.fc-summary-prd-name {
  line-height: 1.175;
  font-size: 12px;
}
.fc-summary-prd-name a {
  line-height: 1.175;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
}
.fc-summary-prd-name p, .fc-summary-prd-name dd, .fc-summary-prd-name dl {
  margin: 0;
}

.fc-summary-prd-price {
  line-height: 1.2;
  font-weight: 500;
  font-size: 15px;
  padding-top: 10px;
}

.cart-bar-wrap .fc-summary-btns-wrap {
  margin-top: 10px;
}
.cart-bar-wrap .fc-summary-btns-wrap .summary-checkout-button {
  padding-bottom: 3px;
}
.cart-bar-wrap .fc-summary-btns-wrap .summary-checkout-button a.button.alt {
  background-color: #FF9D00;
  border-color: #FF9D00;
  letter-spacing: 0;
  color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 1.175;
  font-weight: 700;
}
.cart-bar-wrap .fc-summary-btns-wrap .summary-checkout-button a.button.alt:hover, .cart-bar-wrap .fc-summary-btns-wrap .summary-checkout-button a.button.alt:focus {
  background-color: transparent;
  color: #ff9d00;
  text-decoration: none;
}
.cart-bar-wrap .fc-summary-btns-wrap .fc-summary-cart-button a.button {
  background-color: #009dd0;
  border-color: #009dd0;
  letter-spacing: 0;
  color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 1.175;
  font-weight: 700;
}
.cart-bar-wrap .fc-summary-btns-wrap .fc-summary-cart-button a.button:hover, .cart-bar-wrap .fc-summary-btns-wrap .fc-summary-cart-button a.button:focus {
  background-color: transparent;
  color: #009dd0;
  text-decoration: none;
}

button.nav-trigger,
button.searchbtn,
button.close-button {
  padding: 0;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

@media (max-width: 767px) {
  .cart-bar-wrap {
    padding: 8px 0;
  }
  .site-navigation-bar .site-inner-head-wrap {
    padding: 17px 0;
    min-height: 73px;
  }
  .site-inner-head-wrap .site-logo-wrap a {
    position: absolute;
    right: 27px;
    top: 0;
    width: 87px;
    height: 73px;
    z-index: 9;
    background: #01031b;
    border-radius: 50%;
    overflow: hidden;
  }
  .site-inner-head-wrap .site-logo-wrap a img {
    max-width: 87px;
    width: 87px;
    height: auto;
    position: relative;
    top: -2px;
  }
}