body {
    background-color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
}

/* Framework overrides
========================================================================== */

.position-top.is-transition-push {
    box-shadow: none;
    background-color: #07233B;
    border-bottom: 1px solid #64ACFF;
}
.position-top {
    height: 101px;
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}
.off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}
.js-off-canvas-overlay {
    background: rgba(0, 0, 0, .25);
}
#offCanvasSearch .grid-x {
    height: 100px;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: none;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1rem;
}
.input-group-field {
    height: 40px;
    background-color: transparent;
    border: 0;
	color: #fff;
    font-size: 1.375rem;
    font-weight: 300;
}
.input-group .button {
    background-color: transparent;
}
.input-group {
    border-bottom: 1px solid #fff;
}
.input-group-field,
.input-group input::placeholder,
.input-group input::-webkit-input-placeholder,
.input-group input::-moz-placeholder,
.input-group input:-ms-input-placeholder
{
    color: #fff;
    font-size: 1.375rem;
    font-weight: 300;
}

.input-group input:focus,
.input-group-button .button:focus,
.off-canvas.position-right .menu a:focus {
    outline: 0;
}
.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 37px;
    cursor: pointer;
    padding: 10px;
    background: #ffffff;
    color: #002d4d;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.menu-icon::after {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 26px;
    height: 2px;
    background: #002d4d;
    box-shadow: 0 7px 0 #002d4d, 0 14px 0 #002d4d;
    content: '';
}
.menu-icon:focus {
    outline: 0;
}
.menu-icon:hover {
    color: #64ACFF;
}
.menu-icon:hover::after {
    background: #64ACFF;
    box-shadow: 0 7px 0 #64ACFF, 0 14px 0 #64ACFF;
}
.off-canvas {
    background: rgba(0, 19, 41, 0.76);
}
.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgb(10, 10, 10);
}
.position-right{
        
        width:0px;

}
.position-right.is-open {
      width:250px;
      left: calc(100vw - 250px);
}
/* Main styles
========================================================================== */

.sm-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}
.large-padding {
    padding-top: 80px;
    padding-bottom: 80px
}
.menu.find-menu a,
footer .menu a,
.footer .menu a {
    padding: 0rem 0.525rem;
    font-size: 0.70rem;
    color: #fff;
    text-transform: uppercase;
}
.menu.find-menu a:hover,
footer .menu a:hover,
.footer .menu a:hover {
    color: #64ACFF;
}
.menu.find-menu li:first-child a,
footer .menu li:first-child a,
.footer .menu li:first-child a {
    padding-left: 0;
}
.menu.find-menu li:last-child,
footer .menu li:last-child ,
.footer .menu li:last-child {
    border-right: 0;
}
.submenu {
    z-index:50;
}
.off-canvas.position-right .menu {
    margin-top: 3rem;
}
.off-canvas.position-right .menu a {
    color: #fff;
}
.off-canvas.position-right .menu a:hover {
    background: rgba(0, 0, 0, 0.24);
}
.off-canvas.position-right .menu.social {
    margin-left: 8px;
    margin-top: 2rem;
}
.is-dropdown-submenu {
    min-width: 300px;
    border: 0;
    background: #123554;
}

/* Header
========================================================================== */

.top-header {
    background-color: #0D2F4D
}
.bottom-header {
    background-color: #f9f9f9;
    border-top: 1px solid #e9e9e9;
}
.menu.align-right {
    height: 100%
}
.search-button {
    background-color: #E6501B;
    height: 100%
}
.is-open-top .search-button,
.search-button:hover {
    background-color: #64ACFF;
}
.menu .login-button {
    background-color: #07233B;
    padding: 9px 3rem;
}
.menu .login-button:hover {
    background-color: #64ACFF
}
.lock-icon {
    margin-right: 25px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.dropdown.menu.desktop-menu a {
    padding: 2.5rem 0.5rem;
    color: #0D2F4D;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
}
.dropdown.menu.desktop-menu li {
    margin-left: 1rem;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 0.5rem;
}
.dropdown.menu.desktop-menu a:hover,
.dropdown.menu.desktop-menu li.active>a,
.dropdown.menu.desktop-menu li.is-dropdown-submenu-parent.is-active>a {
    color: #E6501B;
    border-bottom: 4px solid #E6501B;
}
.dropdown.menu.desktop-menu .is-dropdown-submenu a {
    padding: 1.25rem 0rem 1.25rem 2rem;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: 0;
    width: 100%;
}
.dropdown.menu.desktop-menu .is-dropdown-submenu a:hover {
    background-color: #64ACFF
}
.dropdown.menu.desktop-menu .is-dropdown-submenu li {
    margin-left: 0;
}
.e-number {
    font-weight: 700;
    font-size: 0.875rem;
    color: #1B3C5A;
}
.e-number a {
    color: #E6501B;
}
.e-number a:hover {
    text-decoration: underline;
}
.social.menu a {
    padding: 0 0 0 .625rem;
}

/* Footer
========================================================================== */

.footer-top {
    background-color: #0D2F4D
}
.standard-syncidate p {
    padding: 20px 0;
}
.charles-taylor-logo {
    float: right;
}
.footer-bottom {
    background-color: #0A263F
}
.footer-bottom p {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0;
}
.terms.menu li:first-child a {
    padding-left: 1.125rem;
}
.terms.menu li:last-child a {
    padding-right: 0;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */