#sectionTest {
background-color:#ccc;
padding:20px;
}
#topMobileWraper {
} 
#topMobile {
height:50px;
background-color:#23CCEA;
position:relative;
z-index:888;
}
#mm {
max-height:100%;	
font-size:20px;
text-transform:uppercase;
text-align:right;
display:none;
background-color:#1597ae;
}
#mm ul {
list-style:none;
margin:0;
padding:0;
overflow:auto;
}
#mm ul li {
margin:0;
padding:0;
border-top:1px solid #189fb7;
}
#mm ul li ul li a {
padding-right:40px;
font-size:16px;
}
#mm ul li ul li {
border:0px;
border-top:1px solid #189fb7;
}
#mm ul li a {
display:block;
color:#fff;
text-decoration:none;
padding:10px 20px;
background-color:#1cadc7;
border-bottom:1px solid #23CCEA;
}
#mm ul li a:hover {
color:#000;
background-color:#fff;
padding-right:30px;
}
#mm ul li a.active {
color:#000;
background-color:#fff;
padding-right:30px;
}
#mm ul li.current_page_item a {
color:#000;
background-color:#fff;
padding-right:30px;
}
#mmUtilities {
height:50px;
background-color:#1597ae;
padding:0px 20px;
}
#mmUtilities a {
color:#fff;
line-height:50px;
}
.sticky {
position:fixed;
max-height:100%;
width:100%;
overflow:auto;
top:0px;
}
.stickyBtnOnly {
position:fixed;
max-height:100%;
width:100%;
overflow:auto;
}
.stickyBtnOnly .mmTog {
position: relative;
display: block;
width: 35px;
height: 30px;
margin: 10px 20px;
float:right;
background-color:#1597ae;
padding:10px;
opacity:0.8;
}
.stickyBtnOnly .mmTog.active {
opacity:1;
}
.stickyBtnOnly #topMobile {
background:transparent;
height:70px;
}
.stickyBtnOnly #mm {
width:100%;
top:0px;
left:0px;
}
.stickyBtnOnly .logoMobile {
display:none;
margin-top:15px;
}
.stickyBtnOnly.on .logoMobile {
display:block;
}
.stickyBtnOnly.on #topMobile {
background-color:#1597ae;
}
.logoMobile {
display: block;
height: 36px;
float: left;
margin: 5px 20px;
}
.mmTog {
position: relative;
display: block;
width: 35px;
height: 30px;
margin: 10px 20px;
float:right;
margin-top: 62px;
}
.mmTog span {
margin: 0 auto;
position: relative;
top: 12px;
}
.mmTog span:before, .mmTog span:after {
position: absolute;
content: '';
}
.mmTog span, .mmTog span:before, .mmTog span:after {
width: 35px;
height: 5px;
background-color: #000;
display: block;
}
.mmTog span:before {
margin-top: -12px;
}
.mmTog span:after {
margin-top: 12px;
} .mmBtn span {
-webkit-transition-duration: 0s; transition-duration: 0s;
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.mmBtn.active span {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.mmBtn span:before {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.mmBtn.active span:before {
margin-top: 0;
-webkit-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.mmBtn span:after {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.mmBtn.active span:after {
margin-top: 0;
-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}