@import "default.less";
@import "tuning.less";
@import "order.less";
// ********************************************************************************************************************************/
// Include any imports or web fonts directives in this section, before any other styles.											*/
// Web font files should all be included in folder /fonts in the theme"s files.														*/
// ********************************************************************************************************************************/
@path: "";
/* DO NOT REMOVE THIS LINE */
// ******************************************************************************************************************************/
// Import BOOTSTRAP files in this section																						*/
// ******************************************************************************************************************************/
@import "less/bootstrap.less"; // Do not remove this file to use bootstrap styles
/**********************************************************************************************************************************/
/* THEME SPECIFIC STYLES **********************************************************************************************************/
/**********************************************************************************************************************************/
/* PAGE STRUCTURE ELEMENTS - PLACE YOUR OWN SITE STRUCTURE STYLES HERE ***********************************************************/
html {
	height: 100%;
}

.themeWrapper {
	min-height: 100%;
	position: relative;
}

.navbar-collapse {
	padding: 0 !important;
	&.in, &.collapsing{
.submenu{
			padding-bottom:4px!important;
		}
.menu > .mi:hover{
			background:none!important;
		}
	}
}

header .navbar-toggle {
	margin-right: 0px !important;
	min-width: 30px!important;
	font-size:20px!important;
}

#Body,
#Form,
#body,
#form,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

#BgLayer1 {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -999;
	background: @tuningBodyBg;
	&:after, &:before{
		content:"";
		height: 100%;
		left: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -999;
		background: @tuningBodyBg;
	}
}

header {
	background: #fff;

	&.boxed {
		padding: 0 20px;

		#bt-slider {
			margin: 0 -20px;

			&:empty {
				display: none;
			}

			.container-box,
			.widget {
				margin: 0 !important;
			}
		}
	}
}

#NavAux div {
	background: @tuningheaderBg;
	float: right;
	margin-left: 1px;
	padding: 25px 15px;
	height: 66px;

	&:hover {
		background: darken(@tuningheaderBg,10%);
	}

	div {
		background: transparent;
		float: none;
		margin-left: 0;
		padding: 0 !important;
		height: auto;
	}
}

#ContentArea {
	background: #fff;
	margin: 20px 0;
	clear: both;

	&.boxed {
		margin: 0;
		padding: 20px;
	}

	.LeftZone:empty {
		display: none;
	}
}

footer {
	background: @tuningfooter;
	color: @tuningfooterText;
	padding: 50px 0 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0;
	&.footerShow{
		opacity:1!important;
	}
	&.boxed {
		padding: 30px 20px;
	}

	div,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	span,
	td {
		color: @tuningfooterText;
		color: hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.8);
	}

	a {
		color: @tuningfooterLink;

		&:hover {
			color: @tuningfooterLinkHover;
		}
	}

	#FooterContentArea {
		clear: both;
		margin-bottom: 30px;
	}

	#Footer {
		clear: both;
		margin-bottom: 20px;

		> span {
			border-right: 1px @tuningfooterText solid;
			border-right: 1px hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.6) solid;
			display: inline-block;
			margin-right: 5px;
			padding-right: 5px;

			&:last-child {
				border-right: none;
			}
		}
	}
}

.C01 .CTitle,
.C02 .CTitle {
	color: @tuningcontainer1Text;
}

.C03 {
	background-color: @tuningcontainer3Background;

	.CTitle {
		color: @tuningcontainer3Headings;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: @tuningcontainer3Headings;
	}

	div,
	p,
	span,
	td {
		color: @tuningcontainer3Text;
	}

	a {
		color: @tuningcontainer3Text;
		color: hsla(hue(@tuningcontainer3Text), saturation(@tuningcontainer3Text), lightness(@tuningcontainer3Text), 0.5);
	}

	.btn {
		background: contrast(@tuningcontainer3Background);
		color: contrast(contrast(@tuningcontainer3Background));
	}
}

.C04 {
	background-color: @tuningcontainer4Background;

	.CTitle {
		color: @tuningcontainer4Headings;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: @tuningcontainer4Headings;
	}

	div,
	p,
	span,
	td {
		color: @tuningcontainer4Text;
	}

	a {
		color: @tuningcontainer4Text;
		color: hsla(hue(@tuningcontainer4Text), saturation(@tuningcontainer4Text), lightness(@tuningcontainer4Text), 0.5);
	}

	.btn {
		background: contrast(@tuningcontainer4Background);
		color: contrast(contrast(@tuningcontainer4Background));
	}
}

.C05 {
	background-color: @tuningcontainer5Background;

	.CTitle {
		color: @tuningcontainer5Headings;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: @tuningcontainer5Headings;
	}

	div,
	p,
	span,
	td {
		color: @tuningcontainer5Text;
	}

	a {
		color: @tuningcontainer3Text;
		color: hsla(hue(@tuningcontainer5Text), saturation(@tuningcontainer5Text), lightness(@tuningcontainer5Text), 0.5);
	}

	.btn {
		background: contrast(@tuningcontainer5Background);
		color: contrast(contrast(@tuningcontainer5Background));
	}
}

h1,
h3 {
	color: @tuningColor1;
}

h2,
h4,
h5,
h6 {
	color: #302E2F;
}

caption {
	background: #f9f9f9;
}
// BOOTSTRAP STYLES
.alert,
.btn-group-lg > .btn,
.btn-group-sm > .btn,
.btn-group-vertical > .btn:first-child:not(:last-child),
.btn-group-xs > .btn,
.img-thumbnail,
.list-group-item:first-child,
.list-group-item:last-child,
.modal-content,
.panel-group .panel,
.thumbnail {
	border-radius: 0;
}

