
/* Column sizes toggle - change column proportion [1:1 vs 2:1] */
.flex-column.even {flex-grow:1 !important; -webkit-flex-grow:1 !important;}
.flex-column.uneven {flex-grow:2 !important; -webkit-flex-grow:2 !important;}
section .wrap-blox .mktoText {
    width: 100%;
}

section .spacer {
    min-height: 1px;
}

#Head .flexed-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 576px) {
    #Head .logo-wrap {
        text-align: center;
        width: 100%;
    }
}

#Speakers .speaker {
    text-align: center;
    max-width: 250px;
    margin: auto;
}

#Speakers .speaker p {
    margin-bottom: 0;
}

#Resources .resource-col {
    max-width: 300px;
    margin: auto;
}

@media screen and (max-width: 767px) {
    #Speakers .speaker {
        margin-bottom: 30px;
    }

    #Resources .resource-col {
        margin-bottom: 30px;
    }
}

#Foot .flexed-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

#Foot .copyright p {
    font-size: 12px !important;
    margin-bottom: 0;
}

#LogoBoard .logos-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

#LogoBoard .logo-wrap {
    flex: 0 1 250px;
    text-align: center;
    margin: 20px;
}

.quote-box {
    border: 1px solid #F0F0F0;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.quote-box p {
    margin-bottom: 0;
}

/*/ ......((Global))...... /*/
.container-fluid {
    max-width: 1300px;
}

/* order sections */
section {order:1 !important;-ms-flex-order:1 !important;-webkit-order: 1 !important;}
section#Head {order:0 !important;-ms-flex-order:0 !important;-webkit-order: 0 !important;}
section#Foot {order:100 !important;-ms-flex-order:100 !important;-webkit-order: 100 !important;}

@media screen and (max-width: 767px) {
    section {
        background-position: left !important;
    }
}

/*/ ......((HELPER CLASSES))...... /*/

/* flex-order */
.order-0 {order:0 !important; -ms-flex-order:0 !important; -webkit-order:0 !important;}
.order-1 {order:1 !important; -ms-flex-order:1 !important; -webkit-order:1 !important;}
.order-2 {order:2 !important; -ms-flex-order:2 !important; -webkit-order:2 !important;}

/* flex columns */
.flex-column {flex-grow:1 !important; -webkit-flex-grow:1 !important; display: flex; display: -ms-flexbox; display: -webkit-flex;}
/* nested flex columns */
.flex-column > .flex-column {flex-basis:auto;}

/* flex-grow */
.grow-0 {flex-grow:0 !important; -webkit-flex-grow:0 !important;}
.grow-1 {flex-grow:1 !important; -webkit-flex-grow:1 !important;}
.grow-2 {flex-grow:2 !important; -webkit-flex-grow:2 !important;}
.grow-3 {flex-grow:3 !important; -webkit-flex-grow:3 !important;}
.grow-4 {flex-grow:4 !important; -webkit-flex-grow:4 !important;}
.grow-5 {flex-grow:5 !important; -webkit-flex-grow:5 !important;}
.grow-auto {flex-grow:auto !important; -webkit-flex-grow:auto !important;}

/* show/hide toggle */
.on. {}
.off {display:none !important;}

/* Font Weight */
.thin {font-weight:300;}
.regular {font-weight:400;}
.semibold {font-weight:500;}
.bold {font-weight:700;}
.heavy {font-weight:900;}

img {max-width: 100%; height:auto; border-radius:3px;}

.text-center {
    text-align: center;
}

/*/ =======[Responsive Styles]======= /*/
/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) {
    .text-sm-left {text-align:left;}
    .text-sm-right {text-align:right;}
    .text-sm-center {text-align:center;}
}

/*/ Medium devices (tablets, 768px and up) /*/
@media (min-width: 768px) {
    .text-md-left {text-align:left;}
    .text-md-right {text-align:right;}
    .text-md-center {text-align:center;}
}

/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
    .text-lg-left {text-align:left;}
    .text-lg-right {text-align:right;}
    .text-lg-center {text-align:center;}
}

/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {
    .text-xl-left {text-align:left;}
    .text-xl-right {text-align:right;}
    .text-xl-center {text-align:center;}
}

/*/ ......((BRANDING))...... /*/
body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:15px;
    line-height:1.4em;
    font-weight:400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* font-family */
