/* Less Than Medium */
@media screen and (max-width: 39.9375em) {

}
/* Less Than Large */
@media screen and (max-width: 63.9375em) {

	/* External */

		html.OffCanvas-Opened
		{
			overflow: hidden;
		}
		body,
		.Widget-Navbar
		{
			-webkit-transition: margin 0.25s;
			-moz-transition: margin 0.25s;
			-ms-transition: margin 0.25s;
			-o-transition: margin 0.25s;
			transition: margin 0.25s;
		}
		html.OffCanvas-Opened body,
		html.OffCanvas-Opened .Widget-Navbar
		{
			margin: 0 270px 0 -270px;
		}

	/* Widget */

		.Widget-OffCanvas
		{
			min-width: 270px;
			width: 270px;
			height: 100%;
			background: #333;
			box-shadow: inset 3px 0 6px rgba(0,0,0,0.5);
			position: fixed;
			z-index: 9999;
			top: 0;
			left: 100%;
			-webkit-transition: left 0.25s;
			-moz-transition: left 0.25s;
			-ms-transition: left 0.25s;
			-o-transition: left 0.25s;
			transition: left 0.25s;
		}
		html.OffCanvas-Opened .Widget-OffCanvas
		{
			left: calc(100% - 270px);
		}
		.Widget-OffCanvas .OffCanvas-Interior
		{
			height: 100%;
			position: relative;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon
		{
			width: 50px;
			height: 50px;
			cursor: pointer;
			position: absolute;
			top: 0;
			left: -50px;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon::before
		{
			content: "MENU";
			display: block;
			height: 3.125rem;
			line-height: 3.125rem;
			font-weight: 500;
			position: absolute;
			top: 0;
			right: 100%;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable
		{
			height: 100%;
			overflow-x: visible;
			overflow-y: scroll;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .OffCanvas-Target #menu-global-header li a{
			width:75%;
		}
		.OffCanvas-Target #menu-global-header li {
		    position: relative;
		}
		.OffCanvas-Target #menu-global-header li span {
		    position: absolute;
	    	top: 0.7rem;
	    }

	/* Stack Icon - Default */

		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span
		{
			display: block;
			width: 20px;
			height: 4px;
			background: #000;
			position: absolute;
			top: 0;
			left: 15px;
			-webkit-transition: all 0.25s;
			-moz-transition: all 0.25s;
			-ms-transition: all 0.25s;
			-o-transition: all 0.25s;
			transition: all 0.25s;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(1)
		{
			top: 15px;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(2)
		{
			top: 23px;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(3)
		{
			top: 31px;
		}

	/* Stack Icon - Default Hover */


		/*
		
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(1),
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(3)
		{
			top: 23px;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(2)
		{
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		*/

	/* Stack Icon - Open */

		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(1)
		{
			top: 23px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(2)
		{
			opacity: 0;
		}
		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon span:nth-child(3)
		{
			top: 23px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

	/* Stack Icon - Open Hover */

		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(1),
		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(3)
		{
			top: 23px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			/* FIX */
			opacity:0;
		}
		html.OffCanvas-Opened .Widget-OffCanvas .OffCanvas-Interior .Interior-StackIcon:hover span:nth-child(2)
		{
			opacity: 0;
		}

	/* HubSpot Module */

		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu
		{
			margin-top: 49px;
			border-top: 1px solid rgba(0,0,0,0.4);
			border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li
		{
			line-height: 24px;
			cursor: pointer;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li.hs-item-has-children
		{
			position: relative;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li.hs-item-has-children:after
		{
			content: "+";
			display: block;
			padding: 12px;
			width: 40px;
			height: 40px;
			line-height: 16px;
			font-size: 33px;
			text-align: center;
			color: #fff;
			opacity: 0.75;
			position: absolute;
			z-index: 2;
			top: 0;
			right: 8px;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li.hs-item-has-children:hover:after {
			opacity: 1;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li.hs-item-has-children.OffCanvas-ViewChildren:after
		{
			content: "–";
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li.hs-item-has-children.OffCanvas-ViewChildren ul
		{
			display: inherit;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li a
		{
			display: block !important;
			/*border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: 1px solid rgba(0,0,0,0.4); */
			padding: 11px 16px;
			line-height: 16px;
			font-size: 16px;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff !important;
			opacity: 0.75;
			position: relative;
			z-index: 1;
			-webkit-transition: all 0.25s;
			-moz-transition: all 0.25s;
			-ms-transition: all 0.25s;
			-o-transition: all 0.25s;
			transition: all 0.25s;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu .active > a{
			color:#f60 !important;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li:hover > a
		{
			opacity: 1.0;
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li ul
		{
			display: none;
			background: rgba(0,0,0,0.1);
		}
		.Widget-OffCanvas .OffCanvas-Interior .Interior-Scrollable .Scrollable-Menu ul li ul li a
		{
			text-transform: capitalize;
			padding-left: 32px;
		}

}