@charset "utf-8";
a{transition: all 0.15s ease-in-out;}
a, a:hover, a:focus, a:active{text-decoration: none;}

ul{list-style-position: inside;padding: 0;}
ul.no-list{list-style: none;}

.cssmenu{width:78%; float:left;line-height:1;background:transparent}
.cssmenu,.cssmenu ul,.cssmenu ul li,.cssmenu ul li a,.cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cssmenu:after,.cssmenu >ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cssmenu #menu-button{display:none}

.cssmenu >ul >li{float:left}
.cssmenu.align-center >ul{font-size:0;text-align:center}
.cssmenu.align-center >ul >li{display:inline-block;float:none}
.cssmenu.align-center ul ul{text-align:left}
.cssmenu.align-right >ul >li{float:right}
.cssmenu.align-right ul ul{text-align:right}
.cssmenu >ul >li >a{padding:33px 60px 43px 30px;font-size:15px;font-weight: 700;text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
@media(max-width:992px){
.cssmenu >ul >li >a{font-size:12px;padding:45px 5px 45px 5px}
}
.cssmenu >ul >li:hover >a,.cssmenu >ul >li.active >a{color: #4bb0f7;}
.cssmenu >ul >li.has-sub >a{padding-right:25px}
.cssmenu >ul >li:after {
    content: '';
    position: absolute;
    left: 30px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background: #4bb0f7;
    transition: all 0.6s ease 0s;
}
.cssmenu >ul >li:hover:after {
    width: calc(100% - 60px);
}

.cssmenu >ul >li.has-sub >a::after{position:absolute;top:36px;right:14px;width:4px;height:4px;border-bottom:2px solid #000;border-right:2px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}

.cssmenu >ul >li.has-sub:hover >a::after{border-color:#0472ba}
.cssmenu ul ul{position:absolute;left:-9999px}
.cssmenu li:hover >ul{left:auto}
.cssmenu.align-right li:hover >ul{right:0}
.cssmenu ul ul ul{margin-left:100%;top:0}
.cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;margin-top:-1px}
.cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;border-top:1px solid #333;}
.cssmenu ul ul li:nth-child(1){border-top:0}
.cssmenu ul ul li:nth-child(1) a{padding:10px 30px}
.cssmenu ul li:hover >ul >li{height:42px}
.cssmenu ul ul li a{padding:10px 10px 10px 30px; line-height:22px;width:230px;font-size:14px;background-color: rgb(0 0 0 / 80%);text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.cssmenu ul ul li:hover >a,.cssmenu ul ul li a:hover,.cssmenu ul ul li.on a{color:#fff;background:#0d3d5f}
.cssmenu ul ul li.has-sub >a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.cssmenu.align-right ul ul li.has-sub >a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd;border:1px solid red}
.cssmenu ul ul li.has-sub:hover >a::after{border-color:#000}



.headersearchf {
    float: right;

}