@import url(https://fonts.googleapis.com/css?family=Dosis:500|Questrial);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

.tmenu {
	margin-top:22px;
	float:right;
	z-index:999;
}

 .toggle, [id^=drop] {
	display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: #000;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: right;
  background-color: #000;
}

nav a {
  display: block;
  padding: 4px 12px;
  color: #FFF;
  text-align:left;
  line-height: 28px;
  font-size: 16px;
  text-decoration: none;
  border-radius:4px;
}

nav ul li ul li:hover {
	background: #000000;
}

nav a:hover {
	background-color: #42A0FF;
	color:#fff;
}


#tlogo {
	font-family:'Questrial','Century Gothic';
  display: block;
  margin-top:16px;
	padding:0 0 14px 10px;
  float: left;
  font-size: 24px;
	letter-spacing: 1px;
	color:#fff;
	width:240px;
}

#tlogo a {
	color:#fff;
	font-size: 24px;
	background-color:#000;
	padding:0;
}

#tlogo a:hover {
	font-size: 24px;
	color:#fff;
}

#tlogo img {
	vertical-align:middle;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 37px;
}

nav ul li:hover > ul {
	display: inherit;
}

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
  opacity: 0.9;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
}

nav ul ul li:first-child {
	border-radius:5px 5px 0 0;
}

nav ul ul li:last-child {
	border-radius:0 0 5px 5px;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

nav li > a:after {
	font-family: FontAwesome;
	content: ' \f0dd';
}

nav li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 890px) {

#tlogo {
	width:240px;
  display: block;
  margin-top:16px;
	padding:0 0 14px 10px;
  float: none;
  }


.toggle + a,
 .tmenu {
 	display: none;
 }

.toggle {
  display: block;
  background-color: #000;
  padding: 0 20px;
  color: #FFF;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
  border: none;
}

.toggle:hover {
	background-color: #000; 
	cursor:pointer;
}

.mbut {
	float:right;
	font-size:26px;
	cursor:pointer;
	margin-top:-54px;
}

[id^=drop]:checked + ul {
	display: block;
}

nav ul li {
  display: block;
  width: 80%;
  text-align:left;

}

nav ul ul .toggle, nav ul ul a {
	padding: 0;

}

nav ul ul ul a {
	padding-left: 0 40px;

}

nav a:hover, nav ul ul ul a {
	color: #000;
}

nav ul li ul li .toggle, nav ul ul a {
	background-color: #42A0FF;
	padding-left:26px;
 	border-radius:0;
}

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul, nav ul li:hover > ul {
	display: none;
}

nav ul ul li {
  display: block;
  width: 100%;
  padding-left:0px;
  
}

nav ul ul ul li {
	position: static;
}

.feature-wrap .fa {font-size:36px;height:80px;width:80px;margin:3px;line-height:2	00%;}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 100%;
}
.toggle {
  padding: 0 0px;
}

#tlogo {
	padding:4px 0 0 0;
margin-left:-12px;
}

nav ul li {
	padding-left:8px;
}

nav ul a {
	padding-left:0px;
}

}


@media all and (max-width : 1140px) {
.ytfeature {float:left;width:46%;padding:5px;}
}