/* PARDOT FORM v5 */
/**
 * @license
 * MyFonts Webfont Build ID 3664189, 2018-10-30T11:10:33-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Averta-Bold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/bold/
 *
 * Webfont: Averta-BlackItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/black-italic/
 *
 * Webfont: Averta-Extrabold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extra-bold/
 *
 * Webfont: Averta-BoldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/bold-italic/
 *
 * Webfont: Averta-Black by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/black/
 *
 * Webfont: Averta-ExtraboldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extra-bold-italic/
 *
 * Webfont: Averta-Extrathin by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extrathin/
 *
 * Webfont: Averta-ExtrathinItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extrathin-italic/
 *
 * Webfont: Averta-Light by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/light/
 *
 * Webfont: Averta-LightItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/light-italic/
 *
 * Webfont: Averta-Regular by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/regular/
 *
 * Webfont: Averta-RegularItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/regular-italic/
 *
 * Webfont: Averta-Semibold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/semibold/
 *
 * Webfont: Averta-SemiboldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/semibold-italic/
 *
 * Webfont: Averta-Thin by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/thin/
 *
 * Webfont: Averta-ThinItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/thin-italic/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3664189
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2015 by Kostas Bartsokas. All rights reserved.
 *
 * © 2018 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37e93d");

@font-face {font-family: 'Averta-Bold';src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_0_0.eot');src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_0_0.woff2') format('woff2'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_0_0.woff') format('woff'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_0_0.ttf') format('truetype');}

@font-face {font-family: 'Averta-Light';src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_8_0.eot');src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_8_0.eot?#iefix') format('embedded-opentype'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_8_0.woff2') format('woff2'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_8_0.woff') format('woff'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_8_0.ttf') format('truetype');}

@font-face {font-family: 'Averta-Regular';src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_A_0.eot');src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_A_0.eot?#iefix') format('embedded-opentype'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_A_0.woff2') format('woff2'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_A_0.woff') format('woff'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_A_0.ttf') format('truetype');}

@font-face {font-family: 'Averta-RegularItalic';src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_B_0.eot');src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_B_0.eot?#iefix') format('embedded-opentype'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_B_0.woff2') format('woff2'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_B_0.woff') format('woff'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_B_0.ttf') format('truetype');}

@font-face {font-family: 'Averta-Semibold';src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_C_0.eot');src: url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_C_0.eot?#iefix') format('embedded-opentype'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_C_0.woff2') format('woff2'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_C_0.woff') format('woff'),url('https://www.cmegroup.com/etc.clientlibs/cmegroupaem/clientlibs/common/resources/fonts/37E93D_C_0.ttf') format('truetype');}

*{font-family: 'Averta-Regular', helvetica, arial, sans-serif !important;}
html {overflow: auto;}
html, body {background: transparent;}
h1 {font-size: 28px; line-height: 30px; color: black; font-weight: 500; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
h2 {font-size: 24px; line-height: 24px; color: #333; font-weight: 500; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
h3 {font-size: 18px; line-height: 22px; color: #444; font-weight: 500; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
h4 {font-size: 16px; line-height: 20px; font-weight:bold; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
h5 {font-size: 14px; line-height: 18px; font-weight: 500; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
form.form a:hover {text-decoration: underline;}

/* CONTAINER AND TEMPLATES */