.carousel {
	margin-bottom: 0;

	.item {
		padding: 0;

		.container {
			position: relative;
		}

		.carousel-caption {
			background: #fff;
			bottom: auto;
			left: 15px;
			padding: 20px;
			right: auto;
			text-align: left;
			text-shadow: none;
			top: 20px;

			p {
				color: @tuningtextColor;
			}

			a,
			p {
				font-size: 15px;
				margin-bottom: 1em;
				text-decoration: none;
			}

			&.color1 {
				background: @SliderBox1;

				a,
				h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				p {
					color: contrast(@SliderBox1,#000,#fff,53%);
				}
			}

			&.color2 {
				background: @SliderBox2;

				a,
				h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				p {
					color: contrast(@SliderBox2,#000,#fff,53%);
				}
			}

			&.color3 {
				background: @SliderBox3;

				a,
				h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				p {
					color: contrast(@SliderBox3,#000,#fff,53%);
				}
			}
		}
	}

	.carousel-control {
		background: white;
		background-image: none;
		border-radius: 50px;
		color: black;
		font-size: 36px;
		height: 100px;
		line-height: 100px;
		margin: 0 15px;
		opacity: 0.15;
		text-shadow: none;
		top: 40%;
		width: 100px;

		&:hover {
			opacity: 0.8;
		}

		&:after {
			color: #000;
			content: "\f104";
			font-family: fontawesome;
		}

		&.right:after {
			content: "\f105";
		}
	}
}

.btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: none !important;
	border-radius: 0;
	padding: 12px;
	vertical-align: middle;
}

.btn-group-lg > .btn,
.btn-lg {
	padding: 14px 16px;
}

.btn-group-sm > .btn,
.btn-sm {
	padding: 5px 10px;
}

.btn-group-xs > .btn,
.btn-xs {
	padding: 1px 5px;
}

.form-control,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	border: 1px solid #999;
	border-radius: 0;
	box-shadow: none;
	height: 42px;
}

.input-lg {
	height: 50px !important;
}

.input-sm {
	height: 30px !important;
}

input[type="file"] {
	border: none;
	height: auto;
}

select[multiple],
select[size],
textarea {
	height: auto;
}

.jumbotron {
	background-color: #f1f1f1;
	border-radius: 0 !important;
	margin-bottom: 30px;
	padding: 30px !important;

	h1 {
		font-size: 40px;
	}
}

.panel,
.panel-footer,
.panel-heading {
	border-radius: 0;
	box-shadow: none;
}

.panel-default > .panel-heading {
	background-color: transparent;
}

.panel-primary .panel-title {
	color: contrast(@tuningColor1,#000,#fff,53%);
}

.panel-success .panel-title {
	color: #468847;
}

.panel-info .panel-title {
	color: #3a87ad;
}

.panel-warning .panel-title {
	color: #c09853;
}

.panel-danger .panel-title {
	color: #b94a48;
}

.progress {
	background: #f7f7f7;
	border-radius: 0;
}

.well {
	background-color: #f1f1f1;
	border: 1px solid #dfdfdf;
	border-radius: 0;
}
/* TOKENS - EDIT EXISTING STYLES ONLY IN THIS SECTION, DO NOT ADD EXTRA STYLES ****************************************************/
#Breadcrumb {
	display: @Breadcrumb;
	color: #ddd;
	font-size: 0.85em;
	margin: 20px 0 0 -5px;
.Breadcrumb_Link,
.Breadcrumb_Link:link,
.Breadcrumb_Link:visited,
.Breadcrumb_Link:active,
	.breadcrumblinkcurrent,
a.Breadcrumb_Link:hover {
		line-height: 30px;
		padding: 0 5px;
		text-decoration: none;
	}

	.breadcrumblinkcurrent {
		color: #666;
	}
}

#Cart {
	display: @Cart;
	float: right;
	font-size: 0.9em;
	position: relative;

	&:before {
		color: @tuningheaderText;
		content: "\f07a";
		font-family: FontAwesome;
		font-size: 14px;
		left: 12px;
		position: absolute;
		top: 15px;
	}

	.carticon {
		width: 20px;
	}

	.cartlink {
		color: @tuningheaderText;
		font-size: 0.9em;
	}

	.cartprice {
		color: @tuningheaderText;
		float: left;
		padding-top: 5px;
	}

	.cartsep {
		color: lighten(@tuningheaderText,10%);
	}

	&:hover {
		background-image: none !important;

		.cartsep {
			color: lighten(@tuningheaderText,10%);
		}
	}
}

#NavAux #Cart {
	padding: 13px 10px 37px;
}

#Copyright {
	display: @Copyright;
	font-size: 0.85em;
.Copyright {
		color: @tuningfooterText;
		color: hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.6);
	}
}

#Language {
	display: @Language;
.language-object .Language {
		border: 1px transparent solid;
		color: @tuningheaderText;
		display: inline-block;
		font-size: 1em;
		text-decoration: none;
		margin: 0 0 0 5px;
	}
.language-object .selected {
		border: 1px #999 solid;
	}
}

#Login {
	display: @Login;
a.Login,
a.Login:link,
a.Login:visited,
a.Login:active {
		color: @tuningheaderText !important;
		font-size: 1em;
		padding: 0 !important;
		text-decoration: none;
		text-transform: none;
	}
}

#Logo {
	padding-top: 10px;
	padding-bottom: 20px;
a img {
		border: none;
	}
}

#MenuH {
	display: @MenuH;
	position: relative;
.menu {
		float: left;
	}
.menu > .mi:hover,
.menu > .mi.current {
		background: @tuningnavbarHSubmenu;
		text-decoration: none;
	}
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon {
		color: @tuningnavbarHText;
		font-family: inherit;
		font-size: 15px !important;
		padding: 15px 20px 15px 20px;
		text-decoration: none;
	}
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current > .txt {
		color: @tuningnavbarHSubmenuText;
		font-family: inherit;
		font-size: 15px !important;
		padding: 15px 20px 15px 20px;
		text-decoration: none;
	}
