@import url("/content/dam/cmegroup/files/css/averta.css");
@import "/content/dam/cmegroup/files/css/averta.css";

#logos img{height: 35px; width: auto;}
#logos .parHalf2 img{float: right;}

/* Temp Stylesheet for Showcase v1.1 */
/* Resets, Structures */
#cmePageContentArea {max-width: 100% !important; margin: 0px; background-color: #fff; padding: 0px !important; min-height: 300px; }
.cmeLandingPageTemplate {background: #f3f4f8; color: #999; }
.cmeLandingPageTemplate #cmePageWrapper {padding: 0; width: 100%; margin: 0 auto;}
.cmeLandingPageTemplate #cmePageContentArea {margin: 0 auto;}
.cmeLandingPageTemplate #cmePageContentArea > .cmeFullColumnLayout {margin: 0 auto; float: none; max-width: 100%;}
.cmeLandingPageTemplate .cmeFullColumnLayout.cmeContentColumnLayout {max-width: 1024px; float: none; margin: 0 auto;}
.cmeLandingPageTemplate div.cmeBoxGrayNoBorder {background: #f3f4f8; padding: 4%;}
.cmeLandingPageTemplate div.cmeBox {border: none; padding: 4%;}
.cmeLandingPageTemplate .cmeReadableTextCentered {max-width: 700px;}

/* Social Sharing Bar */
.cmeHasPrimaryNav.cmeLandingPageTemplate .addthis-smartlayers-desktop #at4-share {top: 100px; right: 0;}

p{font-family: 'Averta-Regular' !important;}
h1{font-family: 'Averta-Semibold' !important;}
h2{font-family: 'Averta-Semibold' !important;}
h3{font-family: 'Averta-Semibold' !important;}
h4{font-family: 'Averta-Semibold' !important;}
h5{font-family: 'Averta-Bold' !important;}
h6{font-family: 'Averta-Bold' !important;}

/* HERO STYLES */
#cmeHero-dark, #cmeHero-light {background-size: cover;}
#cmeHero-dark h1, #cmeHero-dark h2, #cmeHero-dark h3, #cmeHero-dark h4, #cmeHero-dark h5, #cmeHero-dark p{color: #fff;}
#cmeHero-light h1, #cmeHero-light h2, #cmeHero-light h3, #cmeHero-light h4, #cmeHero-light h5, #cmeHero-light p{color: #000;}
#cmeHero-parallax h1, #cmeHero-parallax h2, #cmeHero-parallax h3, #cmeHero-parallax h4, #cmeHero-parallax h5, #cmeHero-parallax p{color: #fff;}

#cmeHero-parallax{ background-size: cover !important; background-attachment: fixed !important;}
#cmeHero-parallax #cmeContainer{ margin-top: 15em; margin-bottom: 15em;}

#cmeHero-light h1, #cmeHero-parallax h1, #cmeHero-dark h1 {font-size: 48px; line-height: 1.25em; letter-spacing: 1px; }
#cmeHero-light h1 strong, #cmeHero-parallax h1 strong, #cmeHero-dark h1 strong {font-weight: 400;}
#cmeHero-parallax a, #cmeHero-dark a {color: #3cc8ff;}

/* DESIGN BOX STYLE OVERRIDES */
.cmeLandingPageTemplate .cmeBox {background-color: #fff; background-position: top left; background-repeat: repeat; border: 0; padding: 4%; }
.cmeLandingPageTemplate .cmeBoxGray {background-color: #f3f4f8; background-position: top left; background-repeat: repeat; border: 0; padding: 4%; box-shadow: none;}
.cmeLandingPageTemplate .cmeBoxGrayFlat {background-color: #25323C; background-position: top left; background-repeat: repeat; border: 0; padding: 4%; }
.cmeLandingPageTemplate .cmeBoxBlueFlat {background-color: #112b4a; background-position: top left; background-repeat: repeat; border: 0; padding: 4%; }
.cmeLandingPageTemplate .cmeBoxBlue {background-color: #00447b; background-position: top left; background-repeat: repeat; border: 0; padding: 4%; }

/* Margins + Spacings */
.cmeLandingPageTemplate #cmePageContentArea .cmeTitle + .section {margin-top: 1.5em;}
.cmeLandingPageTemplate .cmeFlexColumnWrapper .cmeCol .section + .section {margin-top: 1.5em;}
.cmeLandingPageTemplate .full-par.parsys > .cmeStandardDesignBox.section {margin-top: 0;}
.cmeLandingPageTemplate #cmePageContentArea p:first-child {margin: 0;}
.cmeLandingPageTemplate #cmePageContentArea a {color: #0195e7;}

/* Fonts */
.cmeLandingPageTemplate h2 {color: #555; line-height: 1.25em;}
.cmeLandingPageTemplate h2 strong {font-weight: 400;}
.cmeLandingPageTemplate h5 {text-transform: uppercase; font-size: 16px; line-height: 20px; letter-spacing: 3px; font-weight: 500;}

/* Tabs */
.cmeLandingPageTemplate .cmeTabs .cmeTabsNavigation li a {color: #357cc7; font-family: 'Averta-Regular' !important;}

/* Reskinned .cmeTitleSecondary.cmeTitleCentered */
.cmeLandingPageTemplate .cmeTitleSecondary {border-bottom: 0;}
.cmeLandingPageTemplate .cmeTitleSecondary .cmeTitleText:after {background-color: #000; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 320px; }
.cmeLandingPageTemplate .cmeTitleSecondary.cmeTitleCentered .cmeTitleText:after {bottom: -20px; position: inherit; display: block; margin: 20px auto 0; }
.cmeLandingPageTemplate .cmeBoxGrayFlat .cmeTitleSecondary .cmeTitleText:after, .cmeLandingPageTemplate .cmeBoxBlue .cmeTitleSecondary .cmeTitleText:after, .cmeLandingPageTemplate .cmeBoxBlueFlat .cmeTitleSecondary .cmeTitleText:after {background-color: #fff; }

/* CONTRACT SPEC TABLE */
.cmeLandingPageTemplate #contract-table {min-width: 80%; width: 100%; margin-left: auto; margin-right: auto; font-family: "Roboto", "Helvetica Neue", arial, sans-serif; font: normal 16px/24px "Roboto", "Helvetica Neue", arial, sans-serif;}
.cmeLandingPageTemplate #contract-table th {font-weight: 400; text-align: center;  vertical-align: middle; border: 0px !important;  background: #fff !important;  color: #000 !important;}
.cmeLandingPageTemplate #contract-table th, #contract-table td {padding: 1.3em !important;}
.cmeLandingPageTemplate #contract-table .col1{color: #fff !important; background: #112b4a !important; text-transform: uppercase !important; border-bottom: 1px solid #fff !important;}
.cmeLandingPageTemplate #contract-table .col1 p{font-size: 0.9em !important;}
.cmeLandingPageTemplate #contract-table .row1 p{color: #485865 !important; line-height: 1.3em !important;}
.cmeLandingPageTemplate #contract-table td {vertical-align: top; border-left: none !important; border-right: none !important; vertical-align: middle; }
.cmeLandingPageTemplate #contract-table td p{color: #485865 !important; font-size: 1em !important;}
.cmeLandingPageTemplate #contract-table tbody tr:nth-child(odd) {background: #fff;}
.cmeLandingPageTemplate #contract-table tbody tr:nth-child(even) {background: #f1f5f7;}

/* DESIGN BOX Dark Theme TEXT OVERRIDES */
.cmeLandingPageTemplate .cmeBoxGrayFlat .cmeIntroLargeText, .cmeLandingPageTemplate .cmeBoxBlue .cmeIntroLargeText {color: #fff;}
.cmeLandingPageTemplate .cmeBoxGrayFlat h1, .cmeLandingPageTemplate .cmeBoxBlueFlat h1, .cmeLandingPageTemplate .cmeBoxBlue h1, .cmeLandingPageTemplate .cmeBoxBlueFlat p, .cmeLandingPageTemplate .cmeBoxBlue p, .cmeLandingPageTemplate .cmeBoxGrayFlat p {color: #fff;}
.cmeLandingPageTemplate .cmeBoxGrayFlat h2, .cmeLandingPageTemplate .cmeBoxBlueFlat h2, .cmeLandingPageTemplate .cmeBoxBlue h2, .cmeLandingPageTemplate .cmeBoxBlueFlat p, .cmeLandingPageTemplate .cmeBoxBlue p, .cmeLandingPageTemplate .cmeBoxGrayFlat p {color: #fff;}
.cmeLandingPageTemplate .cmeBoxGrayFlat h3, .cmeLandingPageTemplate .cmeBoxBlueFlat h3, .cmeLandingPageTemplate .cmeBoxBlue h3 {color: #fff;}
.cmeLandingPageTemplate .cmeBoxGrayFlat h4, .cmeLandingPageTemplate .cmeBoxBlueFlat h4, .cmeLandingPageTemplate .cmeBoxBlue h4 {color: #fff;}
.cmeLandingPageTemplate .cmeBoxBlueFlat h5, .cmeLandingPageTemplate .cmeBoxBlue h5, .cmeLandingPageTemplate .cmeBoxGrayFlat h5{color: #fff;}

.cmeLandingPageTemplate .cmeBoxGrayFlat .cmePrimaryDivider{color: #a1a1a1; background-color: #a1a1a1;}
.cmeLandingPageTemplate .cmeBoxGrayFlat .cmePrimaryDivider, .cmeLandingPageTemplate .cmeBoxBlueFlat .cmePrimaryDivider, .cmeLandingPageTemplate .cmeBoxBlue .cmePrimaryDivider {color: #ffffff; background-color: #ffffff;}

.cmeLandingPageTemplate .cmeButtonOutline {background: transparent; border: 2px solid #fff; color: #fff;}
.cmeLandingPageTemplate .cmeButtonOutline:hover {background: #14558a;}
.cmeLandingPageTemplate .cmeBoxGrayFlat .cmeButtonOutline, .cmeLandingPageTemplate .cmeBoxBlueFlat .cmeButtonOutline, .cmeLandingPageTemplate .cmeBoxBlue .cmeButtonOutline {background: transparent; border: 2px solid #fff; color: #fff;}
.cmeLandingPageTemplate .cmeBoxGrayFlat .cmeButtonOutline:hover, .cmeLandingPageTemplate .cmeBoxBlueFlat .cmeButtonOutline:hover, .cmeLandingPageTemplate .cmeBoxBlue .cmeButtonOutline:hover  {background: #14558a;}

.cmeLandingPageTemplate .cmeButtonOutline-light a{color: #0079C1 !important;}
.cmeLandingPageTemplate .cmeButtonOutline-light {color: #0079C1 !important; background: transparent; border: 2px solid #0079C1; color: #0079C1;}
.cmeLandingPageTemplate .cmeButtonOutline-light a:hover {background: #0079C1; color:#fff !important;}
.cmeLandingPageTemplate .cmeBox .cmeButtonOutline-light{background: transparent; border: 2px solid #0079C1; color: #0079C1;}
.cmeLandingPageTemplate .cmeBox .cmeButtonOutline-light:hover {background: #0079C1;}

.cmeLandingPageTemplate .cmeBoxGrayFlat .cmeHorizontalRule.section, .cmeLandingPageTemplate .cmeBoxBlueFlat .cmeHorizontalRule.section, .cmeLandingPageTemplate .cmeBoxBlue .cmeHorizontalRule.section{margin-top: 40px;}

@media screen and (max-width: 980px) {
}
@media screen and (max-width: 767px) {
/* List all panel design boxes here */

#logos img{height: 25px !important; width: auto;}
.cmeLandingPageTemplate #logos.cmeBoxContent .cmeColHalf {
    /* float: none; */
    width: 48% !important;
    display: block;
    float: left !important;
}
.cmeLandingPageTemplate div.cmeBoxGrayNoBorder, .cmeLandingPageTemplate div.cmeBox, .cmeLandingPageTemplateTemplateSpecialOffer, #cmeWhyDataMine, #cmeAdditionalDataSets{padding: 30px 20px !important;}
}
@media screen and (max-width: 480px) {
.cmeCol > div.parsys > .cmeText {margin: 0.625em 0 0 0 !important;}