/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * metlife.com
 * and websites belonging to MetLife Inc.
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2017
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don�t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the corresponding html file in the root directory of this package.
 *
 */


/* Complete */


@font-face {
    font-family: "MetLifeCircularWeb-NormalItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-NormalItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-NormalItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-NormalItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-NormalItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-BoldItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-BoldItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-BoldItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-BoldItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-BoldItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-LightItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-LightItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-LightItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-LightItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-LightItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-Light";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Light.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Light.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Light.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-Bold";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Bold.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Bold.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Bold.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-Normal";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Normal.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Normal.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Normal.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Normal.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-Medium";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Medium.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Medium.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Medium.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWeb-MediumItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-MediumItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-MediumItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-MediumItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts/MetLifeCircularWeb-MediumItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


/* Subsetted */


@font-face {
    font-family: "MetLifeCircularWebSubset-Normal";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Normal.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Normal.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Normal.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Normal.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-MediumItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-MediumItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-MediumItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-MediumItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-MediumItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-BoldItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-BoldItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-BoldItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-BoldItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-BoldItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-LightItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-LightItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-LightItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-LightItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-LightItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-Light";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Light.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Light.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Light.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-Medium";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Medium.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Medium.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Medium.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-NormalItalic";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-NormalItalic.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-NormalItalic.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-NormalItalic.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-NormalItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetLifeCircularWebSubset-Bold";
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Bold.eot");
    src: url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Bold.eot?#iefix") format("embedded-opentype"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Bold.woff2") format("woff2"),
         url("/cms/fonts/MetLifeCircularWeb/fonts_subsetted/MetLifeCircularSub-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



/* ===============  Default Adjustments  =============== */

body { }

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none !important;
}

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden,
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:focus, .visually-hidden:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.skip { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.skip:focus, .skip:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}

.a11y-instructions:focus {position:fixed; top:0; left:0; width:100%; background:#1f3b62; color:#fff; padding:10px; border:1px dashed #fff; text-align:Center; z-index:1001;}
.a11y-instructions p:last-child {margin:0px;}

.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.important { color:red; font-weight:bold; text-transform:uppercase; }



/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note {font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }

/* GOOGLE MAP IMAGES */
.gm-style img {
	max-width: initial !important;
	height: initial !important;
}

/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#0070cc; text-decoration:underline; }
a:hover, a:active, a:focus { color:#0070cc; text-decoration:none; }
a:active, a:focus { outline:1px solid #78aeda; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }

/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }

svg.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}

/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
    display: none;
    position: relative;
    border-radius: 2px;

    transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}



#focus-overlay.focus-overlay-active {
    display: block;
}

#focus-overlay.focus-overlay-animating::after {
    opacity: 1;
}