.submenu {
		background-color: @tuningnavbarHSubmenu;
		margin: 0 !important;
		padding: 0;
		z-index: 9999;
	}
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submneu > .mi.current,
.submneu > .megamenu-row > .mi.current {
		background: transparent none;
		margin: 0;
		text-decoration: none;
	}
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt {
		color: @tuningnavbarHSubmenuText;
		opacity: 0.7;
		padding: 8px 20px 8px 15px;
		text-decoration: none;
		text-transform: none;
	}
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
		color: @tuningnavbarHSubmenuText;
		opacity: 1.0;
		padding: 8px 20px 8px 15px;
		text-decoration: none;
		text-transform: none;
	}

	&.megamenu {
.mega > .submenu > li,
.mega > .submenu > .megamenu-row > li {
			border-right: 1px solid @tuningnavbarHSubmenuText;
			border-right: 1px solid hsla(hue(@tuningnavbarHSubmenuText),saturation(@tuningnavbarHSubmenuText),lightness(@tuningnavbarHSubmenuText),0.08);
			padding: 5px;
		}
.mega > .submenu > li:last-child,
.mega > .submenu > .megamenu-row > li:last-child {
			border-right: none;
		}
.mega > .submenu > li > a,
.mega > .submenu > .megamenu-row > li > a {
			font-size: 15px !important;
			padding: 10px 0 10px 15px !important;
		}
.mega > .submenu .submenu {
			border: none;
			padding-left: 15px;
		}
.mega > .submenu .submenu li .txt {
			background: transparent !important;
			border-bottom: none;
			padding: 6px 0;
		}
	}
}
.row-offcanvas.active{
	#bt-sidebar{
		background:@tuningnavbarV;
	}
}
#MenuV {
	display: @MenuV;
	margin-bottom: 15px;
.menu > .mi {
		background-color: @tuningnavbarV;
		margin: 0 0 1px;
		text-decoration: none;
	}
.menu > .mi:hover,
.menu > .mi.current {
		background-color: @tuningnavbarVHover;
		margin: 0 0 1px;
		text-decoration: none;
	}
.menu > .mi > .txt {
		color: @tuningnavbarVText;
		font-family: inherit;
		font-size: 15px !important;
		opacity: 0.7;
		padding: 11px;
		text-decoration: none;
	}
.menu > .mi:hover > .txt,
.menu > .mi.current > .txt {
		color: @tuningnavbarVTextHover;
		font-family: inherit;
		font-size: 15px !important;
		opacity: 1.0;
		padding: 11px;
		text-decoration: none;
	}
.submenu {
		background-color: @tuningnavbarVSubmenu;
		margin: 0 0 0 -1px !important;
		padding: 0;
		top: 0 !important;
		z-index: 9999;
	}
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submenu > .mi.current,
.submenu > .megamenu-row > .mi.current {
		background: transparent none;
		margin: 0;
		text-decoration: none;
	}
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt {
		color: @tuningnavbarVSubmenuText;
		opacity: 0.7;
		padding: 4px 30px 4px 10px;
		text-decoration: none;
		text-transform: none;
	}
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
		color: @tuningnavbarVSubmenuText;
		opacity: 1.0;
		padding: 4px 30px 4px 10px;
		text-decoration: none;
		text-transform: none;
	}

	&.megamenu {
.mega > .submenu > li,
.mega > .submenu > .megamenu-row > li {
			border-right: 1px solid @tuningnavbarVSubmenuText;
			border-right: 1px solid hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.08);
			padding: 5px;
		}
.mega > .submenu > li:last-child,
.mega > .submenu > .megamenu-row > li:last-child {
			border-right: none;
		}
.mega > .submenu > li > a,
.mega > .submenu > .megamenu-row > li > a {
			font-size: 15px !important;
			padding: 10px 0 10px 15px !important;
		}
.mega > .submenu .submenu {
			border: none;
			padding-left: 15px;
		}
.mega > .submenu .submenu li .txt {
			background: transparent !important;
			border-bottom: none;
			padding: 6px 0;
		}
	}

	&.accordion {
.submenu {
			margin: 0 !important;
		}
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submenu > .mi.current,
.submenu > .megamenu-row > .mi.current {
			border-bottom: 1px solid @tuningnavbarVSubmenuText;
			border-bottom: 1px solid hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.08);
		}
.submenu > .mi,
.submenu > .megamenu-row > .mi {
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submenu > .mi.current,
.submenu > .megamenu-row > .mi.current {
				border-bottom: none !important;
				font-size: 0.9em;
				padding-left: 10px;
			}
		}
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {}
		}
	}

	#Privacy {
		display: @Privacy;
		font-size: 0.85em;
a.Privacy,
a.Privacy:link,
a.Privacy:visited,
a.Privacy:active {
			color: @tuningfooterText;
			color: hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.6);
		}
	}

	#Search {
		display: @Search;
		text-align: right;
#SearchBar {
			margin: 10px 0 0;
		}
input {
			border: 1px #ddd solid !important;
			font-size: @tuningbaseFontSize;
			height: 30px !important;
			margin: 0 !important;
			padding: 4px 6px !important;
			width: 150px !important;
		}
a.Search {
			background: #ddd url("images/search.go.png") no-repeat center center;
			border: none;
			display: inline-block;
			font-size: 0;
			height: 30px;
			line-height: 40px;
			margin-left: 1px;
			vertical-align: top;
			width: 30px;
		}

		.searchadvancedlink {
			color: @tuningnavbarVText;
		}
	}

	#Sitemap {
		display: @SiteMap;
		font-size: 0.85em;

		.sitemaplink {
			color: @tuningfooterText;
			color: hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.6);
		}
	}

	#Terms {
		display: @Terms;
		font-size: 0.85em;
a.Terms,
a.Terms:link,
a.Terms:visited,
a.Terms:active {
			color: @tuningfooterText;
			color: hsla(hue(@tuningfooterText),saturation(@tuningfooterText),lightness(@tuningfooterText),0.6);
		}
	}

	#User {
		display: @User;
