/* Talos - Animated Dropdown Menu - Responsive */
.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		font-size:26px;
		color:#FFF;
		text-align:center;
		line-height:38px;
		background:#222;
		
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		color:#444;
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu h2.dropdown{
		display:none;
		position:absolute;
		top:11px;
		left:14px;
		margin:0;
		font:normal 25px "BebasNeue";
		color:#FFF;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:96%;
		}
	.menu ul ul{
		margin:0;
		}
	}
@media only screen and (max-width: 768px){
	.menu input, .menu label, .menu h2.dropdown{
		display:block;
		}
	.menu{
		width:62%;
		min-height:45px;
		height:100%;
		overflow:hidden;
		position:relative;
		}
	.menu ul{
		display:none;
		width:100%;
		margin:45px 0 0 0;
		padding:0;
		float:none;
		}
	.menu ul > li{
		float:none;
		}
	.menu ul li a{
		width:100%;
		height:38px;
		padding-left:5%;
		font-size:24px;
		line-height:40px;
		}
	.menu ul li a .icon-home{
		font-size:24px;
		line-height:38px;
		}
	.menu ul ul{
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		overflow:hidden;
		border:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	.menu ul ul li{
		width:100%;
		float:left;
		}
	.menu ul ul li a{
		width:auto;
		padding:0;
		text-align:center;
		color:#FFF;
		border:none;
		}
	.menu ul ul li:hover a{
		background:#282828;
		}
	.menu ul ul li:hover a b{
		margin:0;
		}
	.menu ul ul li:last-child a{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .social{
		margin-top:30px;
		text-align:center;
		font-size:0;
		}
	.menu .social li{
		display:inline-block;
		}
	}
@media only screen and (max-width: 480px) {
	.menu{
		width:96%;
		}
	}
@media only screen and (max-width: 320px) {
	.menu{
		width:96%;
		}
	.menu ul ul li{
		width:96%;
		}
	}
/* LizardThemes/September2013 */