#octHolder {
    float: right;
}

#octAccess .octContainer {
    display: none;
    position: absolute;
    right: 0;
    /*-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);*/
    border-radius: 4px;
    overflow: hidden;
    /*border: 1px solid #ddd;*/
    width: 400px;
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#octAccess .octContainer ul {
    margin: 0;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;

}
#octAccess .octContainer ul > li {
    float: none;
    list-style: none;
    line-height: 36px !important;
    vertical-align: top;
    background: none;
}
#octAccess .octContainer ul>li:last-child {
    border: none!important
}

#octAccess .octContainer ul>li a:focus,
#octAccess .octContainer ul>li a:hover {
    text-decoration: none;
    color: #273c75 !important;
}
#octAccess .octContainer ul>li a.active {
    text-decoration: underline;
}
#octAccess .octContainer ul>li .octIcon {
    margin: 0 auto 12px;
    transform: scale(1.5);
    text-align: center;
    display: block;
    border: 1px solid #273c75;
    border-radius: 100%;
    padding: 12px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    filter: brightness(.9);
}
#octAccess .octContainer ul>li:hover .octIcon {
    border-color: #ccc;
    border-color: #273c75;
    background-color: #273c7520;
    box-shadow: inset inset 3px 3px 0 rgb(255 255 255 / 10%), 3px 3px 0 rgb(25 29 172 / 10%);
    -webkit-box-shadow: inset 3px 3px 0 rgb(255 255 255 / 10%), 3px 3px 0 rgb(25 29 172 / 10%);
    background-color: rgb(25 29 172 / 10%) !important;
}