a,
a:link,
a:visited,
a:active {
			color: @tuningheaderText;
			text-decoration: none;
		}
	}
	// ********************************************************************************************************************************/
	// RESPONSIVE STYLES **************************************************************************************************************/
	// ********************************************************************************************************************************/
	@media (max-width: 767px) {
		#Logo {
			float: left;
			padding: 10px 20px;
a img {
				max-height: 70px;
				max-width: 180px;
			}

			.logopagetitle {
				display: none;
			}
		}

		#MenuH {
			border-top: 1px #eee solid;
			margin: 0;
			padding: 0;
		}

		#MenuH > select + span:before {
			margin-left: 20px;
		}

		#NavAux {
			border-top: 1px #eee solid;
			padding: 0 15px;
			margin-bottom: 10px;
			overflow: hidden;

			div,
			div:hover {
				background: transparent;
				float: left;
				height: auto;
				padding: 7px 5px !important;
			}

			div:hover div {
				padding: 0 !important;
			}
		}

		#NavAux,
		#Search {
			display: none;
		}

		footer {
			padding: 20px 0;
		}

		.carousel .item .container {
			padding: 0;
		}

		.carousel .item .carousel-caption {
			clear: both;
			position: static;
		}

		.carousel .carousel-control {
			height: 60px;
			line-height: 60px;
			width: 60px;
		}
	}
	@media (max-width: 991px) {
		#NavAux #Cart {
			padding: 7px 10px 10px;

			&:before {
				top: 8px;
			}

			.cartprice {
				display: none;
			}
		}

		footer .container-box,
		footer .widget {
			margin-bottom: 30px !important;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		#NavAux div {
			font-size: 10px;
			height: 36px;
			padding: 10px;
		}
	}
	@media (min-width: 1200px) {
		.container,
		.navbar-fixed-top .container {
			width: @tuningpageWidth !important;
		}
	}
	// ********************************************************************************************************************************/
	// IE7 & IE8 STYLES ***************************************************************************************************************/
	// ********************************************************************************************************************************/
	.IE7 .container,
	.IE7 .navbar-fixed-top .container,
	.IE8 .container,
	.IE8 .navbar-fixed-top .container {
		width: @tuningpageWidth !important;
	}

/**********************************************************************************************************************************/
/* DOTNETNUKE SPECIFIC STYLES *****************************************************************************************************/
/**********************************************************************************************************************************/

/* override bootstrap3 boxing model in admin areas */
body > form #ControlBar_ControlPanel, body > form #ControlBar_ControlPanel *, body > form #ControlBar_ControlPanel *:before, body > form #ControlBar_ControlPanel *:after,
.console, .console *, .console *:before, .console *:after,
.actionMenu, .actionMenu *, .actionMenu *:before, .actionMenu *:after,
.dnnFormPopup, .dnnFormPopup *, .dnnFormPopup *:before, .dnnFormPopup *:after,
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active
									{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }

/* BS3 cols */
.row [class*="col-"]				{ min-height:0; }
.row [class*="col-"]:empty			{ /*display:none;*/ } 
.dnnEditState .row [class*="col-"]	{ min-height:30px; } /* min-height in edit state */

/* toggle nav */
.navbar-collapse { max-height:100% !important; overflow:visible !important; }

/* reset styles for navbar-brand / logo */
.navbar-brand { font-size: inherit; height: auto; line-height: inherit; padding: 0; }

