/* Menu Open Button */

#phone-menu-button {
	float: left;
	height: 25px;
	background-color: transparent;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 1.4rem;
	display: none;
	border: 0;
     margin: 0;
	padding: 0 10px;
	cursor: pointer;
     z-index: 10;
     box-sizing: border-box;
}

#phone-menu-button:hover {
     color: #85c2fe;	
}

#phone-menu-button:focus { 
	outline: none; 
}

#phone-menu-button img {
	border-width: 0;
	margin: 0 auto;
}

/* Menu Close Button */

#phone-menu-close-button {
	border: none;
	cursor: pointer;
	color: #000000;
	font-size: 1.5rem;
	padding: 10px;
	margin: 0;
	background: transparent;
	float: right;
	outline: none;
}

/* Menu Container */

.phone-menu {
     background: rgba(255,255,255,.9);
	position: absolute;
	top: 0;
     border-right: 1px;
	border-right-style: solid;
	border-right-color: #adadad;	
	width: 322px;
	height: 100%;
	z-index: 102;
	left: -322px;
     font-family: verdana, arial, sans-serif;
}

/* Menu Header */

.phone-menu h3 {
	color: #275684;
	font-size: 1.4rem;
	padding: 15px;
	margin: 0;
	font-weight: 300;
	background: rgba(255,255,255,.7);
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	box-sizing: border-box;
}

/* Menu 1st Level */

#phone-menu-list,
#phone-menu-list ul,
#phone-menu-list li,
#phone-menu-list a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	position: relative;
	text-align: left;
}
#phone-menu-list {
	width: 322px;
}
#phone-menu-list a {
	line-height: 1.2;
}

#phone-menu-list > ul > li {
}
#phone-menu-list > ul > li:hover {

}
#phone-menu-list > ul > li > a {
	font-size: 1.05rem;     
	display: block;
	color: #ffffff;
     background: rgba(39,86,132,1);
     border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#phone-menu-list > ul > li > a > span {
	display: block;
	padding: 12px 20px;     
}
#phone-menu-list > ul > li > a:hover {
     color: #ffffff;
	text-decoration: none;
     background: rgba(39,86,132,.7);
}
#phone-menu-list > ul > li.active {
     color: #dddddd;
	border-bottom: none;
}
#phone-menu-list > ul > li.has-sub > a span {
	background: url(../images/icon_plus.png) 96% center no-repeat;
}
#phone-menu-list > ul > li.has-sub.active > a span {
	background: url(../images/icon_minus.png) 96% center no-repeat;
}

/* Menu 2nd Level */

#phone-menu-list ul ul {
	display: none;
}

#phone-menu-list > ul > li > ul > li {
	background-color: #ffffff;
}
#phone-menu-list > ul > li > ul > li:hover {
	background-color: #dddddd;
}
#phone-menu-list > ul > li > ul > li > a {
	font-size: .9rem;
	display: block;
	color: #352d2b;
}
#phone-menu-list > ul > li > ul > li > a > span {
	display: block;
	padding: 10px 20px;
     border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #adadad;
}
#phone-menu-list > ul > li > ul > li > a:hover {
     color: #352d2b;
	text-decoration: none;
}
#phone-menu-list > ul > li > ul > li.active2 {
	border-bottom: none;
}

/* Additional Required Menu Classes */

.phone-menu.phone-menu-open {
	left: 0;
}

.phone-menu {
	transition: all 0.3s ease;
}


/* Prevents The Menu From Being Displayed When It Is Moved Off Screen */

#menu-container {
	display: table;
	width: 100%;
	height: 100%;
	z-index: 100;
}

#menu-container-block {
	display: table-cell;
	position: relative;
	height: 100%;
	overflow-x: hidden;
}


@media screen and (max-width : 1200px){
     
#phone-menu-button {
     display: block;
}  

}