#octAccess .octContainer ul > li {
    width: 33%;
    display: inline-block;
    padding: 30px 24px 12px;
}
#octAccess .octContainer ul > li a {
    color: #273c75 !important;
    font-weight: 400;
    font-size: 16px;
    padding: 8px 0;
    display: block;
    line-height: 1.35em;
    text-align: center;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    background: none !important;
    border: none;
}
#octAccess .octIcon {
    display: inline-block;
    background: url('../img/accessibility.svg') no-repeat;
    overflow: hidden;
    text-indent: -999px;
    text-align: left;
    vertical-align: middle
}
#octAccess .octIcon.octIcon-credit {
    background-position: -19px -27px;
    width: 15px;
    height: 13px
}
#octAccess .octIcon-chair {
    background-position: 0 0;
    width: 22px;
    height: 29px
}
#octAccess .octIcon-textp {
    background-position: 4px 4px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-textm {
    background-position: 4px -17px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-readableFont {
    background-position: 4px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-linksHighlight {
    background-position: 4px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-contrast {
    background-position: 4px -103px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-blackYellow {
    background-position: 4px -61px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-color {
    background-position: 4px -39px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-close {
    background-position: 0 -83px;
    width: 13px;
    height: 13px
}
#octAccess .octIcon-keyboard {
    background-position: 4px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-motion {
    background-position: 4px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-info {
    background-position: 1px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-reset {
    background-position: 4px -83px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess .octIcon-cursor {
    background-position: 4px 3px;
    background-size: 16px;
    width: 20px;
    height: 20px;
}
#octAccess {
	top: 0;
    height: 20px;
}
#octAccess .open {
    display: inline-block;
    height: 20px;
}

#octAccess.active .octContainer {
	display: block;
}
#octAccess .octContainer ul>li .active .octIcon,
.keyboardAccess #octAccess .octContainer ul>li:focus .octIcon {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%)
}
body.octGrayScale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}
body.disableAnimations *,
body.disableAnimations:after,
body.disableAnimations:before,
body.noanimations *,
body.noanimations:after,
body.noanimations:before {
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}
body.keyboardAccess:focus>:not(.preventMarker),
body.keyboardAccess:not(.preventMarker):focus {
    background-color: #feffc7!important;
    color: #000!important;
    box-shadow: 0 0 15px 5px #00004a
}
#octAccess .octContainer ul>li.separator {
    border-bottom: 1px solid #DADADA;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    display: none;
}
body.octRegularFont,
body.octRegularFont *,
body.octRegularFont:not(i):not(.fa) {
    font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.octRegularFont .main_menu .avia-menu-text {
	font-size: 80% !important;
}
body.octHiglightLinks a:not(.preventLinkMarker) {
    text-decoration: underline!important;
    outline: #bbb solid 1px!important
}
body.octHiglightLinks a:focus,
body.octHiglightLinks a:hover {
    text-decoration: none!important;
    font-weight: 700;
    outline: 0!important
}
.octAccess svg {
    width: 24px;
    height: 24px;
}

.octAccess a {
    display: flex !important;
    align-items: center;
}

#octAccess svg:hover {
    filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(160deg) brightness(100%) contrast(100%);
}
#octAccess a.octPanel {
    position: absolute;
    bottom: 0;
    left: 20px;
    padding: 13px 0
}
div#octAccess.ocLight .§ {
    vertical-align: top;
}
div#octAccess.ocLight .octContainer ul>li a {
    font-size: 14px;
    padding: 8px 0;
    font-family: 'Roboto';
    font-weight: 400;
    color: #666666;
}
div#octAccess.ocLight span.octIcon {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%)
}
#octAccess.ocLight .octContainer ul>li a.active {
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -ms-filter: invert(0);
    filter: invert(0)
}
.oct-modal {
    position: fixed;
    z-index: 55555555;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .65);
    font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.oct-modal.hide-oct-modal {
    -webkit-animation-name: animatehide;
    -webkit-animation-duration: .4s;
    animation-name: animatehide;
    animation-duration: .4s
}
.oct-modal-inner {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}
.oct-modal-footer,
.oct-modal-header {
    background-color: #848484;
    color: #fff
}
@-webkit-keyframes animatetop {
    from {
        top: -100px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
@keyframes animatetop {
    from {
        top: -100px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
@-webkit-keyframes animatehide {
    from {
        top: 0;
        opacity: 1
    }
    to {
        top: -100px;
        opacity: 0
    }
}
@keyframes animatehide {
    from {
        top: 0;
        opacity: 1
    }
    to {
        top: -100px;
        opacity: 0
    }
}
html[ohc=c1] #octAccess-co,
html[ohc=c2] #octAccess-co,
html[ohc=c3] #octAccess-co {
    display: block
}
html[ohc=c1] *:not(#octAccess-co),
html[ohc=c2] *:not(#octAccess-co),
html[ohc=c3] *:not(#octAccess-co) {
	transform:none !important;
	transition:none !important;
	will-change:unset !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

html.avia-safari-9[ohc=c1] #header,
html.avia-safari-9[ohc=c2] #header,
html.avia-safari-9[ohc=c3] #header,
html.avia-safari-10[ohc=c1] #header,
html.avia-safari-10[ohc=c2] #header,
html.avia-safari-10[ohc=c3] #header {
	position: -webkit-sticky !important;
}

html.avia-safari-9[ohc=c1] #main,
html.avia-safari-9[ohc=c2] #main,
html.avia-safari-9[ohc=c3] #main,
html.avia-safari-10[ohc=c1] #main,
html.avia-safari-10[ohc=c2] #main,
html.avia-safari-10[ohc=c3] #main {
	padding-top: 0 !important;
}

.oct-modal-close {
    color: #fff;
    float: right;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .9
}
.oct-modal-close:focus,
.oct-modal-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1
}
.oct-modal-header {
    padding: 2px 16px;
    border-bottom: 3px solid #bfbfbf
}
.oct-modal-body {
    padding: 2px 16px
}
.oct-modal-footer {
    padding: 2px 16px;
    border-top: 3px solid #bfbfbf
}
.oct-modal-header h2 {
    margin: 5px;
    text-align: center;
    font-size: 25px
}
.oct-modal-footer h3 {
    margin: 5px 0
}
#octAccess .octContainer a:after,
.translated-ltr #octAccess .octContainer a:after,
.translated-rtl #octAccess .octContainer a:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    right: 0
}