header{display:flex;height:50px}header .nav-button{display:none}header .header-left{flex-basis:450px;padding-left:15px;background:#354ea9;display:flex;align-items:center;position:relative;border-top:2px solid #ffda82}header .header-left:after{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:50px solid #354ea9;display:block;content:"";position:absolute;right:-50px;bottom:0}header .header-left img{margin-right:10px}header .header-left h1{display:inline-flex;align-items:center;margin-bottom:0}header .header-left h1 a{font-style:normal;font-weight:bold;font-size:18px;text-transform:uppercase;font-family:"Mulish",sans-serif;color:#fff}header .header-left h1 a span{max-width:70vw}header .header-left h1 a span#webTitle{font-size:18px}header .header-left h1 a span#webSubTitle{font-size:16px}header .header-right{border-bottom:2px solid #ffda82;flex-basis:calc(100% - 450px);display:flex;justify-content:flex-end;background-image:linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,.99) 40%),url("../../Images/header-banner.png");background-repeat:no-repeat}header .header-right>ul{display:flex;position:relative}header .header-right>ul li{margin-right:30px;cursor:pointer;line-height:50px}header .header-right>ul li.active{border-bottom:3px solid #354ea9;margin-bottom:-2px}header .header-right>ul li.has-sub{z-index:20000}header .header-right>ul li.has-sub>a{position:relative}header .header-right>ul li.has-sub>a:after{display:block;content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:-13px;top:-1px}header .header-right>ul li.has-sub .sub-menu{display:none;z-index:2;position:absolute;background:#f5f5f5;bottom:-80px;right:10px}header .header-right>ul li.has-sub .sub-menu li{display:flex;align-items:center;width:145px;padding-left:20px;align-items:center;height:40px;margin-right:0}header .header-right>ul li.has-sub .sub-menu li a{text-transform:capitalize!important}header .header-right>ul li.has-sub .sub-menu.show{display:block}header .header-right>ul a{font-style:normal;font-weight:bold;font-size:14px;line-height:18px;text-transform:uppercase;color:#383838}@keyframes bar3{0%{top:15px;height:3px;transform:skewY(0)}100%{top:15px;height:3px;transform:skewY(-40deg)}}@keyframes bar1{0%{top:15px;height:3px;transform:skewY(0)}100%{top:15px;height:3px;transform:skewY(40deg)}}@keyframes bar2{0%{opacity:1}100%{opacity:0}}@media only screen and (max-width:768px){header{position:relative}header .header-left{border:none!important;flex-basis:100%;padding-left:10px}header .header-left:after{display:none}header .header-left h1{width:75%}header .header-right{background:#354ea9;border:none!important}header .header-right ul{display:none}header .nav-button{display:block;background:#354ea9;width:30px;height:30px;border:none;color:#fff;cursor:pointer;right:10px;top:10px;position:absolute}header .nav-button.close .bar1{animation:bar1 .2s linear;top:15px;height:3px;transform:skewY(40deg)}header .nav-button.close .bar2{animation:bar2 .2s linear;opacity:0}header .nav-button.close .bar3{height:3px;animation:bar3 .2s linear;top:15px;transform:skewY(-40deg)}header .nav-button .bar{background-color:#fff;height:2px;width:70%;border-radius:5px;position:absolute;left:3px}header .nav-button .bar1{top:10px}header .nav-button .bar2{top:15px}header .nav-button .bar3{top:20px}header ul.menu.open{display:block!important;position:fixed;width:100%;background:#fff;left:0;top:50px;z-index:200000000000}header ul.menu.open li{text-align:center;margin-right:0;border-bottom:1px solid #c9c9c9}header ul.menu.open li:last-child{border:none}header ul.menu.open li.has-sub{position:relative}header ul.menu.open li .sub-menu{display:block!important;width:100%;background:#fff}header ul.menu.open li .sub-menu li{justify-content:center;display:flex;width:100%;border:none}header ul.menu.open li .sub-menu li a{font-size:12px}.sub-menu{bottom:-78px!important;right:0!important}.sub-menu li{padding-left:0!important}}@media only screen and (max-width:480px){header .header-left h1 a{font-size:16px}header .header-left h1 span{font-size:12px}}