/* ========================================== */
/* FLEX_LP-theme.css - theme + colors + forms */
/* ========================================== */
/* v3.2.1 */
/* [1] theme.css  | framework, helpers, typography, responsive */
/* [2] colors.css | .primary, .secondary, .white, .light, .dark */
/* [3] forms.css  | Marketo form layout and fields */
/* ===================================================================================== */
/* ==================================[ [1] theme.css ]================================== */
/* ===================================================================================== */
/*/ ......((GLOBAL))...... /*/
/* custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* order sections */
/* reorder sections up and down the layout using: #Sec_ {order:X;} where [-1 >= X <= 99] */
section {-ms-flex-order: 1; order: 1; z-index: 1;}
header {-ms-flex-order: 0; order: 0; z-index: 2;}
footer {-ms-flex-order: 100; order: 100; z-index: 2;}

/* smooth scrolling */
html {scroll-behavior: smooth;}
/*/ ......((HELPER CLASSES))...... /*/
/* flex-grow */
.flex-grow-2 {-ms-flex-positive: 2 !important; flex-grow: 2 !important;}
.flex-grow-3 {-ms-flex-positive: 3 !important; flex-grow: 3 !important;}
.flex-grow-4 {-ms-flex-positive: 4 !important; flex-grow: 4 !important;}
.flex-grow-5 {-ms-flex-positive: 5 !important; flex-grow: 5 !important;}
/* show/hide toggle */
.on  {/* do nothing */}
.off {display:none !important;}
/* fluid images */
img {max-width: 100%; height:auto;}
/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: .5rem 0;}
.spacer-2 {padding: 1rem 0;}
.spacer-3 {padding: 1.5rem 0;}
.spacer-4 {padding: 2rem 0;}
.spacer-5 {padding: 4rem 0;}
/*/ ......((TYPOGRAPHY))...... /*/
html {
font-size: 10px;
line-height: 1.5;
}
body {
font-family: 'Lato', sans-serif;
color:#000110;
font-weight: 400;
text-align: left;
overflow-x: hidden;
font-size: 1.6rem;
}
/* display headlines (XL+) */
.display-1 { font-size: 12rem; font-weight: 300; line-height: 1.2;}
.display-2 { font-size: 7.2rem; font-weight: 300; line-height: 1.2;}
.display-3 { font-size: 4.2rem; font-weight: 300; line-height: 1.2;}
.display-4 { font-size: 3.6rem; font-weight: 300; line-height: 1.2;}
/* headlines */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: 700;
font-family: 'ff-good-web-pro', Arial, sans-serif;
line-height: 1.3;
}
h1, .h1 {font-size: 4.2rem; text-transform: uppercase; color: #E13200}
h2, .h2 {font-size: 3.6rem;}
h3, .h3 {font-size: 1.896rem;}
h4, .h4 {font-size: 1.8rem; text-transform: uppercase;}
h5, .h5 {font-size: 1.6rem;}
h6, .h6 {font-size: 1.6rem; text-transform: uppercase;}
p.lead { font-size: 2rem; font-weight: 400;} /* large text */
p { margin-top: 0; margin-bottom: 1rem;}
p.small {font-size: 80%;}
b, strong {font-weight:700;}
/* text links */
a:not(.btn) {color:#002A4E; font-weight:inherit; text-decoration: underline;} /* primary color */
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {color:#E13200; text-decoration: underline; } /* primary-dk color */
/* buttons */
button, .btn {
text-decoration:none;
font-family: 'ff-good-web-pro', Arial, sans-serif;
font-weight:600;
max-width:100%;
border-radius: 0px !important;
padding:0.7rem 0.75rem;
font-size:1.6rem;
line-height:1.5;
min-width:  14rem;
transition: none;
text-transform:  uppercase;
}
.btn-sm {
font-size: 1.4rem;
line-height: 1.5;
padding: 0.85rem 0.75rem;
}
hr {
border-top: 1px solid #ddd;
width:100%;
margin:20px 0;
}
/* lists flush w/ text */
ul, ol {padding-inline-start: 1em;}
ol, ol li { margin-left: 0; padding-left: 0; }
ol { margin-left: 1.3em; }
/* blockquote */
blockquote {
font-size:1.75rem;
line-height:1.3;
font-weight:700;
margin-top:45px;
position:relative;
}
blockquote::before {
content: open-quote no-close-quote;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: -63px;
left: -4px;
color: #E13200; /* primary color */
font-size: 100px;
font-family: sans-serif;
}
blockquote.text-white::before{
color:#fff;
}

#HEAD.header-fixed {
    position: absolute !important;
    width:100%;
    top: 0;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
/* sidebar setup */
body.sidebar-- .sidebar {min-height: 100%; padding-left: 30px; padding-right: 30px;}
body.sidebar-- .sidebar-body {
    margin-bottom: auto !important; 
    align-items: flex-start !important;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (min-width: 991px){
body.sidebar-- .sidebar {
    min-height: 100vh;
    max-width: 500px;
}
}


/* placeholder blocks */
.block-placeholder {outline:1px dashed rgba(0,0,0,0.3); min-height:90px; flex-grow:1; text-align:center;}
/*/ =======[Responsive Styles]======= /*/
/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) {
}
/*/ Medium devices (tablets, 768px and up) /*/
@media (min-width: 768px) {

/* responsive vertical spacers (tablet+ = 2x larger than mobile)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: 1rem 0;}
.spacer-2 {padding: 2rem 0;}
.spacer-3 {padding: 3rem 0;}
.spacer-4 {padding: 4rem 0;}
.spacer-5 {padding: 8rem 0;}

.display-1 {
    font-size: 25rem;
}
.display-2 {
    font-size: 18rem;
}
.display-3 {
    font-size: 7.2rem;
}
h1, .h1 {
    font-size: 9.2rem;
}
h2, .h2 {
    font-size: 6.4rem;
}
h3, .h3 {
    font-size: 4.8rem;
}
h4, .h4 {
    font-size: 3.2rem;
}
h5, .h5 {
    font-size: 2.4rem;
}
h6, .h6 {
    font-size: 1.6rem;
}


}
/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
}
/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {

}
/* ====================================================================================== */
/* ==================================[ [2] colors.css ]================================== */
/* ====================================================================================== */
/* :::::::::::::::::::::::: */
/* ::::::: primary :::::::: */
/* :::::::::::::::::::::::: */
.table-primary, .table-primary>td, .table-primary>th { background-color: #ff3d06;}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #ff3d06;}
.table-hover .table-primary:hover { background-color: #ff3d06;}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #ff3d06;}

.btn-primary { color: #fff; background-color: #E13200; border-color: #E13200;}
.btn-primary:hover { color: #fff; background-color: #bd2a00; border-color: #bd2a00;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none; color:#fff; background-color: #bd2a00; border-color: #bd2a00;}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #E13200; border-color: #E13200; opacity: 0.2;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #bd2a00; border-color: #bd2a00;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none;}

.btn-outline-primary { color: #E13200; border-color: #E13200;}
.btn-outline-primary:hover { color: #fff; background-color: #E13200; border-color: #E13200;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(225, 50, 0, 0.5); color:#fff; background-color: #E13200; border-color: #E13200;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #E13200; background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #E13200; border-color: #E13200;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225, 50, 0, 0.5);}
.badge-primary { color: #fff; background-color: #E13200;}
a.badge-primary:focus, a.badge-primary:hover {color: #fff; background-color: #bd2a00;}
a.badge-primary.focus, a.badge-primary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(225, 50, 0, 0.5);}
.alert-primary {color: #bd2a00; background-color: #ff3d06; border-color: #ff3d06;}
.alert-primary hr {border-top-color: #ff3d06;}
.alert-primary .alert-link {color: #bd2a00;}
.list-group-item-primary {color: #bd2a00; background-color: #ff3d06;}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #bd2a00; background-color: #ff3d06;}
.list-group-item-primary.list-group-item-action.active {color: #fff; background-color: #bd2a00; border-color: #bd2a00}
.bg-primary {background-color: #E13200!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #bd2a00!important;}
.border-primary {border-color: #E13200!important;}
.text-primary {color: #E13200!important;}
a.text-primary:focus, a.text-primary:hover {color: #bd2a00!important;}
ul.list-primary li::before {color: #E13200;}
/* :::::::::::::::::::::::::: */
/* ::::::: secondary :::::::: */
/* :::::::::::::::::::::::::: */
.table-secondary, .table-secondary>td, .table-secondary>th { background-color: #003d72;}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #003d72;}
.table-hover .table-secondary:hover { background-color: #003d72;}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #003d72;}

.btn-secondary { color: inherit; background-color: transparent; border-color: transparent;}
.btn-secondary:hover { color: #E13200; background-color: transparent; border-color: transparent; text-decoration:  underline;}
.btn-secondary.focus, .btn-secondary:focus { box-shadow: none; color:#E13200; background-color: transparent; border-color: transparent; outline: 1px solid #E13200; text-decoration: underline;}
.btn-secondary.disabled, .btn-secondary:disabled { color: #000110; background-color: transparent; border-color: transparent; opacity: 0.2;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { box-shadow: none; color:#E13200; background-color: transparent; border-color: transparent; outline: 1px solid #E13200; text-decoration: underline;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; color:#E13200; background-color: transparent; border-color: transparent; outline: 1px solid #E13200; text-decoration: underline;}

.btn-outline-secondary { color: #002A4E; border-color: #002A4E;}
.btn-outline-secondary:hover { color: #fff; background-color: #002A4E; border-color: #002A4E;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem  rgba(0, 42, 78, 0.5); color:#fff; background-color: #002A4E; border-color: #002A4E;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #002A4E; background-color: transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #002A4E; border-color: #002A4E;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem  rgba(0, 42, 78, 0.5);}
.badge-secondary { color: #fff; background-color: #002A4E;}
a.badge-secondary:focus, a.badge-secondary:hover {color: #fff; background-color: #00172a;}
a.badge-secondary.focus, a.badge-secondary:focus {outline: 0; box-shadow: 0 0 0 .2rem  rgba(0, 42, 78, 0.5);}
.alert-secondary {color: #00172a; background-color: #003d72; border-color: #003d72;}
.alert-secondary hr {border-top-color: #003d72;}
.alert-secondary .alert-link {color: #00172a;}
.list-group-item-secondary {color: #00172a; background-color: #003d72;}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #00172a; background-color: #003d72;}
.list-group-item-secondary.list-group-item-action.active {color: #fff; background-color: #00172a; border-color: #00172a}
.bg-secondary {background-color: #002A4E!important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #00172a!important;}
.border-secondary {border-color: #002A4E!important;}
.text-secondary {color: #002A4E!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #00172a!important;}
ul.list-secondary li::before {color: #002A4E;}
/* :::::::::::::::::::::: */
/* ::::::: white :::::::: */
/* :::::::::::::::::::::: */
.table-white, .table-white>td, .table-white>th { background-color: #fff;}
.table-white tbody+tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff;}
.table-hover .table-white:hover { background-color: #fff;}
.table-hover .table-white:hover>td, .table-hover .table-white:hover>th { background-color: #fff;}
.btn-white { color: #000110; background-color: #fff; border-color: #fff;}
.btn-white:hover { color: #000110; background-color: #ededed; border-color: #ededed;}
.btn-white.focus, .btn-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#000110; background-color: #ededed; border-color: #ededed;}
.btn-white.disabled, .btn-white:disabled { color: #000110; background-color: #fff; border-color: #fff;}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle { color: #000110; background-color: #ededed; border-color: #ededed;}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.btn-outline-white { color: #fff; border-color: #fff;}
.btn-outline-white:hover { color: #000110; background-color: #fff; border-color: #fff;}
.btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#000110; background-color: #fff; border-color: #fff;}
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent;}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle { color: #000110; background-color: #fff; border-color: #fff;}
.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.badge-white { color: #000110; background-color: #fff;}
a.badge-white:focus, a.badge-white:hover {color: #000110; background-color: #ededed;}
a.badge-white.focus, a.badge-white:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.alert-white {color: #ededed; background-color: #fff; border-color: #fff;}
.alert-white hr {border-top-color: #fff;}
.alert-white .alert-link {color: #ededed;}
.list-group-item-white {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action.active {color: #000110; background-color: #ededed; border-color: #ededed}
.bg-white {background-color: #fff!important;}
a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover {background-color: #ededed!important;}
.border-white {border-color: #fff!important;}
.text-white {color: #fff!important;}
a.text-white:focus, a.text-white:hover {color: #ededed!important;}
ul.list-white li::before {color: #fff;}
/* :::::::::::::::::::::: */
/* ::::::: light :::::::: */
/* :::::::::::::::::::::: */
.bg-light {background-color: #d1d3d4 !important;}
.btn-light { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0;}
.btn-light:hover { color: #212529; background-color: #cdcdcd; border-color: #cdcdcd;}
.btn-light.focus, .btn-light:focus { box-shadow: none; color:#212529; background-color: #cdcdcd; border-color: #cdcdcd;}
.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; opacity: 0.2;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #cdcdcd; border-color: #cdcdcd;}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: none;}

/* ::::::::::::::::::::: */
/* ::::::: dark :::::::: */
/* ::::::::::::::::::::: */
.bg-dark {background-color: #000110 !important;}
.btn-dark { color: #fff; background-color: #002A4E; border-color: #002A4E;}
.btn-dark:hover { color: #fff; background-color: #001528; border-color: #001528;}
.btn-dark.focus, .btn-dark:focus { box-shadow: none; color:#fff; background-color: #001528; border-color: #001528;}
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #002A4E; border-color: #002A4E; opacity: 0.2;}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #001528; border-color: #001528;}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: none;}



/* ===================================================================================== */
/* ==================================[ [3] forms.css ]================================== */
/* ===================================================================================== */
/*/ LP FLEX Marketo Forms Stylesheet /*/
/**************************************/
/* GLOBAL - Form Presets: Form element & children */
form.mktoForm, form.mktoForm * {
font-size: 1em !important;
font-family: inherit !important;
color: inherit !important;
}
/* TRANSITIONS: ease color changes (optional) */
form.mktoForm * {
transition: ease color .3s !important;
transition: ease background-color .3s !important;
}
/* :::::::::::::::::::::::::::::::::: */
/* :::::[ Architectural Styles ]::::: */
/* :::::::::::::::::::::::::::::::::: */
form.mktoForm {
flex-direction: column; /* 'flex-direction: row;' for horizontal display */
width: 100% !important; /* override fixed width on mktoForm */
box-sizing: border-box;
}
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 {
-ms-flex-positive: 1;
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 Styles ]::::: */
/* :::::::::::::::::::::::::::::::: */
/* Form Layout > Settings: LABELS-ABOVE ---------------- */
form.mktoForm.mktoLayoutAbove .mktoFieldWrap {
flex-direction: column !important;
align-items: flex-start !important;
}
form.mktoForm.mktoLayoutAbove label.mktoLabel {
text-align: left !important;
padding: 0 0 .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;
text-align: right !important;
padding: 0 !important;
max-width: 120px; /* set width for labels left */
width: 120px !important; /* set width for labels left */
margin: auto 15px auto 0;
}
/* ::::::::::::::::::::::::::: */
/* :::::[ Form Elements ]::::: */
/* ::::::::::::::::::::::::::: */
/* ROWS ___________________ */
form.mktoForm .mktoFormRow,
form.mktoForm .mktoButtonRow {
flex-wrap: wrap;
flex-direction:row;
min-width:unset;
}
form.mktoForm .mktoFormRow {
margin: 0 -10px; /* offset .mktoFieldWrap padding (10px) */
}
/* COLUMNS ______________ */
form.mktoForm .mktoFormCol {
flex-basis: 0; /* make columns in a row equal widths */
min-height: 0px !important; /*mktoOverride*/
margin-bottom: 1.5rem !important; /* mktoOverride (inline) */
}
/* FIELDSET _________ */
form.mktoForm fieldset {
padding: 0px !important; /*mktoOverride*/
margin: 0px !important; /*mktoOverride*/
border: 0px !important; /*mktoOverride*/
}
/* FIELDWRAP ______________ */
form.mktoForm .mktoFieldWrap {
padding: 0px 10px !important;
}
/* LABELS __________________ */
form.mktoForm label.mktoLabel {
padding:.5rem !important;
font-size:0.8em !important;
font-weight: bold !important;
}
/* |>> Labels-Above ........................ */
form.mktoForm.mktoLayoutAbove label.mktoLabel {
text-align: left !important;
}
/* |>> Labels-Left ........................ */
form.mktoForm.mktoLayoutLeft label.mktoLabel {
text-align: right !important;
min-width:120px;
}
/* INPUTS (ALL) ______________ */
/* excludes radio & checkboxes */
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: #000110 !important;
padding: 8px 13px !important;
-ms-flex-positive: 1;
flex-grow:1;
width:100% !important;
min-height: 44px !important; /*mktoOverride*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:#fff !important;
border-width: 1px;
border-style: solid;
border-color: #ddd !important;
border-radius:0px;
-webkit-border-radius: 0px;
}
/* SELECT ___________________ */
form.mktoForm select.mktoField {
background-image: linear-gradient(135deg, #ddd 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #ddd 50%); /* downward triangle - match placeholder color */
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 not-valid states ............. */
form.mktoForm select.mktoField:not(.mktoValid),
form.mktoForm select.mktoField.mktoInvalid {
color: #ddd !important;
}
/* |>> Select invalid states .................. */
form.mktoForm select.mktoField.mktoInvalid:active,
form.mktoForm select.mktoField.mktoInvalid:focus {
color: initial !important;
}
/* |>> Select active states ........ */
form.mktoForm select.mktoField:focus,
form.mktoForm select.mktoField:active {
background-image: linear-gradient(135deg, #000110 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #000110 50%); /* downard triangle - :focus-color */
}
/* LOGICAL FIELDS (parent) ___ */
form.mktoForm .mktoRadioList,
form.mktoForm .mktoCheckboxList {
-ms-flex-positive: 1;
flex-grow: 1;
}
/* LOGICAL FIELDS (child) ______ */
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-left: 1.75em !important;
}
/* |>> Checkbox & Radio Inputs ....... */
form.mktoForm .mktoRadioList > input,
form.mktoForm .mktoCheckboxList > input {
float: left !important;
width: 1.25em !important;
height: 1.25em !important;
border-width: 1px;
border-style: solid;
border-color: #ddd !important;
background-color: #fff;
}
/* CHECKBOX _____________________ */
form.mktoForm input[type=checkbox] {
-webkit-appearance: none !important;
box-sizing: border-box !important;
border-radius:0px;
-webkit-border-radius: 0px;
}
/* |>> Checkbox :focus state .......... */
form.mktoForm input[type=checkbox]:focus {
outline:0px !important;
}
/* |>> Checkbox :checked state .................. */
form.mktoForm input[type=checkbox]:checked::before {
color: #000110 !important;
content:'\2713';
font-weight:bold !important;
width:1em !important;
height:1em !important;
text-align:center !important;
display:block !important;
margin-top:-2px;
margin-left:1px;
}
/* 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:checked,
form.mktoForm input.mktoField[type=radio]:focus {
border-color: #000110 !important;
outline: none !important;
border-width: 1px;
border-style: solid;
}
/* |>> Radio :checked state ......................... */
form.mktoForm input.mktoField[type=radio]:checked::before {
content:'';
background-color: #000110 !important;
height:11px;
width:11px;
position:absolute;
border-radius: 50%;
margin-top:2px;
margin-left:2px;
box-sizing:border-box;
}
/* TEXTAREA ___________________ */
form.mktoForm textarea.mktoField {
height: auto !important; /* override input fixed height */
}
/* INPUTS (ALL) :focus state ________ */
form.mktoForm input.mktoField:focus,
form.mktoForm select.mktoField:focus,
form.mktoForm textarea.mktoField:focus {
outline: 0px !important;
border-width: 1px;
border-style: solid;
border-color: #000110 !important;
}
/* FORM BUTTON _____________ */
/* |>> Button wrapper ...... */
form.mktoForm .mktoButtonWrap {
margin:.5rem auto 3rem 0 !important; /* left-align button */
}

/* |>> Button width toggle (default/full) ...... */
body.formButton-full form.mktoForm .mktoButtonWrap,
body.formButton-full form.mktoForm .mktoButtonWrap button.mktoButton {
    width: 100% !important;
}

/* |>> Button style .......... */
form.mktoForm button.mktoButton {
color: #fff !important;
background: #E13200 !important;
border: 1px solid #E13200 !important;
padding: 0.7rem 0.75rem !important;
font-size: 1.6rem !important;
line-height: 1.5 !important;
font-weight: 600 !important;
border-radius: 0;
box-shadow:none !important; /*mktoOverride*/
text-shadow:none !important; /*mktoOverride*/
    text-transform: uppercase;
    min-width: 14rem;
}
/* |>> Button :active states .. */
form.mktoForm .mktoButton:hover,
form.mktoForm .mktoButton:focus,
form.mktoForm .mktoButton:active {
color: #fff !important;
background: #bd2a00 !important;
border-color: #bd2a00 !important;
}
form.mktoForm .mktoButton:focus {
box-shadow: none !important;
}

/* KNOWN VISITOR BUTTON ____________ */
form.mktoForm a.btn-primary {
    color: #fff !important;
    background: #E13200 !important;
    border: 1px solid #E13200 !important;
    padding: 0.7rem 0.75rem !important;
    font-size: 1.6rem !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    border-radius: 0;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase;
    min-width: 14rem;
}

/* RICH TEXT _____________ */
form.mktoForm .mktoHtmlText {
padding: 0px !important;
width: 100% !important;
}

/* TEXT LINKS ______________ */
form.mktoForm a:not(.btn):hover, 
form.mktoForm a:not(.btn):focus, 
form.mktoForm a:not(.btn):active {
    color: #E13200 !important;
    text-decoration: underline;
}

/* PLACEHOLDERS ________________________ */
::-moz-placeholder{color: #ddd !important;}
::-webkit-input-placeholder{color: #ddd !important;}
:-ms-input-placeholder{color: #ddd !important;}
::placeholder{color: #ddd !important;}
/* ERROR MESSAGE _________________________ */
form.mktoForm input.mktoField.mktoInvalid,
form.mktoForm select.mktoField.mktoInvalid,
form.mktoForm textarea.mktoField.mktoInvalid,
.mktoLogicalField.mktoInvalid input {
border-color: #dd0000 !important;
}
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 .mktoError {
width: 100% !important;
display:flex;
position: relative !important;
left: 0 !important;
top:0 !important;
max-width:100% !important;
}
form.mktoForm .mktoErrorMsg {
-ms-flex-positive: 1;
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;
color: red !important;
outline: none !important;
background: transparent !important;
    border: none !important;
    max-width: 100% !important;
    padding-left: 8px !important;
}
form.mktoForm .mktoErrorDetail {
font-size: inherit !important;
display: inline-block !important;
}
/*/ ======== RESPONSIVE STYLES ========= /*/
/* twin styles: upto 576px, 768-991px || 1-column responsive */
@media screen and (max-width:576px) {
form.mktoForm,
form.mktoForm .mktoFormRow,
form.mktoForm .mktoFieldWrap {
display:block !important;
text-align: left !important;
}
form.mktoForm, form.mktoForm * {
padding:0px;
}
form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
padding-left:0px !important;
padding-right: 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, form.mktoForm * {
padding:0px;
}
form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
padding-left:0px !important;
padding-right: 0px !important;
}
} /* end responsive 768-991px */