/* zone styles */
.DNNEmptyPane,
.pane:empty, .EmptyZone				{ margin:0 !important; padding:0 !important; width:0; height:0; line-height:0; min-height: 0 !important; /*display:none !important;*/}
.showZone span						{ border:1px #777 dotted; color:#999; display:block; padding:10px; margin:1px; text-align:center; }
.paneOutline						{ border:none; }
.paneOutline .SubHead				{ border:1px #777 dotted; color:#999; display:block; padding:10px; margin:1px; }
.paneOutline .SubHead br			{ display:none; }

/*hide empty tokens*/
#Breadcrumb:empty,
#Copyright:empty,
#Language:empty,
#Login:empty,
#Logo:empty,
#MenuH:empty,
#MenuV:empty,
#Privacy:empty,
#Search:empty,
#Terms:empty,
#User:empty,
/*tokens not in use*/
#Cart,
#Sitemap							{ display:none !important; }

/*default menus display settings*/
ul.menu								{ margin:0; padding:0; }
#MenuH .menu,
#MenuH .mi,
#MenuH .mi .txt						{ display:inline-block; list-style:none; }
#MenuV .menu,
#MenuV .mi,
#MenuV .mi .txt,
#MenuH .submenu .mi,
#MenuV .submenu .mi,
#MenuH .submenu .mi .txt,
#MenuV .submenu .mi .txt			{ display:block; list-style:none; }
.accordion .submenu					{ margin:0; padding:0; }
.megamenu .submenu .submenu			{ margin:0; padding:0; }
#MenuH > .menu > .mi                { float:left; }

.MenuH								{ white-space:nowrap; } /* fix issue with top menu wrapping when larger */
#MenuH .icn, #MenuV .icn			{ margin-right:3px; max-height:12px; } /* default padding for menu icons */
.submenu tr.mi td					{ display:block; padding:0 0 0 1px; vertical-align:middle; } /* fix issue with submenus displacement in webkit browsers */

#MenuH .submenu, #MenuV .submenu    { display:none; margin:0; padding:0; } /*Guarantee that submenus do not load open*/
.IE7 #MenuH .menu,
.IE8 #MenuH .menu				{ display:block !important; } /*hide mobile menus in IE<=IE8*/
.IE7 #MenuH > select,
.IE8 #MenuH > select				{ display:none !important; }
.IE7 #MenuH > select + span,
.IE8 #MenuH > select + span			{ display:none !important; }

/* accordion menu arrows */
#MenuV  .has-children				{ position:relative; }
#MenuV  .has-children-close > a:after,
#MenuV  .has-children-close > span:after	{ content:"\f105"; font-family:FontAwesome; position:absolute; right:5px; top:8px; transition:0.3s; }
#MenuV  .has-children-open > a:after,
#MenuV  .has-children-open > span:after{ content:"\f107"; font-family:FontAwesome; position:absolute; right:5px; top:8px; }

#Search span						{ font-size:0; } /* fix issue with search having an extra &nbsp; between box and btn */
#Search .searchInputContainer		{ display:inline-block !important; margin:0 !important; } /* fix styles inherited in DNN7 */

#Login								{ vertical-align:top; }
#User								{ vertical-align:top; }
#User .registerGroup ul				{ margin:0; padding:0; } /*Social Group fix for DNN6.2*/
#User .registerGroup a img			{ width:20px; height:20px; border-radius:90px; }
.registerGroup, .registerGroup *,
.loginGroup, .loginGroup *			{ display:inline-block; font-size: inherit; font-weight: inherit; text-decoration: inherit; text-transform: inherit; vertical-align:top; }

/* remove default 2px border on selected language flag */
div.language-object .Language img                    { border:none !important; }
div.language-object .Language        				{ line-height:7px; }

/* default containers css */
.container-box						{ margin:0 0 10px !important; }
.container-box .c_head				{ overflow:hidden; }
.container-box .c_icon				{ float:left; }
.container-box .c_icon img			{ margin:0 3px; }
.container-box .c_actions			{ float:left; margin: 0; max-width:15px; min-width:0px; }
.container-box .c_title				{ }
.container-box .c_visibility		{ float:right; }

.container-box .c_icons				{ clear:both; padding-top:5px; }
.container-box .c_icons a:hover		{ background-color:transparent; }
.container-box .c_icons a,
.container-box .c_icons input		{ padding-top:5px; padding:0; }

/**********************************************************************************************************************************/
/* IE7 FIX ************************************************************************************************************************/
/**********************************************************************************************************************************/

.IE7.cmsDNN #MenuH                      { z-index:1001; }
.IE7.cmsDNN #MenuV                      { z-index:1000; }
.IE7.cmsDNN #MenuH .menu > .mi    	    { display:inline; zoom:1; list-style:none; }
.IE7.cmsDNN #MenuH .menu > .mi >.txt    { float:left; }
.IE7.cmsDNN #MenuH .submenu             { text-align:left; width:180px; }
.IE7.cmsDNN #MenuH .submenu .mi .txt    { white-space:normal; display:block; }

.IE7.cmsDNN .container-box .TM		    { overflow:hidden !important; }
.IE7.cmsDNN .c_title				    { float:left !important; }	/*Fix container titles*/

/**********************************************************************************************************************************/
/* PRINT **************************************************************************************************************************/
/**********************************************************************************************************************************/

@media print { a[href]:after { content: none !important; }}

/**********************************************************************************************************************************/
/* DNN CONTROL PANEL **************************************************************************************************************/
/**********************************************************************************************************************************/

.dnnSortable.ui-sortable,
.dnnSortable.ui-droppable { display:block !important; padding:0 15px; } /* dnn sets pane padding to zero on editing */

.Normal,
.NormalDisabled,
.NormalDeleted { color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; } /* reset text styles */
.dnnPrimaryAction, .RadComboBox_Default .rcbInput { height:auto; } /* stabilize dnn inputs height */
#ControlBar input { height:auto; }
.dnnFormItem input[type=text], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type=email], .dnnFormItem input[type=search], .dnnFormItem input[type=password] { border:1px solid #c9c9c9 !important; height:auto; margin:0 0 18px; }
.dnnFormItem input[type=submit],
.dnnPrimaryAction { border-color: #0D569E; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)) !important; background: linear-gradient(top, #358eea 0%,#2170cd 100%) !important; } /* dnn buttons */
.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { border-radius:0 8px 8px 0; padding:0; } /* fix dnn popup close icon */
.dnnLoginService input[type=text],
.dnnLoginService input[type=password]{ display:inline-block !important; margin-bottom:5px !important; }

.dnnRadiobutton .mark,
.dnnCheckbox .mark { background:transparent !important; } /* override bootstrap style in type.less */

/* DNN Search inline help */
.searchInputContainer { display:block !important; }
ul.searchSkinObjectPreview > li		{ font-size:10px; }
ul.searchSkinObjectPreview > li p,
ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more { color:#999 !important; text-shadow:none !important; }
ul.searchSkinObjectPreview > li:hover { background-color:#f9f9f9; }

/* Admin areas element */
.RadComboBox_Default input.rcbInput	{ border:none !important; }

/**********************************************************************************************************************************/
/* DDR MENU SPECIFIC STYLES *******************************************************************************************************/
/**********************************************************************************************************************************/

/* Accordion */
.menu.menu-ddr-accordion h3			{ border:none; color:inherit; font-family:inherit; font-size:inherit; font-weight:normal; font-style:inherit; letter-spacing:0; line-height:inherit; margin:0; padding:0; text-decoration:inherit; text-transform:inherit; text-shadow:none; }
.menu.menu-ddr-accordion .submenu	{ display:none; }

/* Mega2 */
ul.menu-ddr-mega					{ margin: 0; padding: 0; list-style: none; }
ul.menu-ddr-mega,
ul.menu-ddr-mega li					{ list-style-type:none; }
ul.menu-ddr-mega ul					{ padding:0;margin:0; }
ul.menu-ddr-mega li					{ float: left; margin: 0; padding: 0; position: relative; }
ul.menu-ddr-mega li a				{ text-decoration:none; }
ul.menu-ddr-mega li .submenu		{ position: absolute; left: 0; float: left; display: none; }
ul.menu-ddr-mega li .row			{ clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul.menu-ddr-mega li .submenu ul		{ list-style: none; margin: 0; padding: 0; width: 180px; float: left; }
ul.menu-ddr-mega .submenu ul li		{ width: 100%; white-space:normal; }
ul.menu-ddr-mega .submenu ul li h4	{ padding: 0;  margin: 0; font-size: 1em; font-weight: bold; }
ul.menu-ddr-mega .submenu ul li h4 a{ padding:0; margin:0; }
ul.menu-ddr-mega .submenu ul li a	{ float: none;  text-indent: 0; /*--Reset text indent--*/ display: block; text-decoration: none; padding:0; margin:0; }

/**********************************************************************************************************************************/
/* BINDTUNING HELPER CLASSES ******************************************************************************************************/
/**********************************************************************************************************************************/

.text-color1 { color:@tuningColor1; }
.text-color2 { color:@tuningColor2; }
.text-color3 { color:@tuningColor3; }
.text-color4 { color:@tuningColor4; }
.text-color5 { color:@tuningColor5; }
.text-color6 { color:@tuningColor6; }

.text-dark { color:#000; }
.text-light { color:#fff; }

.bg-color1 { background-color:@tuningColor1; color:contrast(@tuningColor1,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor1; }}
.bg-color2 { background-color:@tuningColor2; color:contrast(@tuningColor2,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor2; }}
.bg-color3 { background-color:@tuningColor3; color:contrast(@tuningColor3,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor3; }}
.bg-color4 { background-color:@tuningColor4; color:contrast(@tuningColor4,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor4; }}
.bg-color5 { background-color:@tuningColor5; color:contrast(@tuningColor5,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor5; }}
.bg-color6 { background-color:@tuningColor6; color:contrast(@tuningColor6,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor6; }}

.bg-dark { background-color:#000; color:#999; }
.bg-light { background-color:#fff; }

.align-block { position:relative; }
.valign-abs { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.halign-abs { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.align-abs { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }


@animateFast : .240s;
@animateNormal : .300s;
@animateSlow : .600s;

.bindMENU-animateSpeed(@speed : .300s){
  .bt-submenu{
    transition-duration: @speed!important;
    -webkit-transition-duration: @speed!important;
    -moz-transition-duration: @speed!important;
  }

}

.bindMENU-animateType(@effect : ease){
  .bt-submenu{
    transition-timing-function: @effect!important;
    -webkit-transition-timing-function: @effect!important;
    -moz-transition-timing-function: @effect!important;
  }
}

.bindMENU-ease{
  .bindMENU-animateType(ease);
}
.bindMENU-easeout{
  .bindMENU-animateType(ease-out);
}
.bindMENU-easein{
  .bindMENU-animateType(ease-in);
}


.bindMENU-fast{
  .bindMENU-animateSpeed(@animateFast);
}
.bindMENU-normal{
  .bindMENU-animateSpeed(@animateNormal);
}
.bindMENU-slow{
  .bindMENU-animateSpeed(@animateSlow);
}


.bindMENU-left{
  .bt-submenu{
    transform: translateX(-15px);
  }
}
.bindMENU-right{
  .bt-submenu{
    transform: translateX(15px);
  }
}
.bindMENU-top{
  .bt-submenu{
    transform: translateY(-15px);
  }
}
.bindMENU-bottom{
  .bt-submenu{
    transform: translateY(15px);
  }
}

// BindMENU2 Desktop Styles
#MenuH.default, #MenuV.accordion{

  .bt-submenu{
    width: auto!important;
    padding:0px!important
  }

  .bindMENU-left{
    .bt-submenu{
      transform: translateX(-15px);
    }
  }
  .bindMENU-right{
    .bt-submenu{
      transform: translateX(15px);
    }
  }
  .bindMENU-top{
    .bt-submenu{
      transform: translateY(-15px);
    }
  }
  .bindMENU-bottom{
    .bt-submenu{
      transform: translateY(15px);
    }
  }
}

#MenuH{
  &.megamenu{
    .mega > ul.bt-submenu > li{
      background: none!important;
    }
    .mega ul.sub-sub {
      left: auto !important;
      top: auto !important;
      position: relative;
      display: block!important;
      box-shadow: none!important;
      border: none!important;
      width:auto!important;
      background:none!important;
    }

    .bt-trigger-item:not(.more).mega > .bt-submenu > li{
      display: inline-block!important;
      position: relative;
      vertical-align: top;
      text-align: left;
      z-index: 1;
    }


    .bt-submenu.sub-sub{
      transform: translate(0px, 0px)!important;
    }

    ul.sub-sub > li{
      border:none!important;
    }

    .bt-submenu .has-children >:first-child:after{
      content:""!important;
    }

    .sub-sub > li, & .sub-sub > a{
      padding:0px!important;
    }

    .bt-submenu .dynamic-children.additional-background{
      background:none!important
    }
  }

  .bt-submenu{
    height:auto!important;
    z-index:999!important;
    transition-property: transform, opacity, height !important;
    position: absolute;
    display:none;
    &.open{
      display:block!important;
      width:auto!important;
      opacity:0;
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
    }
    li{
      white-space: nowrap;
    }
    &:not(.extra-links-submenu)li.extra-links-tag{
      display: inline-block!important;
    }
  }

  .has-children,.more {
    .fa-bars:after{
      display: none!important;
    }
    & > :first-child:after {
      content: "\f107";
      font-family: FontAwesome;
      position: absolute;
      font-size:@tuningbaseFontSize;
      color:@tuningnavbarHText;
      right:5px;
      -webkit-transform: translateY(-45%);
      -moz-transform: translateY(-45%);
      -ms-transform: translateY(-45%); /*this one is for ie9 up */
      -o-transform: translateY(-45%);
      transform: translateY(-45%);
      top: 50%;
    }
    .has-children{
      & > :first-child:after {
        content: "\f105";
      }
    }
  }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt{
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .more{
    display:inline-block!important;
    .bt-extra-links-icon:after{
      display:none!important;
    }
    & ul > li.mega.extra-links-tag{
      display:block!important;
      min-width:100%!important;
    }
    i.fa.fa-bars{
      font-size: 14px;
      opacity:.8;
      transition: opacity .3s ease;
      padding: 10px 6px;
      font-family: fontawesome!important;
      &:hover{
        cursor: pointer;
        opacity:1!important;
      }
    }
    .menu-item-text{
      line-height: 2em!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      line-height: 2em!important;
    }
  }
  .bt-trigger-item{
    position:relative!important;
  }
}
.cmsSP #MenuV.default:not(.defaultplus) .bt-submenu{
  box-shadow: none!important;
}

#MenuV{
  &.default{
    .bt-submenu{
      position: absolute!important;
      height:auto!important;
      opacity:0!important;
      overflow: hidden;
      display: none !important;
      margin: 0px !important;
      transition-property: transform, opacity, height !important;
      padding: 0px !important;
      overflow: visible !important;
      margin-left: -1px!important;


      &.open{
        display: block!important;
        position: absolute;
        &.flyIn{
          transform: translate(0px, 0px)!important;
          top: 0px!important;
          opacity:1!important;
        }
      }
      li{
        white-space: nowrap;
      }
    }
  }
  &.accordion{
    .bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition-property: transform, opacity, height !important;
      left:0px!important;
      margin: 0px !important;
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
      &.open {
        display: block!important;
        position: relative;
        width: auto!important;
      }
    }
    .has-children{
      position: relative;
      & > :first-child{
        position: relative;
        &:after {
          display:block!important;
          content: "\f107";
          font-family: FontAwesome;
          position: absolute;
          right: 20px!important;
          -webkit-transform: translateY(-45%);
          -moz-transform: translateY(-45%);
          -ms-transform: translateY(-45%);
          -o-transform: translateY(-45%);
          transform: translateY(-45%);
          top: 50%;
          color:@tuningnavbarHText!important;
          cursor:pointer;
        }
      }
    }
  }
  .bt-submenu{
    z-index:89!important;
  }
}




// CMS Specific Styles

.cmsORX, .cmsDNN, .cmsKENTICO, .cmsUMB{
  #MenuH{
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt{
      padding: 12px 14px;
    }
  }
  #MenuV{
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt{
      padding: 12px 14px;
    }
  }
}

.cmsSP{
  #MenuV.default:not(.defaultplus) .bt-submenu{
    transform: translate(0px, 0px)!important;
    display: block !important;
    position: relative!important;
    opacity: 1!important;
    margin-left: 0px!important;
    left: 0px!important;
  }
}

.additional-background{
  background: none!important;
}

.sub-menu-position{
  display:block!important;
  margin:0px!important;
}

.ms-navedit-editSpan {
  padding: 10px;
  position: relative;
  display: block;
}
.ms-navedit-editSpan span {
  color: @tuningnavbarHText!important;
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
  padding-right: 0px!important;
}


// IE RANDOM IFRAME FIX

#MenuH iframe{
   display: none !important;
}

@media only screen and (max-width: 991px) {
  .navbar-collapse.collapse-nav.collapsing{
    overflow: hidden!important;
  }
  #offcanvasButton{
    background:none!important;
  }
  .cmsKENTICO{
    #MenuH{
      .Horizontal ul, .Vertical ul{
        white-space: normal;
      }
    }
  }
  .navbar-collapse.collapse.in,.navbar-collapse.collapsing{
    #MenuH{
.menu > .mi, .menu > .mi:hover, .menu > .mi.current{
        line-height: 0px!important;
        border:none!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 45px!important;
      }
.menu > .mi,
.menu > .mi:hover,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,
selected{
        font-size:16px!important;
      }
.menu > .mi:hover,
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current,
.menu > .mi.current > .txt{
        box-shadow:none!important;
      }

    }
  }

  .collapse-tablet{
    .navbar{
      min-height:0!important;
    }
    .navbar-toggle{
      min-width: 30px!important;
      border:none!important;
      box-shadow:none!important;
      background:none!important;
      &:hover, &:active,&:focus{
        border:none!important;
        box-shadow:none!important;
        background:none!important;
        outline: none!important;
      }
    }
    .navbar-collapse{
      padding:0px!important;
    }

    #MenuH{
      display:block;
      width:100%;
      overflow: hidden!important;
      padding:0px!important;
      .bt-masterUL{
        text-align: left!important;
      }

      li > a{
        padding: 0px!important;
      }
.submenu{
        border-radius:0px!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,.menuhitemm,.menu{
        background:none!important;
        box-shadow:none!important;
        padding: 0;
        display: block!important;
      }
      .has-children{
        position: relative;
        & >:first-child{
          position: relative;
          &:after {
            display:block!important;
            content: "\f107"!important;
            font-family: FontAwesome;
            position: absolute;
            right: 20px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%); /*this one is for ie9 up */
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            color:@tuningnavbarHText;
            cursor:pointer;
          }
        }
      }
      .onClick.has-children > :first-child:after{
        content: "\f106"!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        padding: 0 15px!important;
        line-height: 45px!important;
      }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt{
        padding: 4px 10px 4px 25px !important;
        line-height:1.8em!important;
      }
      li.more{
        display:none!important;
      }
      .bt-submenu{
        box-shadow: none!important;
        border:none!important;
        position: relative;
        left: 0px!important;
        top:0px!important;
        br{
          display:none!important;
        }
      }
      div, ul, li,a{
        width:100%!important;
        min-height:0px!important;
      }
.menu > .mi,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        width:100%!important;
      }
      ul.bt-masterUL > li.has-children > ul.bt-submenu{
        height:0px;
        opacity:0;
        overflow: hidden;
        transition: all .3s ease!important;
        top: auto;
        left: auto!important;
        width: auto!important;
        min-width: 100%!important;
        max-width:9999px!important;
        & > li{
          min-width: 100%!important;
          max-width:99999px!important;
        }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
          font-size:100%!important;
        }
&.sub-sub .menu > .mi > .txt,
&.sub-sub .menu > li > .bt-extra-links-icon{
          padding-left:20px!important;
          font-size:90%!important;
        }
        &.reveal{
          position: absolute;
          height:auto!important;
        }
        &.open{
          opacity: 1!important;
          display: block;
          position: static;
        }
      }
      .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
        background:none!important;
      }
    }


    #MenuV.default{
      .bt-submenu{
        height:auto!important;
        opacity:1!important;
        display:block!important;
        position: relative!important;
        transform: translate(0px, 0px)!important;
        display: block !important;
        position: relative!important;
        box-shadow:none!important;
      }
    }
    &.cmsSP #MenuV.default .bt-submenu{
      display: inline !important;
      .sub-sub.bt-submenu{
        display: none!important;
      }
    }
    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block!important;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
}
@media only screen and (max-width: 767px) {
  .navbar{
    min-height:0!important;
  }
  header{
    overflow: hidden!important;
  }
  .hide-br{
    display:none!important;
  }
  .navbar-collapse{
    padding:0px!important;
  }
  .navbar-toggle{
    min-width: 30px!important;
    border:none!important;
    box-shadow:none!important;
    background:none!important;
    &:hover, &:active,&:focus{
      border:none!important;
      box-shadow:none!important;
      background:none!important;
      outline: none!important;
    }
  }

  #MenuH{
    display:block;
    width:100%;
    overflow: hidden!important;
    padding:0px!important;
    .bt-masterUL{
      text-align: left!important;
    }

    li > a{
      padding: 0px!important;
    }
.submenu{
      border-radius:0px!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,.menuhitemm,.menu{
      background:none!important;
      box-shadow:none!important;
      padding: 0;
      display: block!important;
    }
    .has-children{
      position: relative;
      & >:first-child{
        position: relative;
        &:after {
          display:block!important;
          content: "\f107"!important;
          font-family: FontAwesome;
          position: absolute;
          right: 20px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%); /*this one is for ie9 up */
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%;
          color:@tuningnavbarHText;
          cursor:pointer;
        }
      }
    }
    .onClick.has-children > :first-child:after{
      content: "\f106"!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      padding: 0 15px!important;
      line-height: 45px!important;
    }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt{
      padding: 4px 10px 4px 25px !important;
      line-height:1.8em!important;
    }
    li.more{
      display:none!important;
    }
    .bt-submenu{
      box-shadow: none!important;
      border:none!important;
      position: relative;
      left: 0px!important;
      top:0px!important;
      br{
        display:none!important;
      }
    }
    div, ul, li,a{
      width:100%!important;
      min-height:0px!important;
    }
.menu > .mi,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      width:100%!important;
    }
    ul.bt-masterUL > li.has-children > ul.bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition: all .3s ease!important;
      top: auto;
      left: auto!important;
      width: auto!important;
      min-width: 100%!important;
      max-width:9999px!important;
      & > li{
        min-width: 100%!important;
        max-width:99999px!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        font-size:100%!important;
      }
