.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a,
.navigation #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navigation:after,
.navigation > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.navigation #menu-button {
    display: none;
}
.navigation {
    position: static;
    float: right;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 0px;
    padding: 0 !important;
}
.navigation ul li .nav-dropdown {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.navigation > ul > li {
    float: left;
}
.navigation.align-center > ul {
    font-size: 0;
    text-align: center;
}
.navigation.align-center > ul > li {
    display: inline-block;
    float: none;
}
.navigation.align-center ul ul {
    text-align: left;
}
.navigation.align-right > ul > li {
    float: right;
}
.navigation.align-right ul ul {
    text-align: right;
}
.navigation > ul > li > a {
    padding: 40px 15px;    
    font-size: 15px;    
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
    color: #2b3a54;    
    transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    outline: none;
}

.navigation > ul > li > a:hover {	/** sdb added 8/26/2017 **/
	color: #c5a0aa !important;
	text-decoration: underline;
}
	
.header.sticky .navigation ul li a {
    padding: 26px 16px;
}
.header.sticky .navigation ul ul li a,
.header .navigation ul ul li a,
.navigation ul ul li a {
    padding: 10px 20px;
    color: #2b3a54;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
    outline: none;
}

.navigation ul li:hover a,							/** sdb updated 6/19/2017 - nav and subnav HOVER color **/
.header.sticky .navigation ul ul > li:hover > a,
.header.sticky .navigation ul > li:hover > a,
.navigation > ul > li.active > a {
	color: #c5a0aa !important;
}
.navigation > ul > li.nav-has-sub:hover > a::after {
    border-color: #b3b7cb !important;		/** sdb updated 6/19/2017 **/
}
.nav-dropdown {			/** sdb updated 6/16/2017 **/
    margin-top: -25px !important;
    /** outline: 1px solid #b3b7cb !important; **/		/** sdb updated 6/21/2017 - firefox likes border better than outline (outline was going all the way to the left side of the page) **/
	border: 1px solid #b3b7cb !important;
	background: #2b3a54 !important;			/** background color of first-level dropdowns **/
}
.nav-sub-dropdown {		/** sdb updated 6/16/2017 **/
	border: 1px solid #b3b7cb !important;
	background: #2b3a54 !important;			/** background color of second-level dropdowns **/
}
.navigation ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 130%;
    visibility: hidden;
}
.navigation li:hover > ul {
    left: auto;
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.navigation li:hover ul.nav-sub-dropdown {
    top: 0;
}
.navigation.align-right li:hover > ul {
    right: 0;
}
.navigation ul ul ul {
    margin-left: 100%;
    top: 0;
}
.navigation .nav-dropdown,
.navigation .nav-sub-dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navigation li:hover ul.nav-sub-dropdown {
    top: -10px;
}
.navigation.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
.navigation ul ul li a {
    padding: 10px 20px;
    width: 225px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
.navigation ul ul li:hover > a,
.navigation ul ul li a:hover {
    color: #b3b7cb !important;		/** sdb updated 6/19/2017 **/
}
.navigation ul ul li.nav-has-sub > a::after {		/** this is the "right arrow" icon on a subnav button - it's really just the right and bottom borders of a square, rotated counter-clockwise 45 degrees **/
    position: absolute;
    top: 10px;			/** sdb updated 6/19/2017 - was 13px **/
    right: 15px;		/** sdb updated 6/19/2017 - was 15px **/
    width: 10px;		/** sdb updated 6/19/2017 - was 5px  **/
    height: 10px;		/** sdb updated 6/19/2017 - was 5px  **/
    border-bottom: 2px solid white;		/** sdb updated 6/19/2017 - was #fff **/
    border-right: 2px solid white;		/** sdb updated 6/19/2017 - was #fff **/
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
.navigation.align-right ul ul li.nav-has-sub > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #e6ae49;
    border-left: 1px solid #e6ae49;
}
.navigation ul ul li.nav-has-sub:hover > a::after {
    border-color: #b3b7cb;
}


@media all and (max-width: 991px) {		/** Viewport width less than 992px **/
    .navigation {
        width: auto;
        margin-left: 0px;
    }
    .navigation ul {
        display: none;
        left: 0;
        width: 100%;
        background: #fff;
        overflow: auto;
        position: fixed;
        top: 64px;
        z-index: 2;
        height: calc(100% - 64px);
    }
	
	.navigation > ul > li {		/** sdb added 6/22/2017 **/
		background: #b3b7cb !important;
	}
    .navigation > ul > li > a {
        color: #2b3a54 !important;
    }
    .navigation .nav-dropdown,
    .navigation .nav-sub-dropdown {
        padding-top: 0px;
        padding-bottom: 0px;
		background: #d1d4e0 !important;
		margin-top: 4px !important;		/** sdb added 6/20/2017 **/
    }
    .navigation li:hover > ul,
    .navigation li:hover ul.nav-sub-dropdown {
        top: auto;
    }
    .navigation ul ul {
        opacity: 1;
        visibility: visible;
    }
    .navigation > ul > li > a,
    .header.sticky .navigation > ul > li > a {
        padding: 20px 16px;
		color: #2b3a54 !important;
		height:10px !important;
    }
	
	.navigation > ul > li > a:hover,
    .header.sticky .navigation > ul > li > a:hover {
		color: #a61313 !important;
    }

	
    .navigation.align-center > ul,
    .navigation.align-right ul ul {
        text-align: left;
    }
    .navigation ul li,
    .navigation ul ul li,
    .navigation ul li:hover > ul > li {
        width: 100%;
        height: auto;
        border-top: 1px solid #eee;
    }
	
    .navigation ul li a,
    .navigation ul ul li a {
        width: 100%;
    }
    .navigation > ul > li,
    .navigation.align-center > ul > li,
    .navigation.align-right > ul > li {
        float: none;
        display: block;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
    .navigation ul ul li a {
        padding: 20px 20px 20px 30px;
        font-size: 12px;
        color: blue;
        background: none;
    }
    .header.sticky .navigation ul ul li a,
    .header .navigation ul ul li a {
        padding: 20px 20px 20px 30px;
		color: #2b3a54 !important;
    }
    .header.sticky .navigation ul ul ul li a,
    .header .navigation ul ul ul li a {
        padding: 20px 20px 20px 45px;
    }
    .navigation ul ul li:hover > a,
    .navigation ul ul li a:hover {
        color: #192231 !important;
    }
    .navigation ul ul ul li a {
        padding-left: 40px;
    }
    .navigation ul ul,
    .navigation ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0;
    }
	
	.navigation > ul > li > a {		/** sdb added 7/172017 **/
		margin: 0 !important;
		padding: 20px 0 30px 20px !important;
	}
	
    .navigation > ul > li.nav-has-sub > a::after,
    .navigation ul ul li.nav-has-sub > a::after {
        display: none;
    }
    #menu-line {
        display: none;
    }
    .navigation #menu-button {
        display: inline-block;
        padding: 30px 0 0 0;	/** sdb updated 6/7/2017 - was 19px 0 20px **/
        margin-left: 15px;
        color: #323232;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        z-index: 2;
        float: left;
    }
    .navigation .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #eee;
        height: 52px;
        width: 52px;
        cursor: pointer;
    }
    .navigation .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 26px;
        display: block;
        width: 1px;
        height: 11px;
        background: #323232;
        z-index: 99;
    }
    .navigation .submenu-button::before {
        content: '';
        position: absolute;
        left: 21px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #323232;
        z-index: 99;
    }
    .navigation .submenu-button.submenu-opened:after {
        display: none;
    }
}