/*** ESSENTIAL STYLES ***/
.ext-menu, .ext-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.ext-menu {
	line-height:	1.0;
}
.ext-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:999;
}
.ext-menu ul li {
	width:			100%;
}
.ext-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.ext-menu li {
	float:			left;
	position:		relative;
}
.ext-menu a {
	display:		block;
	position:		relative;
}
.ext-menu li:hover ul,
.ext-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.ext-menu li:hover li ul,
ul.ext-menu li.sfHover li ul {
	top:			-999em;
}
ul.ext-menu li li:hover ul,
ul.ext-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.ext-menu li li:hover li ul,
ul.ext-menu li li.sfHover li ul {
	top:			-999em;
}
ul.ext-menu li li li:hover ul,
ul.ext-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.ext-menu li.sfHover li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	margin-left: 1px!important;
	margin-top: -2px!important;
}




.ext-menu ul {
	xxbox-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}




/*###############################################################################################*/

#top-menu ul.ext-menu {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
}

#top-menu ul.ext-menu > li {
	padding: 0;
	position: relative;
	zxcpadding-bottom:25px;
}

#top-menu ul.ext-menu > li.active > a,
#top-menu ul.ext-menu > li.sfHover > a,
#top-menu ul.ext-menu > li.current > a,
#top-menu ul.ext-menu > li.active > span,
#top-menu ul.ext-menu > li.sfHover > span,
#top-menu ul.ext-menu > li.current > span {
  color: #e31f24;
  text-shadow: none;
  background-color: transparent;
  border-bottom: 0px solid #000;
}

#top-menu ul.ext-menu > li.active > a:hover,
#top-menu ul.ext-menu > li.sfHover > a:hover,
#top-menu ul.ext-menu > li.current > a:hover,
#top-menu ul.ext-menu > li.active > span:hover,
#top-menu ul.ext-menu > li.sfHover > span:hover,
#top-menu ul.ext-menu > li.current > span:hover,
#top-menu ul.ext-menu > li.active > a:focus,
#top-menu ul.ext-menu > li.sfHover > a:focus,
#top-menu ul.ext-menu > li.current > a:focus,
#top-menu ul.ext-menu > li.active > span:focus,
#top-menu ul.ext-menu > li.sfHover > span:focus,
#top-menu ul.ext-menu > li.current > span:focus,
#top-menu ul.ext-menu > li.active > a:active,
#top-menu ul.ext-menu > li.sfHover > a:active,
#top-menu ul.ext-menu > li.current > a:active,
#top-menu ul.ext-menu > li.active > span:active,
#top-menu ul.ext-menu > li.sfHover > span:active,
#top-menu ul.ext-menu > li.current > span:active,
#top-menu ul.ext-menu > li.active > a.active,
#top-menu ul.ext-menu > li.sfHover > a.active,
#top-menu ul.ext-menu > li.current > a.active,
#top-menu ul.ext-menu > li.active > span.active,
#top-menu ul.ext-menu > li.sfHover > span.active,
#top-menu ul.ext-menu > li.current > span.active,
#top-menu ul.ext-menu > li.active > a.disabled,
#top-menu ul.ext-menu > li.sfHover > a.disabled,
#top-menu ul.ext-menu > li.current > a.disabled,
#top-menu ul.ext-menu > li.active > span.disabled,
#top-menu ul.ext-menu > li.sfHover > span.disabled,
#top-menu ul.ext-menu > li.current > span.disabled,
#top-menu ul.ext-menu > li.active > a[disabled],
#top-menu ul.ext-menu > li.sfHover > a[disabled],
#top-menu ul.ext-menu > li.current > a[disabled],
#top-menu ul.ext-menu > li.active > span[disabled],
#top-menu ul.ext-menu > li.sfHover > span[disabled],
#top-menu ul.ext-menu > li.current > span[disabled] {
  color: #e31f24;
}

#top-menu ul.ext-menu > li.active > a:active,
#top-menu ul.ext-menu > li.sfHover > a:active,
#top-menu ul.ext-menu > li.current > a:active,
#top-menu ul.ext-menu > li.active > span:active,
#top-menu ul.ext-menu > li.sfHover > span:active,
#top-menu ul.ext-menu > li.current > span:active,
#top-menu ul.ext-menu > li.active > a.active,
#top-menu ul.ext-menu > li.sfHover > a.active,
#top-menu ul.ext-menu > li.current > a.active,
#top-menu ul.ext-menu > li.active > span.active,
#top-menu ul.ext-menu > li.sfHover > span.active,
#top-menu ul.ext-menu > li.current > span.active {
  xxbackground-color: #f18324 \9;
}
#top-menu ul.ext-menu > li + li {
  margin: 0px;
}
#top-menu ul.ext-menu > li > a,
#top-menu ul.ext-menu > li > span {
	color: #101010;
	xxfont: 15px/46px 'roboto_condensedregular';
	font-family: 'Open Sans', sans sarif;
	font-size:12px;
	font-weight: 600;
	font-style: normal;
	height: 46px;
	text-transform: uppercase;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 0 13px;
	margin-right: 1px;
	text-decoration: none;
}

#top-menu ul.ext-menu > li > a:hover,
#top-menu ul.ext-menu > li > span:hover {
  color: #FFF;
  text-shadow: none;
  background:transparent;
}
#top-menu ul.ext-menu > li > a:hover:hover,
#top-menu ul.ext-menu > li > span:hover:hover,
#top-menu ul.ext-menu > li > a:hover:focus,
#top-menu ul.ext-menu > li > span:hover:focus,
#top-menu ul.ext-menu > li > a:hover:active,
#top-menu ul.ext-menu > li > span:hover:active,
#top-menu ul.ext-menu > li > a:hover.active,
#top-menu ul.ext-menu > li > span:hover.active,
#top-menu ul.ext-menu > li > a:hover.disabled,
#top-menu ul.ext-menu > li > span:hover.disabled,
#top-menu ul.ext-menu > li > a:hover[disabled],
#top-menu ul.ext-menu > li > span:hover[disabled] {
  color: #e31f24;
}
#top-menu ul.ext-menu > li > a:hover:active,
#top-menu ul.ext-menu > li > span:hover:active,
#top-menu ul.ext-menu > li > a:hover.active,
#top-menu ul.ext-menu > li > span:hover.active {
  background-color: #E31F24 \9;
}


#top-menu ul.ext-menu li:hover > ul,
#top-menu ul.ext-menu li.sfHover > ul {
  top: 53px;
  left: 50%;
  margin-left: -6em;
  border-top: 2px solid #e31f24;
}
#top-menu ul.ext-menu ul {
  width: 180px;
  min-width:180px;
  margin-top:-3px;
}
#top-menu ul.ext-menu li li:hover ul,
#top-menu ul.ext-menu li li.sfHover ul {
  top: -18px;
  left: 181px;
  margin-left: 0;
}
#topbar.stick #top-menu ul.ext-menu li li:hover ul,
#topbar.stick #top-menu ul.ext-menu li li.sfHover ul {
  top: -18px;
  left: 181px;
  margin-left: 0;
}


#top-menu ul.ext-menu li li li:hover ul,
#top-menu ul.ext-menu li li li.sfHover ul {
  top: -18px;
  left: 176px;
  margin-left: 0;
}
#top-menu ul.ext-menu ul {
  /*background: #464545;*/
  background: #f7f7f7;
  background:rgba(255,255,255,0.9);
  padding: 18px 0;
}
#top-menu ul.ext-menu ul ul {
  background: #f7f7f7;
  background:rgba(255,255,255,0.9);
  padding: 18px 0;

}
#top-menu ul.ext-menu ul ul li a,
#top-menu ul.ext-menu ul ul li span {
  color: #545454;
  font-weight: normal;
}
#top-menu ul.ext-menu li.sfHover li.sfHover li:hover > a:hover {
  color: #e31f24!important;
}
#top-menu ul.ext-menu li.sfHover li.sfHover li.active > a:hover {
  color: #e31f24!important;
}
#top-menu ul.ext-menu ul ul li.active > a,
#top-menu ul.ext-menu ul ul li.sfHover > a,
#top-menu ul.ext-menu ul ul li.active > span,
#top-menu ul.ext-menu ul ul li.sfHover > span {
  color: #e31f24;
  font-weight: normal;
}

