/* Header rules lifted from test-original/index.html by
 * build/unify_header.py - 199 rules, ODIN's own values. Do not hand-edit;
 * re-run the script instead. The overrides at the foot are the only
 * part written here.
 */

.master.item-box.header-box {z-index:123456;}
.master.container.narrow-site .left-menu-placeholder {margin-left:-270px;}
.master.container.narrow-site .left-menu-placeholder .master.item-box {left:auto!important;}
.menu_layout.item-content {height:inherit;}
.menu_layout .helper-div {display:table-cell;
	vertical-align:middle;}
.menu_layout .image-cover {display:table-cell;
	vertical-align:middle;}
.menu_layout .preview-content-wrapper {text-align:left;
	height:inherit;
	min-height:inherit;}
.menu_layout .preview-content-holder {display: block;
	max-width: 100%;
	height:inherit;
	min-height:inherit;}
.menu_layout .preview-item-links {display:table-cell;
	vertical-align:middle;}
.preview-item-links[data-shrink-style='vertically'] .preview-links-wrapper {display:flex;
	flex-direction: column;}
.menu_layout {display:table;}
.menu_layout .left-div {height:10px; /*inherit for chrome*/
	display:table;
	float:left;
	min-height:inherit;}
.item-box[data-height-resize="true"] .menu_layout .left-div {height:inherit;}
.item-box[data-height-resize="true"] .menu_layout .right-div {height:inherit;}
.menu_layout .right-div {height:10px; /*inherit for chrome*/
	display:table;
	float:right;
	min-height:inherit;}
.menu_layout.item-content {width:100%;}
.menu_layout .preview-item-links li {display:inline-block;
	position: relative;}
.preview-item-links .submenu li {display:block!important;}
.menu_layout .preview-item-links.flipped {display:block;}
.menu_layout  .menu-line {height: 3px;
	margin-bottom:5px;
	display:block;
	background-color:black;}
.menu_layout .logo-holder {display: table-cell;
	vertical-align: middle;
	line-height:0px;}
.menu_layout .links-menu-btn {width: 25px;
	height: 36px;
	cursor:pointer;
	display:none;
	vertical-align: middle;}
.menu_layout .links-menu-btn.hamburger {width: auto;
	height: auto;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);}
.menu_layout .links-menu-btn-wrapper {display:table;
	float:right;
	/*height:100%;*/}
.center-aligned-menu:not(.force-min-height50) .benet {display:none;}
.center-aligned-menu:not(.force-min-height50) .right-div, .center-aligned-menu:not(.force-min-height50) .left-div {display:block;
	float:none;
	height:auto!important;
	min-height:initial;
	text-align:center;}
.center-aligned-menu:not(.force-min-height50) .menu_layout .preview-item-links {padding-bottom:25px;}
.center-aligned-menu:not(.force-min-height50) .menu_layout .left-div {padding-top:25px;}
.center-aligned-menu:not(.force-min-height50) .helper-div {display:inline;}
.center-aligned-menu:not(.force-min-height50)  .logo-holder , .center-aligned-menu:not(.force-min-height50)  .preview-item-links {display:inline-block;}
.center-aligned-menu:not(.force-min-height50) .preview-content-wrapper {display: table;
	width: 100%;
	text-align:center;}
.center-aligned-menu:not(.force-min-height50) .preview-content-holder {display: table-cell;
	vertical-align: middle;}
.center-aligned-menu:not(.force-min-height50) .menu_layout .links-menu-btn.shown {display:inline-block;}
.menu_layout .links-menu-btn.shown {display:table-cell;
	pointer-events:auto;}
.menu-open .preview-element.Link.item-link {pointer-events: auto;}
.menu-open:not(.force-transparency):not(.full-screen-menu) .preview-item-links {background-color:transparent;
 	pointer-events:none;}
.menu-open {pointer-events:auto!important;}
.menufied .preview-item-links {display:block;
  margin:auto;
  position:relative;
  z-index:3;
  padding-bottom:25px;}
.menufied .preview-item-links span,  .menufied .preview-item-links li {display:inline-block;
	 position: relative;}
.menufied .preview-item-links.no-place span, .menufied.full-screen-menu.menu-open .preview-item-links span,  .menufied.side-screen-menu.menu-open .preview-item-links span, .menufied.full-screen-menu.menu-open .preview-item-links li, .menufied.side-screen-menu.menu-open .preview-item-links li {display:block;
  	margin-right:auto!important;
	margin-left:auto!important;}
