header{width:100%}header .header{background:#f9e8db;padding-bottom:2px}.toggle,[id^=drop]{display:none}
nav{margin:0;padding:0;margin:auto}nav .fa-angle-down {margin-left:5px}
nav:after{content:"";display:table;clear:both}
nav ul{float:right;padding:0;margin:0;list-style:none;position:relative}
nav ul li{margin:0px;display:inline-block;float:left}
nav ul>li .main_a{padding:15px 17px;color:#000;border-top:2px solid transparent; }
nav ul>li a{font-weight:600;font-size:14px;letter-spacing:0.5px;display:inline-block}
nav ul li ul li:hover{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
.menu li .main_a.active,
.menu li .main_a:hover{color:#000;background:#FFFFFF;transition:0.1s all;-webkit-transition:0.1s all;-moz-transition:0.1s all;-o-transition:0.1s all;-ms-transition:0.1s all;border-top:2px solid #138496;margin-top:-2px;padding-top:17px}
nav ul ul{display:none;position:absolute;top:47px;background:#333;padding:10px;border-radius:4px;z-index:9}
li .big_ul {width:350px}
.big_ul .db_li {width:48%;float:left;margin-right:2%}
.big_ul .db_li:nth-child(3) {margin:0;margin-right:2%}
.chya {box-shadow:0 .1rem .3rem rgba(0,0,0,.15) !important}
nav ul li:hover>ul{display:inherit}
nav ul ul li{width:170px;float:none;display:list-item;position:relative;margin-bottom:10px;border-radius:4px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
nav ul ul li:nth-child(4){margin-bottom:5px}
nav ul ul li a{color:#fff;padding:7px 15px;display:block;font-size:14px;border:2px solid black}
nav ul ul li a:hover {color:#000 ;background:#fff }
nav ul ul ul li{position:relative;top:-60px;left:170px}
li>a:only-child:after{content:''}
@media(max-width:800px){nav a{font-size:14px}
}
@media (max-width:768px){nav a{padding:6px 9px}
}
@media all and (max-width:736px){
nav{margin:0}
.toggle+a,.menu{display:none}
.toggle{padding:7px 12px;font-size:14px}
.menu li .main_a{padding:7px 21px}
.menu li .main_a.active,
.menu li .main_a:hover{padding:7px 21px;margin:0}
nav {margin:0}
.toggle {display:block;padding:8px 14px;font-size:15px;text-decoration:none;float:right;border-radius:4px;letter-spacing:1px;cursor:pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
.menu .toggle {float:none;margin:auto;max-width:105px;padding:5px;font-weight:bold;letter-spacing:1px}
[id^=drop]:checked+ul {display:block;padding:15px 0;text-align:center;width:100%}
nav ul li {display:block;width:100%;padding:5px 0}
nav ul li .main_a {color:#000}
nav ul ul .toggle,nav ul ul a {padding:0 40px}
.big_ul .db_li {width:100%;float:none}
nav ul ul ul a {padding:0 80px}
nav a:hover,nav ul ul ul a {background-color:transparent}
nav ul li ul li .toggle,
nav ul ul a,nav ul ul ul a {padding:14px 20px;color:#FFF;font-size:17px}
nav ul ul {float:none;position:static;color:#fff}
nav ul ul li:hover>ul,nav ul li:hover>ul {display:none}
nav ul ul li {display:block;width:100%;padding:0}
nav ul ul ul li {position:static}
nav a {font-size:15px}nav ul ul li a {font-size:15px}
}
