*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}


/* ThinkTank */
#tt-menu {z-index:999999999;}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/tticons/icomoon.eot');
	src:url('../fonts/tticons/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/tticons/icomoon.woff') format('woff'),
		url('../fonts/tticons/icomoon.ttf') format('truetype'),
		url('../fonts/tticons/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.tt-menu-main,
.tt-menu-main ul {
		margin: 0;
		padding: 0;
		line-height: 60px;
		/*
background: #131217;
		background: rgba(19, 18, 23, 0.8);
*/
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 1px 1px #222;
		font-family: 'Oswald', sans-serif;
		font-weight:400;
}

.tt-menu-main {
		position: fixed;
		position: absolute;
		top: 0;
		left: 0;
		width:60px;
		height: 60px;
		font-size: 13px;
}


.tt-menu-main a {
		display: block;
		width:100%;
		height: 100%;
		text-decoration: none;
		cursor: pointer;
		color:#fff;
}

/*
.tt-menu-main .col2 a {
		background: rgba(221, 78, 50, 0.3);
		background: rgba(230, 178, 0, 0.3);
}
*/

.tt-menu-main a.tt-icon-facebook {
		background: rgba(59, 89, 151, 0.5);
}

.tt-menu-main a.tt-icon-twitter {
		background: rgba(65, 183, 216, 0.5);
}

.tt-menu-main a.tt-icon-rss {
		background: rgba(222, 152, 79, 0.5);
}

.tt-menu-main a.tt-icon-email {
		background: rgba(105, 173, 128, 0.5);
}

.no-touch .tt-menu-main a:hover, .tt-menu-main a:active {
		color: #fff;
		background: rgba(117, 117, 117, 0.1) !important;
}

.tt-menu-main > li {
		display: block;
		float: left;
		border-right: 1px solid #c6d0da;
		text-align: center;		
}

/* icon-only trigger (menu item) */

.tt-menu-main li.tt-trigger {
		position: fixed;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	
}

.tt-menu-main > li:last-child {
		float: left;
		border-right: none;
		border-left: none;
}

.tt-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.tt-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.tt-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		background: #131217;
		background: rgba(19, 18, 23, 0.8);
		border-top: 1px solid #444;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.tt-scroller {
		position: absolute;
		overflow-y: scroll;
		/* width: 370px; */
		width:100%;		
		height: 100%;
}

.tt-menu {
		text-align: left;
		font-size: 18px;
		border-bottom: 1px solid #444;	
}

.tt-menu li:not(:first-child),
.tt-menu li li {
		box-shadow: inset 0 1px #444;
}

.tt-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}


/* hide placeholder when active in Chrome */

.tt-search:focus::-webkit-input-placeholder,
.no-touch .tt-menu li.tt-search-item:hover .tt-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.tt-search:focus {
		cursor: text
}

.no-touch .tt-menu li.tt-search-item:hover input.tt-search {
		color: #fff
}

/* placeholder */

.no-touch .tt-menu li.tt-search-item:hover .tt-search::-webkit-input-placeholder {
		color: #fff
}

.no-touch .tt-menu li.tt-search-item:hover .tt-search:-moz-placeholder {
		color: #fff
}

.no-touch .tt-menu li.tt-search-item:hover .tt-search::-moz-placeholder {
		color: #fff
}

.no-touch .tt-menu li.tt-search-item:hover .tt-search:-ms-input-placeholder {
		color: #fff
}


.tt-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'icomoon';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}


#tt-menu .tt-icon-cog::before, #tt-menu .tt-icon-members::before, #tt-menu .tt-icon-settings::before {
		content: "\e608";
}

#tt-menu .tt-icon-facebook::before {
		content: "\e603";
}

#tt-menu .tt-icon-twitter::before {
		content: "\e604";
}

#tt-menu .tt-icon-rss::before {
		content: "\e605";
}

#tt-menu .tt-icon-email::before {
		content: "\e607";
}


/* if an icon anchor has a span, hide the span */

.tt-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.tt-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #fff;
		/* box-shadow: 0 3px #5f6f81, 0 -6px #fff, 0 -9px #5f6f81, 0 -12px #fff; */
		box-shadow: 0 -6px #fff, 0 -12px #fff;
		content: '';
}

.no-touch .tt-icon-menu:hover::before,
.no-touch .tt-icon-menu.tt-selected:hover::before {
		background: #fff;
		/* box-shadow: 0 3px #5f6f81, 0 -6px #fff, 0 -9px #5f6f81, 0 -12px #fff; */
		box-shadow: 0 -6px #fff, 0 -12px #fff;

}

.tt-icon-menu.tt-selected::before {
		background: #fff;
		/* box-shadow: 0 3px #5f6f81, 0 -6px #fff, 0 -9px #5f6f81, 0 -12px #fff; */
		box-shadow: 0 -6px #fff, 0 -12px #fff;
}

/* styles for opening menu */

.tt-menu-wrapper.tt-open-all,
.tt-menu-wrapper.tt-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.tt-menu-wrapper.tt-open-all {
		/* width: 340px; */
		width: 100%;
}

.tt-menu-wrapper.tt-open-all .tt-submenu li {
		height: 60px;

}


/* adjustments */

.tt-menu a.tt-icon-members {
	background: rgba(65, 183, 216, 0.5);
	}

.tt-menu a.tt-icon-settings {
	background: rgba(59, 89, 151, 0.5);
	}


@media screen and (max-width: 422px) { 
	.tt-menu-wrapper.tt-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.tt-menu-wrapper.tt-open-all .tt-scroller {
			width: 130%
	}
}