@charset "UTF-8";


/*
 z-index
 */

.ui-frame-mainmenu{
 z-index: 3
}
.ui-frame-header, .ui-frame-header-side-first, .ui-frame-header-side-last, .ui-frame-header-line, .ui-frame-app-window, .ui-frame-footer{
 z-index: 2
}
.ui-frame-app-window, .ui-frame-footer{
 z-index: 1
}

/*
 fixed header, view the respective header css file for desktop versions
 */

.ui-frame-container.header-fixed .ui-frame-header{
 width: 100%;
 position: fixed
}


/*
 mainmenu
 */
 
.ui-frame-mainmenu ul.primary-menu a{
 display: block;
 text-decoration: none
}
.ui-frame-mainmenu ul.primary-menu>li>a{
 white-space: nowrap
}
.ui-frame-mainmenu ul.primary-menu a.hash-link{
 pointer-events: none
}

@media ( min-width: 1200px ){
	
 .ui-frame-mainmenu ul.primary-menu a{
  white-space: nowrap
 }
 
}

/* 
 Hamburger
 */
 
.ui-frame-header-hamburger .hamburger{
 position: relative;
 display: block;
 width: 70px;
 height: 60px;
 background-color: transparent
}
.hamburger span, 
.hamburger span:before, 
.hamburger span:after{
 position: absolute;
 display: block;
 width: 30px;
 height: 3px;
 background-color: transparent
}
.hamburger span{
 top: 50%;
 left: 50%;
 margin-top: -1px;
 margin-left: -15px;
}
.hamburger span:before{
 content: '';
 top: -10px 
}
.hamburger span:after{
 content: '';
 top: 10px 
}

@media ( max-width: 1199px ){

 .ui-frame-header-hamburger .hamburger{
  height: 80px
 }

}

/*
 Container widths
 */
 
.ui-frame-app-window .ui-frame-main,
.ui-frame-app-window .ui-frame-footer{
 max-width: 100vw
}
.ui-frame-app-window .ui-frame-main .container, 
.ui-frame-app-window .ui-frame-main .container-width,
.ui-frame-app-window .ui-frame-footer .container, 
.ui-frame-app-window .ui-frame-footer .container-width{
  max-width: 1400px
}

.ui-frame-app-window .ui-frame-main .container.thinnest,
.ui-frame-app-window .ui-frame-footer .container.thinnest{
 max-width: 767px;
}

.ui-frame-app-window .ui-frame-main .container.thin,
.ui-frame-app-window .ui-frame-footer .container.thin{
 max-width: 991px;
}

.ui-frame-app-window .ui-frame-main .container.slim,
.ui-frame-app-window .ui-frame-footer .container.slim{
 max-width: 1199px;
}

@media ( min-width: 1620px ){
 
 .ui-frame-app-window .ui-frame-main .container.wider,
 .ui-frame-app-window .ui-frame-footer .container.wider,
 .ui-frame-app-window .ui-frame-main .container.widest,
 .ui-frame-app-window .ui-frame-footer .container.widest{
  max-width: 1600px;
 }
	
}

@media ( min-width: 1820px ){
 
 .ui-frame-app-window .ui-frame-main .container.widest,
 .ui-frame-app-window .ui-frame-footer .container.widest{
  max-width: 1800px;
 }
	
}

/*
 Full width
 */

.ui-frame-app-window .ui-frame-main .container-full-width,
.ui-frame-app-window .ui-frame-footer .container-full-width{
 max-width: 100%
}
 
@media ( min-width: 1360px ){
	
 .ui-frame-app-window .ui-frame-main .container-full-width,
 .ui-frame-app-window .ui-frame-footer .container-full-width{
  max-width: 100%
 }
 
}