@charset "UTF-8";
/* CSS Document */
.mm-ismenu {
background: none repeat scroll 0 0 #000000 !important;
color: #ffffff !important;
}
.mm-menu .mm-list > li:after {
border-color: transparent !important;
}
.mm-menu .mm-list > li > a.mm-subopen:before {
border-color: transparent !important;
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
background: none repeat scroll 0 0 #d6121a !important;
color: #ffffff !important;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
border-color: #d6121a !important;
}
.mm-menu .mm-list > li > a.mm-subclose {
background: none !important;
color: #000000 !important;
}
.top > input {
font-size: 14px !important;
height: 18px !important;
text-align: center;
width: 290px !important;
}
/*
.email {
float: left;
font-size: 12px !important;
height: 20px !important;
width: 150px !important;
}
*/
.mm-subopen {
background: #000000;
}
#mm-0 > li {
border-bottom: 1px solid #eeeeee;
}
.mm-selected {
background: none repeat scroll 0 0 #d6121a;
}
/* PHONE*/	
.menuwrapper {
width: 100%;
display:block !important;
}
.mobile-menu {
margin: 16px 10px 9px 25px;
}
.msmenu {
float: right;
}
.m-search {
display: block;
position: relative;
z-index: 1;
margin-top: 2px;
}
.m-menu {
display: block;
position: relative;
z-index: 0;
float:right;
z-index: 999;
}
.menu-link {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
display: block;
height: 40px;
left: 10px;
top: 0;
width: 40px;
}
.m-header {
background-color: #000000;
height: 45px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: -3px;
margin-bottom: 5px;
}
.m-logo {
float: left;
height: 45px;
}
.m-logo > img {
width: 130px !important;
}
#mmitems {
background-color: #FFFFFF;
position: absolute;
width: 320px;
z-index: 3;
box-shadow:0px 2px 2px #666666; 
top: 45px;	
}
.mobile-menulink {
color: #000000;
display: list-item;
list-style: none outside none;
}
/* CSS Document 
Mobile Menu style for phone (300px)
*/
@media (min-width: 970px) {
.menuwrapper {
display:none;
}
#mobile-menu {
display: none;
}
.mm-menu.mm-current {
display: none !important;
}
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
left: 0 !important;
}
}
@media (max-width: 1000px) {
.header a#mmbutton {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
display: block;
height: 40px;
left: 10px;
top: 0;
width: 40px;
}
.menuwrapper {
width: 100%;
display:block !important;
top:0px !important;
}
body {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.mobile-menu {
margin: 26px 10px 9px 25px;
}
a:link.specialmm, a:active.specialmm, a:hover.specialmm, a:visited.specialmm {
color:#ffffff !important;
}
.mobile-menu-link {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #CCCCCC;
color: #009966;
cursor: pointer;
font-family: arial;
font-size: 30px;
line-height: 13px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
width: 50px;
font-weight: bold;
}
.m-search {
display: block;
float: right;
margin-right: 10px;
margin-top: 8px;
position: relative;
z-index: 1;
}
.searchicon {
margin-top: 8px;
cursor: pointer;
display: none;
}
.msmenu {
float: left;
}
.m-menu {
display: block;
position: relative;
z-index: 0;
float:right;
}
.m-header {
height: 64px;
margin-left: auto;
margin-right: auto;
width: 660px;
margin-top: 8px;
position: fixed;
z-index: 99999;
}
.m-logo {
float: left;
// height: 45px;
// margin: 2px 0 0 2px;
}
.specialmm {
background: #d6121a;
color: #ffffff;
}
#m-hide, #hidesearch {
background: transparent;
height: 100%;
opacity: 0.3;
position: absolute;
width: 100%;
z-index: 2;
margin-top: 78px;
}
#mmicon-hide {
display: block;
height: 40px;
position: absolute;
width: 40px;
z-index: 999;
margin-left: 45px;
cursor: pointer;
}
.m-submit-search {
float: right;
margin-right: 5px;
margin-top: 2px;
}
.m-search-box {
float: left;
margin-left: 5px;
}
#searchbox {
background-color: #999999;
box-shadow: 0 2px 2px #666666;
height: 45px;
padding-top: 3px;
position: absolute;
top: 54px;
width: 640px;
z-index: 3;
margin-top: 8px;
}
#mmitems {
background-color: #FFFFFF;
box-shadow: 0 2px 2px #666666;
position: absolute;
top: 65px;
width: 640px;
z-index: 3;
}
.mobile-menulink {
display: list-item;
list-style: none outside none;
}
.menu-left-items, .menu-right-items  {
float: none;
width: 100%;
}
.mobile-menulink {
color: #000000;
display: list-item;
list-style: none outside none;
}
.down-arrow {
float: right;
margin-right: 5px;
margin-top: -30px;
}
.mobile-menulink-white {
color: #FFFFFF;
display: list-item;
list-style: none outside none;
}
.mobile-menulink:link, .mobile-menulink:visited, .mobile-menulink:active {
color: #ffffff;
font-family: arial;
font-size: 20px;
font-weight: normal;
padding: 5px 8px;
text-decoration: none;
}
.mobile-menulink:hover {
color: #000000;
}
.sc-menu {
background: none repeat scroll 0 0 #dddddd;
color: #000000;
display: none;
font-family: arial;
font-size: 18px;
font-weight: normal;
padding-left: 15px;
text-decoration: none;
}
.sc-menu-item {
text-transform: uppercase;
}
.sc-menu-item:link, .sc-menu-item:visited, .sc-menu-item:active {
color:#000000;
text-decoration: none;
}
.mobile-menulink-white:link, .mobile-menulink-white:visited, .mobile-menulink-white:active {
font-family: arial;
font-weight: normal;
margin: 3px;
padding: 2px;
text-decoration: none;
width: 150px;
font-size: 22px;
color: #ffffff;	
}
.mobile-menulink-white:hover {
color:#000000;
}
.mmclb {
background-color:#9CF;
}
.mmclb:link,.mmclb:visited, .mmclb:active {
background-color:#9CF;
}
.mmclb:hover{
background-color:#FFFFFF;
}
.mmcgray {
background-color:#666666;
}
.mmcgray:link,.mmcgray:visited, .mmcgray:active {
background-color:#666666;
}
.mmcgray:hover{
background-color:#FFFFFF;
color: #000000;
}
.mobile-menulink-container{
background-color:#666666;
}
.mobile-menulink-container:link, .mobile-menulink-container:visited, .mobile-menulink-container:active{
background-color:#666666;
}
.mobile-menulink-container:hover{
background-color:#CCCCCC;
color: #000000;
}
.m-logo > img {
width: 180px !important;
}
.header input[type=text], .header input[type="submit"] {
-moz-appearance: none;
border: 1px solid #BBBBBB;
display: block;
font-size: 17px;
height: 35px;
margin: auto;
-webkit-appearance: none; 
@include border-radius(0);  
border-radius: 0;
}
.header input[type="submit"] {
-moz-appearance: none;
border: 1px solid #BBBBBB;
display: block;
font-size: 17px;
height: 35px !important;
margin: auto;
-webkit-appearance: none;
background: #ffffff;
-webkit-appearance: none; 
@include border-radius(0);  
border-radius: 0;
}
.header input[type=text] {
width: 500px;
-webkit-appearance: none; 
@include border-radius(0);  
border-radius: 0;
}
.header input[type=checkbox] {
@include border-radius(0);  
border-radius: 0;
}
.article {
margin-top:45px;
}
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .1s ease-in-out;}
.headroom--unpinned {
top: -65px;
}
.headroom--pinned {top: 0;
}
.fixfixed .m-header { 
position:absolute;
margin-top:-65px; 
} 
.menu-300 {
display: block !important;
background: #ffffff;
}
}