.skip a { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; text-align:center;}
.skip a:focus {position:static; width:auto; height:auto; background:#444444; color:#ffffff; font-weight:bold; display:block; padding:10px;}


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
html, body {
	overflow-x:hidden; 
	color:#252525;
}

body {
	font-family: 'Noto Sans', sans-serif;
	background:#fff; 
	line-height:1.6;
}

.site-body { 
	padding:15px 15px; 
}

@media only screen and (min-width:60em){
	.site-body { 
		font-size:18px;		
	}	
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {font-size: 2rem; margin:0 0 1rem 0; color:#000000;}
h2 {font-size: 1.7rem; margin:0 0 1rem 0; color:#000000;}
h3 {font-size: 1.5rem; margin:0 0 1rem 0; color:#000000;}
h4 {font-size: 1.7rem; margin:0 0 0.5rem 0; color:#000000; font-style:italic; font-weight:normal; font-family: "MetLifeCircularWeb-LightItalic";}
h5 {font-size: 1rem; margin:0 0 0.5rem 0; color:#000000;}
h6 {font-size: .9rem; margin:0 0 0.5rem 0; color:#000000;}

h1, .h1, h2, .h2, h3, .h3 {
	font-family: "MetLifeCircularWeb-Bold";
}

@media only screen and (min-width:60em){
	h1 {font-size: 3.125rem;}
	h2 {font-size: 1.875rem;}
	h3 {font-size: 1.5rem;}
	h4 {font-size: 1.875rem;}
}

/* ==========================================================================
   Layouts
   ========================================================================== */

.table-layout {}
.table-layout .table-cell {background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.table-layout .table-cell .inner {padding:10px; }
.table-layout.with-overlay .table-cell {padding:10px;}
.table-layout.with-overlay .table-cell .inner {background:rgba(255,255,255,.7); padding:20px; }
.table-layout .table-cell img.set-as-background {display:none;}



/* ==========================================================================
   Global Modules - Most modules use the same setup and changing below changes each one. 
   If global, change here, if specific, change via events.css, news.css etc. 
   ========================================================================== */

.mod { position: relative; margin:0 0 1em;}

.title { position: relative; margin: 0 0 1em; }
.title a {text-decoration:none;}
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.mod-head {position:relative;}
.mod-head .title {}
.mod-head .more {position:absolute; right:0px; top:0px;}

.mod-content {}

.mod-rail {border:1px solid #dddddd; }
.mod-rail .mod-head {background:#eeeeee; border-bottom:1px solid #dddddd;}
.mod-rail .mod-head .title {padding:10px; margin:0;}
.mod-rail .mod-content { padding:10px;  font-size:.875em;}
.mod-rail .more {border-top:1px solid #dddddd;}
.mod-rail .more a {display:block; background:#eeeeee; padding:10px; text-decoration:none; text-align:center;}
.mod-rail .more a:hover,
.mod-rail .more a:focus {background:#dddddd;} 

/* Item Lists Content
   ========================================================================== */

.item-list { 
	margin:0; 
	padding:0; 
	list-style:none; 
}

.item { 
	padding: 1em 0; 
	border-top: 1px solid #ccc; 
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {display:table-cell;}

.content .title { margin:0; }
.item-list .content p { margin: 0; }
.content .date { font-size:0.85em; margin:0 0 5px; display:block;}


/* Item Media
   ========================================================================== */

.aside {
	text-align:center;
	padding:0 0 10px;
}

.aside.date-icon {
	display: table-cell;
	padding: 0 15px 0 0;
}

.date-icon .date {
	border:1px solid #888;
	background:#888;
	font-weight:bold;
	text-align:center;
	width:50px;
}
.date-icon .date .month {
	font-size:.875em;
	padding:5px;
	color:#fff;
}
.date-icon .date .day {
	padding:10px 5px;
	background:#fff;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media only screen and (min-width:30em){
	
	.item { 
		display: table;
		padding: 1em 0; 
		width: 100%;
		border-top: 1px solid #ccc; 
	}
	.item > .content {
		display: table-cell;
		width: 100%;
		vertical-align: top;
	}
	.aside { 
		display: table-cell;
		padding: 0 15px 0 0; 
	}
    .aside img {
        max-width:80px !important;
    }

}

@media only screen and (min-width:48em) {

    .item .item-block {
        display: table-cell;
        vertical-align: top;
        padding:0 10px 0 0;
    }
    .item .item-block:last-child {padding:0;}
}


/* News
   ========================================================================== */

.article > .aside {
	float:right; 
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #aaa;
	background: #f3f3f3;
    margin:0 0 1em;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

.filter .btn {margin-bottom:10px;}


/* Pagination
   ========================================================================== */

.paging {
	
}

.sort-status {
    font-size:.875em;
    margin:0 0 1em;
}

.paging-results { 
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled { 
	display: none;
}

.paging-list li.disabled+li { 
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}




/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert {
	overflow: hidden;
	margin: 1em 0;
	padding: 5px 10px;
	color: #000;
	background-color: #ffff00;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.alert a { color:#000; text-decoration:none;}
	.alert a:hover {
		text-decoration: underline;
	}

	.alert img {
		display:none;
	}

	.alert h3 {
		margin: 0 20px 0px 10px;
		font-family: 'Noto Sans', sans-serif;
	}


	.bdr {
		border: 1px solid #555244;
		padding: 1px;
		background-color: #a7a496;
	}
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */
   
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}

 
/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.generic-pager {margin:0 0 1em;}
.generic-pager ul {list-style-type: none; margin:0; padding:0;}
.generic-pager li {display:inline-block; margin:0 3px 5px 0; font-size:.875em; font-weight:bold;}
.generic-pager li a {display:inline-block; color:#444444; padding:6px 10px; background:#cccccc; text-decoration:none; }
.generic-pager li a:hover, .genericPager li a:focus { color:#333333; background:#aaaaaa; text-decoration:none; }
.generic-pager li.nolink {color:#fff; background:#444444; padding:6px 10px;}
.generic-pager li.active {color:#fff; background:#444444; padding:6px 10px;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.site-overlay {
	position:relative;
	max-width:800px;
	margin:0 auto;
	background:#ffffff; 
	overflow:hidden;

    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.site-overlay .overlay-content {padding:15px;}


/* Legacy Overlay */
.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
   MODULE STYLES - No Specific home for these yet
===================================================================*/

.breadcrumb-container {background:#eee; border-bottom:1px solid #ddd; padding:10px 0;}

/* ##  Breadcrumb  ## */

.breadcrumbs { padding:0; font-size:.875em; color:#000000; font-weight:bold;}
.breadcrumbs a, .breadcrumbs a:visited {color:#5d5d5d; text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; font-weight:bold;}
.breadcrumbs .seperator {margin:0 8px; vertical-align:middle; padding:0px; display:inline-block; width:5px; height:5px; border-radius:50%; background:#5d5d5d; }
.breadcrumbs a.back {
	color:#0070cd;
	display:inline-block;
	padding:0 20px 0 7px;
	margin:0 20px 0 0;
	border-right:1px solid #ccc;
	line-height:14px;
}

.breadcrumbs .back:before {
	content:"";
	display:inline-block;
	position:absolute;
	left:0;
	top:6px;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 7px solid #0070cd;
}


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.page-tools-wrapper {float:right; display:inline; padding:0; text-align:right;}

.page-tool { margin:0 5px 0; font-size:0.875em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.page-tools-wrapper  a { float:right; display:inline;  }
.page-tools-wrapper  a:hover,
.page-tools-wrapper  a:focus,
.page-tools-wrapper  a:active {color:#1C4E87;}

.page-tools-wrapper  .addthis_toolbox { float:right; display:inline; }
.page-tools-wrapper  .addthis_toolbox a,
.page-tools-wrapper  .addthis_toolbox a:link,
.page-tools-wrapper  .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }


/* ## FAQ ## */

.faq-wrapper {}
.faq-wrapper h2 {}
.faq-wrapper .category-header {}
.faq-wrapper .question-list {list-style-type:none; padding:0px; margin:0 0 20px 10px; position:relative;}
.faq-wrapper .question-list:before {position:absolute; content:''; height:100%; width:1px; left:0; top:-10px; background:#ccc;}
.faq-wrapper .question-list li {position:relative; padding:0 0 0 20px;}
.faq-wrapper .question-list li:before {position:absolute; content:''; width:10px; height:1px; left:0; top:10px; background:#ccc;}
.faq-wrapper .faq-block {}

/* =================================================================
                  Carousel STYLES - Slick
===================================================================*/


.carousel {margin-bottom:20px !important; }
.carousel .carousel-item {padding:0 10px;}
.carousel .slick-prev,
.carousel .slick-next {position:absolute; bottom:0px;}
.carousel .slick-prev {left:-45px;}
.carousel .slick-next {right:-45px;}

.carousel .slick-dots {margin:10px 0 0; padding:0px; list-style-type:none; text-align:center;}
.carousel .slick-dots li {display:inline-block; margin:0 2px;}
.carousel .slick-dots li button {text-indent:-9999em; text-align:left; display:block; width:12px; height:12px; padding:0px; background:#dddddd; border:1px solid #cccccc; -webkit-border-radius: 20px; border-radius: 20px;}
.carousel .slick-dots li.slick-active button {background:#aaaaaa;}



/* =================================================================
                  Responsive Tabs
===================================================================*/


.tab-module {}


/* Tabs container */
.r-tabs {
	position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	background:#cccccc;
	border:1px solid #cccccc;
	border-bottom:0px;
	position:relative;
	bottom:-1px;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	background:#ffffff;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	border:1px solid #ccc;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	background:#cccccc;
	border:1px solid #cccccc;
	border-bottom:0px;
	position:relative;
	bottom:-5px;
	margin:0 0 4px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {position:absolute; content:''; right:10px; top:15px; border-top:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background:#ffffff;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {border-top:0px; border-bottom:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}




/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}


/* ## Button Styles ## */

.btn-wrapper { display:inline-block; text-decoration:none !important; }
.btn, a.btn {
	display:inline-block; 
	margin:0; 
	padding:17px 25px; 
	font-weight:bold; 
	text-transform:uppercase;
	color:#fff; 
	background:#007abd; 
	border:0; 
	text-align:center; 
	text-decoration:none; 
	cursor:pointer; 
	overflow:visible;
	border-radius:4px;
	font-size:0.875rem;
}
.btn:hover,
.btn:focus {background-color:#666666;}

a.btn-tickets,
span.btn-tickets {
	background-image:url(/cms/images/icon-tickets.png);
	background-repeat:no-repeat;
	background-position:20px 50%;
	padding:17px 20px 17px 50px !important;
}

a.btn-info,
span.btn-info {
	background-image:url(/cms/images/icon-info.png);
	background-repeat:no-repeat;
	background-position:20px 50%;
	padding:16px 19px 16px 49px !important;
	background-color:#fff;
	border:1px solid #c2c2c2;
	color:#000;
}

.btn-large .btn {padding:5px 10px; font-size:1.4em;}

.btn-full-width {display:block;}
.btn-full-width .btn {display:block; padding-left:0; padding-right:0; }
.btn-full-width input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btn-wrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}

/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.table-wrapper {overflow:auto; }
.data-table {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:20px;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
}
.data-table tr:nth-child(odd) {background:#f3f3f3;}
.data-table th {background:#888888; padding:1rem 1.5rem; font-size:1em; border:1px solid #888; border-bottom:2px solid #555555; color:#fff;}
.data-table td {vertical-align:top; padding:1rem 1.5rem; }
.data-table td td {border-style:none;}


/* ## NEW Limit Text Box ## */

.limitTextBox {width:100% !important; margin:0 0 1em;}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { vertical-align:top; margin:0px !important;}
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }


/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {	
	.page-tools-wrapper {display:none;}
	
    .responsive-table,
	.responsive-table thead,
	.responsive-table tbody,
	.responsive-table tr,
	.responsive-table td {
		display:block;
		width:100%;
	}

	.responsive-table tr {border-bottom:1px solid #E1E1E1;}
	.responsive-table th {display:none;}
	.responsive-table td {border-style:none;}
    
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em){

    /* Content and layout modifiers */
    .d-align-right {text-align:right;}
    .d-align-left {text-align:left;}

    /* ==========================================================================
       Layouts
   ========================================================================== */

    .table-layout {display:table; width:100%; table-layout:fixed;}
    .table-layout .table-cell {display:table-cell; vertical-align:middle;}
    .table-layout .table-cell .inner {display:inline-block; width:100%; max-width:40em; /* half of container width */}
    .table-layout .table-cell:first-child {text-align:right;}
    .table-layout .table-cell:first-child .inner {text-align:left;}

    .table-layout.full-width .table-cell .inner {max-width:2000px;}

}
 

.site-header {
	position:relative; 
	z-index:1000; 
	margin:0;
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	justify-content: space-evenly; /* horizontal */ 
	align-items: center; /* vertical */
	padding:12px;
	border-bottom:1px solid #e3e3e3;
}

/* static containers to account for header buttons on mobile - allows absolute positioning to the header */
.site-header .container, .site-header [class*="grid-"] {
	position:static;
}

.site-header a.site-logo {
	display:block; 
	width:220px;
}

@media screen and (max-width: 570px) {

	.site-header a.site-logo {
		width: 140px;
	}
}

.site-search {margin:0 -10px; width:50px;}
.site-search .search-trigger {position:absolute; top:12px; right:20px; font-size:1.6em; padding:0; border:0px; width:50px; height:46px; background:#fff; color:#007abc; z-index:2; text-align:center; cursor:pointer;}
.site-search .search-trigger:hover, .site-search .search-trigger:focus, .search-active .site-search .search-trigger {color:#000;}
.site-search .search-trigger > * {padding-top:9px; display:inline-block; width:36px; height:36px;}
.site-search .inner {display:none; position:absolute; margin:0 auto; bottom:-75px; left:0px; right:0; padding:10px 10px; width:100%; max-width:95rem; overflow:hidden;}
.search-active .site-search .inner {display:block;}
.site-search .formee input[type="text"] {margin:0px; padding:15px; border-radius:4px; border-left:3px solid #007abc;}
.site-search .btn {position:absolute; right:10px; top:10px; height:calc(100% - 20px);}

@media only screen and (min-width:90em){

	.site-header .container, .site-header [class*="grid-"] {
		position:relative;
	}
	
	.site-header a.site-logo {
		width:300px;
	}
	
	.site-header {
		padding:18px 20px;
	}
	
	.nav-bar {
		max-width:900px;
	}
	
	.site-search .search-trigger {
		top:22px;
	}
		
}

.page-heading {
	position: relative;
	background:#0070cc;
	text-align:center;
	color:#fff;
	padding:2rem 0;
}

.page-heading h1 {
	margin:0;
	color:#fff;
}
 
.bar {
	border-bottom:1px solid #cccccc;
	padding:0.8rem 1rem;
	margin:0 0 1rem 0;
} 

.site-footer {
	padding:0px 0 10px;
	text-align:center;
}

.footer-main {
	padding:2rem 0;
}

.footer-main a {
	color:#252525;
}

.footer-newsletter {
	padding:0 0;
	background:#ececec;
}

.footer-newsletter .container {
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	justify-content: space-between; /* horizontal */ 
	align-items: center; /* vertical */ 
}
	.footer-newsletter .container .image {
		max-width: 320px;
	}
.footer-newsletter .container .text {
	max-width:750px;
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
}

.footer-newsletter .container > div {
	width:100%;
	padding:0 1rem;
	text-align:center;
	margin:0 auto;
}

@media only screen and (max-width: 939px) {
	.footer-newsletter .container .text {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width:40em){
	.footer-newsletter .container > div {
		width:auto;
		margin: 20px auto;
	}	
}

.email-signup .inner {
	position:relative; 
	min-width:300px;
}
.email-signup p {
	margin:0 0 10px 0; 
}
.email-signup .formee input[type="text"] {
	margin:0px;
	padding:18px;
	font-style:italic; 
}
.email-signup .btn {
	position:absolute; 
	right:0px; 
	top:0px; 
	height:100%;
}

.follow-us {}
.follow-us a {text-decoration:none; color:#555; display:inline-block; font-size:1.8em; }
.follow-us a:hover,
.follow-us a:focus {color:#333;}


.footer-logo {
	position:relative;
	text-align:center;
}

.footer-logo:before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:#afafaf;
	z-indeX:1;
}

.footer-logo img {
	position:relative;
	z-index:2;
}

.footer-contact {
	padding:1rem 0;
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
	justify-content: center; /* horizontal */ 
	align-items: center; /* vertical */ 
	font-weight:bold;	
	font-size:18px;
}

.footer-contact > div {
	width:100%;
}

@media only screen and (min-width:30em){
	.footer-contact > div {
		width:auto;
		padding:0 1rem;
		border-right:2px solid #ccc;
	}

	.footer-contact > div:last-child {
		border-style:none;
	}
}

.footer-logos {
	padding:1rem 0;
}

.footer-logos img {
	margin:5px 10px;
}

.copyright {
	font-size:13px;
	padding:1rem 0 0 0;
}

.footer-links ul {
	margin:0;
	padding:0 0 1rem 0;
	list-style-type:none;
	font-size:13px;
}

.footer-links li {
	display:inline-block; 
	margin:10px;
}

@media only screen and (min-width:60em){
	.main-area.grid-8,
	.main-area.grid-9 {
		padding:0 10px 0 40px;
	}
}

.container-narrow {
	max-width:870px;
	margin:0 auto;
}

.container-medium {
	max-width:1420px;
	margin:0 auto;
}

/* data expander */

.target-show {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetShow;
}

.target-hide {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetHide;
}

/* To edit Admin content easier  */
[data-expander-target] {
	display: block;
}

.site-body .block [data-expander-target]{
	display: none;
}

[data-expander-target].active {
    display: block;
}

[data-expander-target].target-show {
    animation-name: toggleTargetShow;
}

[data-expander-target].target-hide {
    animation-name: toggleTargetHide;
}

@keyframes toggleTargetShow {
    from {
        opacity: 0;
        transform: translateY(-10%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes toggleTargetHide {
    from {
        opacity: 1;
        transform: translateY(0%);
    }

    to {
        opacity: 0;
        transform: translateY(-10%);
    }
}

[data-expander] {
	border:1px solid #d8d8d8;
	margin-bottom:20px;
	background:#f4f4f4;
	position:relative;
}

[data-expander-toggle] {
	border-style:none;
	background:transparent;
	width:100%;
	padding:30px 65px 30px 40px;
	text-align:left;
	color:#0070cc;
	font-weight:bold;
	font-size:28px;
	position:relative;
}

[data-expander-toggle]:after {
	content:"";
	position:absolute;
	right:40px;
	top:35px;
	width:18px;
	height:18px;
	border-right:4px solid #0070cc;
	border-bottom:4px solid #0070cc;
	display:inline-block;
	transform:rotate(45deg);	
}

[data-expander-target] {
	padding:0px 40px 40px 40px;
	font-size:1rem;
}

[data-expander].active {
	border:1px solid #bcbcbc;
	background:#fff;
}

[data-expander].active [data-expander-toggle]:after {
	transform:rotate(225deg);
}

[data-expander].active:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:10px;
	background:#a3cb4e;
}

/* data expander ends */

.guide-letters {
	margin:0 0 1rem 0;
	border-bottom:1px solid #d0d0d0;
	padding:1rem 0 3rem 0;
}

.guide-letters ul {
	padding:0;
	margin:0;
	list-style-type:none;
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
	justify-content: center; /* horizontal */ 
	align-items: center; /* vertical */ 	
}

.guide-letters ul li {
	display:inline-block;
	padding:0 17px;
	margin:5px 0;
	width:46px;
	text-align:center;
	border-right:1px solid #ccc;
}

.guide-letters ul li:last-child {
	border-style:none;
}


.events-list {
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
	justify-content: center; /* horizontal */ 
}

.event-card {
	display:inline-block;
	position:relative;
	text-decoration:none !important;
	margin:0 7px 40px 7px;
	transition: transform .2s;
	width:32%;
}

.event-card * {
	text-decoration:none !important;
}

a.event-card:hover,
a.event-card:focus {
	transform: scale(1.07);
	-moz-box-shadow:    0px 0px 20px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.3);
	box-shadow: 		0px 0px 20px 6px rgba(0,0,0,0.3);
	z-index:100000;
}

.event-card .date {
	background: #a3cb4d;
	padding: 12px;
	margin: 0 0 0 0px;
	color: #2d2d2d;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	Xwidth: 130px;
	Xheight: 67px;
	flex-direction: column;
	flex-wrap: wrap;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
}

	.event-card .date select {
		background: #a3cb4d;
		color: #000;
		margin: 0px;
		padding: 2px;
		font-weight: 600;
		display: block;
		border: none;
	}

.event-card .date .day {
	font-size:3rem;
	line-height:36px;
	height:36px;
	font-weight:bold;
}

.event-card .date .month {
	font-size:1.5rem;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.3rem;
	height:1.3rem;
}

.event-card .date .year {
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.25rem;
	height:1.125rem;
}

.event-card .text {
	color: #2d2d2d;
	background: #f7f7f7;
	padding: 20px;
	margin: 0;
	text-align: center;
}

.event-card .text > span {
	display:inline-block;
}

.eventsTheme .cta.park .btn {
	padding: 13px 25px;
	display: block
}

.eventsTheme .cta .btn {
	display: block;
	margin: 10px;
}

.eventsTheme .container .grid_3 .date {
	margin-bottom: 0px;
	width: 100%;
}

	.eventsTheme .container .grid_3 .date span {
		display: block;
		font-weight: bold;
	}

.map.container {
	margin: 0px 1rem;
}

@media only screen and (max-width: 767px) {
	.eventsTheme .event-bottom {
		margin: 30px 0px 100px;
		position: relative;
		left: 0px;
		width: 100%;
	}
	
}


	@media only screen and (min-width:48em) {
		.event-card .text {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			text-align: left;
			flex-wrap: nowrap;
			padding: 20px;
			grid-gap:20px;
		}

			.event-card .text .titleWrpr {
				Xwidth: calc(100% - 60px);
			}

			.event-card .text .cta {
				margin-left: 20px;
			}

			.event-card .text .dateWrpr {
				Xmargin-right: 10px;
				Xwidth: 60px;
			}

		.eventsTheme .container .grid_3 {
			padding-top: 20px;
		}

			.eventsTheme .container .grid_3 .cta .btn {
				display: block;
				width: 100%;
				margin-bottom: 20px;
				border: solid 1px #007abd;
			}

			.eventsTheme .container .grid_3 .cta.park .btn {
				display: block;
				width: 100%;
				margin-bottom: 20px;
				border: solid 1px #007abd;
				background: none;
				color: #007abd;
			}

				.eventsTheme .container .grid_3 .cta.park .btn:hover {
					border: solid 1px #007abd;
					background: #666666;
					color: #fff;
				}

			.eventsTheme .container .grid_3 .avail {
				padding: 10px;
				border-bottom: solid 1px #ccc;
			}

				.eventsTheme .container .grid_3 .avail span {
					display: block;
					font-weight: bold;
				}

			.eventsTheme .container .grid_3 .park {
				padding: 0px;
				width: 100%;
			}

				.eventsTheme .container .grid_3 .park span {
					display: block;
					font-weight: bold;
				}
	}


.event-card .text .title {
	margin: 0;
	color: #000;
	font-size: 1.5rem !important;
	font-weight: bold;
	width: 100%;
	display: block;
}

		.event-card .text .title a {
			color: #000;
		}

		.event-card .text .title h2 {
			margin: 0;
		}

		.event-card .text .title a:hover,
		.event-card .text .title a:focus {
			text-decoration: underline !important;
		}

	.event-card .text .cta {
		margin-left: auto;
	}

	@media only screen and (min-width:30em) {
		.event-card .text .cta {
			white-space: nowrap;
		}
	}

	.event-card .text .btn {
		Xmargin-left: 20px;
	}

	.event-hero .event-card {
		margin: 0 0 30px 0;
		width: 100%;
		overflow: hidden;
	}

	.event-hero .btn {
		width: 183px;
		margin-top: 10px;
	}

	.event-hero .slick-arrow {
		display: none !important;
	}

	.banner-eventsSummary .event-card .info {
		display: flex;
	}

	.banner-eventsSummary .event-card .text {
		margin-left: 0;
		width: 100%;
	}

	.banner-eventsSummary .event-card .date {
		height: auto;
		margin-bottom: 10px;
		justify-content: center;
		text-align: center;
		align-items: center;
	}

		.banner-eventsSummary .event-card .date .day {
			margin-bottom: 8px;
		}

	.btn-learn {
		background: transparent;
		color: #212121;
		border: 1px solid #CACACA;
	}

	@media only screen and (min-width:64em) {

		.event-hero .slick-arrow {
			display: block !important;
		}

		.event-hero .slick-prev {
			left: 10px;
		}

		.event-hero .slick-next {
			right: 10px;
		}

		.event-hero .btn {
			margin-top: 0px;
		}

		.event-hero .event-card .info {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			width: 100%;
			justify-content: flex-start;
		}

		.event-hero .event-card .date {
			height: auto;
			margin: 0;
			text-align: center;
		}

		.event-hero .event-card .text {
			Xmargin: 0 20px 20px 0;
		}
	}

	@media only screen and (min-width:1670px) {
		.event-hero .slick-prev {
			left: -85px;
		}

		.event-hero .slick-next {
			right: -85px;
		}
	}

	.hero-wrapper.interior {
		position: relative;
		padding: .75rem 0 0 0;
	}

		.hero-wrapper.interior:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 72%;
			background: #0070cc;
		}

	.filter-events {
		margin: 0 auto;
	}

		.filter-events .filter-title {
			max-width: 560px;
			margin: 0 auto 1rem auto;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			z-indeX: 1;
		}

			.filter-events .filter-title span {
				padding: 0 50px;
				background: #0070cc;
				position: relative;
			}

				.filter-events .filter-title span:before {
					content: "";
					position: absolute;
					top: 50%;
					left: -100%;
					background: #fff;
					width: 100%;
					height: 1px;
				}

				.filter-events .filter-title span:after {
					content: "";
					position: absolute;
					top: 50%;
					right: -100%;
					background: #fff;
					width: 100%;
					height: 1px;
				}

		.filter-events .formee {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			width: 100%;
			justify-content: center; /* horizontal */
		}

			.filter-events .formee > div {
				width: 100%;
				padding: 5px 10px;
			}

	@media only screen and (min-width:30em) {
		.filter-events .formee > div {
			width: auto;
		}
	}

	.section-stadium-info {
		padding: 2rem 0;
		background: transparent url(/cms/images/bg-horizontal.gif) no-repeat;
		background-size: cover;
	}

	.stadium-info {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		align-items: center;
		color: #fff;
	}

		.stadium-info li {
			margin: 0;
			padding: 0;
		}

			.stadium-info li a {
				display: block;
				padding: 1rem;
				text-align: center;
				color: #fff;
				text-decoration: none !important;
				font-weight: bold;
				border-radius: 50%;
				background: #006DA8;
				width: 150px;
				height: 150px;
			}

				.stadium-info li a:hover,
				.stadium-info li a:focus {
					background: #000;
					color: #a3cb4e;
					transform: scale(1.2,1.2);
				}

					.stadium-info li a:hover svg,
					.stadium-info li a:focus svg {
						fill: #a3cb4e;
					}

			.stadium-info li svg {
				fill: #fff;
				width: 40px;
				height: 40px;
				margin: 0 auto 0.9rem auto;
				display: block;
			}

				.stadium-info li svg.icon-parking,
				.stadium-info li svg.icon-stadium-safety {
					stroke: currentColor;
					fill: transparent;
				}

			.stadium-info li a:hover svg.icon-parking,
			.stadium-info li a:focus svg.icon-parking,
			.stadium-info li a:hover svg.icon-stadium-safety,
			.stadium-info li a:focus svg.icon-stadium-safety {
				stroke: currentColor;
				fill: transparent;
			}

	@media only screen and (min-width:64em) {
		.section-stadium-info {
			padding: 4rem 0;
		}

		.stadium-info {
			justify-content: space-between;
		}

			.stadium-info li a {
				font-size: 1rem;
				line-height: 1.2rem;
			}

			.stadium-info li svg {
				width: 40px;
				height: 40px;
				margin: 15px auto 1rem auto;
			}
	}

	.grid-4 .stadium-info {
		background: #0070cc;
		max-width: 450px;
		margin-bottom: 2rem;
	}

		.grid-4 .stadium-info li {
			border-right: 1px solid #2f8fdc;
			border-bottom: 1px solid #2f8fdc;
			width: 50%;
		}

			.grid-4 .stadium-info li a {
				font-size: 1.1rem;
			}

			.grid-4 .stadium-info li svg {
				widtH: 80px;
				height: 80px;
			}

	.bg-vertical {
		background: transparent url(/cms/images/bg-vertical.gif) repeat-y 0% 100%;
	}

	.carousel-event-photos {
		margin-bottom: 5rem;
	}

		.carousel-event-photos .slick-slide {
			padding: 0 20px;
		}

		.carousel-event-photos .slick-arrow {
			top: auto;
			bottom: -4rem;
			background: #fff;
			border-style: none;
		}

			.carousel-event-photos .slick-arrow:hover,
			.carousel-event-photos .slick-arrow:focus {
				background: #ececec;
			}

		.carousel-event-photos .slick-prev {
			left: auto;
			right: 7rem;
		}

		.carousel-event-photos .slick-next {
			right: 2rem;
		}

			.carousel-event-photos .slick-prev:before,
			.carousel-event-photos .slick-next:before {
				width: 20px;
				height: 20px;
				opacity: 1;
				border-width: 3px;
				border-color: #000 !important;
			}

			.carousel-event-photos .slick-prev:after,
			.carousel-event-photos .slick-next:after {
				content: "";
				position: absolute;
				top: 21px;
				width: 40px;
				height: 3px;
				background: #000;
			}

		.carousel-event-photos .slick-prev:after {
			left: 10px;
		}

		.carousel-event-photos .slick-next:after {
			right: 10px;
		}

	.section-home-bottom {
		padding: 2rem 0;
	}

	@media only screen and (min-width:64em) {
		.section-home-bottom {
			padding: 4rem 0;
		}
	}

	.carousel-images .slick-list {
		margin: 0 20px;
	}

	.carousel-images .slick-slide {
		text-align: center;
		padding: 0 10px;
	}

		.carousel-images .slick-slide img {
			margin: 0 auto;
		}

	.fancy-header {
		text-align: center;
		position: relative;
	}

		.fancy-header span {
			display: inline-block;
			padding: 0 20px;
			position: relative;
			background: #fff;
			z-index: 2;
		}

		.fancy-header:before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 1px;
			background: #afafaf;
			z-indeX: 1;
		}

	.hero-wrapper .event-card .info {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 20px;
	}

	.hero-wrapper .event-card .text {
		Xwidth: 100%;
	}


	.hero-wrapper .event-card .date {
		height: auto;
		Xmargin-bottom: 10px;
		justify-content: center;
		text-align: center;
		align-items: center;
	}

	.banner-eventsSummary .event-card .date .day {
		margin-bottom: 8px;
	}

	.hero-wrapper .modHead {
		display: none;
	}

	X.hero-wrapper img {
		width: 1500px !important;
		height: 800px !important;
		object-fit: cover;
	}

	.btn-learn {
		background: transparent !important;
		color: #212121 !important;
		border: 1px solid #CACACA !important;
	}

	@media screen and (max-width: 40rem) {
		.hero-wrapper .event-card .dateWrpr {
			width: 100%;
		}

		.hero-wrapper .event-card .presented {
			width: 100%;
		}

		.hero-wrapper .event-card .date {
			margin: 20px;
			float: none;
		}

		.hero-wrapper .event-card .info {
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
			position: static;
		}

		.hero-wrapper .event-card .text {
			margin: 0;
			padding: 10px 0;
		}

		.event-card .text .btn {
			margin: 0;
			width: 90%;
		}

			.event-card .text .btn.btn-tickets {
				margin-bottom: 20px;
			}

		.event-card .text .title {
			margin-bottom: 0;
		}

		.event-card .text .cta {
			white-space: inherit;
		}
	}

	/*METLIFE-44 - Global Font Review- MetLife Stadium, Partners Page */
	#partners {
		display: flex;
		flex-wrap: wrap;
		margin: 30px auto;
		background: #f6f5f6;
		justify-content: flex-start;
	}

		#partners .sm-img-box {
			width: 23%;
			padding: 30px;
			text-align: center;
			height: 150px;
			background: #ececec;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10px 1%;
		}

		#partners .med-img-box {
			width: 48%;
			padding: 30px;
			text-align: center;
			height: auto;
			background: #ececec;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10px 1%;
		}

			#partners .med-img-box img {
				width: 170px
			}

		#partners .lg-img-box {
			width: 100%;
			padding: 30px;
			text-align: center;
			height: auto;
			background: #ececec;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10px 1%;
		}

		#partners .sm-img-box img {
			max-height: 100px;
			width: auto;
		}

	@media only screen and (max-width: 767px) {
		#partners .sm-img-box {
			width: 31%;
		}
	}

	@media only screen and (max-width: 640px) {
		#partners .sm-img-box {
			width: 48%;
		}
	}

	@media only screen and (max-width: 480px) {
		#partners .sm-img-box {
			width: 100%;
		}

		#partners .med-img-box {
			width: 100%;
		}

		#partners .lg-img-box {
			width: 100%;
		}
	}

	.presented {
		font-size: .875em;
	}

	.eventsSummary .presented {
		width: 100%;
		font-size: .875em;
	}

	.event-card .date {
		text-align: center;
		min-width:50px;
	}

	.hero-wrapper ul.alert-list {
		padding: 0;
		margin: 0;
	}

		.hero-wrapper ul.alert-list li.alert {
			display: flex;
			justify-content: center;
			align-items: center;
			border: none;
			margin: 0 0 10px 0px;
			background-color: yellow
		}

			.hero-wrapper ul.alert-list li.alert h2.title {
				margin: 0 20px 0px;
				font-size: 1.2em;
				font-weight: normal;
			}

	/* METLIFE-55 - Footer Updates */
	.site-footer .cornerstone {
		margin: 0 auto 0;
		padding: 0 3%;
		text-align: center;
		font-family: Oswald,sans-serif;
		width: 75%;
		max-width: 622px;
	}

	.site-footer .cornerstone-partners {
		position: relative;
		padding: 5px 0;
		font-size: 0px;
	}

		.site-footer .cornerstone-partners .cornerlogo {
			display: inline-block;
			width: 25%;
			vertical-align: middle;
			padding: 0 8px;
		}

	/* METLIFE-58 - Contact Form Page */
	#contactAccordion .ui-state-default,
	#contactAccordion .ui-widget-content .ui-state-default,
	#contactAccordion .ui-widget-header .ui-state-default {
		border: 1px solid #d3d3d3;
		background: none;
		font-weight: normal;
		color: #555555;
	}

	.cols {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.cols .leftSide {
			width: 49%;
		}

		.cols .rightSide {
			width: 49%;
		}

	@media only screen and (max-width: 1440px) {
		.cols .leftSide {
			width: 100%;
		}

		.cols .rightSide {
			width: 100%;
		}
	}

/* METLIFE-175 - Style Private Events Page */
.private-events-experts {
	display:flex;
	flex-direction:row;
	background: #3187B8;
}


.private-events-experts .left-side {
	width:50%;
	position:relative;
	overflow:hidden;
}

@media (min-width:63.8751em) {
	.private-events-experts .left-side .left-side-inner {
		position:absolute;
	}
}

.private-events-experts .left-side .left-side-inner {
	
	top:0;
	left:0;
	background: #5CABD6;
}

.private-events-experts .left-side .left-side-inner h2 {
	text-align: left;
	padding: 73px 218px 73px 100px;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: normal;
}

@media (max-width:90.125em) {
	.private-events-experts .left-side .left-side-inner h2 {
		font-size: 2.7rem;
	}
}

@media (max-width:84.0625em) {
	.private-events-experts .left-side .left-side-inner h2 {
		font-size: 2.4rem;
	}
}

@media (max-width:79.25em) {
	.private-events-experts .left-side .left-side-inner h2 {
		font-size: 2rem;
		padding: 73px 104px 73px 25px;
	}
}

.private-events-experts .right-side {
	width:50%;
}

.private-events-experts .right-side ul {
	display:flex;
	flex-direction:row;
	width:100%;
	list-style:none;
	padding:0;
	padding-left: 10px;
	margin:0;
}

.private-events-experts .right-side ul li {
	width:33.3%;
	display:flex;
	flex-direction: column;
	background: #095B8B;
	flex:1;
}

.private-events-experts .right-side ul li:not(:last-child) {
	border-right:1px solid #5CABD6;
}

.private-events-experts .right-side ul li .img-container {
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	max-height:210px;
	overflow:hidden;
}

@media (max-width:768px) {
	.private-events-experts .right-side ul li .img-container {
		min-width:206px;
		min-height:176px;
	}
	.private-events-experts {
		min-height:893px;
	}
	.private-events-spcialize {
		min-height:965px;
	}
}

.private-events-experts .right-side ul li .img-container img {
	width:100%;
}

.private-events-experts .right-side ul li a {
	text-decoration:none;
	text-align: center;
	padding: 14px 18px 6px;
	transition: .2s;
}

.private-events-experts .right-side ul li a:hover {
	background: #5CABD6;
	transition: .2s;
}

.private-events-experts .right-side ul li a span {
	text-decoration: none;
    color: #fff;
    text-transform: uppercase;
	font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
	word-wrap: break-word;
	line-height: 1.3rem;
}

.private-events-spcialize {
	padding: 55px 35px;
	display:flex;
	flex-direction: row;
}

.private-events-spcialize .left-side-private-e {
	width: calc(100% - 393px);
	padding: 0px 70px;
	padding: 0px 182px 0px 72px;
}

@media (max-width:74.4375em) {
	.private-events-spcialize .left-side-private-e {
		padding: 0px 82px 0px 72px;
	}
}

@media (max-width:44.0625em) {
	.private-events-spcialize .left-side-private-e {
		padding: 0px 20px;;
	}
}

.private-events-spcialize .left-side-private-e p {
	font-size: 0.875rem;
	font-family: Arial, sans-serif;
    line-height: 1.4;
	color:black;
}

.private-events-spcialize .left-side-private-e h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    color: #959ca1;
    word-wrap: break-word;
}

.private-events-spcialize .left-side-private-e .list-2-coliumns {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.private-events-spcialize .left-side-private-e .list-2-coliumns ul li {
	font-family: Arial, sans-serif;
}

.private-events-spcialize .left-side-private-e ul li {
	line-height: 19.5px;
	font-size: 0.875rem;
}

.private-events-spcialize .left-side-private-e ul {
	width:46%;
}

.private-events-spcialize .right-side-private-e {
	width:314px;
}

.private-events-spcialize .right-side-private-e ul {
	list-style:none;
	display: flex;
	flex-direction: column;
	width:100%;
	padding-left:0;
}

.private-events-spcialize .right-side-private-e ul li {
	width:100%;
	height:auto;
	display:flex;
	justify-content: left;
	align-items: center;
	padding: 17px 25px;

}

.private-events-spcialize .right-side-private-e ul li a {
	text-decoration:none;
	align-items: center;
    display: flex;
    justify-content: flex-start;
    height: 100%;
    display: flex;
	position:relative;
	background: #007abd;
	width:100%;
	border-radius: 4px;
	border:1px solid #007abd;
}

.private-events-spcialize .right-side-private-e ul li a:hover {
	background:white;
	border:1px solid #007abd;
}

.private-events-spcialize .right-side-private-e ul li a:hover span {
	color:#007abd;
	filter: brightness(0) saturate(100%) invert(44%) sepia(90%) saturate(5447%) hue-rotate(182deg) brightness(90%) contrast(101%);
}
.private-events-spcialize .right-side-private-e ul li a:hover span::before {

}

.private-events-spcialize .right-side-private-e ul li a .icon-calendar2 {
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1704%) hue-rotate(278deg) brightness(119%) contrast(100%);
    scale: 0.32;
}

.private-events-spcialize .right-side-private-e ul li a .icon-calendar2::before {
	content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23000000' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 610.398 610.398' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M159.567,0h-15.329c-1.956,0-3.811,0.411-5.608,0.995c-8.979,2.912-15.616,12.498-15.616,23.997v10.552v27.009v14.052 c0,2.611,0.435,5.078,1.066,7.44c2.702,10.146,10.653,17.552,20.158,17.552h15.329c11.724,0,21.224-11.188,21.224-24.992V62.553 V35.544V24.992C180.791,11.188,171.291,0,159.567,0z'/%3E%3Cpath d='M461.288,0h-15.329c-11.724,0-21.224,11.188-21.224,24.992v10.552v27.009v14.052c0,13.804,9.5,24.992,21.224,24.992 h15.329c11.724,0,21.224-11.188,21.224-24.992V62.553V35.544V24.992C482.507,11.188,473.007,0,461.288,0z'/%3E%3Cpath d='M539.586,62.553h-37.954v14.052c0,24.327-18.102,44.117-40.349,44.117h-15.329c-22.247,0-40.349-19.79-40.349-44.117 V62.553H199.916v14.052c0,24.327-18.102,44.117-40.349,44.117h-15.329c-22.248,0-40.349-19.79-40.349-44.117V62.553H70.818 c-21.066,0-38.15,16.017-38.15,35.764v476.318c0,19.784,17.083,35.764,38.15,35.764h468.763c21.085,0,38.149-15.984,38.149-35.764 V98.322C577.735,78.575,560.671,62.553,539.586,62.553z M527.757,557.9l-446.502-0.172V173.717h446.502V557.9z'/%3E%3Cpath d='M353.017,266.258h117.428c10.193,0,18.437-10.179,18.437-22.759s-8.248-22.759-18.437-22.759H353.017 c-10.193,0-18.437,10.179-18.437,22.759C334.58,256.074,342.823,266.258,353.017,266.258z'/%3E%3Cpath d='M353.017,348.467h117.428c10.193,0,18.437-10.179,18.437-22.759c0-12.579-8.248-22.758-18.437-22.758H353.017 c-10.193,0-18.437,10.179-18.437,22.758C334.58,338.288,342.823,348.467,353.017,348.467z'/%3E%3Cpath d='M353.017,430.676h117.428c10.193,0,18.437-10.18,18.437-22.759s-8.248-22.759-18.437-22.759H353.017 c-10.193,0-18.437,10.18-18.437,22.759S342.823,430.676,353.017,430.676z'/%3E%3Cpath d='M353.017,512.89h117.428c10.193,0,18.437-10.18,18.437-22.759c0-12.58-8.248-22.759-18.437-22.759H353.017 c-10.193,0-18.437,10.179-18.437,22.759C334.58,502.71,342.823,512.89,353.017,512.89z'/%3E%3Cpath d='M145.032,266.258H262.46c10.193,0,18.436-10.179,18.436-22.759s-8.248-22.759-18.436-22.759H145.032 c-10.194,0-18.437,10.179-18.437,22.759C126.596,256.074,134.838,266.258,145.032,266.258z'/%3E%3Cpath d='M145.032,348.467H262.46c10.193,0,18.436-10.179,18.436-22.759c0-12.579-8.248-22.758-18.436-22.758H145.032 c-10.194,0-18.437,10.179-18.437,22.758C126.596,338.288,134.838,348.467,145.032,348.467z'/%3E%3Cpath d='M145.032,430.676H262.46c10.193,0,18.436-10.18,18.436-22.759s-8.248-22.759-18.436-22.759H145.032 c-10.194,0-18.437,10.18-18.437,22.759S134.838,430.676,145.032,430.676z'/%3E%3Cpath d='M145.032,512.89H262.46c10.193,0,18.436-10.18,18.436-22.759c0-12.58-8.248-22.759-18.436-22.759H145.032 c-10.194,0-18.437,10.179-18.437,22.759C126.596,502.71,134.838,512.89,145.032,512.89z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	scale: .06;
    display: block;
    color: white;
    width: 29px;
    height: 29px;
    position: absolute;
    top: -36px;
    left: 83px;
}

.private-events-spcialize .right-side-private-e ul li .proposal-private .text-c {
    padding-left: 33px;
}

.private-events-spcialize .right-side-private-e ul li a .icon-phone,
.private-events-spcialize .right-side-private-e ul li a .icon-mail {
	padding-left: 37px;
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1704%) hue-rotate(278deg) brightness(119%) contrast(100%);
}

.private-events-spcialize .right-side-private-e ul li a span {
	color: #fff;
    font-size: 0.875rem;
	font-family: 'Noto Sans', sans-serif;
	text-transform: uppercase;
	padding-right:21px;
    display: block;
    white-space: nowrap;
	line-height: 2.3rem;
	font-weight: bold;
}

.private-events-spcialize .right-side-private-e ul li .proposal-private .text-c {
	padding-left:58px;
}

.slick-status-hidden {
	font-size:0;
	width:0;
	height:0;
	opacity:0;
}

@media (max-width:63.875em) {
	.private-events-experts {
		flex-direction: column;
	}
	.private-events-experts .left-side-inner {
		position:relative;
	}
	.private-events-experts .left-side {
		width:100%;
	}
	.private-events-experts .right-side {
		width:100%;
	}
	.private-events-experts .left-side .left-side-inner h2 {
		padding: 30px 20px 30px 20px;
        text-align: center;
	}
	.private-events-spcialize .right-side-private-e ul li a span {
		font-size: 1rem!important;
	}
}

@media (max-width:60.875em) {
	.private-events-experts .right-side ul {
		flex-direction: column;
	}
	.private-events-experts .right-side ul li {
		width:100%;
		padding-bottom:20px;
	}
	.private-events-experts .right-side ul li:first-child {
		padding-top:20px;
	}
	.private-events-experts .right-side ul li img {
		width:auto!important;
	}
}

@media (max-width:59.5em) {
	.private-events-spcialize {
		flex-direction: column;
	}
	.private-events-spcialize {
		padding-left:0;
		padding-right:0;
	}
	.private-events-spcialize .left-side-private-e {
		width:100%;
	}
	.private-events-spcialize .right-side-private-e {
		width:100%;
	}
	.private-events-spcialize .right-side-private-e ul {
		padding-left:0;
		padding-top:20px;
	}
}

@media (max-width:45.5em) {
	.private-events-spcialize .left-side-private-e .list-2-coliumns {
		flex-direction: column;
	}
	.private-events-spcialize .left-side-private-e .list-2-coliumns ul {
		width:100%;
	}
}

@media (max-width:24.5625em) {
	.private-events-spcialize .right-side-private-e ul li a .text-c {
		font-size: 1.4rem;
	}
}


/* METLIFE-171 - Partner banner carousel bubbles */

.site-footer .partnerAds .slick-dots li button::before {
	font-size: 20px;
} 

/* METLIFE-84 - QA Lighthouse */

.clock .countdownWrpr .conuntall {
	Xwidth:444.23px;
}

@media (min-width:1384px) {
	.hero-slide-show {
		min-height:600px;
	}
	.hero-slide-show .slick-slide img {
		height:600px;
	}
}

.hero-slide-show img {
	aspect-ratio: 1500 / 500;
}


@media (max-width:840px) {
	.hero-slide-show .slider:not(.slick-initialized) >div {
		padding: 0px 20px;
		margin-bottom: 90px;
	}
	.hero-slide-show .slick-slide {
		Xmin-width: 95vw;
	}
	.hero-slide-show .slick-slide:not(.slick-current) img {
		display:none;
	}
	.hero-slide-show .slider:not(.slick-initialized) >div:not(:first-child) {
		display:none;
	}
}

.main-content .mod.eventsSummary {
	min-height:660px;
}

.partnerAds .slick-slide[aria-hidden="true"] img {
	display:none!important;
}

@media (max-width:840px) {
	#algolia-results {
		min-height:2500px;
	}
	#algolia-results #pagination {
		max-width:100%;
	}
	.site-body.clearfix .algolia-facets {
		min-height:290px;
	}
}

a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible) {
	outline:0;
	box-shadow:none!important;
  }
  
  a:focus:focus-visible, button:focus-visible, input:focus-visible {
	outline: 2px solid black!important;
  }
  .focus-overlay-target {
	outline: 2px solid black!important;
	box-shadow:none!important;
  }
  .focus-overlay-target:focus-visible {
	outline: 2px solid black!important;
	box-shadow:none!important;
  }
  .site-header .logos p a.focus-overlay-target:focus-visible {
	outline: 2px solid black!important;
	box-shadow:none!important;
  }





.cols .leftSide .container-narrow .active p {
	text-align: left;
	line-height: 1.5em;
	word-break: break-word;
}

.partnerAds.slick-slider {
	margin-top:30px;
}


.main-content p {
	margin:0 0 1em 0;
}




@media only screen and (max-width: 1375px) {
	.hero-slide-show .caption {
		justify-content: flex-start !important;
	}
}




@media (max-width:1279px) {
	.site-header {
		justify-content:space-between;
	}

}

@media (max-width:920px) {
	.clock .countdownWrpr .conuntall {
		margin:0px auto;
	}
	.clock .countdownWrpr .countdownLeft {
		display:none;
	}
	.clock .countdownWrpr .countdownCenter {
		margin-top:20px;
	}
	
}

@media (max-width:480px) {
	.bg-vertical {
		background: transparent url(/cms/images/bg-vertical.gif) repeat-y -400% 100%;
		background:none;
	}
}


.site-header {
	justify-content: center;
}

	.site-header a.site-logo {
		max-width: 300px;
		width: auto;
	}

	.site-header .logos p {
		width: 230px;
	}

	.site-header .logos img {
		margin: 0 20px;
	}

.algolia-autocomplete {
	margin-right: 0px !important;
}

@media (max-width:96.625em) {
	.site-header a.site-logo {
		max-width: 250px !important;
	}

	.nav-bar > ul > li > a > span {
		font-size: 16px !important;
	}
}

@media (max-width:87.5em) {
	.site-header .logos img {
		margin: 0 10px;
	}

	.site-header .logos p {
		min-width: 230px;
	}
}

@media (max-width:86.875em) {
	.site-header a.site-logo {
		max-width: 220px !important;
	}

	.nav-bar > ul > li > a > span {
		font-size: 15px !important;
	}
}

@media (max-width:83.75em) {
	.site-header a.site-logo {
		max-width: 200px !important;
	}
	.nav-bar > ul > li > a > span {
		font-size: 14px !important;
	}
}


@media (max-width:80em) {
	.site-header {
		justify-content: space-between;
	}

		.site-header .search {
			position: relative;
			Xright: 60px;
		}
}

@media (max-width:1279px) {
	.site-header  {
		position:initial;
	}
	.site-header .search {
		right: -15px;
		Xmargin:0px auto;
	}
}