@charset "utf-8";

.social-nav:hover { margin:0 0 0 0; top:0; display:inline-block; background-color:transparent; background:none !important} 
	
.nav {padding:10px 0px 10px 0px; width:99%; background: #fff; text-align:left; position:relative; z-index:9999;text-transform:uppercase; height:45px; font-weight:bold}

.nav span {display:none;}

.nav input {position:absolute; display:none;}

.nav label {display:none;}

.nav ul {background:#fff; margin:0; padding:0; display:inline-block; list-style:none; text-align:left; width:99%; max-height:40px;}
.nav ul li {float:left; display:block; position:relative; white-space:nowrap; width:auto }
.nav a {text-decoration:none; display:block; color:#FFF; line-height:45px; padding:0 17px 0 14px;}
.nav ul li ul li{float:left; display:block; position:relative; white-space:nowrap; width:inherit;background-color:#FFF !important}
.nav a:hover {color: #a7dbd7;}
.nav li:hover {background:#fff;color:#a7dbd7 !important }
.nav a:active {color:#a7dbd7 !important}

.nav ul ul {left:-99999px; position:absolute;}
.nav ul li:hover > ul { left:0px; top:45px;}
.nav ul ul li:hover > ul { left:100%; top:auto; margin-top:-46px; background:#2d8fda}

.nav ul ul ul li:hover > ul {background:#a7dbd7;}




@media only screen and (max-width:1080px){
	
		.social-nav {margin:5px 0 0 0; text-align:left !important ;border-bottom:0px solid #666 !important;}
	.social-nav:hover {  top:0; display:inline-block; }
	.social-nav a {  top:0;border-bottom:0px solid #666 }
	.social-nav a {margin-top:15px !important}
	


.nav { padding-top:45px; background:#fff; position:relative; height:0;  }

.nav label {display:inline-block; width:99%;  height:35px;  border-radius:20px; position:absolute; left:5px; top:5px; cursor:pointer;}

.nav span {display:block; color:#666; position:absolute; left:20px; top:13px;}

.nav li {display:block;}

.nav ul, .nav ul ul {margin:0; display:block; position:static; max-height:0; overflow:hidden;-webkit-transition:0.25s;
transition:0.3s}

.nav ul li {float:none;width:100%; max-width:100% !important}

.nav ul ul li label {margin-top:0;}

.nav ul {background:#fff; border:0;}

.nav a {display:block;  color:#666; line-height:45px; text-decoration:none;padding:0 0 0 10px;}

.nav ul li a {border-bottom:1px solid #666;}

.nav ul ul li:hover ul {margin-top:0; }

.nav li:hover > a {/*background-color:#a7dbd7;*/color:#a7dbd7; text-decoration:none;}

.nav li:hover {background:#666;}


.nav input:checked ~ ul {max-height:9999px;}

.nav ul ul {margin:0 0 0 15px;background-color:#fff}

.nav label:after {display:block; content:""; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 24px solid gray; background:transparent;   margin-left:90%; margin-top:8px; -webkit-transition:0.25s; transition:0.25s}

.nav input:checked ~ label:after {margin-top:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}}

@media only screen and (max-width:400px){.nav label {width:90%;}}