/*phone menu*/
#menu-btn-wrap { width: 28px; height: 35px; position: absolute; top: 20px; right: 15px; padding: 0; z-index: 99991; cursor: pointer; transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; overflow: hidden; display: none }
.lightbox_back { z-index: 99980; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: #000; opacity: .7; filter: alpha(opacity=7); display: none; }
#menu-btn-wrap.active { width: 105px }
#menu-btn-wrap.active span { background-color: #fff }
#menu-btn-wrap.active .menu-icon span:nth-child(1) { transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg) }
#menu-btn-wrap.active .menu-icon span:nth-child(2) { transform: translateX(60px); -o-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px); -ms-transform: translateX(60px); opacity: 0 }
#menu-btn-wrap.active .menu-icon span:nth-child(3) { transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); margin-bottom: 0 }
#menu-btn-wrap.active .menu-txt { left: 35px; width: 65px; height: 17px; transition: all .3s ease-in-out }
#menu-btn-wrap.active .menu-icon { margin-left: 6px; transition: all .6s ease-in-out }
.menu-txt { position: absolute; top: 3px; left: -95px; transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out }
.menu-icon { width: 24px; height: 20px; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transform-origin: 12px 12px; float: left }
.menu-icon span { display: block; width: 100%; height: 4px; background-color: #002DA1; margin-bottom: 4px; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out }
.menu-icon span:nth-child(1) { transform-origin: left top; -o-transform-origin: left top; -moz-tranform-orign: left top; -webkit-tranform-orign: left top; -ms-tranform-orign: left top }
.menu-icon span:nth-child(3) { transform-origin: bottom left; -o-transform-origin: bottom left; -moz-tranform-orign: bottom left; -webkit-tranform-orign: bottom left; -ms-tranform-orign: bottom left; margin-bottom: 0 }

@media(max-width:1200px){
#menu-btn-wrap{display:block;}
}