@charset "utf-8";
/* CSS Document */

.responsive_header {position:fixed; top:0px; max-height:100px; z-index:999; width:100%; background:none; -webkit-transition:all 0.3s; transition:all 0.3s; opacity:0; top:-184px; padding:0px 0;}
.responsive_header figure {float:left;}
.responsive_header figure img {height:60px; width:auto;}

@media only screen and (max-width: 1024px) {
.responsive_header {overflow:hidden;}
}
.open-nav {max-height:750px !important;}
.open-nav .mobile-toggle {transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.sticky_responsive {background-color:#FFFFFF; opacity:1; top:0px; border-bottom:1px solid #CCC;}

.responsive_header nav {margin:20px 0 0 0; padding:0; width:100%; height:auto; display:block; background: red; /* For browsers that do not support gradients */
				 /* For Safari 5.1 to 6.0 */
   				 background: -moz-linear-gradient(#13356b, #06142f);
					background: -webkit-linear-gradient(#13356b, #06142f);
					background: -webkit-gradient(linear, 0 0, 0 100%, from(#13356b), to(#06142f));
					background: -o-linear-gradient(#13356b, #06142f);
					background: linear-gradient(#13356b, #06142f); /* For Opera 11.1 to 12.0 */
				 /* For Firefox 3.6 to 15 */
				 /* Standard syntax */}
				 
				 
.responsive_header nav ul {margin:0; padding:0; list-style:none;}
.responsive_header nav ul li {margin:0 0; padding:0 0px; float:left; font-size:14px; font-weight:400; color:#656565; position:relative; z-index:99;}
.responsive_header nav ul li a {color:#fff; text-decoration:none; display:block; line-height:50px;  white-space:nowrap; padding:0 47px; }
.responsive_header nav ul li a:hover {color:#fff; background: #97c13c;}
.responsive_header nav ul li.selected > a {color:#fff; background:#97c13c; }
.responsive_header nav ul li:hover > a {color:#fff; }
									
.responsive_header nav ul ul {position:absolute; left:0; top:100% !important; z-index:9999; display:none; padding:0; margin:0; list-style:none; background: #141414;}
.responsive_header nav ul ul li {float:none; margin:0; padding:0; font-size:13px; font-weight:400; color:#FFFFFF;}
.responsive_header nav ul li:hover > ul {display: inline; z-index:100;}
.responsive_header nav ul ul li a {display:block; padding:5px 30px 0 10px; line-height:24px; color:#fff; border:none;}
.responsive_header nav ul ul li a:hover, #header_section header nav ul ul li a.select {color:#FFFFFF; background-color:#9e2022; border:none;}
.responsive_header nav ul li ul li ul {position: absolute; top:-1px; left:100%; display: none;}
	


.mobile-toggle {display: none; cursor: pointer; font-size: 20px; position: absolute; right: 22px; top: 40px; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.mobile-toggle span {width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #000000; display: block;}



@media only screen and (max-width: 1024px) {
	.responsive_header nav {width:100%;}
	.responsive_header nav ul {width:100%; padding:10px 0;}
	.responsive_header nav ul li {margin:0; float:none;}
	.responsive_header nav ul li a {padding:0 10px; color:#000; border-bottom:none; line-height:50px; background-color:#f5f5f5;}
	.responsive_header nav ul li a:hover {color:#000000; border-bottom:none; background-color:#CCCCCC;}
	.responsive_header nav ul li.selected > a {color:#000000; border-bottom:none; background-color:#CCCCCC;}
	.responsive_header nav ul li:hover > a {color:#000000; border-bottom:none; background-color:#CCCCCC;}
	
	.responsive_header nav ul li {position:inherit !important;}
	.responsive_header nav ul ul {position:inherit !important; left:0 !important; top:0 !important; display:block !important;}
	.responsive_header nav ul li:hover > ul {display: block !important; z-index:100;}
	.responsive_header nav ul ul li a {display:block; padding:5px 15px 0 30px; color:#a92022; border:none; background-color:#f5f5f5;}
	.responsive_header nav ul ul li a:hover, .responsive_header nav ul ul li a.select {color:#000000; background-color:#CCCCCC; border:none;}
}

@media only screen and (max-width: 1024px) {
	.mobile-toggle {display: block;}
}



@-webkit-keyframes scroll {
 	0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
 	100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes scroll {
 	0% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
 	100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}
}

@media only screen and (max-width: 980px){
	.social-section.mobile{display:none;}
	}