.header{position: fixed;z-index: 120;background: rgba(255,255,255,1);height: calc(100px);width: 100%;transition-delay: 0.2s;top: 0;}
.logo{position: fixed;width: 30%;left:3%;top: 0;height: 50px;background: url(../Images/logoC.svg) no-repeat left center;background-size: auto 15px;}
.menu{margin: 50px 3% 0 3%;font-size: 1.3rem;}
.menu{width: 94%; border-top:1px solid #dddddd;border-top: 1px solid var(--color-text);}
.menu>ul{display: flex; justify-content: space-between;flex-wrap: wrap;width: 23%;min-width: 700px;}
.menu>ul li{display: inline-block;position: relative;}
.menu,.menu a{white-space:nowrap;}
/*.menu>ul:nth-child(1){position: fixed;text-align: right;left: 3%;width:50%;}
.menu>ul:nth-child(2){position: fixed;text-align: left;left: calc(3% + 522px);width:21%;}
.menu>ul:nth-child(1)>li{float: right;}
.menu>ul:nth-child(1) li a{}
.menu>ul:nth-child(2)>li{float: left;}*/


.menu>ul:nth-child(1){position: fixed;text-align: right;/*left: calc(50px + 5%);*/float: left;}
.menu>ul:nth-child(2){position: fixed;text-align: left;left: calc(75% - 50px);float: left;}
.menu>ul:nth-child(1)>li{float: right;}
.menu>ul:nth-child(1) li a{}
.menu>ul:nth-child(2)>li{float: left;}


.menu>ul>li{line-height: 50px;height: 50px;} 
.menu .sub-menu-parent>ul>li a{border-bottom: 1px solid rgba(255,255,255,0);}
.menu .sub-menu-parent>ul>li:hover a{border-bottom: 1px solid var(--color-text);}

.preview{position: absolute;width: 280px;border: 1px;height: 170px;right:3%;margin-top: 18px; pointer-events:none}
.preview img{width:120px;float: right;margin: 0 0 0 20px;display: none;}


@media screen and (max-width:1000px){
	
	.menu{display: none}
	.logo{width: 40%;top:0;height: 50px;padding-top: 17.5px;left: 6%;}
	.header{height: 50px;background: #FFF;}

}