@charset "UTF-8";


.nabi__hon {position: fixed;top: 0;left: 0;z-index: 10;margin: 0;padding: 0 50px;width: 100%;height: 60px;border-bottom: 1px solid white;background-color: #000;}

.nabi__logo {margin-top: 15px;width: auto;height: 28px;position: absolute;top: 0;left: 50px;}

a.nabi__btn {position: absolute;top: 0;right: 50px;display: inline-block;margin: 10px 60px;padding: 0 18px;height: 40px;color: #fff;text-align: center;text-decoration: none;font-weight: bold;line-height: 40px;/*border-radius: 4px;*/background: red;border-radius: 20px;}

a.nabi__btn:hover {color: #fff;opacity: 0.9;-ms-filter: "alpha(opacity=90)";filter: alpha(opacity=90);}

a.nabi__btn:hover {color:yellow; }

ul.nabi__menu {margin: 0;margin-left: 128px;list-style-type: none;}

ul.nabi__menu li {float: left;}

ul.nabi__menu li a {display: block;padding: 22px 12px;color: #fff;text-decoration: none;font-size: 16px;line-height: 1;}

ul.nabi__menu li a:link {color:white; 
}

ul.nabi__menu li  a:visited {color:white; 
}
ul.nabi__menu li a:hover {color:deepskyblue; 
}

.nabi__menu__m-btn { display: none;
}
.nabi br {display: none;
}






@media(max-width: 640px) {

.nabi br {display: block;
}
.nabi__hon {padding: 0 10px;
}
.nabi__logo {left: 10px;
}
a.nabi__btn {right: -35px !important;font-size: 13px;
}
.nabi__menu__m-btn {z-index: 4;display: inline-block;font-size: 13px;cursor: pointer;margin: 10px auto;margin-left: 108px;padding: 0 10px;height: 40px;border-radius: 4px;background: #fff;border: 1px solid #ccc;color: #333;text-align: center;line-height: 40px;
}

ul.nabi__menu { display: none
}
ul.nabi__menu {margin: 0 auto;width: 95% !important;
}
ul.nabi__menu a {display: block;padding: 1em 1em;
}
ul.nabi__menu > li > a,
	ul.nabi__menu > li > a:visited {color: #333 !important;
}
ul.nabi__menu > li a:before {display: inline-block;margin-right: 9px;color: #F3790D;content: "\f0da";vertical-align: middle;font-family: FontAwesome;
    
    
}}