.cbp-spmenu{background:#47a3da;position:fixed;}
.cbp-spmenu h3{color:#afdefa;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#0d77b6;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#258ecd;}
.cbp-spmenu a:active{background:#afdefa;color:#47a3da;}
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #258ecd;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
.cbp-spmenu-push{overflow-x:hidden;position:relative;right:0;}
.cbp-spmenu-push-toright{left:130px;}
.cbp-spmenu-push-toleft{right:-130px;}
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
@media (max-width:480px){.cbp-spmenu h3{font-size:1.3em;padding:15x;}
nav#cbp-spmenu-s2 a{padding:18px 25px!important;font-size:14px!important;}
.cbp-spmenu-push-toleft{left:0px;}
.cbp-spmenu-vertical{width:185px;}
}
@media (max-width:1366px){.cbp-spmenu-left.cbp-spmenu-open{left:-30px;}
}
@media (max-width:1280px){.cbp-spmenu-push-toleft{right:-190px;}
}
@media (max-width:768px){.cbp-spmenu-push-toleft{right:-205px;}
}
@media (max-width:480px){.cbp-spmenu-push-toleft{left:125px;}
.cbp-spmenu-vertical{width:157px;}
.cbp-spmenu-left.cbp-spmenu-open{left:-31px;}
}
@media (max-width:320px){.cbp-spmenu-push-toleft{left:125px;}
.cbp-spmenu-vertical{width:170px;}
.cbp-spmenu-left.cbp-spmenu-open{left:-31px;}
nav#cbp-spmenu-s2 a{padding:12px 8px!important;font-size:13px!important;margin-left:1.3em;}
nav#cbp-spmenu-s2 h3{margin-left:1.3em;}
}
@media screen and (max-width:55.1875em){.cbp-spmenu-horizontal{font-size:75%;height:110px;}
.cbp-spmenu-top{top:-110px;}
.cbp-spmenu-bottom{bottom:-110px;}
}
@media screen and (max-height:26.375em){.cbp-spmenu-vertical{font-size:90%;width:190px;}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft{right:-190px;}
.cbp-spmenu-right{right:-190px;}
.cbp-spmenu-push-toright{left:190px;}
}