.sf-contener {
	clear:both;
	float:left;
	width:100%; }

.sf-menu,
.sf-menu * {
	margin:0;
	padding:0;
	list-style:none; }

.sf-menu {
	position:relative;
	padding:0;
	width:100%; }
	@media (max-width:767px) {
		.sf-menu {
			display:none; }
	}

.sf-menu ul {
	position:absolute;
	top:-999em;
	background:#fff; }
	@media (max-width:767px) {
		.sf-menu ul {
			position:relative; }
	}

.sf-menu ul li {
	width:100%; }

.sf-menu li:hover {
	visibility:inherit; }

.sf-menu > li {
	float:left;
	border-right:1px solid #6a859d; }
.sf-menu > li:first-child {
	border-left:1px solid #6a859d; }
	@media (max-width:767px) {
		.sf-menu > li {
			float:none;
			position:relative;
			border-right:none;
			border-left:none!important;
			border-bottom:1px solid #ffffff }
		.sf-menu > li > a {
			background-color:#d9e1e8;
			color:#000000!important; }
		.sf-menu > li span {
			position:absolute;
			right:6px;
			top:15px;
			width:30px;
			height:20px;
			z-index:2; }
		.sf-menu > li span:after {
			font-family:"FontAwesome";
			content:"\f055";
			font-size:18px;
			color:#97aabb; }
		.sf-menu > li span.active:after {
			content:"\f056"; } 
	}
.sf-menu > li > a {
	font-size:15px;
	line-height:normal;
	text-transform:uppercase;
	color:#ffffff;
	display:block;
	padding: 14px 20px; }
.sf-menu > li.sfHover > span:after,
.sf-menu > li:hover > span:after {
	color:#ffffff; }
.sf-menu > li.sfHover > a,
.sf-menu > li:hover > a {
	color:#ffffff;
	background:#6a859d; }
	@media (max-width:767px) {
		.sf-menu > li.sfHoverForce > a {
			border-bottom:3px solid #45b7ec; } 
	}

.sf-menu li li li a {
	display:inline-block;
	position:relative;
	color:#777777;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	padding-bottom:10px; }
.sf-menu li li li a:before {
	content:"\f105";
	display:inline-block;
	font-family:"FontAwesome";
	padding-right:10px; }
.sf-menu li li li a:hover {
	color:#0087c5; }

.sf-menu li ul {
	display:none;
	left:0;
	top:auto;
	z-index:99;
	padding:12px 0px 18px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 13px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 13px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 13px; }
	@media (max-width:767px) {
		.sf-menu li ul {
			top:0; } 
	}

.sf-menu li li ul {
	position:static;
	display:block !important;
	opacity:1 !important;
	background:none;
	-moz-box-shadow:transparent 0px 0px 0px;
	-webkit-box-shadow:transparent 0px 0px 0px;
	box-shadow:transparent 0px 0px 0px; }

.sf-menu li li li ul {
	padding:0 0 0 20px; }

.sf-menu li li li ul {
	width:220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:200px;
	top:0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:200px;
	top:0; }

.sf-menu > li > ul {
	padding:26px 0;
	width:100%; }
.sf-menu > li > ul > li > a {
	text-transform:uppercase;
	font:600 16px/20px "Open Sans", sans-serif;
	color:#333; }
.sf-menu > li > ul > li > a:hover {
	color:#0087c5; }

.sf-menu > li > ul > li {
	float:left;
	width:16.66667%;
	padding-left:30px;
	padding-right:15px;
	border-right:1px solid #45b7ec; }
	@media (min-width:1200px) {
		.sf-menu > li > ul > li:nth-child(6n+6):not(:first-child) {
			border-right:none; }
		.sf-menu > li > ul > li:nth-child(6n+1) {
			clear:left; } 
	}
	@media (min-width:992px) and (max-width:1199px) {
		.sf-menu > li > ul > li:nth-child(5n+5):not(:first-child) {
			border-right:none; }
		.sf-menu > li > ul > li:nth-child(5n+1) {
			clear:left; } 
	}
	@media (min-width:768px) and (max-width:991px) {
		.sf-menu > li > ul > li:nth-child(4n+4):not(:first-child) {
			border-right:none; }
		.sf-menu > li > ul > li:nth-child(4n+1) {
			clear:left; } 
	}
	@media (max-width:1199px) {
		.sf-menu > li > ul > li {
			width:20%; } 
	}
	@media (max-width:991px) {
		.sf-menu > li > ul > li {
			width:25%; } 
	}
	@media (max-width:767px) {
		.sf-menu > li > ul > li {
			width:50%;
			border-right:none; } 
	}
	@media (max-width:479px) {
		.sf-menu > li > ul > li {
			width:100%;
			padding-bottom:10px; } 
	}
	@media (min-width:768px) {
		.sf-menu > li > ul > li.first-in-line-lg {
			clear:left; } 
	}
	@media (min-width:480px) and (max-width:767px) {
		.sf-menu > li > ul > li.first-in-line-xs {
			clear:left; } 
	}

.sf-menu > li > ul > li.category-thumbnail {
	width:100% !important;
	float:none;
	clear:both;
	overflow:hidden;
	padding-right:0; }
.sf-menu > li > ul > li.category-thumbnail > div {
	float:left;
	padding-left:10px;
	width:33.333%; }
	@media (max-width:479px) {
		.sf-menu > li > ul > li.category-thumbnail > div {
			width:100%;
			padding-left:0;
			padding-top:10px;
			text-align:center; } 
	}
.sf-menu > li > ul > li.category-thumbnail > div:first-child {
	padding-left:0; }
.sf-menu > li > ul > li.category-thumbnail > div img {
	max-width:100%;
	display:block; }

.cat-title {
	display:none; }
	@media (max-width:767px) {
		.cat-title {
			display:block;
			font-size:15px;
			line-height:normal;
			text-transform:uppercase;
			color:#ffffff;
			display:block;
			padding:14px 20px 10px;
			border-bottom:4px solid #6a859d;
			background:#97aabb;
			position:relative; }
		.cat-title:hover {
			background:#6a859d;
			border-bottom-color:#666666; }
		.cat-title:after {
			display:block;
			float:right;
			font-family:"FontAwesome";
			font-size:18px;
			content:"\f055"; }
		.cat-title.active:after {
			content:"\f056"; } 
	}

.sf-menu li.sf-search {
	border:none; }
.sf-menu li.sf-search input {
	display:inline;
	padding:0 13px;
	height:30px;
	line-height:30px;
	background:#fff;
	margin:13px 10px 0 0;
	font-size:13px;
	color:#9c9b9b;
	border:1px solid #d6d4d4; }

#block_top_menu .category-thumbnail {
	clear:both;
	width:100%;
	float:none; }
#block_top_menu .category-thumbnail div {
	float:left;
	width:33.33333%; }
#block_top_menu .category-thumbnail div img {
	max-width:100%; }
#block_top_menu li.category-thumbnail {
	padding-right:0; }

@media (min-width:767px) and (max-width:992px){
	.sf-menu {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
		gap: 0; }

	.sf-menu > li {
		flex: 1 1 0;
		min-width: 0;
		box-sizing: border-box; }

	.sf-menu > li > a {
		text-align: center;
		display: block;
		padding: 14px 12px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; }
}