&.sub-sub .menu > .mi > .txt,
&.sub-sub .menu > li > .bt-extra-links-icon{
        padding-left:20px!important;
        font-size:90%!important;
      }
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.open{
        opacity: 1!important;
        display: block;
        position: static;
      }
    }
    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
      background:none!important;
    }
  }


  #MenuV.default{
    .bt-submenu{
      height:auto!important;
      opacity:1!important;
      display:block!important;
      position: relative!important;
      transform: translate(0px, 0px)!important;
      display: block !important;
      position: relative!important;
      box-shadow:none!important;
    }
  }
  &.cmsSP #MenuV.default .bt-submenu{
    display: inline !important;
  }
}

#offcanvasButton{
  display:none;
  .rotate-icon{
    --webkit-transform: rotatey(150deg);
    transform: rotatey(150deg);
  }
}

@media only screen and (max-width: 991px) {

  .offcanvas-tablet{
    #MenuV.default{
      .bt-submenu{
        left: 0px!important;
        border: none;
      }
    }
    #MenuV.accordion{
      .bt-submenu{
        height:0px;
        opacity:0;
        overflow: hidden;
        transition-property: transform, opacity, height !important;
        left:0px!important;
        border: none;
        transform: translate(0px, 0px) !important;
        &.reveal{
          position: absolute;
          height:auto!important;
        }
        &.flyIn{
          transform: translate(0px, 0px)!important;
          opacity:1!important;
        }
        &.open {
          position: relative;
          width: auto!important;
          height: auto!important;
          opacity: 1!important;
          overflow: visible;
        }
      }
    }
    .mobile-trigger{
      overflow: hidden;
    }
    #offcanvasButton{
      display:block!important;
    }
    .row-offcanvas,
    #bt-sidebar {
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    #bt-sidebar {
      background: #fff;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      height: auto!important;
      min-height:100%!important;
      padding: 0;
      position: absolute!important;
      top: 0;
      width: 64%;
      z-index: 99999;
      overflow: auto;
    }
    .row-offcanvas {
      left: 0;
    }
    .row-offcanvas #bt-sidebar {
      left: -100%;
    }
    .row-offcanvas.active #bt-sidebar {
      left: 0;
    }
    #bt-sidebar #MenuV {
      box-shadow: none!important;
    }
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV hover,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV selected {
      font-size: 16px;
      position: relative;
    }
  }
}
@media only screen and (max-width: 767px) {
  #MenuV.default{
    .bt-submenu{
      left:0px!important;
    }
  }
  #MenuV.accordion{
    .bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition-property: transform, opacity, height !important;
      left:0px!important;
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
      &.open {
        position: relative;
        width: auto!important;
        height: auto!important;
        opacity: 1!important;
        overflow: visible;
      }
    }
  }
  .mobile-trigger{
    overflow: hidden;
  }
  .offcanvas-phone{
    #offcanvasButton{
      display:block!important;
    }
    .row-offcanvas,
    #bt-sidebar {
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
    }
    #bt-sidebar {
      background: #fff;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      height: auto!important;
      min-height:100%!important;
      padding: 0;
      position: absolute!important;
      top: 0;
      width: 64%;
      z-index: 99999;
      overflow: auto;
      .bt-submenu{
        border: none;
      }
    }
    .row-offcanvas {
      left: 0;
    }
    .row-offcanvas #bt-sidebar {
      left: -100%;
    }
    .row-offcanvas.active #bt-sidebar {
      left: 0;
    }
    #bt-sidebar #MenuV {
      box-shadow: none!important;
    }
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV hover,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV selected {
      font-size: 16px;
      position: relative;
    }
  }
}

/**********************************************************************************************************************************/
/* MANUAL STYLES DEFINED AFTER PACKAGE GENERATION *********************************************************************************/
/**********************************************************************************************************************************/

/* DNN */
#User .userMessages a,
#User .userNotifications a					{ display:block; height:14px; padding: 0 0 0 18px !important; position:relative; }
#User .userMessages strong:before 			{ content: "\f0e0"; }
#User .userNotifications strong:before		{ content:"\f05a"; }
#User .registerGroup li						{ border-right:none; padding:0 4px; }
#User .registerGroup .userProfileImg a  	{ opacity:1; }
#User .registerGroup .userProfileImg a img	{ height: 20px; width: 20px; }
#User .registerGroup a						{ padding:0; }
#User .registerGroup a strong				{ display:block; font-size:14px; font-family: FontAwesome; font-weight: normal; font-style: normal; height:25px; left:0; line-height:25px; overflow:hidden; position:absolute; top:-2px; text-decoration:none !important; width:14px; -webkit-font-smoothing: antialiased; }
.registerGroup, .registerGroup *,
.loginGroup, .loginGroup *					{ vertical-align:top; }

@media (min-width: 768px) and (max-width: 992px) {
	#User .registerGroup a strong { height:18px; line-height:18px; }
}