.menufied.full-screen-menu .submenu, .menufied.side-screen-menu  .submenu {background-color:transparent!important;}
.menu_layout .submenu li {min-width:100%;}
.left-menu-placeholder .item-wrapper {padding-top:25%!important;}
.left-menu-placeholder .master.item-box {width:inherit!important;
 	padding-left:0px!important;
 	padding-right:0px!important;}
.left-menu-placeholder .preview-item-links span {margin-right:auto!important;
	margin-left:auto!important;}
.preview-links-wrapper > span:first-child, .preview-links-wrapper > a:first-child span {margin-left:0px!important;}
.left-menu-placeholder .preview-item-links {padding-top:30px!important;}
.force-min-height50 .menus-wrapper {min-height:50px!important;}
.force-transparency .preview-links-wrapper {pointer-events: auto;}
.master.container .left-menu-placeholder {display: inline-block;
	width:270px;
	vertical-align:top;}
.master.container.left-menu-layout .item-wrapper.menus-wrapper {display: inline-block;}
.master.container.left-menu-layout .menu_layout .preview-item-links a , .master.container.left-menu-layout .menu_layout .preview-item-links .item-link,.master.container.left-menu-layout .menu_layout .preview-item-links li {display:block;}
.master.container.left-menu-layout .menu_layout .preview-content-holder {vertical-align:top;}
.xprs-holder:not(.in-editor) .master.item-box.header-box.being-scrolled {z-index:1234567891;}
.being-scrolled .menu_layout .preview-subtitle-holder , .minimal-design .menu_layout .preview-subtitle-holder {display:none;}
.being-scrolled .menu_layout .preview-title-holder, .minimal-design .menu_layout .preview-title-holder {display:table-cell;
	vertical-align:middle;}
.being-scrolled .menu_layout .item-details , .minimal-design .menu_layout .item-details {display:table;}
.master.item-box.header-box.full-screen-menu .preview-links-wrapper, .master.item-box.header-box.side-screen-menu .preview-links-wrapper {transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
    position: absolute;}
.left-menu-placeholder .menus-wrapper {min-width:none!important;}
.master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled .preview-links-wrapper {transform:translateX(-50%);
	padding-right:-20px;}
.master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled {overflow-y:scroll;
	padding-right:20px;}
.master.item-box.header-box.full-screen-menu .preview-item-links {position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;}
.master.item-box.header-box.side-screen-menu .preview-item-links {position: fixed;
    top: 0px;
    right: -315px;
    z-index: -1;
    width: 315px;
    height: 100%;
    transition:right 1s;
    display:block;}
.left-menu-placeholder .menu_layout .submenu, .header-box.side-screen-menu .submenu, .header-box.full-screen-menu .submenu, .menufied .preview-item-links.no-place .submenu {position:relative;}
.header-box  .submenu {display:none;}
.header-box:not(.full-screen-menu) .preview-item-links:not([data-shrink-style='vertically']) .submenu {position: absolute;
    left: -10px;
    top: 100%;
    min-width: 130px;
	padding: 10px;
	z-index:123;}
.left-menu-placeholder .menu_layout .submenu .submenu-link , .header-box.side-screen-menu .submenu .submenu-link, .header-box.full-screen-menu .submenu .submenu-link, .menufied .preview-item-links.no-place .submenu .submenu-link {text-align: center;}
.header-box .submenu-link {display:block;
	text-align: left;}
.header-box .submenu-title {position:relative;
	cursor:pointer;}
.header-box .submenu-title:after {content: ' \25be'; /* \25b4*/}
.master.item-box.header-box.boxed-menu .preview-item-links {width:400px;
	height:400px;
    position: absolute;
    top:0px;
    right:0px;}