/* PHONE*/	
@media (max-width: 660px) {
.menuwrapper {
width: 100%;
display:block !important;
}
body {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
background:#ffffff;
}
.mobile-menu {
margin: 16px 10px 9px 25px;
}
.m-submit-search {
float: right;
margin-right: 5px;
margin-top: 2px;
}
.m-search-box {
float: left;
margin-left: 5px;
}
.m-search {
display: block;
position: relative;
z-index: 1;
float:right;
// margin-top: 2px !important;
}
.searchicon {
margin-top: 9px;
}
.m-menu {
display: block;
position: relative;
z-index: 0;
float:right;
z-index: 999;
}
.m-header {
// height: 45px;
margin-left: auto;
margin-right: auto;
width: 320px;
margin-top: 5px;
}
.m-logo {
float: left;
// height: 45px;
// margin: 4px 0 0 2px;
}
.m-logo > img {
// width: 130px !important;
}
#m-hide, #hidesearch {
background-color: transparent;
height: 100vh;
margin-top: 60px;
opacity: 0.6;
position: absolute;
z-index: 2;
}
.m-submit-search{
padding-right:3px;
}
/*
.email {
float: left;
font-size: 12px !important;
height: 20px !important;
width: 150px !important;
}
*/
.header input[type=text] {
-moz-appearance: none;
border: 1px solid #BBBBBB;
display: block;
font-size: 17px;
height: 30px;
margin: auto;
-webkit-appearance: none;
background: #ffffff;
width:auto;
}
.header input[type="submit"] {
-moz-appearance: none;
border: 1px solid #BBBBBB;
display: block;
font-size: 17px;
height: 35px !important;
margin: auto;
-webkit-appearance: none;
background: #ffffff;
}
#searchbox {
background-color: #999999;
box-shadow: none;
height: 45px;
padding-top: 3px;
position: absolute;
top: 34px;
width: 320px;
z-index: 3;
}
#mmitems {
background-color: #FFFFFF;
position: absolute;
width: 320px;
z-index: 3;
box-shadow:0px 2px 2px #666666; 
top: 45px;	
}
.mobile-menulink {
color: #000000;
display: list-item;
list-style: none outside none;
}
.article {
margin-top:45px;
}
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .1s ease-in-out;}
.headroom--unpinned {
top: -50px;
}
.headroom--pinned {top: 0;
}
.fixfixed .m-header { 
position:absolute;
margin-top:-65px; 
} 
.menu-300 {
display: block !important;
float: right;
}
}