#top-menu ul.ext-menu ul li a,
#top-menu ul.ext-menu ul li span {
  font-size: 12px;
  line-height: 35px;
  font-family: Arial, Helvetica, sans-serif;
  color: #272727;
  display: block;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: normal;
  margin-top:1px;
}
#top-menu ul.ext-menu ul li a:hover,
#top-menu ul.ext-menu ul li span:hover {
  color: #e31f24;
  background:#FFF;
  xxbackground:#e31f24;
  font-weight: normal;
}
#top-menu ul.ext-menu ul li.sfHover > a,
#top-menu ul.ext-menu ul li.sfHover > span {
  color: #e31f24;
  background:#FFF;
	font-weight: normal;
}
#top-menu ul.ext-menu ul li.active > a,
#top-menu ul.ext-menu ul li.active > span {
  color: #e31f24;
  background:#FFF;
  font-weight: normal;
}

#top-menu ul.ext-menu ul li.active > a:hover,
#top-menu ul.ext-menu ul li.active > span {
  color: #e31f24;
  background:rgba(255,255,255,0.9);
  font-weight: normal;
}

#top-menu ul.ext-menu ul > li.deeper.sfHover > a,
#top-menu ul.ext-menu ul > li.deeper > a,
#top-menu ul.ext-menu ul > li.active.deeper > a:hover {
	xxbackground-image: url(../../../../templates/intracin/images/arrow-right-hover.png)!important;
	xxbackground-position: calc(100% - 20px) center;
	xxbackground-repeat: no-repeat;
}

#top-menu ul.ext-menu ul > li.deeper > a:after {
	content:"\0203A" !important;
	font-size: 20px;
	float: right;
	margin-right:10px;
	margin-top: -2px;
	font-weight: normal;
}

#top-menu ul.ext-menu ul > li.deeper > a:after {
	color: #cacaca;
}

#top-menu ul.ext-menu ul > li.deeper.sfHover > a:after,
#top-menu ul.ext-menu ul > li.deeper.active > a:after {
	color: #e31f24;
}


.ext-menu > li.deeper {
	background-image:url("../../../../images/arrowDown.png");
	xxbackground-size: 15px 15px;
	background-position: center center;
	background-repeat:no-repeat;
}










.locations .mod-custom {
  float: right !important;
  font-family:"open sans", sans sarif;
  text-align:center;
  width:50px;
}

div.mod-custom div.search-box .tsearch { xbackground: #e31f24; overflow:hidden; }


.locations p {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 0px !important;
  font-weight:600;
  line-height: 18px !important;
  text-align:center !important
}

.icon-search { font-size:20px !important }

.locations p a{
	text-decoration:none;
	color:#fff;
	font-weight:600;
}
.locations p a:hover{
	color:#fff;
}

.icon-search:before {
    color: #272727;
}
.tsearch:hover .icon-search:before {
    color: #e31f24;
}

.contact-hide {
	display:none !important;
}





@media(max-width:967px) {
	.topmenu {
		width: calc(100% - 345px);
		margin-right: 10px;
	}
}

@media(max-width:675px) {
	.top-contact {
		display: none;
	}
	.locations .mod-custom {
    max-width: 60px;
	}
	.tsearch { padding:36px 4px 36px 0px; margin:0 !important}

}


@media(max-width:640px) {
	.locations .mod-custom {
    margin-right: 10px !important;
	}
}


@media(max-width:479px) {
	.tsearch { padding:19px 0px 19px 0px; margin:0 !important; }
	.locations .mod-custom { max-width: 35px; }
	#top-menu-inner .topmenu { width:calc(100% - 50px) !important; float:left; }
	#top-menu { margin-top: 0px !important; }

	#wrapper2 .item-page { margin-top: 100px; }
	#top-menu .tsearch-box .search-in { right: 20px !important; top: 58px !important; }
	.select-menu { margin-top:-10px !important }
	#top-menu { margin-top:-35px; height:58px; background:#fff !important; }

}




/*  to make focus brands two column  */

.ext-menu li.item-534 ul { width:20em; }
.ext-menu li.item-534 ul { min-width:359px !important; }
#top-menu ul.ext-menu li.item-534 ul { width: 359px; }
#top-menu ul.ext-menu li.item-534 ul li { float:left; width:178px; margin-right:1px; }
#top-menu ul.ext-menu li.item-534 ul li:nth-child(odd) { border-right:1px solid #e31f24; }
#top-menu ul.ext-menu li.item-534 ul li:nth-child(even) { border-right:0px solid #e31f24; }
#top-menu ul.ext-menu li.item-534 ul li:nth-child(odd) a { border-right:1px solid #f7f7f7; }
#top-menu ul.ext-menu li.item-534 ul li:nth-child(even) a { border-right:0px solid #f7f7f7; }



.ext-menu li, .ext-menu a {
	outline:none;
}
