﻿#wrapper > header .mpMenu .menu .menu-link .link, #wrapper > header .mpMenu .menu .menu-item .menu-item-title/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/



#wrapper>header .mpMenu {*zoom:1}
#wrapper>header .mpMenu:after {content:""; display:table; clear:both}

    #wrapper>header .mpMenu ul {padding:0; margin:0; list-style:none;}
        #wrapper>header .mpMenu ul li {margin-bottom: 0;}
        #wrapper > header .mpMenu .menu .linkBack {display: none;}

            #wrapper>header .mpMenu .menu .menu-item:first-child .menu-item-title {border-left :none}
            #wrapper>header .mpMenu .menu .menu-item:first-child:hover .menu-item-title {border-left:none}

            #wrapper>header .mpMenu .menu .menu-item .menu-item-title {line-height:1.42857em; color:#0078c1;}

            #wrapper>header .mpMenu .menu .menu-item .menu-item-box {background:#FFFFFF; display:none; *zoom:1}
            #wrapper>header .mpMenu .menu .menu-item .menu-item-box:after {content:""; display:table; clear:both}

                #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section {position:relative}

                    #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item {position:relative; width:100%; line-height:1.42857em}

                        #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link {display:block; width:88.88889%; padding:16px 5.55556% 12px; color:#0a86a1}

                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link .description {display:block; color:#4b4b4b}

                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item:hover {}
                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item.with-image .section-link {*zoom:1}
                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item.with-image .section-link:after {content:""; display:table; clear:both}
                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item:first-child {border:none}
                            #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section+.section {border-top:1px solid #C1C1C1}



/*------------------------*/




@media only screen and (max-width: 767px) {

.header {width: 100%; margin: 0;}

#wrapper>header .mpMenu .menu .menu-item .menu-item-title {
	line-height:1.42857em;
	color:#939598;
}

#wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .submenu-item .submenu-box
 {}

#wrapper > header .mpMenu ul {width: 100%;}
#wrapper > header .mpMenu ul li {width: 100%;}
#wrapper > header .mpMenu ul li.searchBox {width: 70%; margin: 1em 15%;}

#wrapper > header .mpMenu ul li a,
#wrapper > header .mpMenu ul li a:link,
#wrapper > header .mpMenu ul li a:visited {color: #0078c1; font-weight: normal; display: block;}
#wrapper > header .mpMenu ul li a:active,
#wrapper > header .mpMenu ul li a:hover {text-decoration: none; cursor: pointer;}

#wrapper > header .mpMenu ul {background: #fff;}
#wrapper > header .mpMenu ul li {float: left; clear: both;}
#wrapper > header .mpMenu ul li.loggedinName[style] {display: none!important;}

#wrapper > header .mpMenu ul li ul.socialList li {width: auto; clear: none;}
#wrapper > header .mpMenu ul li ul.socialList li a {display: inline-block; margin-right: .5em;}
#wrapper > header .mpMenu ul li ul.socialList li.fb a {margin-left: 3.25em;}

#wrapper > header .mpMenu ul li ul.socialList li.searchBox a.buttonSearch {margin-right: .1em; margin-top: .1em;}
        
#wrapper > header .mpMenu .menu .menu-item.active .menu-item-title { background: #2231a8; color: #fff;}

#wrapper > header .mpMenu .menu .menu-item .menu-item-title {padding: .5em 1em; border-bottom: 1px solid #939598; }
    #wrapper > header .mpMenu .menu .menu-item .menu-item-title:hover, #wrapper > header .mpMenu .menu .menu-item .menu-item-title:active {background: #217baf; color: #fff; text-decoration: none;}

#wrapper > header .mpMenu .menu .menu-item .link { padding: .5em 1em; border-bottom: 1px solid #939598; display: block; color: #939598; text-decoration: none;}
    #wrapper > header .mpMenu .menu .menu-item .link:hover, #wrapper > header .mpMenu .menu .menu-item .link:active {background: #0078c1; color: #fff; text-decoration: none;}

#wrapper > header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link { width: auto; padding: 30px 10.90909% 30px 27.27273%; color: #0078c1; display: block;}



#wrapper > header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link .description { display: none; }

#wrapper > header .mpMenu ul li a, #wrapper > header .mpMenu ul li a:link, #wrapper > header .mpMenu ul li a:visited {}

/* NAV LINKS*/

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain a {text-decoration: none;}

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain:hover, 
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain:active {background: #939598; color: #fff; text-decoration: none;}

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain:hover a, 
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain:active a {color: #fff; text-decoration: none;}

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain .submenu-item-title { padding: 30px 10.90909% 30px 16.36364%; }
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain.active { color: #FFFFFF; }

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain { width: 100%; padding: .5em 1em .5em 2em; font-size: .8em; line-height: 1em;}
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain .submenu-box .submenu-section .item .item-link { width: auto; padding: 30px 10.90909% 30px 27.27273%; }
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain .submenu-box .submenu-section .item .item-link .item-description { display: none; }



#wrapper > header .mpMenu .menu .menu-item .menu-item-box .section .section-item { border-top: 1px solid #c3dcf8; }
#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item { border-top: 1px solid #c3dcf8; }

.navWrap {width: auto; height: initial; position: relative; left: initial; bottom: initial; top: 0;}
.nav {width: 100%; height: 100%;}
#wrapper > header .mpMenu ul {height: auto;}
	#wrapper>header .header-content {height:100%; width:275px; position:absolute; left:-276px; top:0; z-index:200; text-align: left; display: block!important;}

	#wrapper>header .mpMenu .menu .menu-item .menu-item-title {padding: .5em 1em; border-bottom:1px solid #939598}
    #wrapper>header .mpMenu .menu .menu-item .menu-item-box {border-bottom:1px solid #939598}

	#wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item {border-top:1px solid #939598;}
    #wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link {width:auto;padding:30px 10.90909% 30px 27.27273%;color:#4b4b4b}

	#wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item .section-link .description {display:none}

	#wrapper>header .mpMenu .menu .menu-item .menu-item-box .section .section-item.no-mobile {display:none}


html.mobile #wrapper.sidebar-open #mainNavScroll {display: block;}
	html.mobile #mainNavScroll {overflow: scroll; -webkit-overflow-scrolling: touch;}

#wrapper > header .mpMenu ul li.navUte div.buttonsSticky {top: 0; text-align: center; right: initial;}
#wrapper > header .mpMenu ul li.navUte div.buttonsSticky ul.buttonLogin li {width: auto; clear: none; float: none; display: inline-block;}
#wrapper > header .mpMenu ul li.navUte div.buttonsSticky ul.buttonLogin li a {color: #fff;}

#wrapper > header .mpMenu .menu .menu-link, 
#wrapper > header .mpMenu .menu .menu-item {text-transform: uppercase;}

}








@media only screen and (min-width: 768px) {

#wrapper > header .mpMenu {min-width: 100%; right: 0; bottom: 0; position: absolute; padding: 0; z-index: 800;}    
    #wrapper > header .mpMenu ul {font-weight: normal;}

    #wrapper > header .mpMenu .menu { float: right;}

        #wrapper > header .mpMenu .menu .menu-item { float: left; margin: 0; margin: 8px 20px 10px;}
            #wrapper > header .mpMenu .menu .menu-item:last-child {margin-right: 0;}               
            #wrapper > header .mpMenu .menu .menu-item:hover { cursor: pointer; }

#wrapper > header .mpMenu .menu .menu-link,            
#wrapper > header .mpMenu .menu .menu-item {margin: 0 13px 0; padding: 17px 0 0; display: inline-block; color: #6c6262; border-bottom: solid 5px #fff; text-decoration: none; text-transform: uppercase;}
#wrapper > header .mpMenu .menu .menu-link .link,
#wrapper > header .mpMenu .menu .menu-item .menu-item-title {display: block; font-size: 16px; color: #6c6262; line-height: 1.6em; text-decoration: none;}

                #wrapper > header .mpMenu .menu .menu-item:hover ul.navUtility {cursor: auto;}
                
        #wrapper > header .mpMenu .menu .linkBack {display: none;}
            
            #wrapper > header .mpMenu .menu .menu-link .icon { display: none; }
            #wrapper > header .mpMenu .menu .menu-link:last-child { padding-right: 0; }
            
                    #wrapper > header .mpMenu .menu .menu-item a:hover, 
                    #wrapper > header .mpMenu .menu .menu-item a:active, 
                    #wrapper > header .mpMenu .menu .menu-item a:focus { text-decoration: none; }
               
                        #wrapper > header .mpMenu .menu .menu-item .menu-item-box {background: #fff; position: absolute; top: 100%; z-index: 6000; border: 1px solid #d1cdde; }
                        #wrapper > header .mpMenu .menu .menu-item .menu-item-box:hover { cursor: default; }

                        #wrapper > header .mpMenu .menu .menu-item.is-active {border-bottom: solid 5px #2231a8;}
                        #wrapper > header .mpMenu .menu .menu-item.is-active .menu-item-title,
                        #wrapper > header .mpMenu .menu .menu-item.is-active a.link {color: #2231a8;}
                        
                        #wrapper > header .mpMenu .menu .menu-hamburger {padding: 10px .25em 0;}
                        #wrapper > header .mpMenu .menu .menu-hamburger.is-active {border-color: #fff;}
                        #wrapper > header .mpMenu .menu .menu-hamburger.is-active a.buttonSlide:before {color: #2231a8;}
                        
                        #wrapper > header .mpMenu .menu .menu-item.is-active .menu-item-box { display: block; }


/*SUBNAV*/

#wrapper > header .mpMenu .menu .meet .menu-item-box { margin-top: 0; }

    #wrapper > header .mpMenu .menu .meet .menu-item-box .section { margin: 0; padding: .5em 0 0; width: 223px; float: left; font-size: 14px; text-transform: none;}
        #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain { width: 100%; text-align: left; line-height: 1.1em;}
            #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain a { width: 100%; padding: .5em 1em; color: #2231a8; display: block; }
                #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain a {text-decoration: none;}
                #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain a:hover,
                #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain a:active,
                #wrapper > header .mpMenu .menu .meet .menu-item-box .section .submenu-item-plain a:focus { background: #939598; color: #fff; text-decoration: none; }
        #wrapper > header .mpMenu .menu .meet .menu-item-box .section .section-item .section-link .description { width: 84.375%; }

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain:last-child {border: 0;}
#wrapper > header .mpMenu .menu .menu-item .menu-item-box .section .submenu-item-plain { float: left; }

#wrapper > header .mpMenu ul li.navUte {width: 70%; position: absolute; top: -55px; right: 15px;}



}

/* 1200 - Devices 1000px and less */

@media only screen and (max-width: 1200px) {

#wrapper > header .mpMenu .menu .menu-link, 
#wrapper > header .mpMenu .menu .menu-item {margin: 0 .50em;}



}

/* 1050 - Devices 1000px and less */

@media only screen and (max-width: 1050px) {

#wrapper > header .mpMenu .menu .menu-link, 
#wrapper > header .mpMenu .menu .menu-item {margin: 0 .50em 0 0; font-size: .8em;}



}



/* 1000 - Devices 1000px and less */

@media only screen and (max-width: 1000px) {

#wrapper > header .mpMenu ul li.navUte {top: -40px;}
#wrapper > header .mpMenu .menu .menu-item {text-transform: none;}

}

/* 400-900*/

@media only screen and (min-width: 400px) and (max-width: 900px) {

#wrapper > header .header-content {}

}

/* 768-1020 - Tablets Plus*/
@media only screen and (min-width: 768px) and (max-width: 1020px) {



/*#wrapper > header .header-content {top: 150px;}
#wrapper > header .mpMenu .menu .menu-item .menu-item-title {font-size: 14px;}*/
}

/* 750-767 - Tablets Plus*/
@media only screen and (min-width: 751px) and (max-width: 767px) {

#wrapper > header .mpMenu .menu .menu-item .menu-item-title {font-size: 14px;}

}


@media only screen and (max-width: 767px) {

#wrapper > header .mpMenu .menu .menu-link, 
#wrapper > header .mpMenu .menu .menu-item {text-transform: uppercase;}

#wrapper > header .mpMenu .menu .menu-item.meet .menu-item-box .section .submenu-item-plain {text-transform: none;}

}

/*-----------------------------------*/



@media only screen and (max-width: 1024px) and (min-width: 984px) {

	#wrapper > header .mpMenu ul li.navUte {top: -20px;}
}

@media only screen and (max-width: 983px) and (min-width: 768px) {

	#wrapper > header .mpMenu ul li.navUte {top: -23px;}
}



	