form.form { margin: 0 !important; padding: 0 0 20px !important; font-size: 14px !important;}
.form-container {margin-left: auto; margin-right: auto; padding: 0 !important; background:transparent;}
.cmePardotBlankLogoHeader {background: #fff; line-height: 0;}
.cmePardotSimpleFooter {border-top: 1px solid #ccc; background: #fff;}
.hasDarkFooter {background: #272727;}
.hasLightFooter {background: #dcdcdc;}
.cmeBasicTemplate {background: #dcdcdc; min-height: 300px;}
.cmePardotPageContentWrapper {background: #dcdcdc; min-height: 500px;}
.cmePardotPageContentInner {background: #fff;}
.cmePardotFooter {width: 100%; background: #272727; color: #fff;}
.cmePardotFooter .max-width-md {background: transparent;}
.cmePardotBanner {line-height: 0;}
.cmePardotBanner img {width: 100%;}

/* INPUT ELEMENTS */

[type=checkbox], [type=radio] {box-sizing: border-box; padding: 0; margin-right: 5px; height: 15px; width: 15px;}

.form-fields .required:before {display: none !important; }
.form-fields .required .field-label:after {content: "*"; display: inline-block; position: absolute; margin-top: 0px; margin-left: 5px; color: #FB3D3D; font-size: 18px;}
.form-fields .pd-checkbox.no-label.required label:after {content: "*"; display: inline-block; position: absolute; margin-top: 0px; margin-left: 5px; color: #FB3D3D; font-size: 18px;}
.form-fields .pd-checkbox.required.error label::after {content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d81100; padding: 0px 2% !important; left: -1%;  position: relative;}
.form-fields .pd-checkbox.required.error .field-input::after {display: none;}

form.form p.required label, form.form span.required label {padding-left: 0px !important;}
form.form p label {color: #333 !important; font-size: 14px !important; text-align: left !important;}
form.form p {clear: none; line-height: 1.4em; margin: 0px !important;  padding: 0px !important; width: 100%;}
form.form p.no-label { margin-left: 0px !important;}
form.form p.no-label.error {color: #d60101 !important;}
form.form p.submit {clear: both;}
form.form p.submit input {background: #006EB6; color: white; border: 0; padding: 8px 20px !important; text-transform: uppercase; font-weight: bold; border-radius: 3px; letter-spacing: 1px; font-size: 12px;}
form.form p.submit input:hover {background-color: rgb(60, 200, 255); color: rgb(17, 43, 74); cursor: pointer;}
form.form p.required label, form.form span.required label, form.form p label {background: none !important; margin: 0 0 6px 0 !important; padding: 0em !important;}
form.form ul, form.form ol {margin-top: 1em;}
form.form li {float: left !important; margin-bottom: 0px; padding: 0 0 0.825em !important;}
form.form input.text, form.form select {border: 1px solid #BCBEC0 !important; width: 100% !important; max-width: 85% !important; border-radius: 2px; padding: 8px 12px; min-height: 38px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
form .form-container .field-label {font-weight: 500 !important; font-size: 14px !important; padding-left: 0px; font-family: 'Averta-Semibold', helvetica, arial, sans-serif !important;}
form.form p span.description {margin-top: 6px;}
form.form li.pd-hidden {padding: 0 !important;}
form.form select {height: 38px;}
form.form select[multiple] {min-height: 100px;}
form.form pd-textarea textarea.standard {padding: 8px 12px; width: 85%;}
form.form li.Comments2.pd-textarea {width: 100%;}
form.form .Comments2.pd-textarea textarea.standard {width: 85%; min-width: 96%; min-height: 300px;}
form.form .pd-textarea label {float: none;}
form.form label.inline {display: inline;}

.Agree_to_Receive_Marketing_Emails, .field-terms, .Agree_to_CME_Spot_Market_Trading_Agreement, .Agree_to_the_Exchange_Privacy_Policy, .Agree_to_the_Exchange_Rules, .Acknowledge_authorization_to_ET_Agreement, .width-100 {width: 100%;}

/* PREFERENCE CENTER */
.pardotSubscriptionCenter .pd-checkbox span.field-input + span.description {margin: 3px 10px 0 20px;}

/* VALIDATION */

.red-background, form.form p.errors {background: #d70101 !important; color: #fff; padding: 8px 0px 7px 0px !important;}
.red-background, form.form p.errors::before {content: "\f05e"; font-family: FontAwesome; font-style: normal; font-weight: normal; background: #9c0001 !important; color: #fff; padding: 10px 15px !important; margin-right: 10px;}

form .form-fields .error { display: block; font-size: 14px; font-weight: 500 !important; margin: 0 0 5px !important;}

.error input[type="text"]{background: rgba(255, 255, 255, 1); color: #d81100; font-weight: 500;}
.error .field-input::after {content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d81100; padding: 0px 2% !important; left: -9%; position: relative;}
.pd-select .error .field-input::after {content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d81100; padding: 0px 2% !important; left: -13%;  position: relative;}

/* DISABLED */

input[type="text"]:disabled {background: rgba(255, 255, 255,0.15); border: 1px solid #6685a1; width: 99%;}

form.form input.text:focus, form.form select:focus {border: 1px solid #0195E7; -webkit-box-shadow: 0px 0px 8px 0px rgba(1,149,231,1);-moz-box-shadow: 0px 0px 8px 0px rgba(1,149,231,1); box-shadow: 0px 0px 8px 0px rgba(1,149,231,1);}
.form-fields .error {display: block; font-size: 14px; color: #D60101;}

/* DARK THEME */
.pardot-dark {background: transparent;}
.pardot-dark h2, .pardot-dark form h3 {color: #fff !important;}
.pardot-dark.form-container .field-label {color: #fff !important; padding-left: 0px;}
.pardot-dark.form-container .form p {color: #fff;}
.pardot-dark.form-container .form .form-fields .required:before {margin-top: 5px;}
form.form .pardot-dark p label {color: #ffffff !important;}
form.form .pardot-dark input.text, form.form .pardot-dark select {border: 0px !important;}
form .pardot-dark .form-fields .error {display: block; color: #fff !important; font-size: 14px;  font-weight: 500 !important; margin: 3px 0px !important;}
.pardot-dark input[type="text"]:disabled {background: rgba(255, 255, 255,0.15); border: 2px solid rgba(188, 190, 192, 0.5) !important; width: 99%;}
.pardot-dark.form-container .field-label {font-weight: 500 !important; font-size: 14px !important; color: #fff !important;}
form .pardot-dark [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0; margin-right: 5px; height: 15px; width: 15px; opacity: 0.5;}
form .pardot-dark [type=checkbox]:checked, [type=radio]:checked {opacity: 1;}
form.form .pardot-dark input.text, form.form .pardot-dark select, form.form .pardot-dark textarea {background: rgba(255, 255, 255, 0.3); color: #fff; border: 0px;}
form.form .pardot-dark input.text:focus, form.form .pardot-dark select:focus, form.form .pardot-dark textarea:focus {background: rgba(255, 255, 255, 1); color: #000; border: 0px;}
.pardot-dark .border--bottom {border-bottom: 1px solid #fff;}
.pardot-dark .border--top {border-top: 1px solid #fff;}
form.form .pardot-dark a:hover {color: #3cc8ff;}

/* HELPERS */
.border--bottom {border-bottom: 1px solid #ccc;}
.border--top {border-top: 1px solid #ccc;}
.width-75, .width-75-md-and-up {width: 75%;}
.width-50, .width-50-md-and-up {width: 49.9%;}
.width-33, .width-33-md-and-up {width: 33%;}
.width-25, .width-25-md-and-up {width: 25%;}
.margin-top-md-and-up {margin-top: 20px;}

/* Buttons */
.cmePardotButton {margin: 0 !important; padding: 8px 20px !important; background: #0095e7; color: #fff; font-size: 16px !important; font-weight: 400; border: 0px; border-radius: 3px; padding: 0.5em 0.5em;}

/* COMMON UI CLASSES WITH SPECIFICITY */
form.form li.soft--bottom {padding-bottom: 20px!important;}
form.form li.soft--top {padding-top: 20px !important;}
form.form li.hard--bottom {padding-bottom: 0 !important;}
form.form li.hard--top {padding-top: 0 !important;}
form.form li.push--bottom {margin-bottom: 20px !important;}
form.form li.push--top {margin-top: 20px !important;}
form.form li.flush--bottom {margin-bottom: 0 !important;}
form.form li.flush--top {margin-top: 0 !important;}

/* Other Support - Floated Option */
form.form .pardot-other-support p {margin: 0px 0px 6px !important;}
form.form .pardot-other-support .pd-select select {margin: 0 !important;}
form.form .pardot-other-support input.text, form.form .pardot-other-support select {width: 100% !important; max-width: 100% !important; margin-bottom: 0; min-height: 38px;}
form.form .pardot-other-support li {padding: 0 !important; width: 31% !important; margin-right: 2%;}
form.form .pardot-other-support li.field-terms {width: 100% !important; max-width: 100%;}
.pardot-other-support .form-field.Agree_to_Receive_Marketing_Emails, .pardot-other-support .form-field.field-terms, .pardot-other-support .form-field.Agree_to_CME_Spot_Market_Trading_Agreement, .pardot-other-support .form-field.Agree_to_the_Exchange_Privacy_Policy, .pardot-other-support .form-field.Agree_to_the_Exchange_Rules, .pardot-other-support .form-field.Acknowledge_authorization_to_ET_Agreement, .pardot-other-support .form-field.width-100 {width: 100% !important;}
.pardot-other-support .error .field-input::after {position: absolute; right: 0%; top: 55%; left: auto;}
.pardot-other-support .pd-select .error .field-input::after {right: 4%;}
form.form .pardot-other-support p.no-label.error {margin-bottom: 7px !important;}
.pardot-other-support li.form-field.pd-checkbox {padding: 0 0 0.825em !important;}
form.form .pardot-other-support .pd-checkbox label.inline {line-height: 1.5em;}

/* Other Support Because floats */
.pardot-other-support .errors + .form-fields li.form-field.pd-text, .pardot-other-support .errors + .form-fields li.form-field.pd-select {min-height: 100px;}
.pardot-other-support .errors + .form-fields li.form-field.pd-checkbox, .pardot-other-support .Job_Role_Other, .pardot-other-support .Company_Type_Other {min-height: auto !important;}
.pardot-other-support .form-field-slave {min-height: 58px !important;}
.pardot-other-support .errors + .form-fields li.pd-text .form-field-slave {min-height: 94px !important;}

/* APAC */
form.form .apac .submit input {font-size: 16px; font-weight: normal;}

@media (max-width: 991px) {
	.cmePardot-center-md {text-align: center !important;}
	form.form .pardot-other-support li {padding: 0 !important; width: 48% !important; margin-right: 2%;}
}

@media (max-width: 767px) {
	.width-50-md-and-up, .width-33-md-and-up, .width-75-md-and-up, .width-25-md-and-up {width: 100%;}
	.margin-top-md-and-up {margin-top: 0;}
}
@media (max-width: 480px) {
	form.form .pardot-other-support li {padding: 0 !important; width: 100% !important; margin-right: 0;}
}
@media (max-width: 315px) {
	.errors {position: relative;}
	.red-background, form.form p.errors::before {position: absolute; height: 100%; left: 0; top: 0;}
	.red-background, form.form p.errors {font-size: 12px; padding-left: 50px !important;}
	.pd-select .error .field-input::after {left: -17%;}
	form.form .pardot-other-support li {padding: 0 !important; width: 100% !important; margin-right: 0;}
}