@charset "utf-8";

/*============================================================================
  MENU
============================================================================*/

/* -------------------------- sec menu ------------------------------  */
.container-sec-menu{
    width: auto;
    position: absolute;
    right: 0;
    top: 117px;
    color: #192cb3;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.container-sec-menu img{
    margin: 0 3px 0 15px;
    position: relative;
    top: 1px;
}
.container-sec-menu a:link{
    color: #1d31ae;
    text-decoration: none;
}
.container-sec-menu a:visited{
    color: #1d31ae;
    text-decoration: none;
}
.container-sec-menu a:hover{
    color: #1d31ae;
    text-decoration: underline;
}
.csm-location{
    top: 3px;
}

/* ---------------------- menu ---------------------- */
.container-menu{
    padding: 0;
    text-align: center;
    background-color: #1d31ae;/*keep this for compatibility*/
    background: -moz-linear-gradient(center top, #1d31ae 5%, #17278D 100%) #1d31ae;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d31ae), to(#17278D)) #1d31ae;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d31ae', endColorstr='#17278D');
    position: relative;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    text-shadow: 1px 1px 0px #000;
    font-style: italic;
    font-size: 15px;
}
.mobile-menu{
    font-size: 18px;
    display: none;
    padding: 20px;
    text-align: center;
    background-color: #a8b1d8;
    text-shadow: none;
    font-weight: bold;
}
.mobile-menu img{
    margin-right: 15px;
    height: 16px;
    vertical-align: -1px
}
.mobile-menu:link{
    text-decoration: none;
}
.mobile-menu:visited{
    text-decoration: none;
}
.mobile-menu:hover{
    text-decoration: none;
}
.menu-maxwidth{
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    color: #a7b0e8;
    text-align: left;
}
.menuitem{
    display: inline-block;
    margin-right: -4px;/*imp! to avoid space between boxes*/
    width: auto;
    position: relative;
}
.mi-hide{/*only show on mobile extra text in menus*/
    display: none;
}
.menuitem a{
    display: inline-block;
    padding: 15px 14px;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
}
.menuitem a:link{
    text-decoration: none;
    color: #f1f1f1;
}
.menuitem a:visited{
    text-decoration: none;
    color: #f1f1f1;
}
.menuitem a:hover{
    color: #0c1446;
    background: #bec7ff;
    text-decoration: none;
    text-shadow: none;
}
.menuitem a img{
    position: relative;
    left: 5px;
    top: 1px;
}

.menu-highlighted{
    background: #bec7ff;
    text-decoration: none;
    text-shadow: none;
}
.menu-highlighted a:link{
    color: #0c1446;
}
.menu-highlighted a:visited{
    color: #0c1446;
}
.menu-highlighted a:hover{
    color: #0c1446;
}

/*imp: keep both :link and a:link we need them for submenus*/
.menu-current:link{
    text-decoration: underline;
    font-weight: bold;
}
.menu-current:visited{
    text-decoration: underline;
    font-weight: bold;
}
.menu-current a:link{
    text-decoration: underline;
    font-weight: bold;
}
.menu-current a:visited{
    text-decoration: underline;
    font-weight: bold;
}
.menu-current a:hover{
    text-decoration: underline;
    font-weight: bold;
}

.menuitem:hover .submenu{
    visibility: visible;
}

/* --- menu builder --- */
.menu-builder-mobile{
    display: none;
}
.menu-cta{
    position: relative;
    text-transform: uppercase;
    margin-left: 50px;
}
/*to make the image below blink*/
@-webkit-keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}
/*to make the image below blink*/
@-moz-keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}
.menu-cta img{
    position: absolute;
    top: 12px;
    right: 10px;
    /*blink this image fade-in-out*/
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
}
.menu-cta a:link{
    color: #fff;
    background: #f13700;
    text-decoration: none;
    font-weight: bold;
}
.menu-cta a:visited{
    color: #fff;
    text-decoration: none;
}
.menu-cta a:hover{
    text-decoration: none;
    color: #fff;
    background: #f13700;
    text-shadow: 2px 2px 0px #000;
}
.menu-cta-directresponse-1 a:link{
    padding-right: 40px;
}
.menu-cta-directresponse-2 a:link{
    text-decoration: none;
    color: #fff;
    background: #f13700;
    text-shadow: 2px 2px 0px #bd2d00;
    padding-right: 40px;
}
.submenu{
    position: absolute;
    min-width: 250px;
    width: auto;
    padding: 15px 0 20px 0;
    text-shadow: none;
    white-space: nowrap;
    text-align: left;
    top: 54px;
    left: 0;
    visibility: hidden;
    background: #fff;
    z-index: 1000;
    -moz-box-shadow: 7px 7px 20px rgba(0,0,0, 0.8);
    -webkit-box-shadow: 7px 7px 20px rgba(0,0,0, 0.8);
    box-shadow: 7px 7px 20px rgba(0,0,0, 0.8);
}
.submenu a:link{
    display: block;
    padding: 5px 35px;
    color: #192cb3;
    text-decoration: none;
}
.submenu a:visited{
    color: #192cb3;
    text-decoration: none;
}
.submenu a:hover{
    background: #ddd;
    color: #192cb3;
}

.sm-note{
    display: block;
    padding: 15px 25px;
    color: #000;
    font-style: italic;
}