html{overflow: -moz-scrollbars-vertical;overflow-y: scroll;height:100%;box-sizing: border-box;}
*, *:before, *:after{box-sizing: inherit;}
body{width:100%;height:100%;margin:0;font-family: open-sans, verdana, sans-serif;background:rgb(233, 233, 233);color:rgb(64, 64, 64);}
.wall{position:relative;max-width:800px;min-width:320px;margin:0 auto;padding:0;}


.coal{background:#111}
.carbon{background: #333}
.wht{background:rgb(251,250,248);}


#header{position:fixed;display:block;width:100%;z-index:101;box-shadow:0 2px 5px rgba(0,0,0,.5);}
.mainmenu{color:#fff;height:55px;}
.tabmenu{width:100%;height:36px;background:#333;color:rgba(255,255,255,.4); overflow:hidden;}
.tabmenu .wall{overflow-x:auto;white-space: nowrap;}
.tablink{display:inline-block;color:rgba(255,255,255,.6);text-decoration:none;line-height:36px;padding:0 16px;}
.tablink:hover{color:rgb(255,255,255);}
.tabfocus{color:rgb(255, 255, 255);}

#icon{position:relative;top:16px; left:14px;padding:2px 0 2px 60px;text-decoration:none;color:#aaa;color:rgb(244, 169, 11);font-size:16px;}
#login{position:absolute;display:block;padding:8px;top:9px;right:7px;color:#fff;text-decoration:none;font-size:14px}

#mobile-icon{display:block;position:absolute;right:2px;top:2px;padding:7px;cursor:pointer;}
#mobile-icon hr{display:block;height:3px;width:28px;background:#aaa;background:rgb(244, 169, 11);margin:7px;border:none;}

#menu.hide{display:none;}
#menu.show{display:block;}
#menu{position:absolute;right:0;top:55px;display:block;list-style:none;margin:0;padding:0;color:rgb(145, 145, 145);font-size:16px;font-weight:normal;text-align:left;z-index:10001;box-shadow:0 5px 15px rgba(0,0,0,.5);}
#menu li{position:relative;display:block;padding:0;margin:0;}
#menu li a{display:block;background:rgb(244, 169, 11);color:#fff;text-decoration:none;margin:0;outline:none;padding:15px 30px 15px 20px;border-bottom:1px solid rgba(255,255,255,.1);}
#menu li a:hover{background:rgb(247, 192, 79);color:#fff;transition:background 0.4s;}
/*#menu li a:before{content:'\a0';display:inline-block;width:30px;height:20px;background:url('images/peachsaver.logo.96.png') left center/contain no-repeat;}*/
/*#menu ul{position:absolute;top:32px;list-style: none; margin:0 0 0 20px; padding:0; max-height:0px; overflow: hidden;transition:max-height .2s;}*/
#menu ul{position:relative;top:0;list-style: none; margin:0 0 0 0px; padding:0;}
#menu ul.closed{max-height:0px; overflow: hidden;transition:max-height .5s;}
#menu ul.open{max-height:500px; overflow: hidden;transition:max-height 1s;}

#fixer{height:91px;}







input, select, textarea, button, a{font-family:inherit;color:inherit;}
h2{font-weight:normal; font-size:24px;}
.center{text-align:center}
.table{display:table;width:100%;}
.row{display:table-row;}
.cell{display:table-cell;}
img{border-style:none;}



.coal{background:#111}
.carbon{background: #333}
.accent{color:rgb(244, 169, 11)}


/* FOOTER */
.footer{background:#111;padding:0;}
.footer #footlogo{margin:0 5px;}
.footer #footlogo img{width:200px;width:85px;}
.footer .table{width:100%;}
.footer .cell{vertical-align:middle;font-size:14px;padding:20px;}
.footer .cell b{display:block;color:rgb(255,255,255);font-weight:normal;font-size:16px;}
.footer .cell a.link{display:block;color:rgba(255,255,255,.3);text-decoration:none;margin:8px 0;/*max-width:150px;*/}
.footer .cell a.link:hover{;color:#fff;}

.sub-footer{background:#333;color:rgba(255,255,255,.3);font-size:14px;}
.sub-footer .table{width:100%;}
.sub-footer .cell{width:50%;padding:10px 0;}
.sub-footer .cell.left{text-align:left;padding-left:20px}
.sub-footer .cell.right{text-align:right;padding-right:8px}
.sub-footer .cell a.link{color:rgba(255,255,255,.3);text-decoration:none;margin:0 10px;}
.sub-footer .cell a.link:hover{color:#fff;}




/* MODAL */
#modal{display:none;position:fixed; left:50%;top:10vw;max-width:1000px; min-width:350px; z-index:1000;transform:translateX(-50%);animation: modal 0.6s;}
#modal:before{content:' ';position:absolute;left:-2000px;top:-2000px;height:4000px;width:4000px;background:rgba(0,0,0,.52);z-index:-1;}
@keyframes modal{from{top:0;opacity:0;}to{top:10vw;opacity:1;}}


/* RESPONSIVE MAIN */


@media screen and (max-width:800px){
    .footer .cell.flex{display:none;}
    .footer .cell{text-align:center;width:33%;}
}

@media screen and (max-width:570px){    
    .footer .table{display:block;width:100%;}
    .footer .cell{display:block;width:100%;}
    .sub-footer .table{display:flex; flex-direction:column-reverse;width:100%;}
    .sub-footer .cell.left, .sub-footer .cell.right {display:block;width:100%;text-align:center;padding:10px}
}