.body-font {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* headlines */
h1, .h1 {
    font-size:3em;
    line-height:1.2;
    font-weight:400;
    color: #000;
}
h2, .h2 {
    font-size:2.5em;
    line-height:1.4;
    font-weight:400;
    color: #000;
}
h3, .h3 {
    font-size:2em;
    line-height:1.4;
    font-weight:400;
    color: #000;
}
h4, .h4 {
    font-size:1.75em;
    line-height:1.4;
    font-weight:400;
    color: #000;
}
h5, .h5 {
    font-size:1.5em;
    line-height:1.4;
    font-weight:400;
    color: #000;
}
h6, .h6 {
    font-size:1.25em;
    line-height:1.4;
    font-weight:400;
    color: #000;
}

section ul li {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
}

/* copy */
.large {
    font-size:1.1em;
    line-height: 1.4em;
}
p, .medium {
    font-size:18px;
    line-height:30px;
    font-weight:400;
    color: #000;
}
small, .small {
    font-size: 15px;
    line-height: 1.6em;
}
.x-small {
    font-size: .8em;
    line-height: 1.2em;
}

/* ......((Color Palette))...... */
/* Text Colors */
.primary {color:#00a4df !important;}
.secondary {color:#000000 !important;}
.light {color:#55565a !important;}
.dark {color:#292a2e !important;}
.white {color:#fff !important;}
.black {color:#000 !important;}

/* Background Colors */
.bg-primary {background-color:#aaa !important;}
.bg-secondary {background-color:#777 !important;}
.bg-light {background-color:#fafafa !important;}
.bg-dark {background-color:#222 !important;}
.bg-white {background-color: #FFF;}
.bg-black {background-color: #000;}

.table {
    /*box-shadow: 0px 3px 2.91px 0.09px rgba(51, 51, 51, 0.16);
    border-radius: 5px;*/
    background: #fff;
}

/* text links */
a {
    color:#00a4df !important;
    text-decoration: none !important;
}
a:hover, a:hover p {
    color: #00a4df !important;
    cursor: pointer;
}

/* buttons */
.btn, button {
    outline: none; /* override :focus outlines */
    border: 0px !important;
    box-shadow: none !important;
    display: inline-block;
    font-weight: 600 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 7px 15px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    border-radius: 3px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.btn-primary {
    background-color: #00a4df !important;
    color: #FFF !important;
}
.btn-secondary {
    background-color:#000000 !important;
    color: #FFF !important;
}
.btn-success {
    background-color: #ee9711 !important;
    color: #FFF !important;
}
.btn-light {
    background-color:#fafafa !important;
    color: #3b3c41 !important;
    border: 1px solid #e2e2e2 !important;
}
.btn-dark {
    background-color:#222 !important;
    color: #FFF !important;
}
.btn-white {
    background-color: transparent;
    border: 1px solid #fff !important;
    color: #fff !important;
}
.btn-black {
    background-color: #000;
    color: #FFF !important;
}

.btn-primary:hover {
    background-color:#00a4df !important;
    color: #fff !important;
}
.btn-secondary:hover {
    background-color:#000000 !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: #D98D28 !important;
    color: #FFF !important;
}
.btn-light:hover {
    background-color: #d7d7d7 !important;
    color: #3b3c41 !important;
}
.btn-dark:hover {
    background-color:#eee !important;
    color: #222 !important;
}
.btn-white:hover {
    background-color: #fff;
    color: #222 !important;
}
.btn-black:hover {
    background-color: #eee;
    color: #000 !important;
}

/*.btn:focus {box-shadow:none !important;}*/
/*/ =======[Responsive Styles]======= /*/
/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) {

}

/*/ Medium devices (tablets, 768px and up) /*/
@media (min-width: 768px) {

}

/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {

}

/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {

}

/*/ dFlex Form Styles 19q1 - Digital Pi [dR] /*/
/*/ ::v2 +[Fieldset Labels] +[Fieldset Checkbox] /*/

.form-border {
    padding:15px;
    border: 1px solid #707070;
}

/* ooooo( Brand Styles )ooooo */
/* GLOBAL - Form Presets: Form element & children */
form.mktoForm, form.mktoForm * {
    font-size: 1em !important;
    font-family: inherit !important;
    color: #000 !important;
}

/* ooooo( Architectural Styles )ooooo */
form.mktoForm {
    flex-direction: column; /* choose row for horizontal display */
    width: 100% !important; /* override fixed width on mktoForm */
    background: #fff;
    border-radius: 0;
}

form.mktoForm * {
    float: none !important; /* remove float on mktoForm elements */
    width: auto !important; /* remove fixed width on mktoForm elements */
}

form.mktoForm, form.mktoForm .mktoFormRow, form.mktoForm .mktoFieldWrap, form.mktoForm .mktoButtonRow {
    display:flex !important; /* Flex these elements */
}

form.mktoForm .mktoOffset, form.mktoForm .mktoGutter, form.mktoForm fieldset legend, form.mktoForm .mktoAsterix {
    display:none !important; /* Hide these elements */
}

form.mktoForm .mktoFormCol, form.mktoForm .mktoHtmlText {
    flex-grow:1; /* Make these elements flex to full-width (100%) */
}

/* Maintain font-size, line-height and input height for mobile */
form.mktoForm .mktoField {
    line-height: 1.4em !important; /*mktoOverride*/
    font-size: 1em !important; /*mktoOverride*/
    height: initial !important; /*mktoOverride*/
}

/* Form Layout > Settings: LABELS-ABOVE ---------------- */
form.mktoForm.mktoLayoutAbove .mktoFieldWrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 1em !important;
}

form.mktoForm.mktoLayoutAbove label.mktoLabel {
    padding: .5em 0 !important;
    width: 100% !important;
}

/* Form Layout > Settings: LABELS-LEFT ------------------ */
form.mktoForm.mktoLayoutLeft fieldset .mktoFieldWrap {
    display: flex !important;
    flex-direction: row !important;
}
form.mktoForm.mktoLayoutLeft fieldset label.mktoLabel {
    display: block !important;
    padding: 0 !important;
    max-width: 120px; /* set width for labels */
    width: 120px !important; /* set width for labels */
    margin: auto 15px auto 0;
}

/* TRANSITIONS: ease color changes */
/**/form.mktoForm * {
        /**/    transition: ease color .3s !important;
        /**/    transition: ease background-color .3s !important;
        /**/}

/* ooooo( Form ELEMENTS )ooooo */

/* COLUMNS */
form.mktoForm .mktoFormCol {
    flex-basis: 0; /* Make columns in a row equal widths */
    min-height: 0px !important; /*mktoOverride*/
}

/* ROWS */
form.mktoForm .mktoFormRow,
form.mktoForm .mktoButtonRow {
    flex-wrap: wrap;
    flex-direction:row;
    min-width:unset;
}

form.mktoForm .mktoFormRow {
    margin-bottom: 0px;
}

/* FIELDWRAP */
form.mktoForm .mktoFieldWrap {
    padding: 0px !important;
}

form.mktoForm label a {
    text-decoration: underline !important;
}

/* LABELS */
form.mktoForm label.mktoLabel {
    padding:.5rem !important;
    font-size:1.1em !important;
}
/* LABELS (layout: Labels-Above) */
form.mktoForm.mktoLayoutAbove label.mktoLabel {
    text-align: left !important;
}
/* LABELS (layout: Labels-Left) */
form.mktoForm.mktoLayoutLeft label.mktoLabel {
    text-align: right !important;
    min-width:120px;
    display: none !important;
}

form.mktoForm .mktoFormRow label[for="consenttoProcessing"] {
    display: block !important;
    padding: 12px 0px 0 10px !important;
    text-align: left !important;
    margin-right: 10px;
}

/* PLACEHOLDER TEXT */
::-moz-placeholder{color: #000 !important;}
::-webkit-input-placeholder{color: #000 !important;}
:-ms-input-placeholder{color: #000 !important;}
::placeholder{color: #000 !important;}

/* INPUTS: text, textarea, select */
form.mktoForm input[type=url],
form.mktoForm input[type=text],
form.mktoForm input[type=date],
form.mktoForm input[type=tel],
form.mktoForm input[type=email],
form.mktoForm input[type=number],
form.mktoForm textarea.mktoField,
form.mktoForm select.mktoField  {
    color:#000 !important;
    padding: 8px 13px !important;
    flex-grow:1;
    width:100% !important;
    min-height: auto !important; /*mktoOverride*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

/* INPUTS: non-hidden inputs, selects, textareas */
form.mktoForm .mktoFormRow input:not([type=hidden]),
form.mktoForm .mktoFormRow select:not([type=hidden]),
form.mktoForm .mktoFormRow textarea:not([type=hidden]) {
    margin-bottom:10px !important;
}

/* INPUT */
form.mktoForm input.mktoField,
form.mktoForm select.mktoField,
form.mktoForm textarea.mktoField {
    background-color: #f7f7f7;
    border-width: 1px;
    border-style: solid;
    border-color: #acacac !important;

}

/* INPUTS (:focus-state) */
form.mktoForm input.mktoField:focus,
form.mktoForm select.mktoField:focus,
form.mktoForm textarea.mktoField:focus,
form.mktoForm input.mktoField[type=radio]:focus:checked,
form.mktoForm input.mktoField[type=radio]:focus{
    border-color: #acacac !important;
    outline: 0px !important;
    border-width: 1px;
    border-style: solid;
}

/* SELECT */
form.mktoForm select.mktoField:not(.mktoValid),
form.mktoForm select.mktoField.mktoInvalid {
    color: #484d52 !important;
}
/* valid select input */
form.mktoForm select.mktoField {
    background-image: linear-gradient(135deg, #d7d7d7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #d7d7d7 50%); /* downward triangle - match placeholder color */
}
form.mktoForm select.mktoField:focus,
form.mktoForm select.mktoField:active {
    background-image: linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #888 50%); /* downard triangle - :focus-color */
}

form.mktoForm select.mktoField {
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat !important;
    outline: 0 !important;
}

/* SELECT (:focus-state) */
form.mktoForm select.mktoField.mktoInvalid:active,
form.mktoForm select.mktoField.mktoInvalid:focus {
    color: initial !important;
}

/* TEXTAREA */
form.mktoForm textarea.mktoField {
    height: auto !important; /* override input fixed height */
}

/* RICH TEXT (.mktoHtmlText) */
form.mktoForm .mktoHtmlText {
    padding: 0px !important;
    width: 100% !important;
}

form.mktoForm .mktoHtmlText h3 {
    font-size:2em !important;
    line-height:1.4;
    font-weight:700;
    color: #3fae2a !important;
}

/* FIELDSET */
form.mktoForm fieldset {
    padding: 0px !important; /*mktoOverride*/
    margin: 0px !important; /*mktoOverride*/
    border: 0px !important; /*mktoOverride*/
}

/* CHECKBOX & RADIO */
form.mktoForm .mktoRadioList,
form.mktoForm .mktoCheckboxList {
    flex-grow: 1;
    padding:0.5rem 0 !important;
}
form.mktoForm .mktoRadioList *,
form.mktoForm .mktoCheckboxList * {
    text-align: left !important;
}

/* CHECKBOX & RADIO LABELS */
form.mktoForm .mktoCheckboxList label,
form.mktoForm .mktoRadioList label {
    margin-top: 0px !important;
    line-height: 1.25em !important;
    margin-top: .4em !important;
    margin-left: 2.75em !important;
}

/* CHECKBOX & RADIO INPUTS */
form.mktoForm .mktoRadioList > input,
form.mktoForm .mktoCheckboxList > input {
    float: left !important;
    width: 30px !important;
    height: 30px !important;
}



/* CHECKBOX */
form.mktoForm input[type=checkbox] {
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
}
/* CHECKBOX (:focus-state) */
form.mktoForm input[type=checkbox]:focus {
    outline:0px !important;
}
/* CHECKBOX (:checked-state) */
form.mktoForm input[type=checkbox]:checked::before {
    content: "\2713";
    color: #444 !important;
    font-weight: bold !important;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    display: block !important;
    margin-top: 3px;
    margin-left: 0px;
    font-size: 1.5rem;
}

/* RADIO */
form.mktoForm input.mktoField[type=radio] {
    -webkit-appearance:none !important;
    border-radius: 50%;
    height:17px !important;
    width: 17px !important;
}
/* RADIO (:focus-state) */
form.mktoForm input.mktoField[type=radio]:focus {
    outline: none !important;
    border-width: 1px;
    border-style: solid;
}
/* RADIO (:checked-state) */
form.mktoForm input.mktoField[type=radio]:focus:checked, form.mktoForm input.mktoField[type=radio]:focus {
    border-width: 1px;
    border-style: solid;
}
form.mktoForm input.mktoField[type=radio]:checked::before {
    content:"";
    background-color: #444 !important;
    height:11px;
    width:11px;
    position:absolute;
    border-radius: 50%;
    margin-top:2px;
    margin-left:2px;
    box-sizing:border-box;
}

/* BUTTON WRAP */
form.mktoForm .mktoButtonWrap {
    margin: 0 !important;
    width: 100% !important;
}
/* BUTTON */
form.mktoForm button.mktoButton {
    background: #00a4df !important;
    color: #FFF !important;
    border: 1px solid #00a4df !important;
    padding: .5em 2.5em !important;
    font-size: 1.25em !important;
    line-height: 1rem !important;
    font-weight: bold !important;
    text-transform: uppercase;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 20px !important;
    outline: none;
}
/* BUTTON (:active-states) */
form.mktoForm .mktoButton:hover,
form.mktoForm .mktoButton:focus,
form.mktoForm .mktoButton:active {
    background-color:#00a4df !important;
    color: #fff !important;
    border-color: #00a4df !important;
}

/* ERROR MESSAGE */
form.mktoForm .mktoError {
    width: 100% !important;
    left: 5%;
    bottom:30px !important;
    display:flex;
    max-width:90% !important;
}
form.mktoForm .mktoErrorMsg {
    max-width:90% !important;
    flex-grow: 1 !important;
    margin:0px auto !important;
    width: 100% !important;
    font-size: .9em !important;
    background-image:none !important;
    box-shadow: none !important;
    text-shadow:none !important;
    background: #fff !important;
    color: red !important;
    border: 1px solid red !important;
    outline: none !important;
}
form.mktoForm .mktoErrorDetail {
    font-size: inherit !important;
    display: inline-block !important;
}
/* invalid select input (error) */
form.mktoForm select.mktoField.mktoInvalid {
    background-image: linear-gradient(135deg, #dd0000 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #dd0000 50%); /* downward triangle - error-red */
}
form.mktoForm input.mktoField.mktoInvalid,
form.mktoForm select.mktoField.mktoInvalid,
form.mktoForm textarea.mktoField.mktoInvalid,
.mktoLogicalField.mktoInvalid input {
    border-color: #dd0000 !important;
}

/* FIELDSET > Show Labels inside fieldset (modular) ---------------- */
/**/form.mktoForm fieldset {
        /**/    display:flex !important;
        /**/    flex-direction:row;
        /**/}
/**/form.mktoForm fieldset .mktoFieldWrap {
        /**/    display:flex !important;
        /**/    flex-direction:column;
        /**/}
/**/form.mktoForm.mktoLayoutAbove fieldset label.mktoLabel,
        /**/form.mktoForm.mktoLayoutLeft fieldset label.mktoLabel{
        /**/    display: inline-block !important;
        /**/    text-align:left !important;
        /**/    padding:0px 0px 5px !important;
        /**/}
/* end: FIELDSET > Show Labels inside fieldset (modular) ^^^^^^^^^^^ */

/* FIELDSET: Optimized for CHECKBOX input (modular) ---------------- */
/**/form.mktoForm.mktoLayoutAbove fieldset .mktoFieldWrap,
        /**/form.mktoForm.mktoLayoutLeft fieldset .mktoFieldWrap {
        /**/    flex-direction: row-reverse !important;
        /**/}
/**/form.mktoForm.mktoLayoutLeft fieldset label.mktoLabel {
        /**/  max-width:100% !important;
        /**/  width:100% !important;
        /**/  text-align:left !important;
        /**/  line-height:1.4em !important;
        /**/}
/**/form.mktoForm fieldset label.mktoLabel {
        /**/  font-weight: normal !important;
        /**/  font-size: 1em !important;
        /**/}
/**/form.mktoForm fieldset .mktoRadioList,
        /**/form.mktoForm fieldset .mktoCheckboxList {padding:0px !important;}
/* FIELDSET: Optimized for CHECKBOX input (modular) ^^^^^^^^^^^^^^^^ */

/*/ ======== RESPONSIVE STYLES ========= /*/
/* adjust breakpoint to max-width: [480, 576, 768, 991, 1200] */
/* twin styles: upto 576px, 768-991px || 1-column responsive */
/* be sure both media queries match identically */
@media screen and (max-width:576px) {
    form.mktoForm,
    form.mktoForm .mktoFormRow,
    form.mktoForm .mktoFieldWrap {
        display:block !important;
        text-align: left !important;
    }
    form.mktoForm * {
        padding:0px;
    }
    form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    form.mktoForm {
        padding: 0px !important;
    }
} /* end responsive 0-576px */

@media screen and (min-width:768px) and (max-width:991px) {
    form.mktoForm,
    form.mktoForm .mktoFormRow,
    form.mktoForm .mktoFieldWrap {
        display:block !important;
        text-align: left !important;
    }
    form.mktoForm * {
        padding: 10px 0px;
    }
    form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
        padding-left:0px !important;
        padding-right: 0px !important;
    }
} /* end responsive 768-991px */