/* CSS Document */

/* ---------------------------
CSS Jazz Messengers
http://www.jazzmessengers.com
Creat per Signia - Febrer 2018
------------------------------ */


/*** ESSENTIAL STYLES ***/
.sf-contener 						{ clear: both; float: left; width: 100%; }
.sf-menu, .sf-menu * 				{ list-style: none; margin: 0; padding: 0; }
.sf-menu 							{ background:none; border-bottom:none; /* border-bottom:3px solid #e9e9e9;*/ margin:0; /* right:0;*/  padding:0; /* position:absolute; */ width:auto; }
.sf-menu ul 						{  }
.sf-menu > li 						{ border:none; float: left; } 
.sf-menu ul li 						{ width: 100%; }
.sf-menu li:hover 					{ visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu > li > a 					{ color: #fff; display: inline-block; font:200 14px "din-2014", Arial, Helvetica, sans-serif; letter-spacing: 0.04em; padding:25px 20px; text-align:center; text-transform: uppercase; }
.sf-menu > li > a:hover 			{ opacity:0.75; }
.sf-menu > li > a:focus				{  color:#fff; text-decoration:none; }
.sf-menu > li > a::after 			{ /* color:transparent; content:attr(title); display:block; font-weight:bold; height:1px; margin-bottom:-1px; overflow:hidden; visibility:hidden; */}
.sf-menu > li > a.active			{ color:#fff; font:700 14px "din-2014", Arial, Helvetica, sans-serif; letter-spacing: 0.04em; }

.sf-menu > li.sfHover > a,
.sf-menu > li.sfHoverForce > a 		{ color: #fff; }
.sf-menu > li.sfHoverForce > a		{ background:none; }


.sf-menu li li li a 				{ color: #777; display: inline-block; font-size: 13px; font-weight: bold; line-height: 16px; padding-bottom: 10px; position: relative; }
.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: #333; }

.sf-menu li ul 						{ -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; background:#404040; display: none; padding: 12px 0px 18px 0px; position: absolute; top: 59px; /* match top ul list item height */ z-index: 99; }
.sf-menu li li ul 					{ -moz-box-shadow: transparent 0px 0px 0px; -webkit-box-shadow: transparent 0px 0px 0px; box-shadow: transparent 0px 0px 0px; background: none; display: block !important; opacity: 1 !important; position: static; }

.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: 220px; /* match ul width */ 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: 220px; /* match ul width */ top: 0; }

.sf-menu > li > ul 					{ padding: 26px 20px 31px; width: 280px; }
.sf-menu > li > ul > li > a			{ border-bottom:1px solid rgba(255,255,255,0.75); color:#fff; display:inline-block; font:200 14px "din-2014", Arial, Helvetica, sans-serif; letter-spacing:0.04em; padding:8px 0; text-transform:none; width:100%; }
.sf-menu > li > ul > li > a:hover 	{ font-weight:600; text-shadow:none; opacity:0.75; }
.sf-menu > li > ul > li 			{ float: left; padding-right: 0; text-align:left;  width: 100%; }

.sf-menu > li > ul > li.category-thumbnail 		{ clear: both; float: none; overflow: hidden; padding-right: 0; width: 100% !important; }
.sf-menu > li > ul > li.category-thumbnail > div{ float: left; padding-left: 10px; width: 33.333%; }

.sf-menu > li > ul > li.category-thumbnail > div:first-child { padding-left: 0; }
.sf-menu > li > ul > li.category-thumbnail > div img { display: block; max-width: 100%; }

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

#block_top_menu .category-thumbnail 		{ clear: both; float: none; width: 100%; }
#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; }



/* .sf-menu li ul 					{ top:80px!important; left:inherit!important; width:35%!important; } */
.sf-menu > li > ul > li > a:hover	{ background:rgba(2555,255,255,0.1); text-shadow: none; }
.sf-menu > li > ul > li > a:after 	{ /* content:"\f178"; */ float:right; font-family:FontAwesome!important; font-weight:100!important; } 

.cat-title 									{ display: none; }



						

/* MEDIAQUERIES */

@media (max-width: 767px) {
	.sf-menu 						{ display: none; } 
}

@media (max-width: 767px) {
    .sf-menu ul 					{ position: relative; } 
}

@media (max-width: 767px) {
    .sf-menu > li 					{ border-right: none; float: none; position: relative; }
	.sf-menu > li span 				{ height: 30px; position: absolute; right: 6px; top: 20px; width: 30px; z-index: 2; }
	.sf-menu > li span:after		{ content: "\f067"; font-family: "FontAwesome"; font-size: 26px; }
	.sf-menu > li span.active:after { content: "\f068"; } 
}
  
@media (max-width: 767px) {
    .sf-menu li ul 							{ top: 0; } 
}

@media (max-width: 767px) {
.sf-menu > li > ul > li 					{ width: 50%; } 
}

@media (max-width: 479px) {
.sf-menu > li > ul > li 					{ padding-bottom: 20px; width: 100%; } 
}

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

@media (max-width: 479px) {
.sf-menu > li > ul > li.category-thumbnail > div { padding-left: 0; padding-top: 10px; text-align: center; width: 100%; }
}

@media (max-width: 767px) {
.cat-title 									{ background: #f6f6f6; border-bottom: 3px solid #e9e9e9; color: #484848; display: block; font: 600 18px/22px "Open Sans", sans-serif; padding: 17px 20px; position: relative; text-transform: uppercase; }
.cat-title:hover 							{ background: #333; border-bottom-color: #666666; color: #fff; }
.cat-title:after 							{ content: "\f067"; display: block; font-family: "FontAwesome"; font-size: 26px; position: absolute; right: 15px; top: 18px; }
.cat-title.active:after 					{ content: "\f068"; } 
}


/*# sourceMappingURL=superfish-modified.css.map */