@charset "utf-8";

/* ================================

infoNet burgerMenu.css   ver2.0

================================ */

/* burger */
.burgerMotion{position:absolute;top:0;right:0;z-index:15;width:40px;height:49px;}
.burgerMotion p{overflow:hidden;position:relative;width:20px;height:49px;margin:0 auto;padding:0;}
.burgerMotion p span{display:inline-block;position:absolute;width:100%;height:2px;margin-top:21px;background-color:#211c70;vertical-align:middle;}
.burgerMotion.active p span{background-color:rgba(255, 255, 255, 0);}
.burgerMotion p span:before,
.burgerMotion p span:after{content:"";display:block;position:absolute;left:0;width:20px;height:2px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerMotion p span:before{margin-top:-5px;background-color:#211c70;}
.burgerMotion p span:after{margin-top:5px;background-color:#211c70;}
.burgerMotion.active p span:before{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:24px;margin-top:0;margin-left:-2px;}
.burgerMotion.active p span:after{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:24px;margin-top:0;margin-left:-2px;}
.burgerCloseMotion{width:120px;height:30px;margin:10px auto;padding:0;text-align:center;}
.burgerMotion.active + .burgerCloseMotion{display:block;}
.burgerCloseMotion p{display:inline-block;position:relative;width:120px;height:30px;margin:0;padding:0;vertical-align:middle;}
.burgerCloseMotion p:after{content:"Close";display:inline-block;margin:5px 0 0 25px;color:#000;font-weight:bold;vertical-align:middle;}
.burgerCloseMotion p span{display:inline-block;position:absolute;width: 15px;height: 12px;margin: 11px 0 0 5px;vertical-align:middle;}
.burgerCloseMotion p span:before,
.burgerCloseMotion p span:after{content:"";display:block;position:absolute;top:4px;left:0;width:100%;height:2px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerCloseMotion p span:before{-webkit-transform: rotate(30deg);transform: rotate(30deg);background-color: #211c70;}
.burgerCloseMotion p span:after{-webkit-transform: rotate(-30deg);transform: rotate(-30deg);background-color: #211c70;}

.burgerOverlay{position: fixed;top: 0;z-index:10;width:100%;background-color:rgba(255,255,255,0.9);}