.menu-advanced-settings.switching-panel .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger-inner:after {background-color:#666;}
.menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:after {background-color:white;}
.hamburger {outline:none;}
.very-small .hamburger-box {-ms-transform: scale(0.5); /* IE 9 */
   	-webkit-transform: scale(0.5); /* Safari */
    transform: scale(0.5);}
.small .hamburger-box {-ms-transform: scale(0.7); /* IE 9 */
   	-webkit-transform: scale(0.7); /* Safari */
    transform: scale(0.7);}
.large .hamburger-box {-ms-transform: scale(1.3); /* IE 9 */
   	-webkit-transform: scale(1.3); /* Safari */
    transform: scale(1.3);}
.very-large .hamburger-box {-ms-transform: scale(1.5); /* IE 9 */
   	-webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger {font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}
.hamburger:hover {opacity:.7}
.hamburger-box {position:relative;display:inline-block;width:40px;height:24px}
.hamburger-inner {top:50%;display:block;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#000}
.hamburger-inner:after,.hamburger-inner:before {display:block;content:''}
.hamburger-inner:before {top:-10px}
.hamburger-inner:after {bottom:-10px}
.hamburger--arrow.is-active .hamburger-inner:before {-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrow.is-active .hamburger-inner:after {-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--arrow-r.is-active .hamburger-inner:before {-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}
.hamburger--arrow-r.is-active .hamburger-inner:after {-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowalt .hamburger-inner:before {transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}
.hamburger--arrowalt .hamburger-inner:after {transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}
.hamburger--arrowalt.is-active .hamburger-inner:before {top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}
.hamburger--arrowalt.is-active .hamburger-inner:after {bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}
.hamburger--arrowalt-r .hamburger-inner:before {transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}
.hamburger--arrowalt-r .hamburger-inner:after {transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before {transition-property:none}
.hamburger--boring.is-active .hamburger-inner {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger--boring.is-active .hamburger-inner:before {top:0;opacity:0}
.hamburger--boring.is-active .hamburger-inner:after {bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger--collapse .hamburger-inner {top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}
.hamburger--collapse .hamburger-inner:after {top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
.hamburger--collapse .hamburger-inner:before {transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse.is-active .hamburger-inner {transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--collapse.is-active .hamburger-inner:after {top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}
.hamburger--collapse.is-active .hamburger-inner:before {top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger--collapse-r .hamburger-inner {top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}
.hamburger--collapse-r .hamburger-inner:after {top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
.hamburger--collapse-r .hamburger-inner:before {transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}
.hamburger--collapse-r.is-active .hamburger-inner {transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}
.hamburger--collapse-r.is-active .hamburger-inner:after {top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}
.hamburger--collapse-r.is-active .hamburger-inner:before {top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.hamburger--elastic .hamburger-inner {top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}
.hamburger--elastic .hamburger-inner:before {top:10px;transition:opacity .15s .4s ease}
.hamburger--elastic .hamburger-inner:after {top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic.is-active .hamburger-inner {transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}
.hamburger--elastic.is-active .hamburger-inner:before {transition-delay:0s;opacity:0}
.hamburger--elastic.is-active .hamburger-inner:after {transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}
.hamburger--elastic-r .hamburger-inner {top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}
.hamburger--elastic-r .hamburger-inner:before {top:10px;transition:opacity .15s .4s ease}
.hamburger--elastic-r .hamburger-inner:after {top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic-r.is-active .hamburger-inner {transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}
.hamburger--elastic-r.is-active .hamburger-inner:before {transition-delay:0s;opacity:0}
.hamburger--elastic-r.is-active .hamburger-inner:after {transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}
.hamburger--emphatic {overflow:hidden}
.hamburger--emphatic .hamburger-inner {transition:background-color .2s .25s ease-in}
.hamburger--emphatic .hamburger-inner:before {left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}
.hamburger--emphatic .hamburger-inner:after {top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}
.hamburger--emphatic.is-active .hamburger-inner {transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}
.hamburger--emphatic.is-active .hamburger-inner:before {top:-80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}
.hamburger--emphatic.is-active .hamburger-inner:after {top:-80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}
.hamburger--emphatic-r {overflow:hidden}
.hamburger--emphatic-r .hamburger-inner {transition:background-color .2s .25s ease-in}
.hamburger--emphatic-r .hamburger-inner:before {left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}
.hamburger--emphatic-r .hamburger-inner:after {top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}
.hamburger--emphatic-r.is-active .hamburger-inner {transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}
.hamburger--emphatic-r.is-active .hamburger-inner:before {top:80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}
.hamburger--emphatic-r.is-active .hamburger-inner:after {top:80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}
.hamburger--slider .hamburger-inner {top:0}
.hamburger--slider .hamburger-inner:before {top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}
.hamburger--slider .hamburger-inner:after {top:20px}
.hamburger--slider.is-active .hamburger-inner {-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner:before {-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner:after {-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}
.hamburger--slider-r .hamburger-inner {top:0}
.hamburger--slider-r .hamburger-inner:before {top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}
.hamburger--slider-r .hamburger-inner:after {top:20px}
.hamburger--slider-r.is-active .hamburger-inner {-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}
.hamburger--slider-r.is-active .hamburger-inner:before {-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}
.hamburger--slider-r.is-active .hamburger-inner:after {-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}
.hamburger--spin .hamburger-inner {transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}
.hamburger--spin .hamburger-inner:before {transition:top .1s .34s ease-in,opacity .1s ease-in}
.hamburger--spin .hamburger-inner:after {transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spin.is-active .hamburger-inner {transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.hamburger--spin.is-active .hamburger-inner:before {top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}
.hamburger--spin.is-active .hamburger-inner:after {bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger--spin-r .hamburger-inner {transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}
.hamburger--spin-r .hamburger-inner:before {transition:top .1s .34s ease-in,opacity .1s ease-in}
.hamburger--spin-r .hamburger-inner:after {transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spin-r.is-active .hamburger-inner {transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.hamburger--spin-r.is-active .hamburger-inner:before {top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}
.hamburger--spin-r.is-active .hamburger-inner:after {bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger--squeeze .hamburger-inner {transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}
.hamburger--squeeze .hamburger-inner:before {transition:top .1s .14s ease,opacity .1s ease}
.hamburger--squeeze .hamburger-inner:after {transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}
.hamburger--squeeze.is-active .hamburger-inner {transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger--squeeze.is-active .hamburger-inner:before {top:0;transition:top .1s ease,opacity .1s .14s ease;opacity:0}
.hamburger--squeeze.is-active .hamburger-inner:after {bottom:0;transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger--vortex .hamburger-inner {transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}
.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before {transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}
.hamburger--vortex .hamburger-inner:before {transition-property:top,opacity}
.hamburger--vortex .hamburger-inner:after {transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}
.hamburger--vortex.is-active .hamburger-inner {transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}
.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before {transition-delay:0s}
.hamburger--vortex.is-active .hamburger-inner:before {top:0;opacity:0}
.hamburger--vortex.is-active .hamburger-inner:after {bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.hamburger--vortex-r .hamburger-inner {transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}
.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before {transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}
.hamburger--vortex-r .hamburger-inner:before {transition-property:top,opacity}
.hamburger--vortex-r .hamburger-inner:after {transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}
.hamburger--vortex-r.is-active .hamburger-inner {transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}
.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before {transition-delay:0s}
.hamburger--vortex-r.is-active .hamburger-inner:before {top:0;opacity:0}
.hamburger--vortex-r.is-active .hamburger-inner:after {bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.footer_layout .logo-holder {display: table-cell;
	vertical-align: middle;}
.footer_layout .preview-item-links {display:table-cell;
	vertical-align:middle;
	white-space: nowrap;}
.footer_layout .preview-item-links span {float:left;
	display:inline-block;}
.footer_layout .links-menu-btn {background-image:url('/images/ui_icons/menu_ico.png');
	background-repeat:no-repeat;
	background-position: 50%;
	/*background-color: black;*/
	background-size:contain;
	width: 50px;
	height: 50px;
	float: right;	
	cursor:pointer;
	/*display:table-cell;*/
	/*vertical-align:middle;*/}
.footer_layout .links-menu-btn-wrapper {display:table;
	float:right;
	/*height:100%;*/}
.preview-item-links span ,   #sr-basket-widget * {display:inline-block;
		    font-family:freight-sans-pro;
		    color:#000;
		    font-size:25rem;
		    line-height:1em;
		    letter-spacing:normal;
		    font-style:normal;
		    text-decoration:none;
		    font-weight:normal;
		    margin-left:0px;
		    margin-right:0px;
		    margin-top:0px;
		    margin-bottom:0px;
		    padding-left:0px;
		    padding-right:0px;
		    padding-top:0px;
		    padding-bottom:0px;
		    background-color:transparent;
		    max-width:980px;
		    text-shadow:none;
		    border-style:solid;
		    border-width:0px;
		    border-color:#000000;
		    border-radius:0px;}
.preview-item-links span:hover ,   .preview-element.Link.hover-tester {color:#000;
		    background-color:transparent;}
.preview-item-links {text-align:inherit;}
.preview-item-links.allow-bg-color ,   .submenu {background-color:#666;
		    background-image:none;}
.preview-item-links span:before ,   .effect-tester {background-color:#2098d1;}
.blocks-preview-item-links .Link {display:inline-block;
		    font-family:freight-sans-pro;
		    color:#000;
		    font-size:25rem;
		    line-height:1em;
		    letter-spacing:normal;
		    font-style:normal;
		    text-decoration:none;
		    font-weight:normal;
		    margin-left:0px;
		    margin-right:0px;
		    margin-top:0px;
		    margin-bottom:0px;
		    padding-left:0px;
		    padding-right:0px;
		    padding-top:0px;
		    padding-bottom:0px;
		    background-color:transparent;
		    max-width:980px;
		    text-shadow:none;
		    border-style:solid;
		    border-width:0px;
		    border-color:#000000;
		    border-radius:0px;}
.blocks-preview-item-links {text-align:inherit;}
.blocks-preview-item-links .Link:hover {color:#000;
		    background-color:transparent;}

/* ------------------------------------------------------------------ odin */
/* odin-theme.css was written to make the OLD .net header resemble this one,
   so its !important clamps now fight the real thing. Undo them for the
   transplanted header only; everything outside it keeps the theme. */
[data-odin-header] .preview-item-links a {
	padding: 0 !important;
	margin: 0 !important;
}

/* index.html's menu links carry 10px of padding either side - its "Home" span
   measures 57.4px against 37.4px of text. That padding is half the spacing
   between items, so zeroing it (an earlier attempt here) both shrank the gaps
   and shifted where each label sits inside its own hit area. */
[data-odin-header] .preview-item-links span {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* TYPOGRAPHY, measured off index.html rather than lifted from a stylesheet.
   The menu's type is not in any .css file: imcreator's runtime builds a
   stylesheet at load from the site's saved design and writes it there, so it
   exists only in a live page. Loading the same runtime is not enough - it
   writes odinbd.com's values only for odinbd.com's saved design, and the .net
   pages carry their own. Left alone the menu inherits the platform default of
   25rem, which is why it came out nearly twice the size.

   These are what index.html actually computes for a menu link at 1400px:
       font-size 14px / line-height 14px / Arial / rgb(200,200,200)
   and 150x82 for the logo. Re-measure with the probe if the home page's
   design is ever changed. */
[data-odin-header] .preview-item-links span,
[data-odin-header] .submenu span {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 14px !important;
	color: rgb(200, 200, 200) !important;
}

/* The same effect, switched off by selector as well as by class, so it stays
   off if the markup ever comes across with those classes again. */
[data-odin-header] .preview-item-links span::before {
	display: none !important;
	content: none !important;
}

[data-odin-header] .preview-item-links span:hover {
	background-color: transparent !important;
	color: rgb(255, 255, 255) !important;
}

[data-odin-header] .logo-holder img {
	width: 150px !important;
	max-width: 150px !important;
	height: auto !important;
}

/* The gap between menu items: 10px of span padding either side plus this,
   giving the 34-37px between labels that index.html measures at 1400px wide.
   Top level only - the > keeps the dropdown's own items out of it. */
[data-odin-header] .preview-links-wrapper > li {
	display: inline-block;
	margin: 0 7px !important;
	position: relative;
}

[data-odin-header] .preview-links-wrapper > li:first-child { margin-left: 0 !important; }
[data-odin-header] .preview-links-wrapper > li:last-child  { margin-right: 0 !important; }

/* dropdown items stack, left aligned, on their own ground */
[data-odin-header] .submenu {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	background: rgb(0, 0, 0);
	text-align: left;
	transition: opacity .18s ease;
}

[data-odin-header] .submenu > li {
	display: block;
	margin: 0 !important;
	white-space: nowrap;
}

[data-odin-header] .submenu > li a { display: block; padding: 6px 4px !important; }

/* opens on hover on a pointer device, and on .is-open, which the local script
   toggles for keyboard and touch */
[data-odin-header] .preview-links-wrapper > li:hover > .submenu,
[data-odin-header] .preview-links-wrapper > li.is-open > .submenu {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* the caret that tells you Services opens */
[data-odin-header] .submenu-title::after {
	content: " \25be";
	font-size: .85em;
}

[data-odin-header] .hamburger {
	display: none;
	background: none;
	border: 0;
	cursor: pointer;
}

/* The button was there all along at 70x58 with 28x3 bars - but the bars come
   through BLACK, on a black header, so it rendered as nothing and the .net
   pages looked like they had no menu at all on a phone. Paint them white. */
[data-odin-header] .hamburger-inner,
[data-odin-header] .hamburger-inner::before,
[data-odin-header] .hamburger-inner::after {
	background-color: rgb(255, 255, 255) !important;
}

@media (max-width: 760px) {
	[data-odin-header] .hamburger { display: block; }
	[data-odin-header] .preview-links-wrapper { display: none; }

	/* Two open-classes on purpose. odin-menu-open is ours, set by
	   js/odin-header.js; menu-open is the platform's, in case its own runtime
	   also binds this button. Honouring both means neither can cancel the
	   other out by toggling separately. */
	[data-odin-header].menu-open .preview-links-wrapper,
	[data-odin-header].odin-menu-open .preview-links-wrapper { display: block; }

	[data-odin-header].menu-open .preview-links-wrapper > li,
	[data-odin-header].odin-menu-open .preview-links-wrapper > li {
		display: block;
		margin: 8px 0 !important;
	}

	/* the dropdown cannot rely on hover on a touch screen */
	[data-odin-header] .submenu {
		position: static !important;
		background: transparent !important;
		padding-left: 14px !important;
	}
}