@charset "UTF-8";

.ui-frame-header .header{
 display: inline-flex;
 align-items: center;
 min-height: 100%
}

.ui-frame-header .header a.logo{
 display: block
}
.ui-frame-header .header a.logo,
.ui-frame-header .header a.logo svg{ 
 width: 166px;
 height: 26px
}

/*
 .ui-frame-header-side-first .wrapper, header-right
 */
 
.ui-group-header .mainmenu,
.ui-group-header.ui-frame-header-side-first .wrapper,
.ui-group-header.ui-frame-header-side-last .wrapper{
 display: flex;
 align-items: center;
 height: 100%;
}

.ui-group-header.ui-frame-header-side-first .wrapper>ul,
.ui-group-header.ui-frame-header-side-last .wrapper>ul{
 display: flex;
 align-items: center;
 font-size: 0
}
.ui-group-header.ui-frame-header-side-first .wrapper>ul li,
.ui-group-header.ui-frame-header-side-last .wrapper>ul li{
 display: block;
 font-size: 1rem
}
.ui-group-header.ui-frame-header-side-first .wrapper>ul li a,
.ui-group-header.ui-frame-header-side-last .wrapper>ul li a{
 display: block;
 text-decoration: none
}

@media ( max-width: 400px ){
	
 /*
  Hide on custom width
  */
 
 .ui-group-header.ui-frame-header-side-first .wrapper ul li.cm-hide,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li.cm-hide{
  display: none
 }
 
}


@media ( max-width: 575px ){
	
 .ui-group-header.ui-frame-header-side-first .wrapper ul li a[href].btn,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li a[href].btn{
  border-radius: 0;
  padding: 40px 0 0 0
 }
	
 .ui-group-header.ui-frame-header-side-first .wrapper ul li a,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li a{
  width: 50px;
  height: 80px;
 }
 
 .ui-group-header.ui-frame-header-side-first .wrapper ul li a.mobile-iconize,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li a.mobile-iconize{
  font-size: 0;
  color: transparent;
  text-indent: 50px;
  overflow: hidden;
  background-image: url( "../images/icon-placeholder.svg" );
  background-position: center;
  background-repeat: no-repeat
 }
 
 /*
  Hide on tablet landscape and below
  */
 
 .ui-group-header.ui-frame-header-side-first .wrapper ul li.tl-hide,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li.tl-hide{
  display: none
 }
 
}

@media ( min-width: 576px ){
	
 .ui-frame-container.header-grid-buttons .ui-group-header.ui-frame-header-side-first .wrapper ul li a:not( .btn ),
 .ui-frame-container.header-grid-buttons .ui-group-header.ui-frame-header-side-last .wrapper ul li a:not( .btn ){
  padding-top: 5px;
  padding-bottom: 5px
 }

 .ui-frame-container.header-block-buttons .ui-group-header.ui-frame-header-side-first .wrapper ul li:not( .icon ) a:not( .btn ),
 .ui-frame-container.header-block-buttons .ui-group-header.ui-frame-header-side-last .wrapper ul li:not( .icon ) a:not( .btn ){
  height: 50px;
  line-height: 49px;
  padding-left: 20px;
  padding-right: 20px
 }

 .ui-group-header.ui-frame-header-side-first .wrapper ul li.icon a,
 .ui-group-header.ui-frame-header-side-last .wrapper ul li.icon a{
  width: 50px;
  height: 50px;
  font-size: 0;
  color: transparent;
  text-indent: 50px;
  background-image: url( "../images/icon-placeholder.svg" );
  background-position: center;
  background-repeat: no-repeat
 }
 
}

/*
 primary-menu
 */

@media ( min-width: 1200px ){
	
 /*
  Main menu desktop
  */
  
 /*
  Device hide
  */
  
 .ui-frame-mainmenu ul.primary-menu>li.small-device-only,
 .ui-frame-mainmenu ul.primary-menu ul li.small-device-only{
  display: none	 
 }
 
}