.button_container {
  	position: fixed;
  	top: 46px;
  	height: 25px;
	right: 2.5rem;
 	width: 50px;
  	cursor: pointer;
  	z-index: 1000;
  	-webkit-transition: opacity .30s ease;
  	transition: opacity .30s ease;
	}
@media screen and (max-width: 960px) {
  .button_container {
	right: 5%;
  }
}

		

	
	
.button_container:hover {
  	opacity: .7;
	}
.button_container.active .top {
  	-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
            transform: translateY(9px) translateX(0) rotate(45deg);
  	background: #ffffff;
	}

.button_container.active .bottom {
  	-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
            transform: translateY(-9px) translateX(0) rotate(-45deg);
  	background: #ffffff;
	}	
.button_container span {
  	background: #ced1d6;
  	border: none;
  	height: 2px;
  	width: 50px;
  	position: absolute;
  	top: 8px;
  	left: 0;
  	-webkit-transition: all .35s ease;
  	transition: all .35s ease;
  	cursor: pointer;
	}

.button_container span:nth-of-type(2) {
  	top: 25px;
	}

	
	

.overlay {
  	position: fixed;
  	background: #3b4d5d;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: opacity .35s, visibility .35s, height .35s;
  	transition: opacity .35s, visibility .35s, height .35s;
  	overflow: hidden;
	z-index: 99 !important;
	padding: 0 !important;
	margin: 0 !important;
	}
.overlay.open {
  	opacity: 1.0;
  	visibility: visible !important;
  	height: 100%;
	}
.overlayinner {
	margin: 0 auto;
	padding: 0;
	}





#logoholdernav {	
	position: fixed;
	top: 0;
	left: 2.5rem;
	z-index: 10000 !important;
	margin: 50px 0 0 0;
	max-width: 125px;
	padding: 0 0 10vh 0;
	/* IE9 and 10  */
	content: 'viewport-units-buggyfill;'  'padding: 0 0 10vh 0;';
	}	
@media screen and (max-width: 960px) {
  #logoholdernav {
	max-width: 25%;
	 left: 5%;
  }
}



.navmenuleftholder {
	margin: 15vh 0 5vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 15vh 0 5vh 0;';
	padding: 0;
	list-style: none;
	color: #ffffff;
	}	
.navsociallinks {
	margin: 0 0 3.0rem 0 !important;
	padding: 0;
	color: #7e8996;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4rem;	
	font-family:"Helvetica Neue LT W05_45 Light";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.01rem;
	}		
.navsociallinks i {
	padding: 0 1.2rem 0 0;
	color: #7e8996;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}
.navsociallinks i:hover {
	color: #ffffff;
	}
@media screen and (max-width: 960px) {
  	.navsociallinks {
		display: none;
		visibility: 0;
		height: 0;
		padding: 0;
		margin: 0;
		}
}


.navtelholder {
	margin: 0;
	padding: 0;
	color: #7e8996;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4rem;	
	font-family:"Helvetica Neue LT W05_55 Roman";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.01rem;
	}	
.navtelholder a:link, .navtelholder a:visited {
	color:#7e8996;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.01rem;
	}	
.navtelholder a:active, .navtelholder a:hover {
	color:#ec3fa8;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.01rem;
	}
@media screen and (max-width: 960px) {
  	.navtelholder {
		padding: 0 0 0 2.5%;
		}
}




#logowcommholder {	
	margin: 0 !important;
	padding: 0;
	position: absolute;
	bottom: 15vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'bottom: 15vh;';
	}
#logowcommholder img {	
	width: 25%;
	margin: 0 auto !important;
	padding: 0;
	text-align: center;	   
	}

@media screen and (max-width: 1140px) {
  	
	#logowcommholder img {
		width: 35%;
		padding: 0;
		text-align: left;
		}
}
@media screen and (max-width: 960px) {
	#logowcommholder {	
	margin: 0 !important;
	padding: 0;
	position: inherit;
	bottom: auto;
	}
	#logowcommholder img {
		width: 15%;
		padding: 0;
		margin: 0 !important;
		position: relative;
		left: 0;
		text-align: left !important;
		}

}




.navmenuleft {
	margin: 0 0 3.0rem 0 !important;
	padding: 0 ;
	list-style: none;
	color: #ffffff;
	z-index: 1000 !important;
	}	
.navmenuleft ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.navmenuleft li {
	list-style-type: none;
	margin: 0 0 1.5rem 0;
	text-align: left;
	color: #898b8e;
	font-size: 2.25rem;
	line-height: 2.25rem;	
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;	
	}	
.navmenuleft a:link, .navmenuleft a:visited {
	color: #ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.navmenuleft a:active, .navmenuleft a:hover  {
	color: #ec3fa8;
	background-size: 100% 1px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 300;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  	.navmenuleftholder {
		margin: 15vh 0 0 0;
		/* IE9 and 10  */
		content: 'viewport-units-buggyfill;'  'margin: 15vh 0 0 0;';
		padding: 0 0 0 2.5%;
		color: #ffffff;
		}
	.navmenuleft li {
		margin: 0 0 1.2rem 0;
		font-size: 1.45rem;
		line-height: 1.45rem;	
		}

}